/* Theme Name: Zaser Progression Theme URI: https://zaser.progressionstudios.com/ Author: Progression Studios Author URI: http://progressionstudios.com/ Description: Creative Multi-Purpose Theme Version: 1.5 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: zaser-progression */ /* Table of Contents 01. CSS RESET FILE 02. PRIMARY STYLES A. DEFAULT STYLES B. FONT STYLES C. CSS3 TRANSITIONS 03. MAIN CONTAINERS 04. SEARCH HEADER DROP DOWN 05. CART HEADER DROP DOWN 06. HEADER TOP STYLES 07. BLOG INDEX 08. BLOG POST STYLES 09. GRID STYLES 10. NAVIGATION STYLES 11. FLEXSLIDER STYLES 12. MOBILE NAVIGATION STYLES 13. PAGE TITLE STYLES 14. SLIDER REVOLUTION STYLES 15. VISUAL COMPOSER STYLES 16. TEAM MEMBER STYLES 17. PORTFOLIO INDEX STYLES 18. PORTFOLIO POST STYLES 19. MASONRY STYLES 20. IMAGE GRID STYLES 21. SIDEBAR AND WIDGET STYLES 22. WOOCOMMERCE WIDGET STYLES 23. CONTACT FORM STYLES 24. FOOTER STYLES 25. Owl Carousel - Animate Plugin 26. WOOCOMMERCE INDEX STYLES 27. WOOCOMMERCE POST STYLES 28. WOOCOMMERCE GALLERY STYLES 29. WOOCOMMERCE CART/CHECKOUT 30. WOOCOMMERCE MY ACCOUNT 31. WOOCOMMERCE NOTIFICATIONS 32. BUTTON STYLES 33. 404 Error STYLES 34. EVENTS CALENDAR STYLES 35. BBPRESS STYLES 36. PRETYPHOTO STYLES 37. PAGE LOADER 38. 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}img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle}svg:not(:root){overflow:hidden}figure,form{margin:0}fieldset{border:0;margin:0;padding:0}label{cursor:pointer}legend{border:0;padding:0;white-space:normal}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline}button,input{line-height:normal}button,input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}button[disabled],input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top;resize:vertical}input:invalid,textarea:invalid{background-color:#f0dddd}table{border-collapse:collapse;border-spacing:0}td{vertical-align:top}.chromeframe{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}.ir{display:block;border:0;text-indent:-999em;overflow:hidden;background-color:transparent;background-repeat:no-repeat;text-align:left;direction:ltr}.ir br{display:none}.hidden{display:none!important;visibility:hidden}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.invisible{visibility:hidden}.wp-caption,.wp-caption-text{}.clearfix-pro:after,.clearfix-pro:before{content:"";display:table}.clearfix-pro:after{clear:both}.lt-ie8 .clearfix-pro{visibility:hidden;width:0;height:0;clear:both} /* Cart/Search Header Icons */ @font-face { font-family: 'Pe-icon-7-stroke'; src:url('inc/pe-icon-7-stroke/fonts/Pe-icon-7-stroke.eot?d7yf1v'); src:url('inc/pe-icon-7-stroke/fonts/Pe-icon-7-stroke.eot?#iefixd7yf1v') format('embedded-opentype'), url('inc/pe-icon-7-stroke/fonts/Pe-icon-7-stroke.woff?d7yf1v') format('woff'), url('inc/pe-icon-7-stroke/fonts/Pe-icon-7-stroke.ttf?d7yf1v') format('truetype'), url('inc/pe-icon-7-stroke/fonts/Pe-icon-7-stroke.svg?d7yf1v#Pe-icon-7-stroke') format('svg'); font-weight: normal; font-style: normal; } [class^="pe-7s-"],[class*=" pe-7s-"]{display:inline-block;font-family:'Pe-icon-7-stroke';speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.pe-7s-album:before{content:"\e6aa"}.pe-7s-arc:before{content:"\e6ab"}.pe-7s-back-2:before{content:"\e6ac"}.pe-7s-bandaid:before{content:"\e6ad"}.pe-7s-car:before{content:"\e6ae"}.pe-7s-diamond:before{content:"\e6af"}.pe-7s-door-lock:before{content:"\e6b0"}.pe-7s-eyedropper:before{content:"\e6b1"}.pe-7s-female:before{content:"\e6b2"}.pe-7s-gym:before{content:"\e6b3"}.pe-7s-hammer:before{content:"\e6b4"}.pe-7s-headphones:before{content:"\e6b5"}.pe-7s-helm:before{content:"\e6b6"}.pe-7s-hourglass:before{content:"\e6b7"}.pe-7s-leaf:before{content:"\e6b8"}.pe-7s-magic-wand:before{content:"\e6b9"}.pe-7s-male:before{content:"\e6ba"}.pe-7s-map-2:before{content:"\e6bb"}.pe-7s-next-2:before{content:"\e6bc"}.pe-7s-paint-bucket:before{content:"\e6bd"}.pe-7s-pendrive:before{content:"\e6be"}.pe-7s-photo:before{content:"\e6bf"}.pe-7s-piggy:before{content:"\e6c0"}.pe-7s-plugin:before{content:"\e6c1"}.pe-7s-refresh-2:before{content:"\e6c2"}.pe-7s-rocket:before{content:"\e6c3"}.pe-7s-settings:before{content:"\e6c4"}.pe-7s-shield:before{content:"\e6c5"}.pe-7s-smile:before{content:"\e6c6"}.pe-7s-usb:before{content:"\e6c7"}.pe-7s-vector:before{content:"\e6c8"}.pe-7s-wine:before{content:"\e6c9"}.pe-7s-cloud-upload:before{content:"\e68a"}.pe-7s-cash:before{content:"\e68c"}.pe-7s-close:before{content:"\e680"}.pe-7s-bluetooth:before{content:"\e68d"}.pe-7s-cloud-download:before{content:"\e68b"}.pe-7s-way:before{content:"\e68e"}.pe-7s-close-circle:before{content:"\e681"}.pe-7s-id:before{content:"\e68f"}.pe-7s-angle-up:before{content:"\e682"}.pe-7s-wristwatch:before{content:"\e690"}.pe-7s-angle-up-circle:before{content:"\e683"}.pe-7s-world:before{content:"\e691"}.pe-7s-angle-right:before{content:"\e684"}.pe-7s-volume:before{content:"\e692"}.pe-7s-angle-right-circle:before{content:"\e685"}.pe-7s-users:before{content:"\e693"}.pe-7s-angle-left:before{content:"\e686"}.pe-7s-user-female:before{content:"\e694"}.pe-7s-angle-left-circle:before{content:"\e687"}.pe-7s-up-arrow:before{content:"\e695"}.pe-7s-angle-down:before{content:"\e688"}.pe-7s-switch:before{content:"\e696"}.pe-7s-angle-down-circle:before{content:"\e689"}.pe-7s-scissors:before{content:"\e697"}.pe-7s-wallet:before{content:"\e600"}.pe-7s-safe:before{content:"\e698"}.pe-7s-volume2:before{content:"\e601"}.pe-7s-volume1:before{content:"\e602"}.pe-7s-voicemail:before{content:"\e603"}.pe-7s-video:before{content:"\e604"}.pe-7s-user:before{content:"\e605"}.pe-7s-upload:before{content:"\e606"}.pe-7s-unlock:before{content:"\e607"}.pe-7s-umbrella:before{content:"\e608"}.pe-7s-trash:before{content:"\e609"}.pe-7s-tools:before{content:"\e60a"}.pe-7s-timer:before{content:"\e60b"}.pe-7s-ticket:before{content:"\e60c"}.pe-7s-target:before{content:"\e60d"}.pe-7s-sun:before{content:"\e60e"}.pe-7s-study:before{content:"\e60f"}.pe-7s-stopwatch:before{content:"\e610"}.pe-7s-star:before{content:"\e611"}.pe-7s-speaker:before{content:"\e612"}.pe-7s-signal:before{content:"\e613"}.pe-7s-shuffle:before{content:"\e614"}.pe-7s-shopbag:before{content:"\e615"}.pe-7s-share:before{content:"\e616"}.pe-7s-server:before{content:"\e617"}.pe-7s-search:before{content:"\e618"}.pe-7s-film:before{content:"\e6a5"}.pe-7s-science:before{content:"\e619"}.pe-7s-disk:before{content:"\e6a6"}.pe-7s-ribbon:before{content:"\e61a"}.pe-7s-repeat:before{content:"\e61b"}.pe-7s-refresh:before{content:"\e61c"}.pe-7s-add-user:before{content:"\e6a9"}.pe-7s-refresh-cloud:before{content:"\e61d"}.pe-7s-paperclip:before{content:"\e69c"}.pe-7s-radio:before{content:"\e61e"}.pe-7s-note2:before{content:"\e69d"}.pe-7s-print:before{content:"\e61f"}.pe-7s-network:before{content:"\e69e"}.pe-7s-prev:before{content:"\e620"}.pe-7s-mute:before{content:"\e69f"}.pe-7s-power:before{content:"\e621"}.pe-7s-medal:before{content:"\e6a0"}.pe-7s-portfolio:before{content:"\e622"}.pe-7s-like2:before{content:"\e6a1"}.pe-7s-plus:before{content:"\e623"}.pe-7s-left-arrow:before{content:"\e6a2"}.pe-7s-play:before{content:"\e624"}.pe-7s-key:before{content:"\e6a3"}.pe-7s-plane:before{content:"\e625"}.pe-7s-joy:before{content:"\e6a4"}.pe-7s-photo-gallery:before{content:"\e626"}.pe-7s-pin:before{content:"\e69b"}.pe-7s-phone:before{content:"\e627"}.pe-7s-plug:before{content:"\e69a"}.pe-7s-pen:before{content:"\e628"}.pe-7s-right-arrow:before{content:"\e699"}.pe-7s-paper-plane:before{content:"\e629"}.pe-7s-delete-user:before{content:"\e6a7"}.pe-7s-paint:before{content:"\e62a"}.pe-7s-bottom-arrow:before{content:"\e6a8"}.pe-7s-notebook:before{content:"\e62b"}.pe-7s-note:before{content:"\e62c"}.pe-7s-next:before{content:"\e62d"}.pe-7s-news-paper:before{content:"\e62e"}.pe-7s-musiclist:before{content:"\e62f"}.pe-7s-music:before{content:"\e630"}.pe-7s-mouse:before{content:"\e631"}.pe-7s-more:before{content:"\e632"}.pe-7s-moon:before{content:"\e633"}.pe-7s-monitor:before{content:"\e634"}.pe-7s-micro:before{content:"\e635"}.pe-7s-menu:before{content:"\e636"}.pe-7s-map:before{content:"\e637"}.pe-7s-map-marker:before{content:"\e638"}.pe-7s-mail:before{content:"\e639"}.pe-7s-mail-open:before{content:"\e63a"}.pe-7s-mail-open-file:before{content:"\e63b"}.pe-7s-magnet:before{content:"\e63c"}.pe-7s-loop:before{content:"\e63d"}.pe-7s-look:before{content:"\e63e"}.pe-7s-lock:before{content:"\e63f"}.pe-7s-lintern:before{content:"\e640"}.pe-7s-link:before{content:"\e641"}.pe-7s-like:before{content:"\e642"}.pe-7s-light:before{content:"\e643"}.pe-7s-less:before{content:"\e644"}.pe-7s-keypad:before{content:"\e645"}.pe-7s-junk:before{content:"\e646"}.pe-7s-info:before{content:"\e647"}.pe-7s-home:before{content:"\e648"}.pe-7s-help2:before{content:"\e649"}.pe-7s-help1:before{content:"\e64a"}.pe-7s-graph3:before{content:"\e64b"}.pe-7s-graph2:before{content:"\e64c"}.pe-7s-graph1:before{content:"\e64d"}.pe-7s-graph:before{content:"\e64e"}.pe-7s-global:before{content:"\e64f"}.pe-7s-gleam:before{content:"\e650"}.pe-7s-glasses:before{content:"\e651"}.pe-7s-gift:before{content:"\e652"}.pe-7s-folder:before{content:"\e653"}.pe-7s-flag:before{content:"\e654"}.pe-7s-filter:before{content:"\e655"}.pe-7s-file:before{content:"\e656"}.pe-7s-expand1:before{content:"\e657"}.pe-7s-exapnd2:before{content:"\e658"}.pe-7s-edit:before{content:"\e659"}.pe-7s-drop:before{content:"\e65a"}.pe-7s-drawer:before{content:"\e65b"}.pe-7s-download:before{content:"\e65c"}.pe-7s-display2:before{content:"\e65d"}.pe-7s-display1:before{content:"\e65e"}.pe-7s-diskette:before{content:"\e65f"}.pe-7s-date:before{content:"\e660"}.pe-7s-cup:before{content:"\e661"}.pe-7s-culture:before{content:"\e662"}.pe-7s-crop:before{content:"\e663"}.pe-7s-credit:before{content:"\e664"}.pe-7s-copy-file:before{content:"\e665"}.pe-7s-config:before{content:"\e666"}.pe-7s-compass:before{content:"\e667"}.pe-7s-comment:before{content:"\e668"}.pe-7s-coffee:before{content:"\e669"}.pe-7s-cloud:before{content:"\e66a"}.pe-7s-clock:before{content:"\e66b"}.pe-7s-check:before{content:"\e66c"}.pe-7s-chat:before{content:"\e66d"}.pe-7s-cart:before{content:"\e66e"}.pe-7s-camera:before{content:"\e66f"}.pe-7s-call:before{content:"\e670"}.pe-7s-calculator:before{content:"\e671"}.pe-7s-browser:before{content:"\e672"}.pe-7s-box2:before{content:"\e673"}.pe-7s-box1:before{content:"\e674"}.pe-7s-bookmarks:before{content:"\e675"}.pe-7s-bicycle:before{content:"\e676"}.pe-7s-bell:before{content:"\e677"}.pe-7s-battery:before{content:"\e678"}.pe-7s-ball:before{content:"\e679"}.pe-7s-back:before{content:"\e67a"}.pe-7s-attention:before{content:"\e67b"}.pe-7s-anchor:before{content:"\e67c"}.pe-7s-albums:before{content:"\e67d"}.pe-7s-alarm:before{content:"\e67e"}.pe-7s-airplay:before{content:"\e67f"} /* Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome */ @font-face{font-family:'FontAwesome';src:url('inc/font-awesome/fonts/fontawesome-webfont.eot?v=4.7.0');src:url('inc/font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('inc/font-awesome/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('inc/font-awesome/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('inc/font-awesome/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('inc/font-awesome/fonts/fontawesome-webfont.svg?v=4.7.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{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} /* =============================================== 02. PRIMARY STYLES =============================================== */ /* -------------------- A. DEFAULT STYLES -------------------- */ body { background:#ffffff; } a { color:#4145ee; } a:hover { color:#292ca7; } img { max-width:100%; height: auto; } body iframe { border:none; } .wpb_gmaps_widget .wpb_wrapper { padding:0px !important; } .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 15px 25px; } .alignleft { float:left; margin:0px 25px 15px 0px; } body hr { background:#e7e8eb; height:2px; border:none; margin:35px 0px 40px 0px; } .aligncenter { text-align:center; margin:0px auto 20px auto; display:block; } blockquote { border-left:4px solid #666666; margin-left:0px; padding-left:30px; line-height:1.8; } blockquote a:hover, blockquote a { color:#666666; } blockquote.alignleft, blockquote.alignright { width:32%; float:left; border-left:none; border-top:4px solid #666666; padding:15px 15px 0px 15px; margin-bottom:0px; } blockquote.alignright { float:right; } table { background:#ffffff; border-collapse: separate; border-spacing: 0; margin: 0 0 2em; max-width: 100%; border-left:1px solid #eaeaea; border-top:1px solid #eaeaea; } th, td { color:#606060; border: 1px solid #eaeaea; } table th { background:#eaeaea; } table caption, table th, table td { font-weight: normal; text-align: left; } table th { border-width: 0 1px 1px 0; font-weight: 700; } table td { border-width: 0 1px 1px 0; } table tr th, table tr td { padding: 8px 12px; } /* -------------------- B. FONT STYLES -------------------- */ body, body input, body textarea { line-height: 1.8; font-size:15px; color:#888888; font-family: 'Open Sans', sans-serif; } h1, h2, h3, h4, h5, h6 { -ms-word-wrap: break-word; word-wrap: break-word; padding:0px; color:#2d2d2d; font-weight:600; margin:0px 0px 15px 0px; line-height:1.4; font-family:'Poppins', sans-serif; } h1 { font-size:25px; line-height:1.2; font-weight:700; } h2 { font-size:22px; } h3 { font-size:20px; } h4{ font-size:18px; } h5 { font-size:17px; background:none; font-weight:500; } h6 { font-size:15px; font-weight:300; } /* -------------------- C. CSS3 TRANSITIONS -------------------- */ button.button, ul.products li.product h3, .sf-menu li.highlight-button a:before, .mobile-menu-icon-pro, a, input, textarea { transition-duration: 250ms; transition-property: color, background-color, opacity, border; transition-timing-function: ease-in-out; } .tp-thumbs.custom .tp-thumb, #bbpress-forums button.button, form.bbp-login-form button.user-submit, .progression-studios-shop-overlay-buttons, .progression-portfolio-content, .progression-portfolio-content-position, .pp_contract:after, .pp_expand:after, a.pp_close:before, a.pp_close:after, a.pp_previous:before, a.pp_next:before, .sf-menu a:before, .progression-mini-banner-icon, #progression-shopping-cart-count span.progression-cart-count, #panel-search-progression, body #progression-checkout-basket a { transition-duration: 250ms; transition-property: all; transition-timing-function: ease-in-out; } #progression-inline-icons { position:relative; top:1px; } #main-nav-mobile .progression-studios-social-icons a, #progression-inline-icons .progression-studios-social-icons a, #progression-shopping-cart-toggle a i.shopping-cart-header-icon, #progression-studios-header-search-icon i, #logo-pro img, .sf-menu a, #progression-shopping-cart-count a { transition-duration: 250ms; transition-property: padding-top, padding-bottom, color, background-color, width; transition-timing-function: ease-in-out; } header#masthead-pro { transition-duration: 250ms; transition-property: background; transition-timing-function: ease-in-out; } .no-hover-transition { transition-duration: 0ms; transition-property: all; transition-timing-function: ease-in-out; } /* Animation For Menus & Masonry CSS3 */ @keyframes ProMoveUp { from { } to { transform: translateY(0px); opacity: 1; } } @keyframes ProMoveOut { from { visibility:visible; opacity:1; } to { opacity: 0; visibility:hidden; } } li.sfHover ul.sf-mega, li.sfHover ul.sub-menu { transform: translateY(20px); opacity:0; animation-duration:250ms; animation-name: ProMoveUp; animation-timing-function: ease-in-out; animation-fill-mode: forwards; } body #progression-checkout-basket { opacity:0; visibility:hidden; } body .hover-out-class #progression-checkout-basket { animation-duration:200ms; animation-name: ProMoveOut; animation-timing-function: ease-in-out; animation-fill-mode: forwards; } body .activated-class #progression-checkout-basket { transform: translateY(20px); opacity:0; visibility:visible; animation-duration:250ms; animation-name: ProMoveUp; animation-timing-function: ease-in-out; animation-fill-mode: forwards; } body #progression-studios-header-search-icon.hide-search-icon-pro #panel-search-progression { animation-duration:200ms; animation-name: ProMoveOut; animation-timing-function: ease-in-out; animation-fill-mode: forwards; } body #progression-studios-header-search-icon.active-search-icon-pro #panel-search-progression { transform: translateY(20px); visibility:visible; animation-duration:250ms; animation-name: ProMoveUp; animation-timing-function: ease-in-out; animation-fill-mode: forwards; } body #panel-search-progression { visibility: hidden; z-index:5; opacity: 0; } /* =============================================== 03. MAIN CONTAINERS =============================================== */ /* -------------------- A. MAIN CONTAINER STYLES -------------------- */ .width-container-pro { width:1200px; margin: 0 auto; position:relative; padding:0px; } .progression-studios-header-full-width-no-gap #zaser-progression-header-top .width-container-pro, footer#site-footer.progression-studios-footer-full-width .width-container-pro, .progression-studios-page-title-full-width #page-title-pro .width-container-pro, .progression-studios-header-full-width #zaser-progression-header-top .width-container-pro, .progression-studios-header-full-width header#masthead-pro .width-container-pro { width:auto; padding-right:40px; padding-left:40px; } .progression-studios-header-full-width-no-gap header#masthead-pro .width-container-pro { width:auto; padding-right:20px; } #content-pro { overflow:hidden; padding-top:60px; padding-bottom:60px; } #main-container-pro { float:left; width:73%; position:relative; } .sidebar { float:right; width:24%; } .disable-sidebar-post-progression #main-container-pro { width:100%; } .disable-sidebar-post-progression .sidebar{ display:none; } .left-sidebar-pro #main-container-pro { float:right; } .left-sidebar-pro .sidebar { float:left; } /* -------------------- B. HEADER CONTAINERS -------------------- */ /* Fix Fixed Safari Text Ligthen on Position Fixed */ header#masthead-pro { -webkit-font-smoothing:subpixel-antialiased; } .progression-disable-header-per-page #progression-studios-header-position { display:none; } .progression-disable-footer-per-page footer#site-footer { display:none; } .progression-studios-transparent-header header#masthead-pro { position:absolute; width:100%; z-index:50; background-color:transparent; box-shadow: none; -webkit-font-smoothing:antialiased; } .progression-studios-transparent-header header#masthead-pro .sf-menu ul { -webkit-font-smoothing:subpixel-antialiased; } .progression-studios-transparent-header header#masthead-pro:after { display:none; height:1px; content:''; width:100%; position:absolute; margin-bottom:-1px; background:red; z-index:1; } .progression-studios-transparent-header .progression-sticky-scrolled header#masthead-pro:after { display:none; } header#masthead-pro .width-container-pro.progression-studios-logo-container { z-index:50; } .progression-studios-transparent-header .progression-sticky-scrolled header#masthead-pro, header#masthead-pro { z-index:50; position:relative; } .progression-sticky-scrolled header#masthead-pro { border:none; } header#masthead-pro h1#logo-pro { z-index:55; margin:0px 30px 0px 0px; padding:0px; line-height:1; font-size:5px; border:none; float:left; } .progression-studios-logo-position-right header#masthead-pro h1#logo-pro, .progression-studios-logo-position-right h1#logo-pro { float:right; margin-left:25px; margin-right:0px; } body .progression-studios-logo-position-center header#masthead-pro h1#logo-pro, body .progression-studios-logo-position-center h1#logo-pro { float:none ; margin:0 auto ; text-align:center ; } body .progression-studios-logo-position-center h1#logo-pro img { margin:0 auto ; } header#masthead-pro h1#logo-pro a { display:block; } body #logo-pro img { max-width:100%; } body.admin-bar .progression-sticky-scrolled { margin-top:32px; } .progression-studios-sticky-logo { display:none; float:left; } .progression-sticky-scrolled .progression-studios-sticky-logo { display:block; } .progression-sticky-scrolled .progression-studios-hide-mobile-custom-logo { display:none; } .progression-sticky-scrolled .progression-studios-custom-logo-per-page-hide-default { display:block; } .progression-sticky-scrolled .progression-studios-default-logo-hide.progression-studios-default-logo { display:none; } .progression-studios-custom-logo-per-page-hide-default { display:none; } #progression-shopping-cart-count i.shopping-cart-header-icon, #progression-studios-header-search-icon i.pe-7s-search:before { -webkit-text-stroke: 0.5px; -moz-text-stroke: 0.5px; text-stroke: 0.5px; position:relative; top:-1px; } #progression-studios-header-search-icon.active-search-icon-pro i.pe-7s-search:before { content: "\e680"; } #progression-studios-header-search-icon i.pe-7s-search { cursor:pointer; } #progression-studios-header-search-icon { float:right; position:relative; margin-left:-3px; } #progression-shopping-cart-count { float:right; position:relative; } #progression-shopping-cart-count a.progression-count-icon-nav { display:block; position:relative; } #progression-shopping-cart-count span.progression-cart-count { position:relative; border-radius: 20px; text-align:center; display:inline-block; float:right; margin-top:-10px; right:6px; background:#aaaaaa; color:#ffffff; font-family:Helvetica, Arial, sans-serif; font-weight:400; width:15px; height:15px; line-height:15px; font-size:10px; letter-spacing:0px; } #progression-inline-icons .progression-studios-social-icons { float:right; line-height: 1; } #progression-inline-icons .progression-studios-social-icons a { display:block; float:left; } #progression-nav-container { float:right; } header#masthead-pro.progression-studios-nav-left #progression-nav-container { float:left; } header#masthead-pro.progression-studios-nav-center #progression-nav-container { width:1015px; margin:0 auto; float:none; } @media only screen and (min-width: 960px) and (max-width: 1300px) { header#masthead-pro.progression-studios-nav-center #progression-nav-container { width:auto; } } @media only screen and (max-width: 960px) { header#masthead-pro.progression-studios-nav-center #progression-nav-container { width:auto; } } header#masthead-pro.progression-studios-nav-center #progression-nav-container nav#site-navigation { display:table; margin:0 auto; } .progression-disable-logo-below-per-page header#masthead-pro .progression-studios-logo-container, .progression-disable-logo-below-per-page #header-container-logo-progression .progression-studios-logo-container { display:none; } /* Sidebar Header Layout */ @media only screen and (min-width: 959px) { body.progression-studios-header-sidebar-before .width-container-pro { width:94%; } body.progression-studios-header-sidebar-before:before { display:block; width:300px; content: ""; height: 100%; min-height: 100%; position: fixed; top: 0; left: 0; z-index: 10; background:#ffffff; } body.progression-studios-header-sidebar-before #secondary-image-post-overlay-image { width: calc(100% - 300px); } body.progression-studios-header-sidebar-before #post-secondary-page-title-pro #progression-studios-page-title-container, body.progression-studios-header-sidebar-before #secondary-image-post-overlay-image, body.progression-studios-header-sidebar-before #blog-single-navigation, body.progression-studios-header-sidebar-before #portfolio-single-navigation, body.progression-studios-header-sidebar-before #zaser-progression-header-top, body.progression-studios-header-sidebar-before #page-title-pro, body.progression-studios-header-sidebar-before footer#site-footer, body.progression-studios-header-sidebar-before #content-pro { margin-left:300px; } /* Fix for Full Width Columns */ body.progression-studios-header-sidebar-before [data-vc-full-width-init="true"] { padding-left:300px !important; padding-right:0px !important; } /* Menu Positioning */ body.progression-studios-header-sidebar-before header#masthead-pro { box-shadow:none; background:none; position:absolute; left:0px; top:0px; width:300px; } body.progression-studios-header-sidebar-before header#masthead-pro .width-container-pro { width:190px; margin:0px 55px; } /* Logo Styling */ body.progression-studios-header-sidebar-before .progression-studios-logo-position-center header#masthead-pro h1#logo-pro, body.progression-studios-header-sidebar-before .progression-studios-logo-position-right header#masthead-pro h1#logo-pro, body.progression-studios-header-sidebar-before header#masthead-pro h1#logo-pro { text-align:left; float:none; } body.progression-studios-header-sidebar-before .progression-studios-logo-position-right header#masthead-pro h1#logo-pro { text-align:right; } body.progression-studios-header-sidebar-before .progression-studios-logo-position-center header#masthead-pro h1#logo-pro { text-align:center; } /* Vertical Navigation Styles */ body.progression-studios-header-sidebar-before header#masthead-pro .sf-menu { position:relative; } body.progression-studios-header-sidebar-before header#masthead-pro .sf-menu ul { left: calc(100% + 55px); top:0; } body.progression-studios-header-sidebar-before header#masthead-pro .sf-menu ul ul { left:100%; } body.progression-studios-header-sidebar-before header#masthead-pro .sf-menu li { width: 100%; } body.progression-studios-header-sidebar-before header#masthead-pro .sf-menu li li { width:auto; } body.progression-studios-header-sidebar-before header#masthead-pro .sf-menu li a { margin-left:-55px; margin-right:-55px; padding-left:55px; padding-right:55px; } body.progression-studios-header-sidebar-before header#masthead-pro .sf-menu li li a { margin:0px; padding-left:0px; padding-right:50px; } /* Nav Alignment */ body.progression-studios-header-sidebar-before header#masthead-pro.progression-studios-nav-center { text-align:center; } body.progression-studios-header-sidebar-before header#masthead-pro.progression-studios-nav-center .sf-menu ul { text-align:left; } body.progression-studios-header-sidebar-before header#masthead-pro.progression-studios-nav-left #progression-nav-container { float:none; } body.progression-studios-header-sidebar-before header#masthead-pro.progression-studios-nav-center #progression-nav-container { width:auto; margin:0; float:none; } /* Mega Menu */ body.progression-studios-header-sidebar-before header#masthead-pro .sf-mega { width:800px; } body.progression-studios-header-sidebar-before header#masthead-pro .sf-mega { top:0px; } body.progression-studios-header-sidebar-before header#masthead-pro .sf-mega, body.progression-studios-header-sidebar-before header#masthead-pro-hidden .sf-mega { margin-left:0; } body.progression-studios-header-sidebar-before header#masthead-pro .sf-mega .sf-mega-section { width:33%; float:left; } body.progression-studios-header-sidebar-before header#masthead-pro .sf-mega .sf-mega-section.columns-pro-1 { width:100%; } body.progression-studios-header-sidebar-before header#masthead-pro .sf-mega .sf-mega-section.columns-pro-2 { width:50%; } body.progression-studios-header-sidebar-before header#masthead-pro .sf-mega .sf-mega-section.columns-pro-3 { width:33%; } body.progression-studios-header-sidebar-before header#masthead-pro .sf-mega .sf-mega-section.columns-pro-4 { width:25%; } body.progression-studios-header-sidebar-before header#masthead-pro .sf-mega .sf-mega-section.columns-pro-5 { width:20%; } body.progression-studios-header-sidebar-before header#masthead-pro .sf-mega .sf-mega-section.columns-pro-6 { width:16.5%; } /* Underline Fixes */ body.progression-studios-header-sidebar-before header#masthead-pro .sf-menu a:before { margin-left:55px; } body.progression-studios-header-sidebar-before header#masthead-pro .sf-menu a:hover:before, body.progression-studios-header-sidebar-before header#masthead-pro .sf-menu li.sfHover a:before, body.progression-studios-header-sidebar-before header#masthead-pro .sf-menu li.current-menu-item a:before { width: -moz-calc(100% - 110px); width: -webkit-calc(100% - 110px); width: calc(100% - 110px); } /* New + Arrow Position */ body.progression-studios-header-sidebar-before header#masthead-pro .progression-mini-banner-icon { right:55px; } body.progression-studios-header-sidebar-before header#masthead-pro .sf-arrows .sf-with-ul:after { content:"\f105"; right:60px; } body.progression-studios-header-sidebar-before header#masthead-pro li li .progression-mini-banner-icon, body.progression-studios-header-sidebar-before header#masthead-pro .sf-arrows li li .sf-with-ul:after { right:10px; } /* Highlight Button */ body.progression-studios-header-sidebar-before header#masthead-pro .sf-menu li.highlight-button { margin-left:0px; margin-right:0px; } body.progression-studios-header-sidebar-before header#masthead-pro .sf-menu li.highlight-button a:before { margin-left:0px; width:100% !important; height:50px; margin-top:-25px; } /* Cart & Search */ body.progression-studios-header-sidebar-before #progression-studios-header-search-icon, body.progression-studios-header-sidebar-before #progression-shopping-cart-count { display:block; text-align:center; margin:0 auto; float:none; } body.progression-studios-header-sidebar-before #panel-search-progression, body.progression-studios-header-sidebar-before #progression-checkout-basket { right:auto; top:0px; left:calc(100% + 55px); } body.progression-studios-header-sidebar-before #progression-shopping-cart-count span.progression-cart-count { right:50%; margin-right:-24px; } /* Social Icons Inline */ body.progression-studios-header-sidebar-before #progression-inline-icons .progression-studios-social-icons { float:none; text-align:center; padding:0px 0px 25px 0px; margin:0px; width:300px; left:0px; bottom:0px; z-index:35; position:fixed; } body.progression-studios-header-sidebar-before #progression-inline-icons .progression-studios-social-icons a { float:none; padding-top:0px; display:inline-block; padding-left:7px; padding-right:7px; } } @media only screen and (min-width: 960px) and (max-width: 1100px) { body.progression-studios-header-sidebar-before #progression-inline-icons .progression-studios-social-icons, body.progression-studios-header-sidebar-before:before { width:270px; } body.progression-studios-header-sidebar-before #secondary-image-post-overlay-image { width: calc(100% - 270px); } body.progression-studios-header-sidebar-before #post-secondary-page-title-pro #progression-studios-page-title-container, body.progression-studios-header-sidebar-before #secondary-image-post-overlay-image, body.progression-studios-header-sidebar-before #blog-single-navigation, body.progression-studios-header-sidebar-before #portfolio-single-navigation, body.progression-studios-header-sidebar-before #zaser-progression-header-top, body.progression-studios-header-sidebar-before #page-title-pro, body.progression-studios-header-sidebar-before footer#site-footer, body.progression-studios-header-sidebar-before #content-pro { margin-left:270px; } /* Fix for Full Width Columns */ body.progression-studios-header-sidebar-before [data-vc-full-width-init="true"] { padding-left:270px !important; padding-right:0px !important; } /* Menu Positioning */ body.progression-studios-header-sidebar-before header#masthead-pro { box-shadow:none; background:none; position:absolute; left:0px; top:0px; width:270px; } body.progression-studios-header-sidebar-before header#masthead-pro .width-container-pro { width:180px; margin:0px 45px; } body.progression-studios-header-sidebar-before header#masthead-pro .sf-menu ul { left: calc(100% + 45px); } body.progression-studios-header-sidebar-before header#masthead-pro .sf-menu ul ul { left:100%; } body.progression-studios-header-sidebar-before header#masthead-pro .sf-menu li a { margin-left:-45px; margin-right:-45px; padding-left:45px; padding-right:45px; } body.progression-studios-header-sidebar-before header#masthead-pro .sf-menu li li a { padding-left:0px; padding-right:45px; } body.progression-studios-header-sidebar-before header#masthead-pro .sf-menu a:before { margin-left:45px; } body.progression-studios-header-sidebar-before header#masthead-pro .sf-menu a:hover:before, body.progression-studios-header-sidebar-before header#masthead-pro .sf-menu li.sfHover a:before, body.progression-studios-header-sidebar-before header#masthead-pro .sf-menu li.current-menu-item a:before { width: -moz-calc(100% - 90px); width: -webkit-calc(100% - 90px); width: calc(100% - 90px); } /* New + Arrow Position */ body.progression-studios-header-sidebar-before header#masthead-pro .progression-mini-banner-icon { right:45px; } body.progression-studios-header-sidebar-before header#masthead-pro .sf-arrows .sf-with-ul:after { right:50px; } body.progression-studios-header-sidebar-before header#masthead-pro li li .progression-mini-banner-icon, body.progression-studios-header-sidebar-before header#masthead-pro .sf-arrows li li .sf-with-ul:after { right:10px; } body.progression-studios-header-sidebar-before #panel-search-progression, body.progression-studios-header-sidebar-before #progression-checkout-basket { right:auto; top:0px; left:calc(100% + 45px); } } /* END SIDEBAR HEADER LAYOUT */ @media only screen and (max-width: 959px) { body.progression-studios-header-sidebar-before #progression-studios-sidebar-sticky-header { position:relative !important; top: 0px !important; width:100% !important; } } /* =============================================== 04. SEARCH HEADER DROP DOWN =============================================== */ body #progression-studios-header-search-icon.active-search-icon-pro #panel-search-progression { z-index:5; } body #panel-search-progression { position:absolute; right:0px; padding:22px 25px; } #panel-search-progression .search-form input.search-field { padding:15px 16px 15px 16px; width:220px; border-color:#666666; border-width:1px; background-color:rgba(255,255,255, 0); background-position:right 11px; background-image:url(images/search-magnify-light.png); } #panel-search-progression .search-form input.search-field:focus { border-color:#666666; color:#ffffff; outline:none; } .search-form input.search-field:focus { outline:none; } .search-form input { padding:16px 18px; margin:0px; border:none; float:left; } .search-form { max-width:400px; } .search-form input.search-field { background:#ffffff; border:1px solid #ffffff; margin:0px; width:85%; padding:16px 6%; background-image:url(images/search-magnify.png); background-position:right 12px; background-repeat:no-repeat; font-family:'Poppins', sans-serif; font-weight:300; } @media screen and (-webkit-min-device-pixel-ratio: 1.5) { #panel-search-progression .search-form input.search-field {background-image: url(images/search-magnify-light@2x.png); background-size:40px 30px;} .search-form input.search-field {background-image: url(images/search-magnify@2x.png); background-size:40px 30px;} } .search-form input.search-submit { display:none; } /* =============================================== 05. CART HEADER DROP DOWN =============================================== */ body #progression-checkout-basket { position:absolute; width:260px; right:0px; margin:0px; padding:20px 24px 15px 24px; z-index:15; } #progression-checkout-basket ul#progression-cart-small { list-style:none; margin:0px 0px 25px 0px; padding:0px; } #progression-checkout-basket ul#progression-cart-small li { border-bottom:1px solid #e9e9e9; padding:16px 12px 18px 0px; position:relative; min-height:50px; overflow:hidden; } #progression-checkout-basket ul#progression-cart-small li img { float:left; width:50px; } #progression-checkout-basket ul#progression-cart-small li .progression-cart-small-text { margin-left:65px; position:relative; margin-right:10px; } #progression-checkout-basket ul#progression-cart-small li h6 { font-weight:500; font-size:14px; line-height:1.2; padding-top:5px; margin-bottom:0px; background:none !important; } #progression-checkout-basket ul#progression-cart-small li a { padding:0px; } #progression-checkout-basket ul#progression-cart-small li a, #progression-checkout-basket ul#progression-cart-small li a:hover { background:none; } #progression-checkout-basket ul#progression-cart-small .progression-cart-small-text dl { margin:0px; padding:0px; } #progression-checkout-basket ul#progression-cart-small .progression-cart-small-text dd p { display:inline; margin:0px; padding:0px; } #progression-checkout-basket ul#progression-cart-small .progression-cart-small-text dd, #progression-checkout-basket ul#progression-cart-small .progression-cart-small-text dt { display:inline; font-size:11px; opacity:0.7; margin:0px; padding:0px; } #progression-checkout-basket ul#progression-cart-small .progression-cart-small-quantity { font-size:11px; opacity:0.7; } #progression-checkout-basket ul#progression-cart-small a.remove-cart-header { position:absolute; right:0px; top:14px; } #progression-checkout-basket ul#progression-cart-small li.empty { padding-top:16px; padding-bottom:16px; min-height:0px; } #progression-checkout-basket .progression-sub-total { float:right; padding:6px 0px 10px 0px; text-transform:uppercase; font-size:12px; font-family: 'Poppins', sans-serif; font-weight:500; } #progression-checkout-basket .progression-sub-total span.total-number-add { font-weight:700; } #progression-checkout-basket a.cart-button-header-cart { display:block; float:left; text-align:center; background:none; line-height:1; position:relative; padding:10px 14px; font-size:11px; font-weight:500; font-family: 'Poppins', sans-serif; border:2px solid #999999; margin-bottom:15px; } #progression-checkout-basket a.cart-button-header-cart i { padding-left:6px; } /* =============================================== 06. HEADER TOP STYLES =============================================== */ .progression-studios-header-left, .progression-studios-header-right { float:left; width:50%; min-height:1px; -webkit-font-smoothing:subpixel-antialiased; } .progression-studios-header-right { text-align:right; } #progression-header-top-right-container, .progression-studios-header-right .widget { float:right; } #progression-header-top-left-container, .progression-studios-header-left .widget { float:left; } .progression-studios-header-left .widget, .progression-studios-header-right .widget { padding-top:12px; padding-bottom:12px; } #zaser-progression-header-top .textwidget { display:inline-block; } #zaser-progression-header-top { color:#2e2e2e; font-size:10px; line-height:1; position:relative; z-index:55; font-weight:500; } #zaser-progression-header-top span.progression-mini-banner-icon { display:none; } #zaser-progression-header-top i { font-size:110%; position:relative; top:-1px; margin-bottom:-3px; } #zaser-progression-header-top i.fa-phone { top:0px; } #zaser-progression-header-top .sf-menu i { font-size:100%; position:relative; top:0px; margin-bottom:-2px; } #zaser-progression-header-top a { color:#2e2e2e; } #progression-header-top-right-container .sf-menu li.normal-item-pro ul { left: auto; right:18px; } #progression-header-top-right-container .sf-menu li.normal-item-pro ul ul { left: 100%; right:auto; } #zaser-progression-header-top #progression-header-top-right-container .sf-menu { margin-right:-20px; } #zaser-progression-header-top .sf-menu a { text-align:left; color:#2e2e2e; font-size:11px; padding-left:0px; padding-right:20px; background:none; } #zaser-progression-header-top .sf-arrows .sf-with-ul { padding-right: 35px; } #zaser-progression-header-top .sf-arrows .sf-with-ul:after { right: 29px; } #zaser-progression-header-top .sf-menu li li a { text-decoration:none; text-transform:none; font-size:11px; margin:0px; } #zaser-progression-header-top .sf-mega { z-index:60; display:none; left:0px; position:absolute; box-sizing: border-box ; width:100%; padding:0px; margin:0px; } #zaser-progression-header-top .sf-mega { width:1200px; left:50%; margin-left:-600px; } #zaser-progression-header-top .sf-menu .sf-mega { padding-top:0px; padding-bottom:0px; } #zaser-progression-header-top .sf-menu .sf-mega ul { padding-top:0px; padding-bottom:0px; } #zaser-progression-header-top .sf-menu .sf-mega ul { border-top:none; margin-top:0px; } #zaser-progression-header-top .sf-mega li li a { padding-right:25px; }/* Mega Padding-right fix to allow more space */ #zaser-progression-header-top .sf-mega li li:last-child a { padding-bottom:18px; } #zaser-progression-header-top .sf-mega ul { background:none; margin:0; border:none; } /* Social Icons */ #zaser-progression-header-top .progression-studios-header-right .progression-studios-social-icons { float:right; } #zaser-progression-header-top .progression-studios-social-icons { float:left; } #zaser-progression-header-top .progression-studios-social-icons a { margin-top:8px; margin-bottom:8px; } #zaser-progression-header-top .progression-studios-social-icons i { font-size:100%; top:0px; margin-bottom:0px; } #zaser-progression-header-top .progression-studios-social-icons a { border-radius: 30px; text-align:center; display:inline-block; line-height:1; margin-left:8px; padding:5px; font-size:9px; min-width:10px; background:#2e2e2e; color:#ffffff; } #prohibition-icon-secondary .progression-studios-social-icons a:hover, #zaser-progression-header-top .progression-studios-social-icons a:hover { background:#888888; border-color:#888888; color:#ffffff; } #prohibition-icon-secondary .progression-studios-social-icons a.progression-studios-wishlist:hover, #zaser-progression-header-top .progression-studios-social-icons a.progression-studios-wishlist:hover { background:#a43939; border-color:#a43939; } #prohibition-icon-secondary .progression-studios-social-icons a.progression-studios-facebook:hover, #zaser-progression-header-top .progression-studios-social-icons a.progression-studios-facebook:hover { background:#3b5998; border-color:#3b5998; } #prohibition-icon-secondary .progression-studios-social-icons a.progression-studios-twitter:hover, #zaser-progression-header-top .progression-studios-social-icons a.progression-studios-twitter:hover { background:#00aced; border-color:#00aced; } #prohibition-icon-secondary .progression-studios-social-icons a.progression-studios-instagram:hover, #zaser-progression-header-top .progression-studios-social-icons a.progression-studios-instagram:hover { background:#517fa4; border-color:#517fa4; } #prohibition-icon-secondary .progression-studios-social-icons a.progression-studios-spotify:hover, #zaser-progression-header-top .progression-studios-social-icons a.progression-studios-spotify:hover { background:#00e461; border-color:#00e461; } #prohibition-icon-secondary .progression-studios-social-icons a.progression-studios-youtube:hover, #zaser-progression-header-top .progression-studios-social-icons a.progression-studios-youtube:hover { background:#bb0000; border-color:#bb0000; } #prohibition-icon-secondary .progression-studios-social-icons a.progression-studios-vimeo:hover, #zaser-progression-header-top .progression-studios-social-icons a.progression-studios-vimeo:hover { background:#42c0fb; border-color:#42c0fb; } #prohibition-icon-secondary .progression-studios-social-icons a.progression-studios-google-plus:hover, #zaser-progression-header-top .progression-studios-social-icons a.progression-studios-google-plus:hover { background:#dd4b39; border-color:#dd4b39; } #prohibition-icon-secondary .progression-studios-social-icons a.progression-studios-pinterest:hover, #zaser-progression-header-top .progression-studios-social-icons a.progression-studios-pinterest:hover { background:#cb2027; border-color:#cb2027; } #prohibition-icon-secondary .progression-studios-social-icons a.progression-studios-sounddcloud:hover, #zaser-progression-header-top .progression-studios-social-icons a.progression-studios-sounddcloud:hover { background:#888888; border-color:#888888; } #prohibition-icon-secondary .progression-studios-social-icons a.progression-studios-linkedin:hover, #zaser-progression-header-top .progression-studios-social-icons a.progression-studios-linkedin:hover { background:#007bb6; border-color:#007bb6; } #prohibition-icon-secondary .progression-studios-social-icons a.progression-studios-soundcloud:hover, #zaser-progression-header-top .progression-studios-social-icons a.progression-studios-soundcloud:hover { background:#fd5315; border-color:#fd5315; } #prohibition-icon-secondary .progression-studios-social-icons a.progression-studios-snapchat:hover, #zaser-progression-header-top .progression-studios-social-icons a.progression-studios-snapchat:hover { background:#fffc00; border-color:#fffc00; } #prohibition-icon-secondary .progression-studios-social-icons a.progression-studios-tumblr:hover, #zaser-progression-header-top .progression-studios-social-icons a.progression-studios-tumblr:hover { background:#32506d; border-color:#32506d; } #prohibition-icon-secondary .progression-studios-social-icons a.progression-studios-flickr:hover, #zaser-progression-header-top .progression-studios-social-icons a.progression-studios-flickr:hover { background:#ff0084; border-color:#ff0084; } #prohibition-icon-secondary .progression-studios-social-icons a.progression-studios-dribbble:hover, #zaser-progression-header-top .progression-studios-social-icons a.progression-studios-dribbble:hover { background:#ea4c89; border-color:#ea4c89; } #prohibition-icon-secondary .progression-studios-social-icons a.progression-studios-vk:hover, #zaser-progression-header-top .progression-studios-social-icons a.progression-studios-vk:hover { background:#45668e; border-color:#45668e; } #prohibition-icon-secondary .progression-studios-social-icons a.progression-studios-wordpress:hover, #zaser-progression-header-top .progression-studios-social-icons a.progression-studios-wordpress:hover { background:#21759b; border-color:#21759b; } #prohibition-icon-secondary .progression-studios-social-icons a.progression-studios-houzz:hover, #zaser-progression-header-top .progression-studios-social-icons a.progression-studios-houzz:hover { background:#7dbf4a; border-color:#7dbf4a; } #prohibition-icon-secondary .progression-studios-social-icons a.progression-studios-behance:hover, #zaser-progression-header-top .progression-studios-social-icons a.progression-studios-behance:hover { background:#1769ff; border-color:#1769ff; } #prohibition-icon-secondary .progression-studios-social-icons a.progression-studios-github:hover, #zaser-progression-header-top .progression-studios-social-icons a.progression-studios-github:hover { background:#000000; border-color:#000000; } #prohibition-icon-secondary .progression-studios-social-icons a.progression-studios-lastfm:hover, #zaser-progression-header-top .progression-studios-social-icons a.progression-studios-lastfm:hover { background:#b80009; border-color:#b80009; } #prohibition-icon-secondary .progression-studios-social-icons a.progression-studios-medium:hover, #zaser-progression-header-top .progression-studios-social-icons a.progression-studios-medium:hover { background:#17aa6e; border-color:#17aa6e; } #prohibition-icon-secondary .progression-studios-social-icons a.progression-studios-tripadvisor:hover, #zaser-progression-header-top .progression-studios-social-icons a.progression-studios-tripadvisor:hover { background:#5a9346; border-color:#5a9346; } #prohibition-icon-secondary .progression-studios-social-icons a.progression-studios-twitch:hover, #zaser-progression-header-top .progression-studios-social-icons a.progression-studios-twitch:hover { background:#6346a2; border-color:#6346a2; } #prohibition-icon-secondary .progression-studios-social-icons a.progression-studios-yelp:hover, #zaser-progression-header-top .progression-studios-social-icons a.progression-studios-yelp:hover { background:#c11419; border-color:#c11419; } #main-nav-mobile .progression-studios-social-icons { text-align:center; padding:10px 0px; } #main-nav-mobile .progression-studios-social-icons a { margin-top:8px; margin-bottom:8px; } #main-nav-mobile .progression-studios-social-icons i { font-size:100%; top:0px; margin-bottom:0px; } #main-nav-mobile .progression-studios-social-icons a { border-radius: 30px; text-align:center; display:inline-block; line-height:1; margin-left:8px; padding:5px; font-size:11px; min-width:12px; background:#2e2e2e; color:#ffffff; } #main-nav-mobile .progression-studios-social-icons a:hover { background:#888888; border-color:#888888; color:#ffffff; } #main-nav-mobile .progression-studios-social-icons a.progression-studios-facebook:hover { background:#3b5998; border-color:#3b5998; } #main-nav-mobile .progression-studios-social-icons a.progression-studios-twitter:hover { background:#00aced; border-color:#00aced; } #main-nav-mobile .progression-studios-social-icons a.progression-studios-instagram:hover { background:#517fa4; border-color:#517fa4; } #main-nav-mobile .progression-studios-social-icons a.progression-studios-spotify:hover { background:#00e461; border-color:#00e461; } #main-nav-mobile .progression-studios-social-icons a.progression-studios-youtube:hover { background:#bb0000; border-color:#bb0000; } #main-nav-mobile .progression-studios-social-icons a.progression-studios-vimeo:hover { background:#42c0fb; border-color:#42c0fb; } #main-nav-mobile .progression-studios-social-icons a.progression-studios-google-plus:hover { background:#dd4b39; border-color:#dd4b39; } #main-nav-mobile .progression-studios-social-icons a.progression-studios-pinterest:hover { background:#cb2027; border-color:#cb2027; } #main-nav-mobile .progression-studios-social-icons a.progression-studios-sounddcloud:hover { background:#888888; border-color:#888888; } #main-nav-mobile .progression-studios-social-icons a.progression-studios-linkedin:hover { background:#007bb6; border-color:#007bb6; } #main-nav-mobile .progression-studios-social-icons a.progression-studios-soundcloud:hover { background:#fd5315; border-color:#fd5315; } #main-nav-mobile .progression-studios-social-icons a.progression-studios-snapchat:hover { background:#fffc00; border-color:#fffc00; } #main-nav-mobile .progression-studios-social-icons a.progression-studios-tumblr:hover { background:#32506d; border-color:#32506d; } #main-nav-mobile .progression-studios-social-icons a.progression-studios-flickr:hover { background:#ff0084; border-color:#ff0084; } #main-nav-mobile .progression-studios-social-icons a.progression-studios-dribbble:hover { background:#ea4c89; border-color:#ea4c89; } #main-nav-mobile .progression-studios-social-icons a.progression-studios-vk:hover { background:#45668e; border-color:#45668e; } #main-nav-mobile .progression-studios-social-icons a.progression-studios-wordpress:hover { background:#21759b; border-color:#21759b; } #main-nav-mobile .progression-studios-social-icons a.progression-studios-houzz:hover { background:#7dbf4a; border-color:#7dbf4a; } #main-nav-mobile .progression-studios-social-icons a.progression-studios-behance:hover { background:#1769ff; border-color:#1769ff; } #main-nav-mobile .progression-studios-social-icons a.progression-studios-github:hover { background:#000000; border-color:#000000; } #main-nav-mobile .progression-studios-social-icons a.progression-studios-lastfm:hover { background:#b80009; border-color:#b80009; } #main-nav-mobile .progression-studios-social-icons a.progression-studios-medium:hover { background:#17aa6e; border-color:#17aa6e; } #main-nav-mobile .progression-studios-social-icons a.progression-studios-tripadvisor:hover { background:#5a9346; border-color:#5a9346; } #main-nav-mobile .progression-studios-social-icons a.progression-studios-twitch:hover { background:#6346a2; border-color:#6346a2; } #main-nav-mobile .progression-studios-social-icons a.progression-studios-yelp:hover { background:#c11419; border-color:#c11419; } /* =============================================== 07. BLOG INDEX =============================================== */ .progression-studios-sticky-post { position:absolute; top:0px; right:0px; background:#23272c; color:#ffffff; font-family: 'Poppins', sans-serif; font-weight:500; font-size:10px; padding:10px 12px; line-height:1; } .progression-studios-default-blog-index { position:relative; } .progression-studios-feaured-image p { margin:0px; } .progression-blog-content { padding:40px 8% 40px 8%; background:#ffffff; } h2.progression-blog-title { color:#292935; font-weight:600; font-size:18px; margin-bottom:16px; } h2.progression-blog-title a { color:#292935; } h2.progression-blog-title a:hover { color:#4145ee; } @media screen and (-webkit-min-device-pixel-ratio:0) { /* Safari and Chrome */ .progression-studios-feaured-image .progression-studios-gallery { margin-bottom:-1px !important; } /* Safari only override */ ::i-block-chrome,.progression-studios-feaured-image .progression-studios-gallery { margin-bottom:0px !important; } } .progresion-meta-date { text-transform:uppercase; color:#aeaeae; font-weight:500; font-size:14px; margin-bottom:12px; font-family: 'Poppins', sans-serif; } .progression-author-meta { margin-top:5px; border-top:1px solid #ebebeb; color:#aeaeae; font-weight:500; padding-top:18px; font-size:14px; font-family: 'Poppins', sans-serif; } a.more-link { font-family: 'Poppins', sans-serif; font-size:14px; font-weight:500; } a.more-link i { position:relative; top:-1px; font-size:9px; padding-left:3px; } /* Blog Overlay Option */ .progression-studios-blog-overlay-styles .progression-blog-content { position:absolute; opacity:0; bottom:0px; width:88%; padding:0px 6% 6% 6%; background:none; } .progression-studios-blog-overlay-styles:hover .progression-blog-content { opacity:1; } .progression-studios-blog-overlay-styles .progression-studios-blog-excerpt { display:none; } .progression-studios-blog-overlay-styles .flex-direction-nav, .progression-studios-blog-overlay-styles .flex-control-nav { display:none; } .progression-studios-blog-overlay-styles .progression-author-meta a, .progression-studios-blog-overlay-styles .progression-blog-content h2.progression-blog-title, .progression-studios-blog-overlay-styles .progression-blog-content h2.progression-blog-title a { color:#ffffff; } .progression-studios-blog-overlay-styles .progression-blog-content h2.progression-blog-title { margin-bottom:12px; } .progression-studios-blog-overlay-styles .progresion-meta-date { color:#ffffff; margin-bottom:8px; opacity:0.8; } .progression-studios-blog-overlay-styles .progression-author-meta { border-color:rgba(255,255,255,0.2); color:#ffffff; padding-top:12px; } /* Hover Transitions */ .progression-studios-feaured-image { position:relative; overflow:hidden; text-align:center; } .progression-blog-content, .progression-studios-feaured-image img { transition: all 400ms; } .progression-studios-blog-overlay-styles.progression-studios-blog-image-scale:hover a img, .progression-studios-blog-image-scale .progression-studios-feaured-image:hover a img { transform: scale(1.09); } .progression-studios-blog-overlay-styles .progression-studios-blog-image-zoom-grey .progression-studios-feaured-image:hover a img, .progression-studios-blog-image-zoom-grey .progression-studios-feaured-image:hover a img { -webkit-filter: grayscale(100%); filter: grayscale(100%); } .progression-studios-blog-overlay-styles .progression-studios-blog-image-zoom-sepia .progression-studios-feaured-image:hover a img, .progression-studios-blog-image-zoom-sepia .progression-studios-feaured-image:hover a img { -webkit-filter: sepia(50%); filter: sepia(50%); } .progression-studios-blog-overlay-styles .progression-studios-blog-image-zoom-saturate .progression-studios-feaured-image:hover a img, .progression-studios-blog-image-zoom-saturate .progression-studios-feaured-image:hover a img { -webkit-filter: saturate(50%); filter: saturate(50%); } .progression-studios-blog-overlay-styles .progression-studios-blog-image-zoom-shine .progression-studios-feaured-image:before, .progression-studios-blog-image-zoom-shine .progression-studios-feaured-image:before { position: absolute; top: 0; left: -75%; z-index: 2; display: block; content: ''; width: 50%; height: 100%; background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); transform: skewX(-25deg); } .progression-studios-blog-overlay-styles .progression-studios-blog-image-zoom-shine .progression-studios-feaured-image:hover:before, .progression-studios-blog-image-zoom-shine .progression-studios-feaured-image:hover:before { animation: shine_pro 1.2s; } @-webkit-keyframes shine_pro { 100% { left: 125%; } } @keyframes shine_pro { 100% { left: 125%; } } /* =============================================== 08. BLOG POST STYLES =============================================== */ .progression-single-container h1.progression-blog-title { color:#292935; font-weight:600; font-size:24px; margin-bottom:14px; } .progression-single-container .progression-single-meta { color:#aeaeae; font-weight:500; font-size:14px; font-family: 'Poppins', sans-serif; padding:0px 0px 25px 0px; border-bottom:1px solid #ebebeb; margin-bottom:30px; } ul.blog-single-social-sharing { line-height:1; margin:20px 0px 40px 0px; padding:40px 0px; text-align:center; list-style:none; color:#b6b6b6; font-family: 'Poppins', sans-serif; font-weight:500; border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb; } ul.blog-single-social-sharing li { display:inline-block; margin:0px; padding:0px 8px; } ul.blog-single-social-sharing a { color:#000000; font-size:115%; } .progression-studios-tags { font-family: 'Poppins', sans-serif; font-weight:500; color:#b6b6b6; padding-bottom:20px; } .progression-studios-tags span { display:inline-block; padding-right:10px; } .progression-studios-tags a { color:#000000; } .progression-author-container { padding-top:10px; padding-bottom:50px; } body.author .progression-author-container { padding-top:0px; } body.author .progression-studios-auth-description-main { background:#ffffff; } body.author .progression-studios-auth-description-main:before { border-right:10px solid #ffffff; } .progression-studios-auth-description-main { font-family: 'Poppins', sans-serif; font-weight:300; float:right; width:68%; font-size:14px; padding:4% 4%; background:#f5f5f5; position:relative; } .progression-studios-auth-description-main:before { content:''; display:block; position:absolute; left:-10px; top:30px; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right:10px solid #f5f5f5; } .progression-author-image { text-align:center; float:left; width:21%; } .progression-author-image span { display:block; margin:0px 25px 10px 25px; } .progression-author-image img { border-radius:100px; } .progression-author-image h5.author-heading { color:#35364c; font-size:14px; line-height:1.2; margin-bottom:5px; } .progression-author-image h5.author-heading a { color:#35364c; } .progression-author-image h6.sub-author-heading { font-weight:300; color:#999999; font-size:14px; } .progression-studios-author-icons { padding-top:15px; } .progression-studios-author-icons a { color:#777; font-size:16px; display:inline-block; padding-right:10px; } /* Blog Comments */ .comment-navigation { padding-top:10px; padding-bottom:25px; } .comment-navigation .nav-previous { float:left; width:50%; } .comment-navigation .nav-next { float:right; width:50%; text-align:right; } .comment-form label { display:block; padding:0px 0px 2px 0px; font-size:90%; } .form-allowed-tags code { font-family: Inconsolata, monospace; display:block;font-size:80%; } #comments h4.comments-title { font-size:18px; font-weight:600; margin-bottom:20px; } #comments h3.comment-reply-title { font-size:18px; margin-bottom:15px; font-weight:600; } #comments h3.comment-reply-title small { font-size:14px; font-weight:500; padding-left:5px; } body .comment-list { list-style: none; margin:0px 0px 25px 0px; padding:0px; } .comment-list li.comment { padding-bottom:10px; margin-bottom:25px; position:relative; } body .comment-list .pingback { padding-bottom:15px; font-size:90%; } .comment-list .children { list-style: none; margin: 0; padding:0px; } .comment-list .children > li { border-bottom:0px; margin-bottom:0px; margin-top:50px; margin-left: 35px; } .comment-body { font-size:90%; padding:18px 25px; margin-left:90px; background:#f5f5f5; } .comment-body:before { content:''; display:block; position:absolute; left:80px; top:30px; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right:10px solid #f5f5f5; } .comment-body p { margin-bottom:10px; } .comment-author .avatar { float: left; height: 70px; width: 70px; left:0px; position:absolute; border-radius:70px; } .comment-author span.says { display:none; } .comment-author cite a, .comment-author cite a:hover {color:#35364c;} .comment-author cite { display:inline-block; font-style:normal; font-weight:500; line-height:1.2; color:#35364c; font-family: 'Poppins', sans-serif; font-size:15px; padding-right:5px; padding-bottom:0px; padding-top:4px; } .commentmetadata { margin-bottom: 8px; font-size:13px; padding-top:3px; font-weight:300; font-family: 'Poppins', sans-serif; color:#878787; } .commentmetadata a, .commentmetadata a:hover { color:#878787; } .reply a.comment-reply-link { font-family: 'Poppins', sans-serif; font-weight:500; font-size:11px; position:absolute; padding:6px 10px; right:0px; margin-top:-12px; display:block; } .reply a.comment-reply-link:before { content:"\f112"; 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); padding-right:5px; font-size:9px; position:relative; top:-1px; } #respond.comment-respond { margin-top:25px; } .comment-list a.comment-edit-link { font-size:12px; font-weight:500; } /* Secondary Blog Layout */ #progression-blog-secondary-post-layout #page-title-pro, #progression-blog-secondary-post-layout .progression-single-container .progression-studios-feaured-image, #progression-blog-secondary-post-layout .progression-single-container h1.progression-blog-title, #progression-blog-secondary-post-layout .progression-single-container .progression-single-meta, #progression-blog-secondary-post-layout .progression-single-container .progresion-meta-date { display:none; } #progression-blog-secondary-post-layout .progression-single-container .progression-blog-content { padding-top:55px; } #progression-blog-secondary-post-layout ul#breadcrumbs-progression-studios { margin-top:10px; } #post-secondary-page-title-pro { background:#2a2b32; padding:160px 0px 160px 0px; position:relative; } #post-secondary-page-title-pro .secondary-progresion-meta-date { margin-bottom:20px; text-align:center; font-weight:500; color:#ffffff; font-family: 'Poppins', sans-serif; position:relative; z-index:2; font-size:15px; text-transform:uppercase; } #post-secondary-page-title-pro h1.secondary-progression-blog-title { text-align:center; color:#ffffff; font-weight:500; margin-bottom:20px; font-size:40px; position:relative; z-index:2; } #post-secondary-page-title-pro .seconary-progression-single-meta { font-family: 'Poppins', sans-serif; margin:0 auto; margin-top:20px; text-align:center; color:#dddddd; font-weight:300; font-size:15px; position:relative; z-index:2; } #post-secondary-page-title-pro .seconary-progression-single-meta a { color:#dddddd; text-decoration:underline; } #post-secondary-page-title-pro .seconary-progression-single-meta a:hover { color:#ffffff; } #secondary-image-post-overlay-image { content: ' '; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; opacity: 0.4; background-repeat: no-repeat; background-position:center center; -ms-background-size: cover; -o-background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; } /* =============================================== 09. GRID STYLES =============================================== */ .grid2column-progression, .grid3column-progression, .grid3columnbig-progression, .grid4column-progression, .grid4columnbig-progression, .grid5column-progression, .grid6column-progression { float:left; margin-right:2%; min-height:2px; } .grid2column-progression { width: 49%; } .grid3column-progression { width: 32%; } .grid4column-progression { width: 23.5%; } .grid5column-progression { width:18.4%; } .grid6column-progression { width:15%; } body .lastcolumn-progression { margin-right:0% !important; } #progression-studios-lower-widget-container .widget, #widget-area-progression .widget { float:left; margin-right:4%; } .footer-1-pro .widget { width:100%; margin-right:0%; margin-left:0%; } .footer-2-pro .widget { width:48%; } .footer-3-pro .widget { width:30.5%; } .footer-4-pro .widget { width:22%; } .footer-5-pro .widget { width:16.5%; } #progression-studios-lower-widget-container .footer-5-pro .widget:nth-child(5), #progression-studios-lower-widget-container .footer-2-pro .widget:nth-child(2), #progression-studios-lower-widget-container .footer-3-pro .widget:nth-child(3), #progression-studios-lower-widget-container .footer-4-pro .widget:nth-child(4), #widget-area-progression .footer-5-pro .widget:nth-child(6), #widget-area-progression .footer-2-pro .widget:nth-child(3), #widget-area-progression .footer-3-pro .widget:nth-child(4), #widget-area-progression .footer-4-pro .widget:nth-child(5) { margin-right:0%; } body .woocommerce ul.products li.product, body .woocommerce-page ul.products li.product { margin: 0 2.7% 2em 0; width: 22.97% } body .woocommerce ul.products li.last, body .woocommerce-page ul.products li.last { margin-right: 0; } body .woocommerce.columns-1 ul.products {margin-bottom:0px; } body .woocommerce-page.columns-1 ul.products li.product, body .woocommerce.columns-1 ul.products li.product { width: 100%; margin-right: 0; margin-bottom:0; padding-bottom:0; } body .woocommerce-page.columns-2 ul.products li.product, body .woocommerce.columns-2 ul.products li.product { width: 48.6% } body .woocommerce-page.columns-3 ul.products li.product, body .woocommerce.columns-3 ul.products li.product { width: 31.5% } body .woocommerce-page.columns-5 ul.products li.product, body .woocommerce.columns-5 ul.products li.product { width: 18.6%; margin: 0 1.7% 2em 0; } body .woocommerce-page.columns-6 ul.products li.product.last, body .woocommerce.columns-6 ul.products li.product.last, body .woocommerce-page.columns-5 ul.products li.product.last, body .woocommerce.columns-5 ul.products li.product.last { margin-right:0; } body .woocommerce-page.columns-6 ul.products li.product, body .woocommerce.columns-6 ul.products li.product { width: 15.4%; margin: 0 1.5% 2em 0; } /* =============================================== 10. NAVIGATION STYLES =============================================== */ /*** ESSENTIAL STYLES ***/ .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; } .sf-menu li.normal-item-pro, .sf-menu li.normal-item-pro li { position: relative; } .sf-menu li.normal-item-pro ul { position: absolute; display: none; top: 100%; left: 0; z-index: 99; } .sf-menu li.normal-item-pro ul ul { top:0; left:100%; } .sf-menu > li { float: left; } .sf-menu li:hover > ul, .sf-menu li.sfHover > ul { display: block; } .sf-menu a { display: block; position: relative; } .sf-menu ul ul { top: 0; left: 100%; } /* MEGA MENU ESSENTIAL STYLES */ header .sf-mega {z-index:20; display:none; left:0px; position:absolute; box-sizing: border-box ; width:100%; padding:0px; margin:0px; } header .sf-mega {width:1200px; left:50%; margin-left:-600px;} .sf-mega .sf-mega-section { width:33%; float:left; } .sf-mega .sf-mega-section.columns-pro-1 { width:100%; } .sf-mega .sf-mega-section.columns-pro-2 { width:50%; } .sf-mega .sf-mega-section.columns-pro-3 {width:33%; } .sf-mega .sf-mega-section.columns-pro-4 { width:25%; } .sf-mega .sf-mega-section.columns-pro-5 {width:20%; } .sf-mega .sf-mega-section.columns-pro-6 { width:16.5%; } /*** DEFAULT NAVIGATION SKIN ***/ .sf-menu ul{min-width:12em}.sf-menu a{line-height:1;padding:.75em 1em;text-decoration:none;zoom:1;cursor:pointer;color:#13a}.sf-menu li{background:#BDD2FF;white-space:nowrap}.sf-menu ul li{background:#AABDE6}.sf-menu ul ul li{background:#9AAEDB}.sf-menu li.sfHover,.sf-menu li:hover{background:#CFDEFF}.sf-arrows .sf-with-ul{padding-right:2.5em}.sf-arrows .sf-with-ul:after{content:'';position:absolute;top:50%;right:1em;margin-top:-3px;height:0;width:0;border:5px solid transparent;border-top-color:#dFeEFF;border-top-color:rgba(255,255,255,.5)}.sf-arrows>.sfHover>.sf-with-ul:after,.sf-arrows>li:hover>.sf-with-ul:after,.sf-arrows>li>.sf-with-ul:focus:after{border-top-color:#fff}.sf-arrows ul .sf-with-ul:after{margin-top:-5px;margin-right:-3px;border-color:transparent transparent transparent #dFeEFF;border-left-color:rgba(255,255,255,.5)}.sf-arrows ul .sfHover>.sf-with-ul:after,.sf-arrows ul li:hover>.sf-with-ul:after,.sf-arrows ul li>.sf-with-ul:focus:after{border-left-color:#fff} .sf-menu .menu-item-language .submenu-languages { position:absolute; } /* 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; } /* Button Highlight */ .sf-menu li.highlight-button { position:relative; margin-right:8px; margin-left:8px; -webkit-font-smoothing:antialiased; } .sf-menu li.highlight-button li a:before { display:none; } .sf-menu li.sfHover.highlight-button a:before { width:100%; } .sf-menu li.sfHover.highlight-button a, .sf-menu li.current-menu-item.highlight-button a, .sf-menu li.highlight-button a, .sf-menu li.highlight-button a:hover { color:#ffffff; background:none; } .sf-menu li.highlight-button a { font-weight:500; overflow:hidden; } .sf-menu li.highlight-button a:before { bottom:auto; top:50%; left:0px; position:absolute; display:block; content:''; width:100%; height:40px; z-index:-1; margin:0px; opacity:1; } .sf-menu li.highlight-button a:before { height:40px; /* + 28px */ margin-top:-20px; /* + 28px and divided by 2 */ background:#bdd13e; border-radius:4px; } .sf-menu li.highlight-button a:hover:before { background:#afbf49; } #zaser-progression-header-top .progression-studios-header-right h2.mega-menu-heading { text-align:left; } h2.mega-menu-heading, nav#site-navigation { font-weight: 500; font-family: 'Poppins', sans-serif; letter-spacing: 0px; } .mobile-menu-icon-pro { color:#707070; padding:41px 0px 41px 10px; font-size:18px; line-height:1; float:right; } #progression-inline-icons .progression-studios-social-icons a { color:#707070; font-size:13px; padding:44px 15px; } .sf-menu a { line-height:1; color:#292935; font-size:15px; padding:27px 15px; } .progression-studios-nav-cart-icon-off #progression-shopping-cart-toggle, .progression-studios-search-icon-off #progression-studios-header-search-icon { display:none !important; } #progression-studios-header-search-icon:hover i.pe-7s-search, #progression-studios-header-search-icon.active-search-icon-pro i.pe-7s-search, #progression-shopping-cart-toggle.activated-class a i.shopping-cart-header-icon, #progression-inline-icons .progression-studios-social-icons a:hover, .mobile-menu-icon-pro:hover, .sf-menu a:hover, .sf-menu li.sfHover a, .sf-menu li.current-menu-item a { color:#4145ee; background:none; } .sf-menu a:hover:before, .sf-menu li.sfHover a:before, .sf-menu li.current-menu-item a:before { opacity:0; background:#888888; width:0%; width: calc(100% - 30px); } #progression-inline-icons .progression-studios-social-icons a:hover { background:none; } #zaser-progression-header-top .sf-menu a:before { display:none; } .sf-menu a:before { content:""; display:block; position:absolute; left:0px; margin-top:17px; height:2px; background:#888888; opacity:0; width:0%; margin-left:15px; } .sf-menu li li a:before { display:none; } /* Banner Icon */ .progression-mini-banner-icon { position:absolute; top:8px; right:9px; line-height:1; font-weight:500; font-family: 'Poppins', sans-serif; padding:4px 7px 3px 7px; font-size:9px; border-radius:20px; background:#4145ee; color:#ffffff; } .sf-menu li li .progression-mini-banner-icon { font-size:8px; top:14px; right:0px; } .sf-menu li .sf-mega h2 .progression-mini-banner-icon { top:22px; right:0px; } .sf-menu li .sf-mega .progression-mini-banner-icon { top:14px; right:0px; } /* Fix for divider */ #progression-checkout-basket, #panel-search-progression, .sf-menu ul { font-family: 'Open Sans', sans-serif; font-weight:400; box-shadow: 0px 4px 4px rgba(0,0,0, 0.1); } .sf-menu ul { padding:12px 0px; } .sf-menu .sf-mega ul { padding:0px; margin:0px; background:none; box-shadow:none; } .sf-menu li li { padding-right:30px; padding-left:30px; } .sf-menu li li a { text-transform:none; font-size:11px; padding:16px 50px 16px 0px; border-bottom:1px solid rgba(255,255,255, 0.08); } .progression-sticky-scrolled .sf-menu li li a { padding-top:16px; padding-bottom:16px; } .sf-menu li li:last-child li:last-child a, .sf-mega li:last-child li:last-child li:last-child a, .sf-mega li:last-child li:last-child a, .sf-menu li li:last-child a { border:none; } .sf-menu li li:last-child li a, .sf-mega li:last-child li a { border-bottom:1px solid rgba(255,255,255, 0.08); } .sf-menu li.sfHover li a, .sf-menu li.sfHover li.sfHover li a, .sf-menu li.sfHover li.sfHover li.sfHover li a, .sf-menu li.sfHover li.sfHover li.sfHover li.sfHover li a, .sf-menu li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover li a { background:none; color:#888888; } #progression-checkout-basket ul#progression-cart-small li h6, #progression-checkout-basket .progression-sub-total span.total-number-add, .sf-menu li.sfHover li a:hover, .sf-menu li.sfHover li.sfHover a, .sf-menu li.sfHover li li a:hover, .sf-menu li.sfHover li.sfHover li.sfHover a, .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, .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, .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:#3f3f3f; background:rgba(0,0,0, 0); } /* MEGA MENU STYLES */ .sf-mega ul { background:none; margin:0; border:none; } .sf-menu .sf-mega li { padding-right:0px; padding-left:0px; } .sf-menu .sf-mega li li { padding-right:30px; padding-left:30px; } body .sf-mega ul:after { display:block; content:''; width:2px; height:100%; position:absolute; top:0px; } .sf-menu .sf-mega li:first-child ul:after { display:none; } .sf-mega h2.mega-menu-heading { position:relative; font-size:15px; color:#ffffff; font-weight:500; border-bottom:1px solid red; padding:25px 0px 22px 0px; margin:0px 30px 0px 30px; line-height:1; letter-spacing:0.5px; } body #progression-sticky-header header .sf-mega h2.mega-menu-heading a, body header .sf-mega h2.mega-menu-heading a { background:none !important; color:#ffffff; font-size:15px; font-weight:500; padding: 0px; letter-spacing:0.5px; margin:0px; line-height:1; border:none; } .sf-mega .sf-mega-section:hover, .sf-mega .sf-mega-section, .sf-mega .sf-mega-section li:hover { background:none; } /* Mega Menu Widget Styling */ .sf-mega .widget-pro { padding:20px 30px 10px 30px; } .sf-mega .widget-pro h1, .sf-mega .widget-pro h2, .sf-mega .widget-pro h3, .sf-mega .widget-pro h4, .sf-mega .widget-pro h5, .sf-mega .widget-pro h6 { color:#1e1e1e; margin-bottom:5px; } .sf-mega .widget-pro ul li { margin-bottom:10px; } .sf-mega .widget-pro ul { border:none; } .sf-mega .widget-pro a, .sf-mega .widget-pro a:hover { border:none; padding:0px; margin:0px; background:none !important; } /* Font Awesome Icon Spacing */ .sf-menu i { line-height:1; margin-right:6px; font-size:90%; position:relative; margin-bottom:-2px; margin-top:-2px; } .sf-menu li li i { font-size:95%; } .sf-mega li h2 i { margin-right:8px; } /* Sub-menu Arrows */ .sf-arrows .sf-with-ul { padding-right: 30px; } .sf-arrows .sf-with-ul:after { font-weight:normal; font-style:normal; font-family: FontAwesome; border:none; content:"\f107"; font-size:12px; top: 50%; right: 24px; margin-top:-7px; } .sf-arrows ul .sf-with-ul:after { font:normal normal normal 10px/1 FontAwesome; content:"\f105"; margin-top:-6px; right:10px; } /* Dark and Light Navigation */ @media only screen and (min-width: 959px) { .progression_studios_force_dark_navigation_color .progression-sticky-scrolled .sf-menu li.highlight-button a, .progression_studios_force_light_navigation_color .progression-sticky-scrolled .sf-menu li.highlight-button a { color:#ffffff; } .progression_studios_force_light_navigation_color .sf-menu a { color:#ffffff; } .progression_studios_force_light_navigation_color .sf-menu li.highlight-button a:hover, .progression_studios_force_light_navigation_color .sf-menu li.highlight-button a { color:#232323; } .progression_studios_force_light_navigation_color .sf-menu li.highlight-button a:hover:before, .progression_studios_force_light_navigation_color .sf-menu li.highlight-button a:before, .progression_studios_force_light_navigation_color #progression-shopping-cart-count span.progression-cart-count { background:#ffffff; color:#000000; } .progression_studios_force_light_navigation_color #progression-studios-header-search-icon i.pe-7s-search, .progression_studios_force_light_navigation_color #progression-shopping-cart-count a.progression-count-icon-nav i.shopping-cart-header-icon, .progression_studios_force_light_navigation_color #progression-studios-header-search-icon:hover i.pe-7s-search, .progression_studios_force_light_navigation_color #progression-studios-header-search-icon.active-search-icon-pro i.pe-7s-search, .progression_studios_force_light_navigation_color #progression-shopping-cart-toggle.activated-class a i.shopping-cart-header-icon, .progression_studios_force_light_navigation_color #progression-inline-icons .progression-studios-social-icons a:hover, .progression_studios_force_light_navigation_color #progression-shopping-cart-count a.progression-count-icon-nav:hover, .progression_studios_force_light_navigation_color .sf-menu a:hover, .progression_studios_force_light_navigation_color .sf-menu li.sfHover a, .progression_studios_force_light_navigation_color .sf-menu li.current-menu-item a { color:#ffffff; } .progression_studios_force_light_navigation_color .sf-menu a:before, .progression_studios_force_light_navigation_color .sf-menu a:hover:before, .progression_studios_force_light_navigation_color .sf-menu li.sfHover a:before, .progression_studios_force_light_navigation_color .sf-menu li.current-menu-item a:before { background:#ffffff; } .progression_studios_force_light_navigation_color #progression-inline-icons .progression-studios-social-icons a { color:#ffffff; } .progression_studios_force_dark_navigation_color .sf-menu a { color:#000000; } .progression_studios_force_dark_navigation_color .sf-menu li.highlight-button a:hover, .progression_studios_force_dark_navigation_color .sf-menu li.highlight-button a { color:#ffffff; } .progression_studios_force_dark_navigation_color .sf-menu li.highlight-button a:hover:before, .progression_studios_force_dark_navigation_color .sf-menu li.highlight-button a:before, .progression_studios_force_dark_navigation_color #progression-shopping-cart-count span.progression-cart-count { background:#000000; color:#ffffff; } .progression_studios_force_dark_navigation_color #progression-studios-header-search-icon i.pe-7s-search, .progression_studios_force_dark_navigation_color #progression-shopping-cart-count a.progression-count-icon-nav i.shopping-cart-header-icon, .progression_studios_force_dark_navigation_color #progression-studios-header-search-icon:hover i.pe-7s-search, .progression_studios_force_dark_navigation_color #progression-studios-header-search-icon.active-search-icon-pro i.pe-7s-search, .progression_studios_force_dark_navigation_color #progression-shopping-cart-toggle.activated-class a i.shopping-cart-header-icon, .progression_studios_force_dark_navigation_color #progression-inline-icons .progression-studios-social-icons a:hover, .progression_studios_force_dark_navigation_color #progression-shopping-cart-count a.progression-count-icon-nav:hover, .progression_studios_force_dark_navigation_color .sf-menu a:hover, .progression_studios_force_dark_navigation_color .sf-menu li.sfHover a, .progression_studios_force_dark_navigation_color .sf-menu li.current-menu-item a { color:#000000; } .progression_studios_force_dark_navigation_color .sf-menu a:before, .progression_studios_force_dark_navigation_color .sf-menu a:hover:before, .progression_studios_force_dark_navigation_color .sf-menu li.sfHover a:before, .progression_studios_force_dark_navigation_color .sf-menu li.current-menu-item a:before { background:#000000; } .progression_studios_force_dark_navigation_color #progression-inline-icons .progression-studios-social-icons a { color:#000000; } } /* =============================================== 11. FLEXSLIDER STYLES =============================================== */ /* 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; } .flexslider { -webkit-transform: translateZ(0); } .flex-direction-nav a { text-decoration: none; display: block; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 1; 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; border:none; margin: -25px 0 0; font-size:20px; width:40px; line-height:50px; height:50px; color:#777777; background:#ffffff; box-shadow: 1px 1px 5px rgba(0,0,0, 0.02); } .flexslider .flex-direction-nav a { transition-duration: 250ms; transition-property: all; transition-timing-function: ease-in-out; } .flexslider:hover .flex-direction-nav a { top:50%; } .flex-direction-nav a:hover { color:#ffffff; opacity:1; background:#4145ee; } .flex-direction-nav a.flex-prev:before { content: "\f104"; position:relative; left:-1px; } .flex-direction-nav a.flex-next:before { content: "\f105"; position:relative; right:-1px; } .flex-direction-nav .flex-prev { left:0px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .flex-direction-nav .flex-next { right:0px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .flexslider:hover .flex-direction-nav .flex-prev, .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; } .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: 15px; 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:18px; height:10px; text-align:center; } .flex-control-paging li a { width:7px; height:7px; bottom:0px; display: block; cursor: pointer; text-indent: -9999px; position:absolute; background:none; border:2px solid #ffffff ; box-shadow: 1px 1px 3px rgba(0,0,0, 0.25); border-radius: 15px; } .flex-control-paging li a.flex-active { background:#fff ; border-color:#fff; } .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; } /* =============================================== 12. MOBILE NAVIGATION STYLES =============================================== */ .mobile-menu-icon-pro { cursor:pointer; line-height:1; display:none; text-align:center; padding-right:15px; margin-right:-15px; } .active-mobile-icon-pro .mobile-menu-icon-pro .fa-bars:before { content:"\f00d"; } .menu-collapser { display:none !important; } #main-nav-mobile { line-height:1.6; background:#f9f9f9; display:none; position:relative; width:100%; z-index:20; box-shadow: 0px 2px 6px rgba(0,0,0, 0.1); } @media only screen and (min-width: 960px){ #main-nav-mobile { display:none !important; } } #main-nav-mobile .sf-menu li li .progression-mini-banner-icon, #main-nav-mobile .sf-menu li .sf-mega h2 .progression-mini-banner-icon, #main-nav-mobile .sf-menu li .sf-mega .progression-mini-banner-icon, #main-nav-mobile .progression-mini-banner-icon { top:22px; right:70px; } @media only screen and (min-width: 959px) { .progression_studios_force_light_navigation_color .progression-mini-banner-icon {background:#ffffff; color:#000000;} .progression_studios_force_dark_navigation_color .progression-mini-banner-icon {background:#000000; color:#ffffff;} } ul.mobile-menu-pro { width: 100%; margin: 0; padding: 0; list-style-type: none; display:block !important; } ul.mobile-menu-pro { overflow:hidden; list-style-type: none; margin: 0 ; padding: 0 ; width: 100%; } ul.mobile-menu-pro { list-style-type: none; margin: 0; padding: 0; width: 100%; } ul.mobile-menu-pro li { position: relative; display: inline-block; } ul.mobile-menu-pro > li { margin-right: -5px; border-left: 1px rgba(0,0,0, 0.1); } ul.mobile-menu-pro > li:first-child { border-left: 0 } ul.mobile-menu-pro > li:last-child { margin-right: 0 } ul.mobile-menu-pro li a, ul.mobile-menu-pro .sf-mega h2.mega-menu-heading { display: block; text-transform:none; color:#444444; font-size:13px; padding:21px 3%; margin:0px; font-weight:500; font-family:'Poppins', sans-serif; border:none; } body #progression-sticky-header header ul.mobile-menu-pro h2.mega-menu-heading a, ul.mobile-menu-pro .sf-mega h2.mega-menu-heading a, ul.mobile-menu-pro .sf-mega h2.mega-menu-heading { min-height:62px; line-height:62px; margin:0px ; padding-top:0px ; padding-bottom: 0px ; font-weight:500; text-transform:none; } body #progression-sticky-header header ul.mobile-menu-pro h2.mega-menu-heading a, body header ul.mobile-menu-pro .sf-mega h2.mega-menu-heading a { color:#444444; font-size:14px; } header#masthead-pro.sidebar-header-hidden ul.mobile-menu-pro .sf-mega li.sf-mega-section, header#masthead-pro.sidebar-header ul.mobile-menu-pro .sf-mega li.sf-mega-section { margin:0px; padding:0px; width:auto; float:none; } ul.mobile-menu-pro .sf-mega h2.mega-menu-heading a { padding:0px; margin:0px; border:none !important; } ul.mobile-menu-pro li li a { padding-left:30px; } ul.mobile-menu-pro li li li a { padding-left:35px; } ul.mobile-menu-pro li li li li a { padding-left:40px; } ul.mobile-menu-pro a i { padding-right:4px; } ul.mobile-menu-pro li .sub-collapser { background: none; position: absolute; right: 0; top: 0; width:50px; text-align: center; z-index: 999; cursor: pointer; height:62px; } ul.mobile-menu-pro.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:62px; width:50px; background:rgba(0,0,0, 0.07); } ul.mobile-menu-pro.collapsed li .sub-collapser.expanded { transform: rotate(180deg); } ul.mobile-menu-pro li .sub-collapser > i { display:none; } ul.mobile-menu-pro li ul { margin: 0; list-style-type: none; } ul.mobile-menu-pro li ul { padding-left:0px; } ul.mobile-menu-pro li ul li { background:rgba(0,0,0, 0.04); } ul.mobile-menu-pro li ul li li:hover { background:rgba(0,0,0, 0.04) !important; } ul.mobile-menu-pro li > ul { display: none; position: absolute; left: 0; top: 100%; z-index: 999; width: 100%; } ul.mobile-menu-pro li > ul > li ul { display: none; position: absolute; left: 100%; top: 0; z-index: 999; width: 100%; } ul.mobile-menu-pro.collapsed li { display: block; width: 100%; box-sizing: border-box; } ul.mobile-menu-pro.collapsed li a { display: block; border-bottom: 1px solid rgba(0,0,0, 0.1) !important; box-sizing: border-box; } ul.mobile-menu-pro.collapsed li > ul { display: none; position: static; } /* Mega Menu Sections */ ul.mobile-menu-pro .sf-mega { background:rgba(0,0,0, 0.04); margin:0px; border:none; padding:0px; } ul.mobile-menu-pro .sf-mega .sf-mega-section { width:100%; float:none; } /* =============================================== 13. PAGE TITLE STYLES =============================================== */ #page-title-pro { background:#2a2b32; padding:160px 0px 160px 0px; position:relative; } #page-title-pro h1 { text-align:center; color:#ffffff; font-weight:600; font-size:40px; margin-bottom:0px; } #page-title-pro h4 { margin:0 auto; margin-top:18px; text-align:center; color:#dddddd; font-weight:300; font-size:17px; } #page-title-pro h4 p { margin-bottom:0px; } #page-title-pro h4 a, #page-title-pro h4 a:hover { color:#dddddd; } ul#breadcrumbs-progression-studios { position:relative; z-index:2; list-style:none; margin:0px; padding:13px 0px 0px 0px; color:#ffffff; font-size:14px; text-align:center; font-family:'Poppins', sans-serif; font-weight:500; } ul#breadcrumbs-progression-studios li { display:inline; margin:0px; padding:0px; } ul#breadcrumbs-progression-studios a { color:#ffffff; font-weight:500; } ul#breadcrumbs-progression-studios a:hover { color:#bbbbbb; opacity:1; } ul#breadcrumbs-progression-studios li a:after { display:inline-block; content:'>'; padding:0px 10px; opacity:0.7; } ul#breadcrumbs-progression-studios li:last-child a:after { display:none; } ul#breadcrumbs-progression-studios.progression-breadcrumb-white-background { color:#000000; text-align:left; margin-bottom:25px; } ul#breadcrumbs-progression-studios.progression-breadcrumb-white-background a { color:#000000; } ul#breadcrumbs-progression-studios.progression-breadcrumb-white-background a:hover { color:#555555; } /* =============================================== 14. SLIDER REVOLUTION STYLES =============================================== */ .rev_slider_wrapper span.slider-underline { font-size:105% !important; position:relative !important; display:inline-block; } .rev_slider_wrapper span.slider-underline-default { position:relative !important; display:inline-block; } .rev_slider_wrapper span.slider-underline-default:before, .rev_slider_wrapper span.slider-underline:before { content:""; display:block; position:absolute; width:100%; bottom:0px; height:2px; margin-top:-2px; z-index:-1; } /* Custom Arrows */ .tparrows.tp-leftarrow.custom:before, .tparrows.tp-rightarrow.custom:before {display:none;} .tparrows.tp-leftarrow.custom:after { content: "\f104"; margin-left:-3px;} .tparrows.tp-rightarrow.custom:after { content: "\f105"; margin-right:-3px;} .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; border:none; text-align:center; color:#ffffff; background:rgba(255,255,255,0.06); font-size:25px; border-radius: 55px; width:55px; line-height:55px; height:55px; margin-top:-27px; top:50% !important; transition-duration: 250ms; transition-property: color, background; transition-timing-function: ease-in-out; } .tparrows.custom:hover { background:#8a8e6b; color:#ffffff; } /* Custom Bullets */ .tp-bullets.custom .tp-bullet { display:inline-block; width: 8px; height: 8px; margin-left:-3px; margin-right:-3px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; background:#ffffff; border:2px solid #ffffff; cursor:pointer; position:relative; -webkit-transition-duration: 250ms; -webkit-transition-property: background; -webkit-transition-timing-function: ease-in-out; -moz-transition-duration: 250ms; -moz-transition-property: background; -moz-transition-timing-function: ease-in-out; -o-transition-duration: 250ms; -o-transition-property: background; -o-transition-timing-function: ease-in-out; transition-duration:250ms; transition-property: background; transition-timing-function: ease-in-out; } .tp-bullets.custom .tp-bullet.selected:hover, .tp-bullets.custom .tp-bullet.selected { background:rgba(255,255,255,0); } .tp-bullets.custom .tp-bullet.selected:after { opacity:1; } .tp-thumbs.custom .tp-thumb-image { box-shadow: 0px 0px 20px rgba(0,0,0, 0.15); } /* =============================================== 15. VISUAL COMPOSER STYLES =============================================== */ .light-color h2 { color:#ffffff; } /* Map Overlay */ #progression-studios-overlay-shadow, .progression-studios-overlay-shadow { position:relative; top:-120px; box-shadow: 0px 0px 50px rgba(0,0,0, 0.15); } #progression-studios-shadow, .progression-studios-shadow { box-shadow: 0px 0px 30px rgba(0,0,0, 0.11); } /* Fixes for Visual Composer */ h1.vc_custom_heading a:hover, h2.vc_custom_heading a:hover, h3.vc_custom_heading a:hover, h4.vc_custom_heading a:hover, h5.vc_custom_heading a:hover ,h6.vc_custom_heading a:hover { opacity:1 !important; } .vc_btn3-container button { font-weight:600; } .vc_btn3-container a.vc_btn3-size-sm, .vc_btn3-container button.vc_btn3-size-sm { padding-left:18px; padding-right:18px; } .vc_btn3-container a.vc_btn3-size-md, .vc_btn3-container button.vc_btn3-size-md { padding-left:25px; padding-right:25px; } .vc_toggle_title { padding:25px !important; background:#f4f4f5; } /* FlexSlider Fixes */ body .wpb_flexslider .flex-direction-nav a.flex-next:before { padding-left:15px; padding-right:50px; } body .wpb_flexslider .flex-direction-nav a.flex-prev:before { left:15px; padding-right:55px; } body .wpb_flexslider .flex-control-nav { margin-top:-50px !important; } h2.wpb_progress_bar_heading { font-size:15px; font-weight:500; margin-bottom:10px; } .vc_progress_bar .vc_label { font-weight:600; font-family:'Poppins', sans-serif; font-size:12px; } .hover-icon .aio-icon { transition-duration: 250ms; transition-property: background !important; transition-timing-function: ease-in-out; } .skew-icon .aio-icon { transform: skew(-7deg); } .skew-icon .aio-icon i { display:block; transform: skew(7deg); font-size:80%; } .skew-icon .aio-icon-left { padding-right:14px; } .skew-icon .aio-ibd-block .aio-icon-title { padding-top:5px; } .overlay-icon .ult-just-icon-wrapper { position:absolute; width:100%; z-index:1; top:0px; left:0px; } .overlay-icon .stats-desc { position:relative; z-index:5; } .overlay-icon .aio-icon-top i.Defaults-bullseye { margin-left:5px; } .vc_tta-accordion span.vc_tta-title-text { font-weight:500; font-family:'Poppins', sans-serif; } ul.vc_tta-tabs-list li.vc_tta-tab { font-weight:500; font-family:'Poppins', sans-serif; } /* =============================================== 16. TEAM MEMBER STYLES =============================================== */ .progression-studios-team-element.hover-team-image:hover img { opacity:0.1; } .progression-studios-team-element:hover .progression-studios-team-overlay-icons { opacity:1; top:50%; } .progression-studios-team-overlay-icons, .progression-studios-team-element img { transition-duration: 250ms; transition-property: all; transition-timing-function: ease-in-out; } .progression-studios-team-image { position:relative; margin-bottom:20px; } .progression-studios-team-element h2 { font-size:18px; margin-bottom:5px; text-align:center; } .progression-studios-team-element h6 { color:#9f9f9f; font-size:15px; text-align:center; } .progression-studios-team-element p { margin-bottom:10px; } .progression-studios-team-overlay-icons { opacity:0; position:absolute; top:53%; margin-top:-20px; text-align:center; width:90%; margin-left:5%; } .progression-studios-team-overlay-icons a { display:inline-block; line-height:1; font-size:16px; padding:10px; transform: skew(-7deg); margin:0 2px 7px 2px; } .progression-studios-team-overlay-icons a i { transform: skew(7deg); } /* =============================================== 17. PORTFOLIO INDEX STYLES =============================================== */ a.progression-studios-portfolio-image { display:block; position:relative; min-height:180px; } a.progression-studios-portfolio-image .flexslider .flex-control-nav, a.progression-studios-portfolio-image .flexslider .flex-direction-nav, .portfolio-video-post-example .progression-portfolio-content { display:none; } .portfolio-secondary-video-layout p, a.progression-studios-portfolio-image p { margin:0px; } a.progression-studios-portfolio-image:hover .progression-portfolio-content { opacity:1; } .progression-portfolio-content { opacity:0; position:absolute; z-index:10; width:100%; height:100%; top:0px; left:0px; text-align:center; } .progression-portfolio-content:before { width:100%; height:100%; } .progression-portfolio-overlay-margin-display.progression-portfolio-content:before { width: calc(100% - 40px); height: calc(100% - 40px); margin:20px; } .progression-portfolio-secondary-content { padding-left:0%; padding-right:0%; } .progression-portfolio-overlay-margin-display.progression-portfolio-secondary-content { padding-left:8%; padding-right:8%; } .progression-portfolio-content:before { content:''; position:absolute; display:block; background:#292935; opacity:0.9; } .progression-portfolio-content-position { position:relative; margin-top:-34px; padding:0px 7.5%; top:54%; } a.progression-studios-portfolio-image:hover .progression-portfolio-content-position { top:50%; } .progression-portfolio-content-position h2.progression-portfolio-title { color:#ffffff; font-size:20px; line-height:1.2; font-weight:600; margin-top:15px; } .progression-portfolio-content-position ul.portfolio-tax-progression { list-style:none; line-height:1.2; margin:0px 0px 0px 0px; padding:0px; text-align:center; font-weight:500; color:#4145ee; font-family:'Poppins', sans-serif; font-size:16px; } .progression-portfolio-content-position ul.portfolio-tax-progression li { margin:0px; padding:0px 7px; display:inline-block; } /* Secondary Layout */ .progression-portfolio-secondary-content { padding-top:40px; padding-bottom:40px; } h2.progression-portfolio-secondary-title { color:#292935; font-weight:600; font-size:18px; margin-bottom:0px; } h2.progression-portfolio-secondary-title a { color:#292935; } ul.portfolio-secondary-tax-progression { list-style:none; line-height:1.2; margin:0px 0px 13px 0px; padding:0px; font-weight:500; font-family:'Poppins', sans-serif; font-size:14px; } ul.portfolio-secondary-tax-progression li { margin:0px; padding:0px 14px 0px 0px; display:inline-block; } .portfolio-secondary-layout-excerpt { padding-top:6px; margin-bottom:-25px; font-family:'Poppins', sans-serif; font-weight:300; } .progression-studios-hover-move { transition: all 400ms; -webkit-font-smoothing:subpixel-antialiased; } .progression-studios-hover-move .progression-studios-portfolio-image { -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translate(0, 0); } .progression-studios-hover-move:hover { -webkit-transform: translateY(-10px); transform: translateY(-10px); } /* CSS TRANSITION */ .progression-studios-feaured-image-single-portfolio, .progression-studios-portfolio-image { overflow: hidden; position:relative; -webkit-transform: translateZ(0) scale(1.0, 1.0); } .progression-studios-feaured-image-single-portfolio img, .progression-studios-portfolio-image img { transition: all 400ms; } .progression-studios-portfolio-image-scale .progression-studios-feaured-image-single-portfolio:hover img, .progression-studios-portfolio-image-scale .progression-studios-portfolio-image:hover img { transform: scale(1.07); } .progression-studios-portfolio-image-zoom-grey .progression-studios-feaured-image-single-portfolio:hover img, .progression-studios-portfolio-image-zoom-grey .progression-studios-portfolio-image:hover img { -webkit-filter: grayscale(100%); filter: grayscale(100%); } .progression-studios-portfolio-image-zoom-sepia .progression-studios-feaured-image-single-portfolio:hover img, .progression-studios-portfolio-image-zoom-sepia .progression-studios-portfolio-image:hover img { -webkit-filter: sepia(50%); filter: sepia(50%); } .progression-studios-portfolio-image-zoom-saturate .progression-studios-feaured-image-single-portfolio:hover img, .progression-studios-portfolio-image-zoom-saturate .progression-studios-portfolio-image:hover img { -webkit-filter: saturate(50%); filter: saturate(50%); } .progression-studios-portfolio-image-zoom-shine .progression-studios-feaured-image-single-portfolio:before, .progression-studios-portfolio-image-zoom-shine .progression-studios-portfolio-image:before { position: absolute; top: 0; left: -75%; z-index: 15; display: block; content: ''; width: 50%; height: 100%; background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); transform: skewX(-25deg); } .progression-studios-portfolio-image-zoom-shine .progression-studios-feaured-image-single-portfolio:hover:before, .progression-studios-portfolio-image-zoom-shine .progression-studios-portfolio-image:hover:before { animation: shine_pro 1.2s; } /* =============================================== 18. PORTFOLIO POST STYLES =============================================== */ h1.progression-portfolio-single-title { font-weight:600; font-size:28px; } #portfolio-single-sharing-container, #portfolio-single-date, #portfolio-category-meta-single { font-family:'Poppins', sans-serif; font-weight:500; color:#a1a1a1; padding-top:10px; font-size:14px; } ul.portfolio-single-tax-progression { list-style:none; margin:0px; padding:0px; display:inline-block; } ul.portfolio-single-tax-progression li { display:inline-block; margin:0px; padding:0px 10px 0px 0px; } #portfolio-single-sharing-container span, #portfolio-category-meta-single span, #portfolio-single-date span { padding-right:20px; display:inline-block; color:#292935; min-width:90px; } ul.portflio-single-social-sharing { list-style:none; margin:0px; padding:0px; display:inline-block; font-size:17px; } ul.portflio-single-social-sharing li { display:inline-block; margin:0px; padding:0px 14px 0px 0px; } ul.portflio-single-social-sharing a { color:#bbbbbb; } .hide-featured-portfolio-title #post-secondary-page-title-pro, .hide-featured-portfolio-title h1.progression-portfolio-single-title, .hide-featured-portfolio-image #secondary-image-post-overlay-image, .hide-featured-portfolio-meta ul.portfolio-secondary-single-meta, .hide-featured-portfolio-meta ul#breadcrumbs-progression-studios.progression-breadcrumb-white-background, .hide-featured-portfolio-meta #progression-single-meta-data { display:none; } .hide-featured-portfolio-image .progression-studios-feaured-image-single-portfolio { display:none; } .video-progression-studios-format p { margin:0px; } .progression-studios-feaured-image-single-portfolio { margin-bottom:30px; } /* Secondary Blog Layout */ #progression-portfolio-secondary-post-layout ul#breadcrumbs-progression-studios.progression-breadcrumb-white-background, #progression-portfolio-secondary-post-layout .progression-studios-feaured-image-single-portfolio, #progression-portfolio-secondary-post-layout h1.progression-portfolio-single-title, #progression-portfolio-secondary-post-layout #portfolio-category-meta-single, #progression-portfolio-secondary-post-layout #portfolio-single-date { display:none; } #post-secondary-page-title-pro .portfolio-single-secondary-date { margin-bottom:20px; text-align:center; font-weight:500; color:#ffffff; font-family: 'Poppins', sans-serif; position:relative; z-index:2; font-size:15px; text-transform:uppercase; } #post-secondary-page-title-pro h1.portfolio-secondary-single-title { text-align:center; color:#ffffff; font-weight:500; margin-bottom:20px; font-size:40px; position:relative; z-index:2; } #post-secondary-page-title-pro ul.portfolio-secondary-single-meta { font-family: 'Poppins', sans-serif; margin:0 auto; margin-top:20px; text-align:center; color:#dddddd; font-weight:300; font-size:15px; position:relative; z-index:2; } #post-secondary-page-title-pro ul.portfolio-secondary-single-meta li { margin:0px; padding:0px 10px; display:inline; } #post-secondary-page-title-pro ul.portfolio-secondary-single-meta a { color:#dddddd; text-decoration:underline; } #post-secondary-page-title-pro ul.portfolio-secondary-single-meta a:hover { color:#ffffff; } #blog-single-navigation { padding-top:20px; } #portfolio-single-navigation { padding-top:10px; } #blog-single-navigation a, #portfolio-single-navigation a { width:50%; display:block; line-height:1; padding:25px 0px; float:left; color:#aaa; font-size:20px; background:rgba(0,0,0, 0.07); } #blog-single-navigation a[rel="next"], #portfolio-single-navigation a[rel="next"] { float:right; } #portfolio-single-navigation span, #blog-single-navigation span { font-family:'Poppins', sans-serif; font-weight:500; font-size:16px; position:relative; top:-1px; } #blog-single-navigation .progression-studios-next a, #portfolio-single-navigation .progression-studios-next a { background:rgba(0,0,0, 0.07); } #blog-single-navigation a:hover, #portfolio-single-navigation a:hover { background:rgba(0,0,0, 0.1); color:#999999; } #blog-single-navigation .progression-studios-next, #portfolio-single-navigation .progression-studios-next { text-align:right; } #blog-single-navigation .progression-studios-next i, #portfolio-single-navigation .progression-studios-next i { padding-right:40px; padding-left:20px; } #blog-single-navigation .progression-studios-previous i, #portfolio-single-navigation .progression-studios-previous i { padding-left:40px; padding-right:20px; } /* Two Column Layout */ .progression-single-portfolio-two-column .progression-studios-feaured-image-single-portfolio { margin-bottom:0px; } .progression-single-portfolio-two-column .progression-studios-feaured-image-single-portfolio { float:right; width:65%; } .progression-single-portfolio-two-column .progression-studios-single-portfolio-text { float:left; padding-top:50px; width:30%; } .portfolio-secondary-layout-single-pro h1.progression-studios-image-portfolio-single-title { display:none; } /* =============================================== 19. MASONRY STYLES =============================================== */ .progression-studios-shop-vc .woocommerce ul.products li.product.progression-masonry-item { margin:0px; padding:0px; clear:none; } .progression-studios-shop-vc .woocommerce ul.products li.product.progression-masonry-item.progression-masonry-col-1, .progression-masonry-item.progression-masonry-col-1 { width: 100%; } .progression-studios-shop-vc .woocommerce ul.products li.product.progression-masonry-item.progression-masonry-col-2, .progression-masonry-item.progression-masonry-col-2 { width: 50%; } .progression-studios-shop-vc .woocommerce ul.products li.product.progression-masonry-item.progression-masonry-col-3, .progression-masonry-item.progression-masonry-col-3 { width: 33.330%; } .progression-studios-shop-vc .woocommerce ul.products li.product.progression-masonry-item.progression-masonry-col-4, .progression-masonry-item.progression-masonry-col-4 { width: 25%; } .progression-studios-shop-vc .woocommerce ul.products li.product.progression-masonry-item.progression-masonry-col-5, .progression-masonry-item.progression-masonry-col-5 { width: 20%; } .progression-studios-shop-vc .woocommerce ul.products li.product.progression-masonry-item.progression-masonry-col-6, .progression-masonry-item.progression-masonry-col-6 { width: 16.67%; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .progression-studios-shop-vc .woocommerce ul.products li.product.progression-masonry-item.progression-masonry-col-4, .progression-studios-shop-vc .woocommerce ul.products li.product.progression-masonry-item.progression-masonry-col-5, .progression-studios-shop-vc .woocommerce ul.products li.product.progression-masonry-item.progression-masonry-col-6, .progression-masonry-item.progression-masonry-col-4, .progression-masonry-item.progression-masonry-col-5, .progression-masonry-item.progression-masonry-col-6 { width: 33.330%; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { .progression-studios-shop-vc .woocommerce ul.products li.product.progression-masonry-item.progression-masonry-col-3, .progression-masonry-item.progression-masonry-col-3 { width: 50%; } } @media only screen and (max-width: 767px) { .progression-masonry-item { width: 100% !important; } } .progression-studios-isotope-animation { opacity:0; } .progression-masonry-item.opacity-progression .progression-studios-isotope-animation { -webkit-transform: translateY(50px); transform: translateY(50px); -webkit-animation: moveUp 0.5s ease forwards; animation: moveUp 0.5s ease forwards; } @-webkit-keyframes moveUp { 0% { } 100% { -webkit-transform: translateY(0); opacity: 1; } } @keyframes moveUp { 0% { } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } ul.filter-button-group { list-style:none; margin:0px 0px 40px 0px; padding:0px; text-align:center; line-height:1; font-family:'Poppins', sans-serif; } ul.filter-button-group li { display:inline-block; position:relative; cursor:pointer; text-transform:uppercase; line-height:1; padding:10px 14px; margin:0px 4px 7px 4px; font-weight:500; color:#292935; background:#e8e8e8; font-size:13px; } ul.filter-button-group li.is-checked { color:#ffffff; background:#4145ee; } /* Infinite Scroll JavaScript */ #progression-load-more-manual #infinite-nav-pro { display:block !important; width:100%; } #infinite-nav-pro { display:none; text-align:center; } #infinite-nav-pro a { margin:35px auto 10px auto; font-family:'Poppins', sans-serif; display:inline-block; line-height:1; font-size:14px; font-weight:600; padding:16px 25px; background:#4145ee; color:#ffffff; border:4px solid rgba(0,0,0, 0); } #infinite-nav-pro a span i { font-size:90%; position:relative; top:0px; padding-left:3px; } #infinite-nav-pro a:hover { background:#292935; color:#ffffff; } #infscr-loading { font-size:15px; font-weight:700; color:#aeaeae; } #gallery-masonry-loading { position:relative; } #infscr-loading { text-align: center; z-index: 31; position: absolute; left: 50%; bottom:15px; opacity:1; min-width: 80px; margin-left:-40px; height:80px; line-height:80px; background: #e4e4e4; color: #ffffff; border-radius: 100px; } #infscr-loading img { margin:20px 0px; } #infscr-loading img { display:inline-block !important; } #infscr-loading div#no-more-posts { display:none; padding-right:20px; padding-left:20px; font-size:12px; font-weight:400; } /* Pagination */ .progression-page-nav { font-family:'Poppins', sans-serif; font-weight:600; margin:30px 0 25px 0; list-style:none; text-align:center; font-size:14px; } .progression-page-nav span, .progression-page-nav a { display:inline-block; text-transform:uppercase; line-height:1; text-align:center; margin:0px 4px 5px 4px; font-size:11px; line-height:41px; min-width:40px; min-height:40px; font-weight:600; color:#141414; background:transparent; border:2px solid #cbcbcb; } .progression-page-nav a span { padding:0px; background:none; min-width:none; margin:0px; border:none; color:#141414; } #content-pro ul.page-numbers { list-style:none; margin:40px 0px 15px 0px; padding:0px; text-align:center; } #content-pro ul.page-numbers li { margin:0px; padding:0px; display:inline; } #content-pro ul.page-numbers li span.current, #content-pro ul.page-numbers li a { font-family:'Poppins', sans-serif; display:inline-block; text-transform:uppercase; text-align:center; margin:0px 1px 4px 1px; font-size:13px; line-height:1; font-weight:600; padding:12px 15px 11px 15px; color:#141414; background:transparent; border:2px solid #cbcbcb; } #content-pro ul.page-numbers li a.prev, #content-pro ul.page-numbers li a.next { padding-left:18px; padding-right:18px; letter-spacing:0.5px; } .progression-page-nav a:hover, .progression-page-nav span, #content-pro ul.page-numbers li a:hover, #content-pro ul.page-numbers li span.current { border-color:#4246ee; color:#4246ee; } #content-pro ul.page-numbers li span.dots { display:inline-block; padding:0px 5px; } /* =============================================== 20. IMAGE GRID STYLES =============================================== */ .progression-studios-grid a { display:block; overflow: hidden; position:relative; -webkit-transform: translateZ(0) scale(1.0, 1.0); } .progression-studios-grid h3, .progression-studios-grid img { transition: all 400ms; } .progression-studios-image-grid-transparency .progression-studios-isotope-animation:hover img { opacity:0.5; } .progression-studios-grid h3 { opacity:0; position:absolute; top:54%; width:100%; text-align:center; font-weight:600; color:#ffffff; margin-top:-14px; letter-spacing:-0.5px; } .progression-studios-grid-title-hover.progression-studios-grid a:hover h3 { top:50%; opacity:1; } .progression-studios-grid-image-scale.progression-studios-grid a:hover img { transform: scale(1.07); } .progression-studios-grid-image-zoom-grey.progression-studios-grid a:hover img { -webkit-filter: grayscale(100%); filter: grayscale(100%); } .progression-studios-grid-image-zoom-sepia.progression-studios-grid a:hover img { -webkit-filter: sepia(50%); filter: sepia(50%); } .progression-studios-grid-image-zoom-saturate.progression-studios-grid a:hover img { -webkit-filter: saturate(50%); filter: saturate(50%); } .progression-studios-grid-image-zoom-shine.progression-studios-grid a:before { position: absolute; top: 0; left: -75%; z-index: 2; display: block; content: ''; width: 50%; height: 100%; background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); transform: skewX(-25deg); } .progression-studios-grid-image-zoom-shine.progression-studios-grid a:hover:before { animation: shine_pro 1.2s; } /* =============================================== 21. SIDEBAR AND WIDGET STYLES =============================================== */ .sidebar-divider-pro { width:100%; overflow:hidden; height:45px; } .sidebar { font-size:14px; color:#999999; } .sidebar a, .widget ul.product_list_widget li a:hover span.product-title, .widget ul.product_list_widget li a:hover { color:#676767; } .widget ul.product_list_widget li a:hover span.product-title, .widget ul.product_list_widget li a:hover, .widget ul li.current-cat a, .sidebar a:hover { color:#4145ee; } footer#site-footer .widget_product_search, .sidebar .widget_product_search, footer#site-footer .search-form input.search-field, .sidebar .search-form input.search-field { margin-bottom:15px; font-size:13px; } .sidebar h4.widget-title { font-weight:500; color:#23272c; font-size:17px; text-transform:uppercase; margin-bottom:20px; } .sidebar ul { list-style:none; margin:0px 0px 25px 0px; padding:0px; } .sidebar ul ul.sub-menu, .sidebar ul ul.children { margin-top:11px; } .sidebar ul ul { margin:0px; padding:11px 0px 0px 15px; border-top:1px solid #e7e7e7; } .sidebar ul ul li:last-child { border:none; margin-bottom:0px; padding-bottom:0px; } .sidebar ul li { line-height:1.5; margin:0px 0px 11px 0px; padding:0px 0px 11px 0px; border-bottom:1px solid #e7e7e7; } .sidebar ul.instagram-pics li, footer#site-footer ul.instagram-pics li { border:none; float:left; width:30%; margin-right:3.3%; } .sidebar ul.instagram-pics li { padding:0px; } /* RSS */ .widget_rss ul a.rsswidget { display:block; font-size:14px; margin-bottom:4px; } .widget_rss ul span.rss-date { display:block; font-size:12px; margin-bottom:5px; } .widget_rss ul cite { display:block; font-style:italic; padding-top:8px; font-size:11px; } /* Sidebar Select */ .widget select { max-width:100%; } /* Mobiles Sidebar Styles */ .sidebar.progression-studios-mobile-sidebar { float:none; width:90%; margin:0 5%; } .sidebar.progression-studios-mobile-sidebar .widget { margin-top:50px; } .sidebar.progression-studios-mobile-sidebar .sidebar-divider-pro { height:20px; } /* Recent Posts */ .widget ul li span.post-date { display:block; font-size:90%; padding-top:4px; } footer#site-footer .widget ul li span.post-date { padding-bottom:5px; } /* Count Styling for Category/Archive */ .widget ul li.wc-layered-nav-term span.count, .widget ul span.count { float:right; color:#777; line-height:16px; font-size:10px; display:inline-block; padding:2px 4px; border-radius:4px; background:rgba(0,0,0, 0.06); } footer#site-footer .widget ul li.wc-layered-nav-term span.count, footer#site-footer .widget ul span.count { background:rgba(255,255,255, 0.06); color:#ffffff; } .widget li.recentcomments span.comment-author-link { font-style:italic; } /* Calendar */ .widget table#wp-calendar { width:100%; } .widget table#wp-calendar caption { text-align:center; font-weight:600; font-family:'Poppins', sans-serif; font-size:105%; padding-bottom:5px; color:#444444; } .widget table#wp-calendar thead th { font-weight:500; } .widget table#wp-calendar tr th, .widget table#wp-calendar tr td { padding:6px; text-align:center; } footer#site-footer .widget table#wp-calendar caption { color:#ffffff; } footer#site-footer .widget table#wp-calendar { background:none; } /* Our Hours Widget */ .sidebar ul.progression-studios-open-hours li:before { display:none; } .sidebar ul.progression-studios-open-hours li { margin-bottom:8px; padding-bottom:8px; } footer#site-footer ul.progression-studios-open-hours { margin-right:5%; } footer#site-footer ul.progression-studios-open-hours li { border-bottom:1px dotted rgba(255,255,255, 0.07); margin-bottom:8px; padding-bottom:8px; } ul.progression-studios-open-hours .date-day-pro { display:inline-block; font-weight:500; } ul.progression-studios-open-hours .hours-date-pro { display:inline-block; float:right; font-size:90%; } /* =============================================== 22. WOOCOMMERCE WIDGET STYLES =============================================== */ /* WooCommerce Price Filter */ .widget.widget_price_filter form .price_slider_wrapper { margin-bottom:22px; } .widget.widget_price_filter form .price_slider_wrapper .price_slider { background:#d9d9d9; } .widget.widget_price_filter form .price_slider_wrapper .price_slider .ui-slider-range { background:#4145ee; } .widget.widget_price_filter form .price_slider_wrapper .price_slider .ui-slider-handle { background:#ffffff; border:6px solid #4145ee; width: 5px; height: 5px; border-radius: 30px; top: -5px; margin-left: -5px; box-shadow: 0px 0px 4px rgba(0,0,0,0.25); } .widget.widget_price_filter form .price_slider_wrapper .price_slider_amount { padding-top:5px; font-weight:500; color:#505050; font-size:12px; } .widget.widget_price_filter form .price_slider_wrapper .price_slider_amount .price_label { float:left; } .widget.widget_price_filter form .price_slider_wrapper .price_slider_amount span.to, .widget.widget_price_filter form .price_slider_wrapper .price_slider_amount span.from { font-weight:600; font-family:'Poppins', sans-serif; } .widget.widget_price_filter form .price_slider_wrapper .price_slider_amount button.button { font-weight:500; font-family:'Poppins', sans-serif; font-size:11px; padding:8px 12px; border-radius:0px; background:#4145ee; color:#ffffff; float:right; } .widget.widget_price_filter form { margin-bottom:10px; } /* Woocommerce Filtering Terms */ .widget.widget_layered_nav_filters ul li.chosen, .widget ul li.wc-layered-nav-term { line-height:1.3; margin:0px 0px 11px 0px; padding:0px 0px 11px 0px; } .widget_rating_filter ul li.wc-layered-nav-rating.chosen a:before, .widget_rating_filter ul li.wc-layered-nav-rating a:before, .widget.widget_layered_nav_filters ul li.chosen a:before, .widget ul li.wc-layered-nav-term.chosen a:before, .widget ul li.wc-layered-nav-term a:before { font-family:Arial, sans-serif; content:'X'; font-weight:bold; color:#ffffff; font-size:8px; text-align:center; display:inline-block; border:2px solid #cccccc; border-radius:30px; width:10px; height:10px; line-height:10px; padding:0px; margin:0px 8px 0px 0px; position:relative; top:-4px; } .widget_rating_filter ul li.wc-layered-nav-rating a:hover:before, .widget ul li.wc-layered-nav-term a:hover:before { border-color:#aaaaaa; } .widget.widget_layered_nav_filters ul li.chosen a, .widget ul li.wc-layered-nav-term.chosen a { color:#4145ee; } .widget_rating_filter ul li.wc-layered-nav-rating.chosen a:before, .widget ul li.wc-layered-nav-term.chosen span.count { background:#4145ee; border-color:#4145ee; color:#ffffff; } .widget.widget_layered_nav_filters ul li.chosen a:before, .widget ul li.wc-layered-nav-term.chosen a:before { background:#4145ee; border-color:#4145ee; } .widget.widget_layered_nav_filters ul li.chosen { float:none; } /* WooCOmmerce Ratings Widget */ .widget_rating_filter ul li.wc-layered-nav-rating { line-height:1.3; margin:0px 0px 11px 0px; padding:0px 0px 11px 0px; } /* Product List */ .widget ul.product_list_widget { margin:-4px 0px 20px 0px; padding:0px; } .widget ul.product_list_widget li { padding-bottom:14px; margin-bottom:14px; } .widget ul.product_list_widget li a img { width:50px; float:left; margin-right:15px; } .widget ul.product_list_widget li a { font-weight:500; font-size:15px; font-family:'Poppins', sans-serif; color:#3d3d3d; } footer#site-footer .widget ul.product_list_widget li a span.product-title { color:#ffffff; } footer#site-footer .widget ul.product_list_widget li span.woocommerce-Price-amount { color:#ffffff; } .widget ul.product_list_widget li a span.product-title { display:block; margin:0px 0px 0px 0px; font-weight:500; font-size:15px; font-family:'Poppins', sans-serif; color:#3d3d3d; } .woocommerce ul.product_list_widget li .star-rating { margin:5px 0px 5px 0px !important; } .woocommerce ul.product_list_widget li span.reviewer, .woocommerce ul.product_list_widget li span.amount { font-weight:500; font-size:12px; font-family:'Poppins', sans-serif; } footer#site-footer .widget ul.product_list_widget li, .woocommerce ul.product_list_widget li span.woocommerce-Price-amount { color:#4145ee; } /* Woocommerce Sidebar/Widget Cart */ .widget .widget_shopping_cart_content ul.cart_list.product_list_widget { margin:0px 0px 25px 0px; } .widget .widget_shopping_cart_content ul.cart_list.product_list_widget li.empty { margin:0px; padding:0px 0px 16px 0px; } .widget .widget_shopping_cart_content ul.cart_list.product_list_widget li.mini_cart_item { padding:0px 0px 18px 0px; margin:0px 0px 18px 0px; min-height:40px; } .widget .widget_shopping_cart_content ul.cart_list.product_list_widget li.mini_cart_item a img { position:absolute; left:0px; width:40px; } .widget .widget_shopping_cart_content ul.cart_list.product_list_widget li.mini_cart_item a { font-weight:500; padding:0px 12px 0px 55px; display:block; } .widget .widget_shopping_cart_content ul.cart_list.product_list_widget li.mini_cart_item a.remove { background:none; color:#333333 !important; right:-12px; left:auto; top:2px; font-size:14px; } .widget .widget_shopping_cart_content ul.cart_list.product_list_widget li.mini_cart_item a.remove:hover { background:none; color:#aaaaaa !important; } .widget .widget_shopping_cart_content ul.cart_list.product_list_widget li.mini_cart_item span.quantity { padding-left:55px; padding-top:5px; font-weight:300; font-size:12px; color:#999999; } .widget .widget_shopping_cart_content ul.cart_list.product_list_widget li.mini_cart_item dl { margin:0px; display:block; padding:5px 0px 5px 55px; border:none; color:#999999; } .widget .widget_shopping_cart_content ul.cart_list.product_list_widget li.mini_cart_item dd p { display:inline; margin:0px; padding:0px; } .widget .widget_shopping_cart_content ul.cart_list.product_list_widget li.mini_cart_item dd, .widget .widget_shopping_cart_content ul.cart_list.product_list_widget li.mini_cart_item dt { display:inline-block; font-weight:300; font-size:12px; margin:0px; padding:0px; clear:none; } .widget .widget_shopping_cart_content ul.cart_list.product_list_widget li.mini_cart_item dd { padding-right:7px; font-size:12px; } .widget .widget_shopping_cart_content p.total { border:none; font-weight:500; text-transform:uppercase; color:#1f1f1f; margin:-10px 0px 12px 0px; padding:0px; font-size:13px; } .widget .widget_shopping_cart_content p.total strong { font-weight:600; } .widget .widget_shopping_cart_content p.total span.amount { float:right; font-weight:600; } .widget .widget_shopping_cart_content p.buttons { padding:20px 0px 0px 0px; border-top:1px solid #ebebeb; margin:0px 0px 25px 0px; } .widget .widget_shopping_cart_content p.buttons a.button.wc-forward { border-radius:0px; margin:0px; width:47%; text-align:center; font-weight:500; font-size:12px; padding:15px 0px; font-family:'Poppins', sans-serif; color:#ffffff; background:#4145ee; } .widget .widget_shopping_cart_content p.buttons a.button.checkout.wc-forward { float:right; } .widget .widget_shopping_cart_content p.buttons a.button.wc-forward:hover { color:#ffffff; background:#292935; } /* =============================================== 23. CONTACT FORM STYLES =============================================== */ span.required { color:#fa4e3c; } .bbp-login-form label { font-weight:500; font-size:90%; font-family:'Poppins', sans-serif; } .post-password-form label { font-weight:700; font-size:90%; font-family:'Poppins', sans-serif; } .bbp-form input:focus, .sidebar .bbp-login-form input:focus, #bbpress-forums input:focus, #bbpress-forums textarea:focus, .progression-single-portfolio-container .post-password-form input:focus, .post-password-form input:focus, .login .input-text:focus, .checkout_coupon .input-text:focus, .input-text:focus, .woocommerce-FormRow input.woocommerce-Input:focus, form.checkout.woocommerce-checkout textarea.input-text:focus, form.checkout.woocommerce-checkout input.input-text:focus, #content-pro .woocommerce table.shop_table input:focus, #content-pro .woocommerce table.shop_table .coupon input#coupon_code:focus, .woocommerce .woocommerce-tabs #respond textarea:focus, .woocommerce .woocommerce-tabs #respond input:focus, .woocommerce-shop-single .quantity input:focus, .comment-respond input:focus, .comment-respond textarea:focus, .search-form input.search-field:focus, .wpcf7-form .dark-contact-form input:focus, .wpcf7-form .dark-contact-form textarea:focus, .wpcf7-form input:focus, .wpcf7-form textarea:focus { outline:none; border-color:#4145ee; } .bbp-form input, .sidebar .bbp-login-form input, #bbpress-forums input, #bbpress-forums textarea { padding:10px 14px; background:#ffffff; border:1px solid #ffffff; font-family:'Poppins', sans-serif; font-weight:300; } .progression-single-portfolio-container .post-password-form input, .post-password-form input, .input-text, .woocommerce-FormRow input.woocommerce-Input, .comment-respond input, .comment-respond textarea, .wpcf7-form input, .wpcf7-form textarea { width:70%; padding:10px 18px; background:#ffffff; border:1px solid #ffffff; font-family:'Poppins', sans-serif; font-weight:300; } .progression-single-portfolio-container .post-password-form input, .post-password-form input { width:300px; max-width:85%; } .post-password-form input, .login .input-text, .checkout_coupon .input-text, .comment-respond input, .comment-respond textarea, .woocommerce-FormRow input.woocommerce-Input, .woocommerce .woocommerce-tabs #respond textarea, .woocommerce .woocommerce-tabs #respond input, .wpcf7-form .dark-contact-form input, .wpcf7-form .dark-contact-form textarea { border-color:#f6f6f6; background:#f6f6f6; } .comment-respond textarea, .wpcf7-form textarea { width:96%; width: calc(100% - 38px); } .wpcf7-form input.wpcf7-not-valid { border-color:#e54823; } .wpcf7-form span.wpcf7-not-valid-tip { display:none; } body #content-pro .width-container-pro input.tribe-events-button, .post-password-form input[type=submit], .comment-respond input#submit, .wpcf7-form input.wpcf7-submit { line-height:1; border:none; text-align:center; display:inline-block; border-radius:0px; width:auto; font-size:14px; font-weight:600; padding:20px 36px; background:#4145ee; color:#ffffff; } .post-password-form input[type=submit] { padding:17px 25px; margin-left:5px; } .widget.widget_price_filter form .price_slider_wrapper .price_slider_amount button.button:hover, .post-password-form input[type=submit]:hover, .comment-respond input#submit:hover, .wpcf7-form input.wpcf7-submit:hover { color:#ffffff; background:#292935; } .map_info_text p { margin-bottom:5px; } .map_info_text h1, .map_info_text h2, .map_info_text h3, .map_info_text h4, .map_info_text h5, .map_info_text h6 { margin-bottom:5px; } /* =============================================== 24. FOOTER STYLES =============================================== */ footer#site-footer { margin-bottom:0px; background:#292935; color:#999999; position:relative; font-size:14px; font-family:'Poppins', sans-serif; font-weight:300; line-height:2; } footer#site-footer a { color:#ffffff; font-weight:500; } footer#site-footer a:hover { color:#7a7df2; } /* Footer Widgets */ #progression-studios-lower-widget-container .widget, #widget-area-progression .widget { padding:115px 0px 70px 0px; } footer#site-footer h4.widget-title { margin-bottom:30px; font-size:18px; font-weight:600; color:#ffffff; } /* Copyright */ footer#site-footer #progression-studios-copyright a { color:#ffffff; } footer#site-footer #progression-studios-copyright a:hover { color:#ffffff; } #copyright-text { float:left; color:#888888; padding:38px 0px; } .footer-copyright-align-center #copyright-text { float:none; text-align:center; } .footer-copyright-align-right #copyright-text { float:right;text-align:right; } /* Default List */ footer#site-footer ul { list-style:none; margin:0px 0px 0px 0px; padding:5px 0px 0px 0px; } footer#site-footer ul li { line-height:1.3; margin:0px 0px 6px 0px; padding:0px 0px 6px 0px; } footer#site-footer ul ul.sub-menu, footer#site-footer ul ul.children { margin-top:6px; } footer#site-footer ul ul { margin:0px; padding:5px 0px 0px 12px; } footer#site-footer ul ul li:last-child { border:none; margin-bottom:0px; padding-bottom:0px; } /* Footer Navigation */ /* Footer Navigation Styles */ footer#site-footer ul.progression-studios-footer-nav-container-class { margin:0px; padding:0px; list-style:none; line-height:1; float:right; } footer#site-footer.progression_studios_nav_footer_center ul.progression-studios-footer-nav-container-class { float:none; margin:0 auto; text-align:center; } footer#site-footer.progression_studios_nav_footer_left ul.progression-studios-footer-nav-container-class { float:left; } footer#site-footer ul.progression-studios-footer-nav-container-class li { margin:0px; padding:0px; display:inline; border:none; } footer#site-footer #progression-studios-copyright ul.progression-studios-footer-nav-container-class li:first-child a, footer#site-footer ul.progression-studios-footer-nav-container-class li:first-child a { padding-left:0px; } footer#site-footer #progression-studios-copyright ul.progression-studios-footer-nav-container-class li:last-child a, footer#site-footer ul.progression-studios-footer-nav-container-class li:last-child a { padding-right:0px; } footer#site-footer #progression-studios-copyright ul.progression-studios-footer-nav-container-class a, footer#site-footer ul.progression-studios-footer-nav-container-class a { display:inline-block; color:#ffffff; font-size:13px; padding-left:20px; padding-right:20px; padding-top:45px; padding-bottom:35px; } footer#site-footer #progression-studios-copyright ul.progression-studios-footer-nav-container-class li.current-menu-item a, footer#site-footer #progression-studios-copyright ul.progression-studios-footer-nav-container-class a:hover, footer#site-footer ul.progression-studios-footer-nav-container-class li.current-menu-item a, footer#site-footer ul.progression-studios-footer-nav-container-class a:hover { color:#4145ee; } /* Footer Social Icons */ footer#site-footer ul.progression-studios-social-widget, .sidebar ul.progression-studios-social-widget, ul.progression-studios-social-widget { list-style:none; padding:0px 0px 0px 0px; margin:0px; } .progression-studios-social-summary-pro, .progression-studios-social-icons-widget-container a.progression-button { margin-bottom:25px; } .sidebar ul.progression-studios-social-widget li { border-bottom:none; } .sidebar ul.progression-studios-social-widget li, footer#site-footer ul.progression-studios-social-widget li, ul.progression-studios-social-widget li { display:inline; margin:0px; padding:0px; } .sidebar ul.progression-studios-social-widget li a, footer#site-footer ul.progression-studios-social-widget li a, ul.progression-studios-social-widget li a { display:inline-block; padding:0px 10px 5px 0px; font-size:120%; } /* Latest Posts Widget */ ul.progression-studios-latest-posts-widget .latest-posts-widget-image { float:left; width:24%; margin-right:15px; margin-bottom:15px; } ul.progression-studios-latest-posts-widget .latest-posts-widget-title { display:block; padding-bottom:5px; } ul.progression-studios-latest-posts-widget .latest-posts-widget-date { display:block; font-size:13px; padding-bottom:5px; } /* Footer Logo */ #progression-studios-footer-logo { float:none; text-align:center; display:block; margin-left:auto; margin-right:auto; } .progression_studios_footer_logo_left #progression-studios-footer-logo { float:left; text-align:left; } .progression_studios_footer_logo_right #progression-studios-footer-logo { float:right; text-align:right; } /* Footer Icons */ footer#site-footer .progression-studios-social-icons { text-align:center; padding:20px 0px; list-style:none; margin:0px; } footer#site-footer .progression-studios-social-icons li { margin:0px; padding:0px; display:inline; } footer#site-footer .progression-studios-social-icons a { display:inline-block; text-align:center; display:inline-block; line-height:1; font-size:20px; } footer#site-footer ul.progression-studios-social-icons.progression-studios-footer-icon-align-right li:last-child a { padding-right:0px; } footer#site-footer ul.progression-studios-social-icons.progression-studios-footer-icon-align-left li:first-child a { padding-left:0px; } footer#site-footer .progression-studios-social-icons.progression-studios-footer-icon-align-right { text-align:right; float:right; } footer#site-footer .progression-studios-social-icons.progression-studios-footer-icon-align-left { float:left; } footer#site-footer .progression-studios-social-icons.progression-studios-footer-icon-text-hide span { display:none; } footer#site-footer .progression-studios-social-icons span { font-weight:500; padding-left:8px; font-size:80%; position:relative; top:-1px; } footer#site-footer #progression-studios-copyright .progression-studios-social-icons a, footer#site-footer .progression-studios-social-icons a { color:#bbbbbb; } footer#site-footer #progression-studios-copyright .progression-studios-social-icons a:hover, footer#site-footer .progression-studios-social-icons a:hover { color:#4145ee; } /* Scroll to top */ #pro-scroll-top { display: block; position: fixed; overflow: hidden; text-indent: 100%; white-space: nowrap; visibility: hidden; opacity: 0; z-index:100; height: 50px; width: 50px; padding:0px; margin:0px; bottom: 26px; right: 26px; border-radius:3px; color:#ffffff; background:rgba(0,0,0, 0.3); } #pro-scroll-top:before { content:"\f105"; display:block; font-weight:normal; font-family:FontAwesome; font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translate(0, 0); position:absolute; z-index:101; font-size:18px; top:27px; left:0px; height: 50px; width: 50px; line-height:50px; -ms-transform: rotate(-90deg); /* IE 9 */ -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */ transform: rotate(-90deg); } #pro-scroll-top.cd-is-visible { visibility: visible; opacity: 1; } #pro-scroll-top:hover { opacity: 1; color:#ffffff; background:#bcd13d; } /* =============================================== 25. Owl Carousel - Animate Plugin =============================================== */ /* * Owl Carousel - Animate Plugin */ .progression-studios-owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .progression-studios-owl-carousel .owl-animated-in { z-index: 0; } .progression-studios-owl-carousel .owl-animated-out { z-index: 1; } .progression-studios-owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* * Owl Carousel - Auto Height Plugin */ .owl-height { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } /* * Core Owl Carousel CSS File */ .progression-studios-owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1; } .progression-studios-owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; } .progression-studios-owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .progression-studios-owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .progression-studios-owl-carousel .owl-controls .owl-nav .owl-prev, .progression-studios-owl-carousel .owl-controls .owl-nav .owl-next, .progression-studios-owl-carousel .owl-controls .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .progression-studios-owl-carousel.owl-loaded { display: block; } .progression-studios-owl-carousel.owl-loading { opacity: 0; display: block; } .progression-studios-owl-carousel.owl-hidden { opacity: 0; } .progression-studios-owl-carousel .owl-refresh .owl-item { display: none; } .progression-studios-owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .progression-studios-owl-carousel .item { clear:none !important; width:100% !important; margin:0px !important; } .progression-studios-owl-carousel .owl-item img { display: block; width: 100%; -webkit-transform-style: preserve-3d; } .progression-studios-owl-carousel.owl-text-select-on .owl-item { -webkit-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto; } .progression-studios-owl-carousel .owl-grab { cursor: move; cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .progression-studios-owl-carousel.owl-rtl { direction: rtl; } .progression-studios-owl-carousel.owl-rtl .owl-item { float: right; } /* No Js */ .no-js .progression-studios-owl-carousel { display: block; } /* * Owl Carousel - Lazy Load Plugin */ .progression-studios-owl-carousel .owl-item .owl-lazy { opacity: 0; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; } .progression-studios-owl-carousel .owl-item img { transform-style: preserve-3d; } /* * Owl Carousel - Video Plugin */ .progression-studios-owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .progression-studios-owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; -webkit-transition: scale 100ms ease; -moz-transition: scale 100ms ease; -ms-transition: scale 100ms ease; -o-transition: scale 100ms ease; transition: scale 100ms ease; } .progression-studios-owl-carousel .owl-video-play-icon:hover { -webkit-transition: scale(1.3, 1.3); -moz-transition: scale(1.3, 1.3); -ms-transition: scale(1.3, 1.3); -o-transition: scale(1.3, 1.3); transition: scale(1.3, 1.3); } .progression-studios-owl-carousel .owl-video-playing .owl-video-tn, .progression-studios-owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .progression-studios-owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; } .progression-studios-owl-carousel .owl-video-frame { position: relative; z-index: 1; } .progression-studios-owl-carousel.owl-theme { position:relative; } .progression-studios-portfolio-vc .progression-studios-owl-carousel.owl-theme .owl-controls .owl-nav .owl-prev, .progression-studios-portfolio-vc .progression-studios-owl-carousel.owl-theme .owl-controls .owl-nav .owl-next { margin-top:-24px; } .progression-studios-owl-carousel.owl-theme .owl-controls .owl-nav .owl-next, .progression-studios-owl-carousel.owl-theme .owl-controls .owl-nav .owl-prev { display:block; transition: background 200ms ease-in-out; width:38px; height:42px; line-height:42px; font-size:22px; text-align:center; background:#ffffff; color:#777777; left:0px; position:absolute; top:50%; margin-top:-28px; } .progression-studios-owl-carousel.owl-theme .owl-controls .owl-nav .owl-prev { left:0px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .progression-studios-owl-carousel.owl-theme .owl-controls .owl-nav .owl-next { left:auto; right:0px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .progression-studios-owl-carousel.owl-theme .owl-controls .owl-nav .owl-next:after, .progression-studios-owl-carousel.owl-theme .owl-controls .owl-nav .owl-prev:after { font: normal normal normal 20px/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; content: "\f104"; margin-left:-2px; } .progression-studios-owl-carousel.owl-theme .owl-controls .owl-nav .owl-next:after { content: "\f105"; margin-left:0px; margin-right:-2px; } .progression-studios-owl-carousel.owl-theme .owl-dots { margin:0 auto; text-align:center; position:absolute; bottom:-30px; width:100%; } .progression-studios-owl-carousel.owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1; * display: inline } .progression-studios-owl-carousel.owl-theme .owl-controls .owl-nav .disabled { opacity: .5; cursor: default } .progression-studios-owl-carousel.owl-theme .owl-dots .owl-dot span { width: 13px; height: 13px; margin: 5px 5px; background: #dddddd; display: block; -webkit-backface-visibility: visible; transition: background 200ms ease-in-out; border-radius: 30px } .progression-studios-owl-carousel.owl-theme .owl-dots .owl-dot.active span, .progression-studios-owl-carousel.owl-theme .owl-dots .owl-dot:hover span { background: #666666; color:#ffffff; } .progression-studios-owl-carousel.progression-studios-carousel-outside-nav.owl-theme .owl-controls .owl-nav .owl-next:hover, .progression-studios-owl-carousel.progression-studios-carousel-outside-nav.owl-theme .owl-controls .owl-nav .owl-prev:hover, .progression-studios-owl-carousel.progression-studios-carousel-outside-nav.owl-theme .owl-controls .owl-nav .owl-next, .progression-studios-owl-carousel.progression-studios-carousel-outside-nav.owl-theme .owl-controls .owl-nav .owl-prev { background:none; color:#ffffff; transition-duration: 200ms; transition-property: all; transition-timing-function: ease-in-out; font-size:28px; } .progression-studios-owl-carousel.progression-studios-carousel-outside-nav.owl-theme .owl-controls .owl-nav .owl-next { right:-50px; } .progression-studios-owl-carousel.progression-studios-carousel-outside-nav.owl-theme .owl-controls .owl-nav .owl-next:hover { right:-55px; } .progression-studios-owl-carousel.progression-studios-carousel-outside-nav.owl-theme .owl-controls .owl-nav .owl-prev { left:-50px; } .progression-studios-owl-carousel.progression-studios-carousel-outside-nav.owl-theme .owl-controls .owl-nav .owl-prev:hover { left:-55px; } /* =============================================== 26. WOOCOMMERCE INDEX STYLES =============================================== */ .woocommerce-breadcrumb { display:none; } body ins, body del, body mark.count { background:none; } #boxed-layout-pro ul.products li.product img { margin:0px ; } /* Sorting & Count */ .woocommerce-result-count { font-size:14px; padding-bottom:15px; font-family:'Poppins', sans-serif; font-weight:300; } #boxed-layout-pro .woocommerce form.woocommerce-ordering { border: none; text-transform:none; position:relative; top:-5px; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { body #boxed-layout-pro .woocommerce form.woocommerce-ordering:before {display:none;} } #boxed-layout-pro .woocommerce form.woocommerce-ordering:before { content:''; position:absolute; z-index:-1; top:0px; width:100%; height:100%; background:#ffffff; } #boxed-layout-pro .woocommerce form.woocommerce-ordering:after { position:absolute; font-weight:normal; z-index:-1; font-style:normal; font-family: FontAwesome; border:none; content:"\f0dc"; padding:12px 18px; font-size:10px; top:0px; right:0px; border-left: 1px solid rgba(0, 0, 0, 0.0); } #boxed-layout-pro .woocommerce form.woocommerce-ordering select::-ms-expand { display: none; } #boxed-layout-pro .woocommerce form.woocommerce-ordering select { -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0px; box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); cursor:pointer; background:none; font-size:11px; border: none; color: #23272c; padding:13px 56px 13px 18px; margin:0px !important; font-family:'Poppins', sans-serif; font-weight:300; } #boxed-layout-pro .woocommerce form.woocommerce-ordering select:focus { outline:none; } #boxed-layout-pro ul.products li.product { text-align:center; } .progression-studios-shop-index-text { padding:20px 0px 14px 0px; } #boxed-layout-pro ul.products li.product h3 { font-weight:500; color:#3d3d3d; font-size:18px; line-height:1.2; margin:0px; padding:0px 0px 5px 0px; } #boxed-layout-pro ul.products li.product a:hover h3 { color:#4145ee; } #boxed-layout-pro ul.products li.product h3 mark.count { font-size:14px; font-style:normal; font-weight:300; } /* Price */ #boxed-layout-pro ul.products li.product span.price { margin:0px 0px 0px 0px; } #boxed-layout-pro ul.products li.product span.price span.amount { color:#4145ee; font-size:15px; font-family:'Poppins', sans-serif; font-weight:500; } #boxed-layout-pro ul.products li.product span.price del span.amount, #boxed-layout-pro ul.products li.product span.price del, #boxed-layout-pro ul.products li.product span.price ins span.amount { color:#4145ee; } #boxed-layout-pro ul.products li.product span.price del, #boxed-layout-pro ul.products li.product span.price ins { display:inline-block; } #boxed-layout-pro ul.products li.product span.price del { opacity:0.44; } #boxed-layout-pro ul.products li.product span.price del span.amount { font-size:10px; position:relative; padding-right:3px; top:-1px; } /* OnSale + New */ .ul.products { position:relative; } body .woocommerce-shop-single span.onsale, #boxed-layout-pro ul.products li.product span.onsale { font-family:'Poppins', sans-serif; font-weight:700; min-height: 0px; min-width: 0em; margin:0px; left:auto; z-index:25; top:0px; right:0px; border-radius:0px; line-height:1; padding:13px 4px 0px 0px; font-size:10px; background:none; } body .woocommerce-shop-single span.onsale:before, #boxed-layout-pro ul.products li.product span.onsale:before { position:absolute; top:-20px; right:-35px; content:""; display:block; transform: rotate(45deg); z-index:-1; width:100px; height:50px; background:red; } .woocommerce-shop-single span.progression-studios-new-banner, .progression-studios-store-product-image-container span.progression-studios-new-banner { display:block; position:absolute; font-family:'Poppins', sans-serif; font-weight:700; min-height: 0px; min-width: 0em; margin:0px; z-index:25; top:0px; left:0px; border-radius:0px; line-height:1; padding:13px 0px 0px 4px; font-size:10px; background:none; color:#ffffff; } .woocommerce-shop-single span.progression-studios-new-banner:before, .progression-studios-store-product-image-container span.progression-studios-new-banner:before { position:absolute; top:-20px; left:-35px; content:""; display:block; transform: rotate(-45deg); z-index:-1; width:100px; height:50px; background:#79a366; } /* Rating */ .woocommerce ul.product_list_widget li .star-rating, .woocommerce-shop-single .star-rating, #boxed-layout-pro .woocommerce ul.products li.product .star-rating { color:#aaaaaa; font-size:12px ; margin:0px; } #boxed-layout-pro .woocommerce ul.products li.product .star-rating { text-align:center; margin: 5px auto 10px auto; display:none; } .woocommerce ul.product_list_widget li .star-rating:before, .woocommerce-shop-single .star-rating:before, #boxed-layout-pro .woocommerce ul.products li.product .star-rating:before { color:#aaaaaa; } /* Overlay Buttons */ .progression-studios-store-product-image-container { position:relative; overflow:hidden; } #boxed-layout-pro ul.products li.product .progression-studios-store-product-image-container .progression-studios-shop-overlay-buttons { position:absolute; z-index:15; width: 86%; margin:0px 7% 12px 7%; opacity:0; bottom:-20px; box-shadow: 0px 1px 7px rgba(0,0,0, 0.05); } body .woocommerce-shop-single span.onsale:before, #boxed-layout-pro ul.products li.product span.onsale:before, #boxed-layout-pro ul.products li.product .progression-studios-store-product-image-container .progression-studios-shop-overlay-buttons a.added_to_cart, #boxed-layout-pro ul.products li.product .progression-studios-store-product-image-container .progression-studios-shop-overlay-buttons a.progression-shop-overlay-more, #boxed-layout-pro ul.products li.product .progression-studios-store-product-image-container .progression-studios-shop-overlay-buttons a.button, #boxed-layout-pro ul.products li.product .progression-studios-store-product-image-container .progression-studios-shop-overlay-buttons { background:#4145ee; } #boxed-layout-pro ul.products li.product .progression-studios-store-product-image-container .progression-studios-shop-overlay-buttons a.progression-shop-overlay-more:hover { background:#ffffff; color:#4145ee; } #boxed-layout-pro ul.products li.product .progression-studios-store-product-image-container .progression-studios-shop-overlay-buttons a.added_to_cart, #boxed-layout-pro ul.products li.product .progression-studios-store-product-image-container .progression-studios-shop-overlay-buttons a.progression-shop-overlay-more, #boxed-layout-pro ul.products li.product .progression-studios-store-product-image-container .progression-studios-shop-overlay-buttons a.button { line-height:1; border-radius:0px; margin:0px; font-family:'Poppins', sans-serif; font-weight:500; padding:14px 20px; font-size:13px; color:#ffffff; width: calc(100% - 80px); } #boxed-layout-pro ul.products li.product .progression-studios-store-product-image-container .progression-studios-shop-overlay-buttons a.added_to_cart:hover, #boxed-layout-pro ul.products li.product .progression-studios-store-product-image-container .progression-studios-shop-overlay-buttons a.button:hover { color:#ffffff; background:#292935; } #boxed-layout-pro ul.products li.product .progression-studios-store-product-image-container .progression-studios-shop-overlay-buttons a.progression-shop-overlay-more { display:block; float:right; text-align:center; width: 40px; font-size:13px; padding:14px 0px 13px 0px; background:#ffffff; color:#292935; } #boxed-layout-pro ul.products li.product .progression-studios-store-product-image-container:hover .progression-studios-shop-overlay-buttons { bottom:0px; opacity:1; } #boxed-layout-pro ul.products li.product .progression-studios-store-product-image-container .progression-studios-shop-overlay-buttons a.button.added:after, #boxed-layout-pro ul.products li.product .progression-studios-store-product-image-container .progression-studios-shop-overlay-buttons a.button.added { display:none; } /* Image Hover Options */ .progression-studios-woocommerce-secondary-image { transition: all 500ms; opacity:0; width:100%; height:100%; position:absolute; top:0px; left:0px; z-index:5; background-repeat: no-repeat; background-position:center center; background-size: cover; } ul.products li.product:hover .progression-studios-woocommerce-secondary-image { opacity:1; } /* Out of Stock */ .outofstock .woocommerce-shop-single .images img { opacity:0.5; } #boxed-layout-pro ul.products li.product .outofstock img, #boxed-layout-pro ul.products li.product.outofstock img { opacity:0.5; } #boxed-layout-pro ul.products li.product:hover .outofstock .progression-studios-store-button-overlay-container, #boxed-layout-pro ul.products li.product.outofstock:hover .progression-studios-store-button-overlay-container { display:none; } .outofstock .woocommerce-shop-single .images .progression-studios-outofstock, #boxed-layout-pro ul.products li.product .progression-studios-outofstock { background:rgba(255, 255, 255 , 0.85); color:#000000; position:absolute; text-transform:uppercase; top:50%; left:50%; text-align:center; z-index:10; width:80px; height:80px; margin-left:-40px; margin-top:-40px; border-radius:100px; } .outofstock .woocommerce-shop-single .images .progression-studios-outofstock span, #boxed-layout-pro ul.products li.product .progression-studios-outofstock span { display:inline-block; padding-top:26px; line-height:1.2; font-weight:600; font-size:13px; } .woocommerce-shop-single .summary p.out-of-stock { font-weight:600; font-size:14px; } /* Image Transitions */ .progression-studios-store-product-image-container { position:relative; overflow:hidden; -webkit-transform: translateZ(0) scale(1.0, 1.0); } .progression-studios-store-product-image-container img { transition: all 400ms; } #boxed-layout-pro ul.products li.product:hover .progression-studios-shop-image-scale img { transform: scale(1.07); } #boxed-layout-pro ul.products li.product:hover .progression-studios-shop-image-zoom-grey img { -webkit-filter: grayscale(100%); filter: grayscale(100%); } #boxed-layout-pro ul.products li.product:hover .progression-studios-shop-image-zoom-sepia img { -webkit-filter: sepia(50%); filter: sepia(50%); } #boxed-layout-pro ul.products li.product:hover .progression-studios-shop-image-zoom-saturate img { -webkit-filter: saturate(50%); filter: saturate(50%); } #boxed-layout-pro ul.products li.product:hover .progression-studios-shop-image-zoom-shine:before { position: absolute; top: 0; left: -75%; z-index: 2; display: block; content: ''; width: 50%; height: 100%; background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); transform: skewX(-25deg); } #boxed-layout-pro ul.products li.product:hover .progression-studios-shop-image-zoom-shine:before { animation: shine_pro 1.2s; } /* =============================================== 27. WOOCOMMERCE POST STYLES =============================================== */ body .woocommerce-shop-single .images { position:relative; overflow:hidden; } body #content-pro .woocommerce-shop-single h1.product_title { font-weight:500; font-size:28px; padding-top:12px; margin-bottom:12px; } .progression-studios-short-description p { margin-bottom:15px; } /* Price */ body .woocommerce-shop-single .summary p.price { font-weight:600; color:#d5240c; font-size:25px; font-family:'Poppins', sans-serif; margin-bottom:15px; } body .woocommerce-shop-single p.price del, body .woocommerce-shop-single p.price ins { display:inline-block; font-weight:600 !important; } body .woocommerce-shop-single p.price del, body .woocommerce-shop-single p.price ins span.amount, body .woocommerce-shop-single p.price del span.amount { color:#d5240c; } body .woocommerce-shop-single p.price del { opacity:0.44; font-size:13px; position:relative; padding-right:3px; top:-3px; } body .woocommerce-shop-single p.price del span.amount { font-weight:600; } /* Category, SKU, Tags */ .woocommerce-shop-single .product_meta span.sku_wrapper, .woocommerce-shop-single .product_meta span.posted_in, .woocommerce-shop-single .product_meta span.tagged_as { display:block; border-bottom:1px solid #e4e4e4; padding-bottom:7px; margin-bottom:7px; font-size:90%; } .woocommerce-shop-single .product_meta { color:#777777; font-weight:300; font-family:'Poppins', sans-serif; } /* Rating */ body #content-pro .width-container-pro .woocommerce-shop-single .woocommerce-product-rating { margin-bottom:15px; } .woocommerce-shop-single .woocommerce-product-rating .star-rating { font-size:12px; position:relative; top:4px; } .woocommerce-shop-single .woocommerce-product-rating a.woocommerce-review-link, .woocommerce-shop-single .woocommerce-product-rating span.progression-studios-count { font-size:13px; display:inline-block; font-weight:300; font-family:'Poppins', sans-serif; } .woocommerce-shop-single span.progression-studios-store-rating-divider { display:inline-block; width:1px; height:14px; margin-left:12px; margin-right:12px; position:relative; top:2px; background:#cccccc; } /* Variations */ body .woocommerce-shop-single .summary form.cart a.reset_variations { font-weight:500; font-family:'Poppins', sans-serif; font-size:11px; } body .woocommerce-shop-single .summary form.cart table.variations { margin:-5px 0px 20px 0px; padding:0px; background:none; } body .woocommerce-shop-single .summary form.cart table.variations td, body .woocommerce-shop-single .summary form.cart table.variations tr { padding-top:0px; padding-bottom:15px; } body .woocommerce-shop-single .summary form.cart table.variations td.label label { font-weight:500; font-family:'Poppins', sans-serif; color:#333333; font-size:14px; } body .woocommerce-shop-single .summary form.cart table.variations td.value { } body .woocommerce-shop-single table.variations td.value select::-ms-expand { display:none; } body .woocommerce-shop-single table.variations td.value select { font-family:'Poppins', sans-serif; font-weight:300; cursor:pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0px; margin:0px; border:2px solid #f1f2f4; background:#ffffff url(images/select-arrow.png) right 17px no-repeat; color:#1f1f1f; font-size:13px; padding:14px 25px; } /* Add to Cart Input */ .woocommerce-shop-single .quantity input { border:1px solid #ffffff; background:#ffffff; padding-top:8px; padding-bottom:8px; margin-right:7px; } /* Sharing Links */ #progression-studios-store-sharing-title { padding-top:22px; font-family:'Poppins', sans-serif; font-weight:500; font-size:14px; padding-right:20px; display:inline-block; color:#292935; } ul.single-shop-social-sharing { position:relative; top:2px; list-style:none; margin:0px; padding:0px; display:inline-block; font-size:18px; } ul.single-shop-social-sharing li { display:inline-block; margin:0px; padding:0px 14px 0px 0px; } ul.single-shop-social-sharing a { color:#bbbbbb; } /* WooCommerce Tabs */ body.single-product #single-product-info-background { margin-top:-60px; padding-top:60px; margin-bottom:0px; } #single-product-tabs-background { background:#ffffff; margin-top:50px; margin-bottom:-60px; } body.woocommerce .woocommerce-tabs.wc-tabs-wrapper ul.tabs.wc-tabs { position:relative; top:-45px; margin:0px 0px 0px 0px; padding:0px; border:none; overflow:visible; } body.woocommerce .woocommerce-tabs.wc-tabs-wrapper ul.tabs.wc-tabs:before { border-bottom-width:0px; } body.woocommerce .woocommerce-tabs.wc-tabs-wrapper ul.tabs.wc-tabs li:before, body.woocommerce .woocommerce-tabs.wc-tabs-wrapper ul.tabs.wc-tabs li:after { display:none !important; } body.woocommerce .woocommerce-tabs.wc-tabs-wrapper ul.tabs.wc-tabs li { border:none; padding:0px; margin:0px; background:none; display:inline; } body.woocommerce .woocommerce-tabs.wc-tabs-wrapper ul.tabs.wc-tabs li a { background:none; color:#999999; font-family:'Poppins', sans-serif; font-weight:500; font-size:15px; line-height:1; padding:16px 22px; float:left; margin:0px 0px -1px 0px; border:none; background:none; } body.woocommerce .woocommerce-tabs.wc-tabs-wrapper ul.tabs.wc-tabs li.active a { color:#4145ee; background:#ffffff; } .related.products h2.related-product-heading, .woocommerce .woocommerce-tabs h2, .woocommerce .woocommerce-tabs h2.woocommerce-Reviews-title { font-weight:500; margin-bottom:25px; font-size:20px; } body.woocommerce .woocommerce-tabs.wc-tabs-wrapper .entry-content { padding:0px 0px 10px 0px; } .woocommerce .woocommerce-tabs h3#reply-title { font-weight:400; font-size:18px; margin-bottom:15px; } /* Variable Table */ #single-product-tabs-background .woocommerce-tabs table td { padding:8px 12px; } #single-product-tabs-background .woocommerce-tabs table { background:#ffffff; margin: 0 0 2em; max-width: 100%; border:none; border-top: 1px solid #eaeaea; } #single-product-tabs-background .woocommerce-tabs table td, #single-product-tabs-background .woocommerce-tabs table th { color:#606060; border: 1px solid #eaeaea; border-top:none; } #single-product-tabs-background .woocommerce-tabs table th { background:#eaeaea; } #single-product-tabs-background .woocommerce-tabs table tr.alt td { background:none ; } #single-product-tabs-background .woocommerce-tabs table tr td { font-style:normal; font-size:13px; } #single-product-tabs-background .woocommerce-tabs table th { font-weight:600; color:#333333; padding-left:12px; padding-right:12px; } /* Shop Reviews */ .woocommerce .woocommerce-tabs #respond { margin-bottom:40px; } .woocommerce .woocommerce-tabs form#commentform { max-width:800px; } .woocommerce .woocommerce-tabs #reviews #comments ol.commentlist { margin-left:0px; padding-left:0px; margin-bottom:35px; } .woocommerce .woocommerce-tabs #reviews #comments ol.commentlist li img.avatar { border:none; padding:0px; border-radius:50px; } .woocommerce .woocommerce-tabs #reviews #comments ol.commentlist li .comment-text { border-right:none; border-top:none; border-bottom:none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .woocommerce .woocommerce-tabs #reviews #comments ol.commentlist li p.meta { font-weight:500; color:#333333; font-size:16px; margin-bottom:5px; } .woocommerce .woocommerce-tabs #reviews #comments ol.commentlist li p.meta time { font-size:13px; color:#666666; } .woocommerce .woocommerce-tabs #reviews #comments ol.commentlist li p.meta strong { font-weight:700; } /* =============================================== 28. WOOCOMMERCE GALLERY STYLES =============================================== */ .progression-studios-theme-main-image ul { list-style:none; margin:0px; padding:0px; } .progression-studios-theme-main-image ul li { margin:0px; padding:0px; } .progression-studios-theme-thumbnail-navigation .flex-direction-nav a { opacity:1; font-size:19px; width:28px; line-height:40px; height:40px; border-radius:0px; margin-top:-20px; } .progression-studios-theme-thumbnail-navigation .flex-direction-nav a.flex-next { right:0px; } .progression-studios-theme-thumbnail-navigation .flex-direction-nav a.flex-prev { left:0px; } .progression-studios-theme-thumbnail-navigation img { opacity:0.4; transition-duration: 350ms; transition-property: all; transition-timing-function: ease-in-out; } .progression-studios-theme-thumbnail-navigation li:hover img { opacity:0.8; } .progression-studios-theme-thumbnail-navigation li.flex-active-slide:hover img, .progression-studios-theme-thumbnail-navigation .flex-active-slide img { opacity:1; } /* 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; } /* =============================================== 29. WOOCOMMERCE CART/CHECKOUT =============================================== */ #content-pro .woocommerce table.shop_table { border-radius:0px; font-size:14px; border-color:#f1f1f1; } .woocommerce table.shop_table tbody tr.cart-subtotal th, #content-pro .woocommerce table.shop_table thead tr th { background:#f1f1f1; border-color:#f1f1f1; padding-top:15px; padding-bottom:15px; } #content-pro .woocommerce table.shop_table tr td { border-color:#f1f1f1; padding-top:18px; padding-bottom:18px; background:#ffffff; } .woocommerce table.shop_table tbody tr.cart-subtotal th, #content-pro .woocommerce table.shop_table thead tr th { font-weight:600; font-family:'Poppins', sans-serif; color:#111111; font-size:16px; } #content-pro .woocommerce table.shop_table tbody td.product-name a { color:#1a1a1a; font-family:'Poppins', sans-serif; font-weight:500; font-size:14px; } table.shop_table td.product-remove a.remove, #content-pro .woocommerce table.shop_table tbody tr.cart_item a.remove { color:#1f1f1f !important; font-size:17px; margin:0 auto; background:none; } table.shop_table td.product-remove a.remove:hover, #content-pro .woocommerce table.shop_table tbody tr.cart_item a.remove:hover { background:none; color:#666666 !important; } #content-pro .woocommerce table.shop_table input { border:2px solid #e8e8e8; background:#ffffff; padding-top:9px; padding-bottom:9px; } #content-pro .woocommerce table.shop_table dl { margin:0px; padding:0px; } #content-pro .woocommerce table.shop_table dd p { display:inline-block; margin:0px; padding:0px; } #content-pro .woocommerce table.shop_table dd, #content-pro .woocommerce table.shop_table dt { display:inline; font-size:13px; font-family:'Poppins', sans-serif; font-weight:300; opacity:0.7; margin:0px; padding:0px; clear:none; } #content-pro .woocommerce table.shop_table dt { padding-right:2px; } #content-pro .woocommerce table.shop_table dd { padding-right:15px; } .cart_totals { padding-top:25px; } .cart_totals h2 { font-weight:600; font-size:18px; } .woocommerce table.shop_table tr.cart-subtotal { color:#555555; font-size:13px; } .woocommerce table.shop_table tr.order-total td { color:#111111; } .woocommerce table.shop_table tr.cart-subtotal th { background:#f1f1f1; border-color:#f1f1f1; font-weight:600; color:#111111; font-size:14px; } .woocommerce table.shop_table tr.order-total th { background:#f1f1f1; border-color:#f1f1f1; font-weight:700; color:#111111; font-size:17px; } /* Table */ #content-pro .woocommerce table.shop_table .coupon input.button { font-size:12px; padding:10px 15px; margin-left:10px; } #content-pro .woocommerce table.shop_table .coupon input#coupon_code { line-height:34px; height:34px; width:140px; } #content-pro .woocommerce table.wishlist_table td.product-name a.button { font-weight:600; font-size:10px; padding:10px 14px; margin-left:15px; border-radius:0px; color:#ffffff; background:#8a8f6a; } #content-pro .woocommerce table.wishlist_table td.product-name a.button:hover { color:#ffffff; } #content-pro .woocommerce table.wishlist_table .product-add-to-cart a.button { font-weight:600; font-size:12px; border-radius:0px; padding-top:14px; padding-bottom:14px; background:#8a8f6a; } body .woocommerce form.checkout.woocommerce-checkout { padding-top:25px; } body .woocommerce h3#order_review_heading, body .woocommerce form.checkout.woocommerce-checkout h3 { font-weight:600; } form.checkout.woocommerce-checkout textarea.input-text, form.checkout.woocommerce-checkout input.input-text { padding:8px 11px; border:1px solid #dddddd; } h3#order_review_heading { margin-top:30px; } .woocommerce #order_review table.shop_table.woocommerce-checkout-review-order-table { margin-bottom:40px; } #payment.woocommerce-checkout-payment { font-weight:500; font-size:14px; } /* My Account */ body .woocommerce .woocommerce-MyAccount-content { border-left:3px solid #1f2228; background:rgba(0,0,0, 0.025); width:63%; padding:3% 3% 3% 3%; } .woocommerce-MyAccount-content fieldset { margin-top:40px; } .woocommerce-MyAccount-content legend { font-weight:600; font-size:14px; padding-bottom:15px; color:#1f1f1f; } body .woocommerce nav.woocommerce-MyAccount-navigation { width:28%; } body .woocommerce nav.woocommerce-MyAccount-navigation a { display:block; padding:14px 25px; font-family:'Poppins', sans-serif; color:#444444; background:rgba(0,0,0, 0.025); margin-bottom:1px; font-weight:500; font-size:14px; } body .woocommerce nav.woocommerce-MyAccount-navigation a:hover { background:rgba(0,0,0, 0.08); } body .woocommerce nav.woocommerce-MyAccount-navigation li.is-active a { color:#ffffff; background:#bcd13d; } .woocommerce-MyAccount-content h3, .woocommerce-MyAccount-content h2 { font-weight:600; } .woocommerce-MyAccount-content .woocommerce-Address-title h3 { font-weight:600; margin-bottom:10px; } .woocommerce-MyAccount-content .woocommerce-Address-title a.edit { font-weight:600; font-size:13px; padding-top:6px; } .woocommerce-MyAccount-content table.shop_table { margin-bottom:50px; } body .woocommerce nav.woocommerce-MyAccount-navigation li.is-active a { background:#bcd13d; } body .woocommerce .woocommerce-MyAccount-content { border-color:#bcd13d; } .woocommerce-MyAccount-content mark { background:none; } .woocommerce-MyAccount-content table.shop_table a.button.view { border-radius:0px; font-weight:600; } /* =============================================== 30. WOOCOMMERCE MY ACCOUNT =============================================== */ .woocommerce #customer_login h2 { font-weight:600; font-size:20px; margin-bottom:0px; } .woocommerce form.woocommerce-ResetPassword, .woocommerce #customer_login form.login, .woocommerce #customer_login form.register, .woocommerce form.checkout_coupon, .woocommerce form.login { border-radius:0px; padding:30px; background:#ffffff; border:1px solid #ffffff; } .woocommerce #customer_login form.register { padding-bottom:57px; } .woocommerce form.login input#rememberme, .woocommerce #customer_login input.woocommerce-Input--checkbox { width:20px; display:inline-block; } .woocommerce form.login label.inline, .woocommerce #customer_login label.inline { font-size:14px; color:#888; } p.lost_password { margin-bottom:0px; } p.lost_password a { font-size:14px; } body .woocommerce form.checkout_coupon input.button, body .woocommerce form.login input.button { margin:0px; } /* Checkout Page Create Account */ .woocommerce .woocommerce-validated.create-account { box-shadow:none; background:none; border:none; margin:10px 0px; font-weight:700; font-size:15px; color:#333; } .woocommerce .create-account { border-radius:0px; padding:30px; background:#ffffff; border:1px solid #eeeeee; } .woocommerce .create-account p { font-size:15px; } /* =============================================== 31. WOOCOMMERCE NOTIFICATIONS =============================================== */ body.single-product #content-pro .woocommerce-error, body.single-product #content-pro .woocommerce-info, body.single-product #content-pro .woocommerce-message { margin-bottom:50px !important; } body #content-pro .woocommerce-error, body #content-pro .woocommerce-info, body #content-pro .woocommerce-message { background: #4145ee; border-top: none; width: auto; font-family:'Poppins', sans-serif; font-weight:300; font-size:14px; word-wrap: break-word; color:#ffffff; border-radius:0px; font-weight:500; padding: 18px 18px 18px 56px !important; margin-bottom:20px !important; } body #content-pro .woocommerce-error:before, body #content-pro .woocommerce-info:before, body #content-pro .woocommerce-message:before { top: 18px; left: 27px; } body #content-pro .woocommerce-error { background:#b81c23; } body #content-pro .woocommerce-Message--info.woocommerce-Message, body #content-pro .woocommerce-info { background:#292935; } body #content-pro .woocommerce-Message--info.woocommerce-Message a.button, body #content-pro .woocommerce-message a.button { background:rgba(0,0,0, 0.1); text-decoration:none; color:#ffffff; font-family:'Poppins', sans-serif; font-weight:500; padding:11px 16px; font-size:12px; border-radius:0px; margin-top:-9px; margin-bottom:-9px; position:relative; top:3px; } body #content-pro .woocommerce-message a.button:before { font-family:FontAwesome; -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translate(0, 0); display:inline-block; content:"\f07a"; padding-right:12px; } body #content-pro .woocommerce-Message--info.woocommerce-Message a.button:hover, body #content-pro .woocommerce-message a.button:hover { background:rgba(0,0,0, 0.4); } body #content-pro .woocommerce-error:before, body #content-pro .woocommerce-info:before, body #content-pro .woocommerce-message:before { color:#ffffff; } body #content-pro .woocommerce-error a, body #content-pro .woocommerce-info a, body #content-pro .woocommerce-message a { color:#ffffff; text-decoration:underline; } /* =============================================== 32. BUTTON STYLES =============================================== */ /* Tags */ .widget .tagcloud { width:100%; overflow:hidden; margin-bottom:19px; } footer#site-footer .widget .tagcloud a, .widget .tagcloud a { float:left; border-radius:0px; display:block; line-height:1; font-size:13px !important; font-family:'Poppins', sans-serif; font-weight:500; color:#888888; background:#ddd; padding:7px 10px; margin:0px 5px 5px 0px; } /* Index Button */ .tribe-events-back a, a.progression-button, body #content-pro .woocommerce p.return-to-shop a.button, .woocommerce-shop-single .summary button.button, body .checkout .woocommerce-checkout-payment input.button, .cart_totals .wc-proceed-to-checkout a.checkout-button, .woocommerce-tabs #review_form .comment-respond input#submit, .comment-respond input#submit, input.wpcf7-submit, .comment-navigation a, #content-pro .woocommerce table.shop_table input.button, body #content-pro .woocommerce p.return-to-shop a.button, .woocommerce-MyAccount-content input.button, .woocommerce form.checkout_coupon input.button, .woocommerce form.login input.button, .woocommerce form.woocommerce-ResetPassword input.button, .woocommerce #customer_login form.login input.button, .woocommerce #customer_login form.register input.button, #content-pro ul.products li.product a.button { font-family:'Poppins', sans-serif; border-radius:0px; font-size:13px; font-weight:500; color:#ffffff; background:#4145ee; padding:13px 30px; width:auto; border:none; } body .woocommerce .woocommerce-MyAccount-content { border-color:#4145ee; } .widget ul li.current-cat span.count, footer#site-footer .widget .tagcloud a:hover, .widget .tagcloud a:hover, .progression-studios-sticky-post, body .woocommerce nav.woocommerce-MyAccount-navigation li.is-active a { color:#ffffff; background:#4145ee; } .woocommerce form.checkout_coupon input.button { padding-top:15px; padding-bottom:15px; } /* More Buttons */ .comment-navigation a:hover, #content-pro .woocommerce table.shop_table input.button:hover, body #content-pro .woocommerce p.return-to-shop a.button:hover, body .checkout .woocommerce-checkout-payment input.button:hover, .cart_totals .wc-proceed-to-checkout a.checkout-button:hover, .woocommerce-MyAccount-content input.button:hover, .woocommerce form.checkout_coupon input.button:hover, .woocommerce form.login input.button:hover, .woocommerce form.woocommerce-ResetPassword input.button:hover, .woocommerce #customer_login form.login input.button:hover, .woocommerce #customer_login form.register input.button:hover, .woocommerce-tabs #review_form .comment-respond input#submit:hover, .comment-respond input#submit:hover, input.wpcf7-submit:hover, .woocommerce-shop-single .summary .woocommerce-variation-add-to-cart-disabled button.button:hover, .woocommerce-shop-single .summary .woocommerce-variation-add-to-cart-disabled button.button, #content-pro ul.products li.product a.button:hover, .woocommerce-shop-single .summary button.button:hover { background:#292935; color:#ffffff; } .comment-navigation a { padding:10px 20px; font-size:10px; } .cart_totals .wc-proceed-to-checkout a.checkout-button { width:100%; padding:20px 0px; } .woocommerce-tabs #review_form .comment-respond input#submit, .comment-respond input#submit { margin-top:10px; } /* Post Button */ body #content-pro .woocommerce p.return-to-shop a.button, .woocommerce-shop-single .summary button.button { padding:16px 32px; } body #content-pro .woocommerce p.return-to-shop a.button:before { content:"\f0a8"; 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); padding-right:6px; } /* =============================================== 33. 404 Error STYLES =============================================== */ #error-page-index { margin:-60px 0px; text-align:center; padding:130px 0px 120px 0px; font-weight:300; font-size:18px; background-repeat: no-repeat; background-position:center center; background-size: cover; background-image: url(images/404.jpg); } #error-page-index h2 { line-height:1.2; margin-bottom:25px; font-size:50px; font-weight:700; color:#3d41d2; } #error-page-index form.search-form { margin:40px auto 10px auto; width:350px; } #error-page-index form.search-form input { box-shadow: 0px 0px 10px rgba(0,0,0, 0.15); } /* =============================================== 34. EVENTS CALENDAR STYLES =============================================== */ #content-pro #tribe-events-content table.tribe-events-calendar { box-shadow: 0px 10px 25px rgba(0,0,0, 0.1); } #content-pro #tribe-events-content h2.tribe-events-page-title { font-weight:600; margin:15px 0px 35px 0px; } body #content-pro .width-container-pro input.tribe-events-button { padding:16px 30px; } body #content-pro .width-container-pro table.tribe-events-calendar thead tr td { background:red; } body #content-pro table.tribe-events-calendar h3.tribe-events-month-event-title a { font-family:'Poppins', sans-serif; font-weight:500; } body #content-pro table.tribe-events-calendar .tribe-event-description { padding-top:7px; } body #content-pro .tribe-events-tooltip h4 { color:#2d2d2d; font-weight:500; } body #content-pro #tribe-events-footer { border:none; } body #content-pro #tribe-events-footer ul.tribe-events-sub-nav { margin:35px 0px 15px 0px; line-height:1; } body #content-pro ul.tribe-events-sub-nav li a { font-family:'Poppins', sans-serif; font-weight:500; } /* Events List */ body #content-pro .tribe-events-loop { max-width:100%; border:none !important; } body #content-pro .tribe-events-loop .tribe-events-day-time-slot h5 { text-align:left; padding:18px 22px; line-height:1; font-size:18px; font-weight:600; margin-bottom:15px; } body #content-pro .tribe-events-loop .tribe-events-list-separator-month { text-align:left; padding:18px 22px; line-height:1; font-size:18px; font-weight:600; margin-bottom:15px; } body #content-pro .tribe-events-loop .tribe-events-list-separator-month:after { display:none; } body #content-pro .tribe-events-loop .tribe-events-list-separator-month span { background:none; margin:0px; padding:0px; } body #content-pro .tribe-events-loop h2.tribe-events-list-event-title { font-weight:600; font-size:22px; } body #content-pro .tribe-events-loop .tribe-events-venue-details { padding-top:10px; } body #content-pro .tribe-events-loop .tribe-events-venue-details a { font-style:normal; } body #content-pro .tribe-events-loop h2.tribe-events-list-event-title a { color:#2d2d2d; } body #content-pro .tribe-events-loop .tribe-event-schedule-details { font-size:14px; font-weight:500; } body #content-pro .tribe-events-venue-details span { font-weight:300; font-size:13px; font-style:normal; line-height:1.5; } body #content-pro .tribe-events-loop .type-tribe_events { padding-bottom:35px; margin-bottom:35px; border-bottom:1px solid #e7e7e7; } body #content-pro .tribe-events-loop .tribe-events-event-image { float:left; width:20%; } body #content-pro .tribe-events-loop .progression-studios-content-float { float:left; width:75%; } body #content-pro .tribe-events-loop .tribe-events-event-cost { margin-bottom:-25px; } .tribe-events-back a { display:inline-block; margin-bottom:10px; font-weight:600; } body #content-pro a.tribe-events-read-more { display:inline-block; float:none; margin-top:15px; } body #content-pro .sidebar .tribe-events-meta-group, body #content-pro .sidebar .tribe-events-venue-map { float:none; width:100%; } body #content-pro .sidebar .tribe-events-venue-map { width:88%; margin-left:4%; } body #content-pro .sidebar .tribe-events-event-meta { padding:0px; border:none; background:none; margin:0px; } body #content-pro h1.tribe-events-single-event-title { font-weight:500; font-size:28px; } body #content-pro .tribe-events-schedule h2 { font-weight:300; font-size:18px; } body #content-pro .tribe-events-single .tribe-events-event-image { float:right; width:25%; } body #content-pro .tribe-events-single .tribe-events-cost { float:right; color:#888888; font-weight:bold; margin-right:15px; line-height:1; padding:7px; font-size:15px; background:#eeeeee; border:1px solid #dddddd; } body #content-pro #tribe-events-pg-template { margin-left:0px; margin-right:0px; max-width:100%; } body #content-pro .tribe-events-single-section { padding-top:30px; padding-bottom:25px; } /* =============================================== 35. BBPRESS STYLES =============================================== */ .bbp-topic-form form fieldset, .bbp-reply-form form fieldset { background:#ffffff; } #bbpress-forums .bbp-topic-form form input#bbp_topic_tags, #bbpress-forums .bbp-topic-form form textarea, #bbpress-forums .bbp-reply-form form input#bbp_topic_tags, #bbpress-forums .bbp-reply-form form textarea { border-color:#dddddd; } /* Avatar Rounded */ #content-pro img.avatar { border-radius:100px; } body #content-pro #bbpress-forums .bbp-topic-meta img.avatar, body #content-pro #bbpress-forums .bbp-template-notice img.avatar { width:25px; border:none; padding:0px; position:relative; top:-4px; } /* Defualt Content */ body #content-pro #bbpress-forums .bbp-topic-meta { padding-top:5px; } body #content-pro #bbpress-forums a.bbp-topic-permalink, body #content-pro #bbpress-forums a.bbp-forum-title { font-family:'Poppins', sans-serif; font-weight:500; font-size:15px; } body #content-pro #bbpress-forums .bbp-forum-freshness a, body #content-pro #bbpress-forums .bbp-topic-freshness a { color:#888888; } body #content-pro #bbpress-forums .bbp-forum-freshness a:hover, body #content-pro #bbpress-forums .bbp-topic-freshness a:hover { text-decoration:underline; } /* Notices BBPress */ body #content-pro .width-container-pro .bbp-template-notice { border:none; border-left:3px solid #e6db55; padding:2px 12px ; line-height:1; } body #content-pro .width-container-pro .bbp-template-notice .bbp-forum-description { font-size:13px; line-height:1; } body #content-pro .width-container-pro .bbp-template-notice.info { border-color:#cee1ef; } body #content-pro .width-container-pro .bbp-template-notice.important { border-color:#e6db55; } body #content-pro .width-container-pro .bbp-template-notice.error, body #content-pro .width-container-pro .bbp-template-notice.warning { border-color:#c00; } /* BBPress Bread-crumbs */ #content-pro #bbpress-forums .bbp-breadcrumb { font-family:'Poppins', sans-serif; text-transform:uppercase; font-weight:600; font-size:12px; margin-bottom:5px; position:relative; } #content-pro #bbpress-forums .bbp-breadcrumb a { display:inline-block; } #content-pro #bbpress-forums .bbp-breadcrumb span.bbp-breadcrumb-sep { color:#ffffff; display:inline; width:15px; overflow:hidden; position:relative; top:0px; } #content-pro #bbpress-forums .bbp-breadcrumb span.bbp-breadcrumb-sep:before { content:"/"; color:#333; padding:0px 6px 0px 7px; opacity:0.5; font-size:70%; position:relative; bottom:2px; } #content-pro #bbpress-forums span#subscription-toggle { float:right; display:block; font-family:'Poppins', sans-serif; font-weight:600; font-size:12px; text-transform:uppercase; } #bbpress-forums .bbp-search-form { display:none; } /* Stats BBPress Widget */ .widget_display_stats dl { width:100%; overflow:hidden; margin:0px; padding:0px; } .widget_display_stats dt { display:inline-block; padding-bottom:5px; font-family:'Poppins', sans-serif; font-weight:300; } .widget_display_stats dd { display:inline; } .widget_display_stats dd strong { font-family:'Poppins', sans-serif; float:right; color:#555555; } .widget_display_stats dd:after { content:''; width:100%; height:1px; overflow:hidden; display:block; clear:both; } /* Recent Replies Widget */ .sidebar .widget_display_replies a.bbp-author-avatar { float:left; } .sidebar .widget_display_replies a.bbp-author-avatar img { width:50px; margin:0px 15px 25px 0px; } .sidebar .widget_display_replies { line-height:1.1; } .sidebar .widget_display_replies a { font-family:'Poppins', sans-serif; font-weight:500; } .sidebar .widget_display_replies div { font-family:'Poppins', sans-serif; font-weight:300; font-size:12px; padding-top:5px; } /* Logged in area widget */ .sidebar .bbp-logged-in img.avatar { width:25%; } .sidebar .bbp-logged-in h4 { margin-bottom:0px; font-weight:500; font-size:15px; } .sidebar .bbp-logged-in .logout-link { font-family:'Poppins', sans-serif; font-weight:500; font-size:13px; } #bbpress-forums button.button, form.bbp-login-form button.user-submit { font-family:'Poppins', sans-serif; border-radius:0px; font-size:13px; font-weight:500; color:#ffffff; background:#4145ee; padding:13px 30px; width:auto; border:none; } .sidebar form.bbp-login-form button.user-submit { font-size:12px; padding:10px 20px; } /* Index Styles */ body #content-pro #bbpress-forums ul.bbp-topics { border-color:transparent; } body #content-pro #bbpress-forums ul.bbp-forums { border:none; background:none; } body #content-pro #bbpress-forums li.bbp-header { background:#e9e9e9; border:none; border-bottom:none; } body #content-pro #bbpress-forums li.bbp-header ul.forum-titles { padding:10px; } body #content-pro #bbpress-forums li.bbp-header ul.forum-titles li { color:#2d2d2d; font-size:13px; font-family:'Poppins', sans-serif; font-weight:600; text-transform:uppercase; } body #content-pro #bbpress-forums li.bbp-header .bbp-reply-author, body #content-pro #bbpress-forums li.bbp-header .bbp-reply-content { color:#2d2d2d; font-size:13px; font-family:'Poppins', sans-serif; font-weight:600; text-transform:uppercase; padding-top:9px; padding-bottom:4px; } body #content-pro #bbpress-forums li ul { padding-top:20px; padding-bottom:20px; } body #content-pro #bbpress-forums li ul ul.bbp-forums-list { margin-top:10px; padding-top:8px; padding-bottom:8px; } /* =============================================== 36. PRETYPHOTO STYLES =============================================== */ /* Default PrettyPhoto Styles */ div.pp_pic_holder a:focus { outline:none; } div.pp_overlay { background: #444444; display: none; left: 0; position: absolute; top: 0; width: 100%; z-index: 9500; } div.pp_pic_holder { display: none; position: absolute; width: 100px; z-index: 10000; } .pp_top { height: 20px; position: relative; } * html .pp_top { padding: 0 20px; } .pp_top .pp_left { height: 20px; left: 0; position: absolute; width: 20px; } .pp_top .pp_middle { height: 20px; left: 20px; position: absolute; right: 20px; } * html .pp_top .pp_middle { left: 0; position: static; } .pp_top .pp_right { height: 20px; left: auto; position: absolute; right: 0; top: 0; width: 20px; } .pp_content { height: 40px; min-width: 40px; } * html .pp_content { width: 40px; } .pp_fade { display: none; }.pp_content_container { position: relative; text-align: left; width: 100%; }.pp_content_container .pp_left { padding-left: 20px; }.pp_content_container .pp_right { padding-right: 20px; }.pp_content_container .pp_details { float: left; margin: 10px 0 2px 0; }.pp_description { display: none;margin: 0; }.pp_social { float: left; margin: 0; }.pp_social .facebook { float: left; margin-left: 5px; width: 55px; overflow: hidden; }.pp_social .twitter { float: left; }.pp_nav { clear: right; float: left; margin: 3px 10px 0 0;}.pp_nav p { float: left; margin: 2px 4px; white-space: nowrap; }.pp_nav .pp_play, .pp_nav .pp_pause { float: left; margin-right: 4px; text-indent: -10000px; }a.pp_arrow_previous, a.pp_arrow_next {display: block;float: left; height: 15px; margin-top: 3px; overflow: hidden; text-indent: -10000px; width: 14px;}.pp_hoverContainer { position: absolute; top: 0; width: 100%; z-index: 2000; }.pp_gallery { display: none; left: 50%; margin-top: -50px; position: absolute; z-index: 10000; }.pp_gallery div { float: left; overflow: hidden; position: relative; }.pp_gallery ul { float: left; height: 35px; margin: 0 0 0 5px; padding: 0; position: relative;white-space: nowrap; }.pp_gallery ul a { border: 1px #000 solid; border: 1px rgba(0,0,0,0.5) solid; display: block; float: left; height: 33px; overflow: hidden; }.pp_gallery ul a:hover, .pp_gallery li.selected a { border-color: #fff; }.pp_gallery ul a img { border: 0; }.pp_gallery li { display: block; float: left; margin: 0 5px 0 0; padding: 0; }.pp_gallery li.default a { display: block; height: 33px;width: 50px; }.pp_gallery li.default a img { display: none; }.pp_gallery .pp_arrow_previous, .pp_gallery .pp_arrow_next { margin-top: 7px !important; }a.pp_next { display: block; float: right; height: 100%; text-indent: -10000px; width: 49%;}a.pp_previous { display: block; float: left;height: 100%; text-indent: -10000px; width: 49%; }a.pp_expand, a.pp_contract { cursor: pointer; display: none; height: 20px; position: absolute; right: 30px; text-indent: -10000px; top: 10px; width: 20px; z-index: 20000;}a.pp_close { position: absolute; right: 0; top: 0; display: block; line-height:22px; text-indent: -10000px; }.pp_bottom { height: 20px;position: relative; }* html .pp_bottom { padding: 0 20px; }.pp_bottom .pp_left { height: 20px; left: 0; position: absolute; width: 20px; }.pp_bottom .pp_middle {height: 20px; left: 20px; position: absolute; right: 20px; }* html .pp_bottom .pp_middle { left: 0; position: static; }.pp_bottom .pp_right { height: 20px; left: auto; position: absolute; right: 0; top: 0; width: 20px;}.pp_loaderIcon { display: block; height: 24px; left: 50%; margin: -12px 0 0 -12px; position: absolute; top: 50%; width: 24px;}#pp_full_res { line-height: 1 !important; }#pp_full_res .pp_inline { text-align: left;}#pp_full_res .pp_inline p { margin: 0 0 15px 0; } div.ppt { color: #fff; display: none; font-size: 17px; margin: 0 0 5px 15px; z-index: 9999; } div.pp_overlay { background:#000000; } .pp_default .pp_loaderIcon { background-color:#000000; background-position: center center; background-repeat:no-repeat; background-image: url(images/prettyPhoto/lightbox.gif); height: 60px; margin: -30px 0 0 -30px; width: 60px; } .pp_default .pp_content .pp_fade { box-shadow: 0px 0px 60px rgba(0,0,0, 0.5); } .pp_default a.pp_close { background:url(images/prettyPhoto/sprite.png) -4px -6px no-repeat; position:absolute; width:40px; height:40px; top:-20px; right:-20px; margin-right:12px; z-index:99999; } .pp_default a.pp_close:hover { background-position:-49px -6px ; } .pp_default a.pp_next { opacity:0; background:url(images/prettyPhoto/next.png) center right no-repeat; } .pp_default:hover a.pp_previous, .pp_default:hover a.pp_next { opacity:1; } .pp_default a.pp_previous { opacity:0; background:url(images/prettyPhoto/previous.png) center left no-repeat; } @media screen and (-webkit-min-device-pixel-ratio: 1.5) { .pp_default a.pp_next {background-image:url(images/prettyPhoto/next@2x.png); background-size:60px 60px;} .pp_default a.pp_previous {background-image:url(images/prettyPhoto/previous@2x.png); background-size:60px 60px;} } .pp_default .pp_details .pp_nav .pp_arrow_next, .pp_default .pp_details .pp_nav .pp_arrow_previous { display:none; } .pp_default .pp_details .pp_nav .pp_pause, .pp_default .pp_details .pp_nav .pp_play { background:url(images/prettyPhoto/sprite.png) -15px -56px no-repeat; position:relative; top:0px; margin-left:5px; width:20px; height:20px; } .pp_default .pp_details .pp_nav .pp_pause { background-position:-62px -56px; } @media screen and (-webkit-min-device-pixel-ratio: 1.5) { .pp_default .pp_details .pp_nav .pp_next, .pp_default .pp_details .pp_nav .pp_pause, .pp_default a.pp_close {background-image:url(images/prettyPhoto/sprite@2x.png); background-size:100px 80px;} } .pp_default .pp_details .pp_nav p.currentTextHolder { position:relative; top:-5px; right:0px; font-weight:700; } .pp_default .ppt { text-align:center; margin: 0 15px -10px 15px; font-weight:700; font-size:15px; } .pp_default .pp_content_container .pp_details { margin-top:4px; } .pp_default .ppt, .pp_default .pp_details .pp_nav p.currentTextHolder, .pp_default .pp_description { color:#ffffff; font-size:13px; text-shadow:1px 1px 3px rgba(0,0,0, 0.4); } .pp_default .pp_description { margin:0px 4px 0px 30px; text-align:right; } .pp_default a.pp_contract, .pp_default a.pp_expand { background:none; text-indent:0px; width:20px; height:20px; right:auto; left:30px; overflow:hidden; text-align:center; } .pp_default a.pp_contract:before, .pp_default a.pp_expand:before { 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-size:15px; content:"\f065"; display:block; width:20px; height:20px; margin-top:3px; margin-left:4px; line-height:20px; color:#ffffff; transform: rotate(90deg); } .pp_default a.pp_contract:before { content:'\f066'; } .pp_default a.pp_contract:hover, .pp_default a.pp_expand:hover { background:none; } /* prettyPhoto styling for small screens - below 767px width */ @media only screen and (max-width: 767px) { .pp_pic_holder.pp_default { width: 100%!important; left: 0!important; overflow: hidden; min-height:60px; } .pp_default .pp_loaderIcon { margin-top:-15px; } .pp_default .pp_content .pp_fade { box-shadow: 0px 0px 60px rgba(0,0,0, 0); } div.pp_default .pp_content_container .pp_left { padding-left: 0!important; } div.pp_default .pp_content_container .pp_right { padding-right: 0!important; } .pp_content { width: 100%!important; height: auto!important; } .pp_hoverContainer, .pp_fade { width: 100%!important; height: 100%!important; } a.pp_expand, a.pp_contract, .pp_gallery, .pp_top, .pp_bottom { display: none!important; } #pp_full_res img { width: 100%!important; height: auto!important; } .pp_details { width: 94%!important; padding-left: 3%; padding-right: 4%; padding-top: 20px; padding-bottom: 20px; margin-top: -10px !important; } } /* =============================================== 37. PAGE LOADER =============================================== */ /* https://github.com/tobiasahlin/SpinKit */ .sk-double-bounce,.sk-rotating-plane{width:45px;height:45px;margin:45px auto}.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)}45%{-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)}45%{-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:100%;background-color:#333;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-chasing-dots .sk-child,.sk-spinner-pulse,.sk-three-bounce .sk-child{background-color:#333;border-radius:100%}.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)}45%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes sk-doubleBounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}45%{-webkit-transform:scale(1);transform:scale(1)}}.sk-wave{margin:45px auto;width:45px;height:45px;text-align:center;font-size:10px}.sk-wave .sk-rect{background-color:#333;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%,45%{-webkit-transform:scaleY(.4);transform:scaleY(.4)}20%{-webkit-transform:scaleY(1);transform:scaleY(1)}}@keyframes sk-waveStretchDelay{0%,100%,45%{-webkit-transform:scaleY(.4);transform:scaleY(.4)}20%{-webkit-transform:scaleY(1);transform:scaleY(1)}}.sk-wandering-cubes{margin:45px auto;width:45px;height:45px;position:relative}.sk-wandering-cubes .sk-cube{background-color:#333;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{width:45px;height:45px;margin:45px auto}.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)}45%{-webkit-transform:translateX(30px) translateY(30px) rotate(-179deg);transform:translateX(30px) translateY(30px) rotate(-179deg)}45.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)}45%{-webkit-transform:translateX(30px) translateY(30px) rotate(-179deg);transform:translateX(30px) translateY(30px) rotate(-179deg)}45.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{-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;-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)}45%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes sk-chasingDotsBounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}45%{-webkit-transform:scale(1);transform:scale(1)}}.sk-three-bounce{margin:45px auto;width:80px;text-align:center}.sk-three-bounce .sk-child{width:20px;height:20px;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:#333;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)}45%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes sk-three-bounce{0%,100%,80%{-webkit-transform:scale(0);transform:scale(0)}45%{-webkit-transform:scale(1);transform:scale(1)}}.sk-circle{margin:45px auto;width:45px;height:45px;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(145deg);-ms-transform:rotate(145deg);transform:rotate(145deg)}.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(245deg);-ms-transform:rotate(245deg);transform:rotate(245deg)}.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)}45%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes sk-circleBounceDelay{0%,100%,80%{-webkit-transform:scale(0);transform:scale(0)}45%{-webkit-transform:scale(1);transform:scale(1)}}.sk-cube-grid{width:45px;height:45px;margin:45px auto}.sk-cube-grid .sk-cube{width:33.33%;height:33.33%;background-color:#333;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:0ms;animation-delay:0ms}.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:45px auto;width:45px;height:45px;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(145deg);-ms-transform:rotate(145deg);transform:rotate(145deg)}.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(245deg);-ms-transform:rotate(245deg);transform:rotate(245deg)}.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}45%{opacity:1}}@keyframes sk-circleFadeDelay{0%,100%,39%{opacity:0}45%{opacity:1}} .sk-folding-cube{margin:45px auto;width:45px;height:45px;position:relative;-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg)}.sk-folding-cube .sk-cube{float:left;width:45%;height:45%;position:relative;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.sk-folding-cube .sk-cube:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:#333;-webkit-animation:sk-foldCubeAngle 2.4s infinite linear both;animation:sk-foldCubeAngle 2.4s infinite linear both;-webkit-transform-origin:100% 100%;-ms-transform-origin:100% 100%;transform-origin:100% 100%}.sk-folding-cube .sk-cube2{-webkit-transform:scale(1.1) rotateZ(90deg);transform:scale(1.1) rotateZ(90deg)}.sk-folding-cube .sk-cube3{-webkit-transform:scale(1.1) rotateZ(180deg);transform:scale(1.1) rotateZ(180deg)}.sk-folding-cube .sk-cube4{-webkit-transform:scale(1.1) rotateZ(270deg);transform:scale(1.1) rotateZ(270deg)}.sk-folding-cube .sk-cube2:before{-webkit-animation-delay:.3s;animation-delay:.3s}.sk-folding-cube .sk-cube3:before{-webkit-animation-delay:.6s;animation-delay:.6s}.sk-folding-cube .sk-cube4:before{-webkit-animation-delay:.9s;animation-delay:.9s}@-webkit-keyframes sk-foldCubeAngle{0%,10%{-webkit-transform:perspective(145px) rotateX(-180deg);transform:perspective(145px) rotateX(-180deg);opacity:0}25%,75%{-webkit-transform:perspective(145px) rotateX(0);transform:perspective(145px) rotateX(0);opacity:1}100%,90%{-webkit-transform:perspective(145px) rotateY(180deg);transform:perspective(145px) rotateY(180deg);opacity:0}}@keyframes sk-foldCubeAngle{0%,10%{-webkit-transform:perspective(145px) rotateX(-180deg);transform:perspective(145px) rotateX(-180deg);opacity:0}25%,75%{-webkit-transform:perspective(145px) rotateX(0);transform:perspective(145px) rotateX(0);opacity:1}100%,90%{-webkit-transform:perspective(145px) rotateY(180deg);transform:perspective(145px) rotateY(180deg);opacity:0}} .sk-folding-cube .sk-cube:before, .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:#fa4e3c;} @-webkit-keyframes pro-rotation { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); } } @-moz-keyframes pro-rotation { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(359deg); }} @-o-keyframes pro-rotation { from { -o-transform: rotate(0deg); } to { -o-transform: rotate(359deg); } } @keyframes pro-rotation { from { transform: rotate(0deg); } to { transform: rotate(359deg); } } .progression-studios-spinner { height:40px; width:40px; margin: 50px auto 45px auto; position: relative; -webkit-animation: pro-rotation .7s infinite linear; -moz-animation: pro-rotation .7s infinite linear; -o-animation: pro-rotation .7s infinite linear; animation: pro-rotation .7s infinite linear; border-left: 5px solid #ededed; border-right: 5px solid #ededed; border-bottom: 5px solid #ededed; border-top: 5px solid #cccccc; border-radius: 100%; } #page-loader-pro { background:#f5f5f5; color:#fa4e3c; } #page-loader-pro { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; text-align:center; color:#ffffff; } #center-loader { position:fixed; margin-top:-80px; top:50%; width:100%; } #loading-pro { margin-top:-15px; font-weight:700; font-size:14px; } .finished-loading #center-loader { opacity:0; transition: all 400ms; } .finished-loading { opacity:0; visibility:hidden; transition: all 600ms; } #boxed-layout-pro.progression-studios-preloader { margin-top:50px; opacity:0; } #boxed-layout-pro.progression-studios-preloader.progression-preloader-completed { animation-duration:500ms; animation-name: ProMoveUpPageLoader; animation-timing-function: ease-in-out; animation-fill-mode: forwards; animation-delay:350ms; } /* Animation For Menus & Masonry CSS3 */ @keyframes ProMoveUpPageLoader { from { } to { opacity: 1; margin-top:0px; } } @keyframes ProMoveUpPageLoaderBoxed { from { } to { opacity: 1; margin-top:60px; } } body.progression-studios-header-sidebar-before #boxed-layout-pro.progression-studios-preloader { opacity:1; margin-top:0px; } body.progression-studios-header-sidebar-before #boxed-layout-pro.progression-studios-preloader.progression-preloader-completed { -webkit-animation: none !important; -moz-animation: none !important; -o-animation: none !important; -ms-animation: none !important; animation: none !important; } /* =============================================== 38. RESPONSIVE STYLES =============================================== */ /* ======== #Tablet (768px-959px) ======== */ @media only screen and (min-width: 768px) and (max-width: 959px) { #progression-sticky-header { position:relative !important; } body #boxed-layout-pro { width:100%; } body #boxed-layout-pro .width-container-pro, .width-container-pro { width:94%; padding-left:0px; padding-right:0px; } .progression-studios-header-full-width-no-gap #zaser-progression-header-top .width-container-pro, footer#site-footer.progression-studios-footer-full-width .width-container-pro, .progression-studios-page-title-full-width #page-title-pro .width-container-pro, .progression-studios-header-full-width #zaser-progression-header-top .width-container-pro, .progression-studios-header-full-width header#masthead-pro .width-container-pro { width:94%; position:relative; padding:0px; } #panel-search-progression {display:none !important;} body #progression-inline-icons, #progression-studios-header-search-icon, #progression-nav-container { display:none; } .mobile-menu-icon-pro { display:block; } .progression-studios-transparent-header header#masthead-pro { position:relative; } body .progression-studios-transparent-header header#masthead-pro:after{ display:none; } .progression-studios-hide-mobile-custom-logo { display:none; } .progression-studios-custom-logo-per-page-hide-default { display:block; } .progression-studios-header-left, .progression-studios-header-right { float:none; width:100%; text-align:center; } #progression-header-top-right-container, .progression-studios-header-right .widget, #progression-header-top-left-container, .progression-studios-header-left .widget { display:inline-block; float:none; } #zaser-progression-header-top.progression_studios_hide_top_left_right .progression-studios-header-right, #zaser-progression-header-top.progression_studios_hide_top_left_bar .progression-studios-header-left, #zaser-progression-header-top.progression_studios_hide_top_left_bar.progression_studios_hide_top_left_right { display:none; } .progression-single-portfolio-two-column .progression-studios-feaured-image-single-portfolio { width:60%; } .progression-single-portfolio-two-column .progression-studios-single-portfolio-text { float:left; width:35%; } body .progression-studios-mobile-transparent-header header#masthead-pro { position:absolute; z-index:50; background-color:transparent; } body .progression-studios-mobile-transparent-header header#masthead-pro:after { display:block; } .progression_studios_footer_logo_left #progression-studios-footer-logo, .progression_studios_footer_logo_right #progression-studios-footer-logo, .footer-copyright-align-right #copyright-text { text-align:center; float:none; } #zaser-progression-header-top .progression-studios-header-right .progression-studios-social-icons, #zaser-progression-header-top .progression-studios-social-icons, footer#site-footer .progression-studios-social-icons.progression-studios-footer-icon-align-right, footer#site-footer .progression-studios-social-icons.progression-studios-footer-icon-align-left { text-align:center; float:none; } } /* ======== #Mobile (0px-767px) ======== */ @media only screen and (max-width: 767px) { #progression-sticky-header { position:relative !important; } body #boxed-layout-pro { width:100%; } body #boxed-layout-pro .width-container-pro, .width-container-pro { width:92%; padding-left:0px; padding-right:0px; } .progression-studios-header-full-width-no-gap #zaser-progression-header-top .width-container-pro, footer#site-footer.progression-studios-footer-full-width .width-container-pro, .progression-studios-page-title-full-width #page-title-pro .width-container-pro, .progression-studios-header-full-width #zaser-progression-header-top .width-container-pro, .progression-studios-header-full-width header#masthead-pro .width-container-pro { width:92%; position:relative; padding:0px; } #main-container-pro, .sidebar, .footer-2-pro .widget, .footer-3-pro .widget, .footer-4-pro .widget, .footer-5-pro .widget, .grid2column-progression, .grid3column-progression, .grid3columnbig-progression, .grid4column-progression, .grid4columnbig-progression, .grid5column-progression, .grid6column-progression { width:100%; margin-right:0%; margin-left:0%; } .sidebar.progression-studios-mobile-sidebar { padding-top:0px; } .sidebar { padding-top:60px; } .woocommerce.columns-1 ul.products li.product, .woocommerce.columns-2 ul.products li.product, .woocommerce.columns-3 ul.products li.product, .woocommerce.columns-4 ul.products li.product, .woocommerce.columns-5 ul.products li.product { width:100% !important; } #panel-search-progression {display:none !important;} body #progression-inline-icons, #progression-studios-header-search-icon, #progression-nav-container { display:none; } .mobile-menu-icon-pro { display:block; } .progression-studios-hide-mobile-custom-logo { display:none; } .progression-studios-transparent-header header#masthead-pro { position:relative; } body .progression-studios-transparent-header header#masthead-pro:after { display:none; } .progression-studios-custom-logo-per-page-hide-default { display:block; } .progression-studios-header-left, .progression-studios-header-right { float:none; width:100%; text-align:center; } #progression-header-top-right-container, .progression-studios-header-right .widget, #progression-header-top-left-container, .progression-studios-header-left .widget { display:inline-block; float:none; } #copyright-text { text-align:center; float:none; } #zaser-progression-header-top.progression_studios_hide_top_left_right .progression-studios-header-right, #zaser-progression-header-top.progression_studios_hide_top_left_bar .progression-studios-header-left, #zaser-progression-header-top.progression_studios_hide_top_left_bar.progression_studios_hide_top_left_right { display:none; } .progression-studios-auth-description-main { width:88%; padding:6%; } .progression-studios-auth-description-main:before { display:none; } .progression-author-image { float:none; width:auto; } body.admin-bar .progression-sticky-scrolled header#masthead-pro { margin-top:-36px; } .progression-single-portfolio-two-column .progression-studios-feaured-image-single-portfolio, .progression-single-portfolio-two-column .progression-studios-single-portfolio-text { width:100%; float:none; } .progression-single-portfolio-two-column .progression-studios-single-portfolio-text { padding-top:30px; } .footer-copyright-align-right #copyright-text, #copyright-text { float:none; width:100%; } #zaser-progression-header-top .progression-studios-header-right .progression-studios-social-icons, #zaser-progression-header-top .progression-studios-social-icons, footer#site-footer .progression-studios-social-icons.progression-studios-footer-icon-align-right, footer#site-footer .progression-studios-social-icons.progression-studios-footer-icon-align-left { text-align:center; float:none; } body .progression-studios-mobile-transparent-header header#masthead-pro { position:absolute; z-index:50; background-color:transparent; } body .progression-studios-mobile-transparent-header header#masthead-pro:after { display:block; } .progression_studios_footer_logo_left #progression-studios-footer-logo, .progression_studios_footer_logo_right #progression-studios-footer-logo, .footer-copyright-align-right #copyright-text { text-align:center; float:none; } body .woocommerce nav.woocommerce-MyAccount-navigation { width:100%; margin-bottom:25px; } body .woocommerce .woocommerce-MyAccount-content { width:94%; } }