/* Theme Name: Ratency Progression Theme URI: https://ratency.progressionstudios.com/ Author: Progression Studios Author URI: http://progressionstudios.com/ Description: Review & Magazine Theme Version: 2.1 License: GNU General Public License version 3.0 License URI: http://www.gnu.org/licenses/gpl-3.0.html Tags: right-sidebar, custom-menu, editor-style, featured-images, full-width-template, theme-options, translation-ready Text Domain: ratency-progression */ /* Table of Contents 01. CSS RESET FILE 02. PRIMARY STYLES A. DEFAULT STYLES B. FONT STYLES C. CSS3 TRANSITIONS 03. MAIN CONTAINERS 04. PAGE TITLE STYLES 05. HEADER SEARCH AND ICONS 06. SEARCH FORM STYLES 07. ELEMENTOR CUSTOM STYLES 08. CART HEADER DROP DOWN 09. HEADER TOP STYLES 10. GRID STYLES 11. NAVIGATION STYLES 12. FLEXSLIDER STYLES 13. MOBILE NAVIGATION STYLES 14. SIDEBAR STYLES 15. PAGINATION STYLES 16. BLOG INDEX STYLES 17. BLOG INDEX OVERLAY STYLES 18. BLOG POST STYLES 19. SKEW STYLES 20. CONTACT FORM STYLES 21. BUTTON STYLES 22. FOOTER STYLES 23. MASONRY STYLES 24. SLIDER STYLES 25. PRETYPHOTO STYLES 26. PAGE LOADER 27. 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,.clearfix-pro:after,.clearfix-pro:before{content:"";display:table}.clearfix-pro:after{clear:both}.lt-ie8 .clearfix-pro{visibility:hidden;width:0;height:0;clear:both} /* Font 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; font-display: swap; } .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-2x { font-size:2em } .fa-search:before { content:"\f002" } .fa-envelope-o:before { content:"\f003" } .fa-plus:before { content:"\f067" } .fa-minus:before { content:"\f068" } .fa-twitter:before { content:"\f099" } .fa-facebook-f:before,.fa-facebook:before { content:"\f09a" } .fa-navicon:before,.fa-reorder:before,.fa-bars:before { content:"\f0c9" } .fa-linkedin:before { content:"\f0e1" } .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 #aaaaaa; 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 { width:100%; 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, select { line-height: 1.8; font-size:16px; font-weight:400; color:#666666; font-family: 'Noto Sans', sans-serif; } h1, h2, h3, h4, h5, h6 { -ms-word-wrap: break-word; word-wrap: break-word; padding:0px; color:#3d3d3e; margin:0px 0px 15px 0px; line-height:1.4; font-family: 'Noto Sans', sans-serif; } h1 { font-size:32px; line-height:1.2; } h2 { font-size:26px; } h3 { font-size:22px; } h4{ font-size:20px; } h5 { font-size:18px; } h6 { font-size:15px; } /* -------------------- C. CSS3 TRANSITIONS -------------------- */ h2.progression-ratency-progression-slider-title, h2.overlay-progression-blog-title, .related-overlay-blog-meta-category-list span, .overlay-progression-studios-blog-image, #progression-studios-nav-bg, h3.helpmeout-loop-category__title, .wpcrowd-arrow-down, select, .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; } .progression-ratency-slider-thumb-gradient { transition-duration: 350ms; transition-property: all; transition-timing-function: ease-in-out; } .helpmeout-categoryoverlay-image-color, #progression-studios-header-login-container a.progresion-studios-login-icon, .wpneo-buttons-group button, input.wpneo-submit-campaign, input#wpneo_active_edit_form, .helpmeout-overlay, .helpmeout-rewards-select_button button.select_rewards_button, ul.wpneo-crowdfunding-update li span.round-circle, button.wpneo_donate_button, h2.woocommerce-loop-category__title, h2.woocommerce-loop-product__title, #progression-shopping-cart-toggle a i.shopping-cart-header-icon, #progression-studios-header-search-icon i, #boxed-layout-pro input#submit, .tml-submit-wrap input.button-primary, body .acf-form .acf-field .acf-input-wrap input, .acf-form-submit input.button, #woocomerce-tabs-container-progression-studios .woocommerce-tabs ul.wc-tabs li, #woocomerce-tabs-container-progression-studios .woocommerce-tabs ul.wc-tabs li a, #boxed-layout-pro button.button, ul.progression-filter-button-group li:after, ul.progression-filter-button-group li, .flex-control-paging li a, .slider-play-icon, .single-blog-play-icon, ul.blog-single-social-sharing li a:before, .blog-play-icon, footer#site-footer a, .tp-thumbs.custom .tp-thumb, .progression-mini-banner-icon, #progression-shopping-cart-count span.progression-cart-count, .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 { transition-duration: 250ms; transition-property: all; transition-timing-function: ease-in-out; } #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:after { transition-duration: 350ms; transition-property: all; transition-timing-function: ease-in-out; } header#masthead-pro { transition-duration: 350ms; 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 */ @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; } body #progression-studios-header-login-container.helpmeout-hover-out-class #progression-studios-panel-login { animation-duration:200ms; animation-name: ProMoveOut; animation-timing-function: ease-in-out; animation-fill-mode: forwards; } body #progression-studios-header-login-container.helpmeout-activated-class #progression-studios-panel-login { transform: translateY(20px); visibility:visible; animation-duration:250ms; animation-name: ProMoveUp; animation-timing-function: ease-in-out; animation-fill-mode: forwards; } body #progression-studios-panel-login { visibility: hidden; z-index:15; 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 #ratency-progression-header-top .width-container-pro, footer#site-footer.progression-studios-footer-full-width .width-container-pro, .progression-studios-header-full-width #ratency-progression-header-top .width-container-pro, .progression-studios-page-title-full-width #page-title-pro .width-container-pro { width:auto; padding-right:50px; padding-left:50px; } .progression-studios-header-full-width header#masthead-pro .width-container-pro { width:auto; margin:0px auto; padding:0px; } @media only screen and (min-width: 960px) { .progression-studios-header-full-width-no-gap.progression-studios-header-cart-width-adjustment header#masthead-pro .width-container-pro, .progression-studios-header-full-width.progression-studios-header-cart-width-adjustment header#masthead-pro .width-container-pro { padding-right:0px; } } .progression-studios-header-full-width-no-gap header#masthead-pro .width-container-pro { width:auto; padding-right:20px; } #page-title-pro { margin-bottom:50px; } #content-pro { position:relative; padding-bottom:50px; } body.single-post #content-pro { padding-top:60px; } #main-container-pro { float:left; width:72%; position:relative; } .sidebar { float:right; width:24%; } /* Mobiles Sidebar Styles */ body .sidebar.progression-studios-mobile-sidebar { float:none; width:88%; margin:0 2% 0px 2%; padding:0px 4% 0px 4%; } .sidebar.progression-studios-mobile-sidebar .widget { margin-top:50px; } .sidebar.progression-studios-mobile-sidebar .sidebar-divider-pro { height:20px; } .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 -------------------- */ .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 #progression-studios-header-position { position:absolute; width:100%; z-index:50; } #progression-studios-header-position { position:relative; width:100%; margin:0 auto; } .progression-studios-transparent-header header#masthead-pro { background-color:transparent; box-shadow: none; -webkit-font-smoothing:antialiased; } .progression-studios-header-full-width #progression-studios-header-width header#masthead-pro .width-container-pro { width:auto; padding-right:50px ; padding-left:50px ; } header#masthead-pro:after { display:none; height:1px; content:''; width:100%; position:absolute; margin-bottom:-1px; background:transparent; 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; width:100%; } .progression-sticky-scrolled header#masthead-pro { border:none; } header#masthead-pro h1#logo-pro { z-index:55; margin: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-studios-nav-bg { position:relative; z-index:10; } #progression-nav-container { float:right; } header#masthead-pro.progression-studios-nav-left #progression-nav-container { float:left; } header#masthead-pro.progression-studios-nav-left h1#logo-pro { margin-right:30px; } header#masthead-pro.progression-studios-nav-center #progression-nav-container { width:100%; 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; } #progression-shopping-cart-count a { margin:0px; } #progression-shopping-cart-toggle.activated-class a i.shopping-cart-header-icon, #progression-shopping-cart-count i.shopping-cart-header-icon { padding-left:8px; padding-right:8px; } #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:0px; } #progression-studios-header-search-icon.active-search-icon-pro i.pe-7s-search:before { content: "\e680"; } #progression-studios-header-login-container a.progresion-studios-login-icon, #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; margin-right:15px; } #progression-studios-header-search-icon i.pe-7s-search { padding-left:8px; padding-right:8px; margin-right:10px; } #progression-shopping-cart-count a.progression-count-icon-nav { display:block; position:relative; margin-left:0px; } #progression-shopping-cart-count span.progression-cart-count { position:absolute; border-radius: 20px; text-align:center; display:inline-block; float:right; margin-top:-7px; right:2px; background:#aaaaaa; color:#ffffff; font-family:Helvetica, Arial, sans-serif; font-weight:400; width:14px; height:14px; line-height:14px; font-size:7px; letter-spacing:0px; } #progression-studios-header-login-container a.progresion-studios-login-icon { padding-left:8px; padding-right:2px; display:block; } #progression-studios-header-search-icon i.pe-7s-search span, #progression-studios-header-login-container a.progresion-studios-login-icon span { font-family: 'Nunito', sans-serif !important; font-weight:400; font-size:15px; -webkit-font-smoothing: subpixel-antialiased; -moz-osx-font-smoothing: auto; position:relative; top:-3px; padding-left:8px; } #progression-studios-header-search-icon i.pe-7s-search span { top:-6px; display:none; } /* =============================================== 04. PAGE TITLE STYLES =============================================== */ #page-title-pro { background:#f5f5f5; padding:160px 0px 160px 0px; position:relative; text-align:center; } #page-title-pro:before { position:absolute; top:0px; left:0px; content:""; display:block; width:100%; height:100%; } #page-title-pro h1 { word-break: break-word; -ms-word-wrap: break-word; word-wrap: break-word; padding:0px 0px; line-height:1; display:inline-block; margin:0 auto 0px auto; text-align:center; color:#ffffff; font-family:'Fira Sans Condensed', sans-serif; font-weight:500; font-size:68px; position:relative; z-index:5; } #page-title-pro h4:before { content:''; top:-25px; left:50%; margin-left:-45px; background:rgba(255,255,255, 0.3); position:absolute; width:90px; height:2px; display:none; } #page-title-pro h4 { margin:0 auto 0px auto; margin-top:20px; text-align:center; font-size:20px; position:relative; z-index:5; color:rgba(255,255,255, 0.8); line-height:1.8; font-weight:400; font-style:normal; width:80%; max-width:850px; } #page-title-pro h4 p { margin-bottom:0px; } #page-title-pro h4 a, #page-title-pro h4 a:hover { color:#aaaaaa; } /* Breadcrumbs Styles */ ul#breadcrumbs-progression-studios { list-style:none; text-align:center; position:relative; z-index:20; color:#ffffff; padding:0px; margin:35px 0px 0px 0px; font-size:14px; font-weight:600; } ul#breadcrumbs-progression-studios li { display:inline; padding:0px; margin:0px; color:rgba(255,255,255, 0.7); } ul#breadcrumbs-progression-studios li:last-child:after, #page-title-pro ul#breadcrumbs-progression-studios li.home { display:none; } ul#breadcrumbs-progression-studios li a { color:rgba(255,255,255, 0.7); } ul#breadcrumbs-progression-studios li a:hover { color:#ffffff; } ul#breadcrumbs-progression-studios li:after { display:inline-block; position:relative; top:-1px; font-size:12px; padding:0px 10px; content:"—"; } ul#breadcrumbs-progression-studios li.current_item { margin-left:-4px; } ul#breadcrumbs-progression-studios li:last-child:after { display:none; } body.error404 ul#breadcrumbs-progression-studios li:nth-child(3) { display:none; } /* Blog Post Options */ #progression-studios-post-category { text-align:center; margin-bottom:30px; position:relative; z-index:30; } #progression-studios-post-category a { display:inline-block; line-height:1; font-family:'Fira Sans Condensed', sans-serif; font-weight:500; font-size:14px; color:#ffffff; background:#5c39f2; padding:9px 22px; margin:0px 5px 5px 5px; } #progression-studios-post-page-title { padding:160px 0px 150px 0px; position:relative; text-align:center; } #progression-studios-post-overlay-image { position:absolute; top:0px; left:0px; content:""; display:block; width:100%; height:100%; background-repeat: no-repeat; background-position:center center; background-size: cover; } #progression-studios-post-page-title:before { position:absolute; top:0px; left:0px; content:""; display:block; width:100%; height:100%; z-index:10; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.5+100 */ background: -moz-linear-gradient(top, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0.65) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0.65) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0.65) 100%); } #progression-studios-post-page-title h1 { word-break: break-word; -ms-word-wrap: break-word; word-wrap: break-word; padding:0px 0px; line-height:1; display:inline-block; margin:0 auto 0px auto; text-align:center; color:#ffffff; font-family:'Fira Sans Condensed', sans-serif; font-weight:500; font-size:68px; position:relative; z-index:5; text-shadow:1px 1px 8px rgba(0,0,0, 0.2); position:relative; z-index:15; } #progression-studios-post-page-title h4 { margin:0 auto -25px auto; margin-top:20px; text-align:center; font-size:18px; position:relative; z-index:5; color:rgba(255,255,255, 0.8); line-height:1.8; font-weight:400; font-style:normal; width:80%; max-width:900px; text-shadow:1px 1px 5px rgba(0,0,0, 0.15); position:relative; z-index:15; } ul.progression-studios-single-post-meta { position:relative; z-index:15; list-style:none; margin:0px; padding:20px 0 0 0; } ul.progression-studios-single-post-meta li { margin:0px; padding:0px; font-family:'Fira Sans Condensed', sans-serif; font-weight:400; font-size:17px; color:#ffffff; display:inline; position:relative; text-shadow:1px 1px 5px rgba(0,0,0, 0.15); } ul.progression-studios-single-post-meta a { color:#ffffff; } ul.progression-studios-single-post-meta a:hover { text-decoration:underline; } ul.progression-studios-single-post-meta li:after { display:inline-block; content:'—'; padding:0px 10px; } ul.progression-studios-single-post-meta li:last-child:after { display:none; } /* =============================================== 05. HEADER SEARCH AND ICONS =============================================== */ ul.progression-studios-header-social-icons { list-style:none; margin:0px; padding:0px; float:right; } ul.progression-studios-header-social-icons li { display:inline; margin:0px; padding:0px; } ul.progression-studios-header-social-icons li a { display:inline-block; text-align:center; margin:0px 7px 0px 7px; border-radius:50px; width:30px; height:30px; line-height:30px; font-size:14px; background:rgba(255,255,255, 0.12); color:rgba(255,255,255, 0.85); } ul.progression-studios-header-social-icons li a:hover { color:#ffffff; background:rgba(255,255,255, 0.2); } #masthead-pro .search-form { line-height:1; padding:28px 0px 0px 0px; margin:0px auto; } #masthead-pro .search-form input.search-field { padding:6px 28px 6px 0px; width:290px; max-width:90%; border-radius:0px; font-style:italic; font-size:15px; box-shadow:none; border:none; border-bottom:2px solid rgba(255,255,255, 0.08); color:rgba(255,255,255, 0.85); background-color:transparent; background-position:right 5px; background-image:url(images/search-magnify-light.png); background-repeat:no-repeat; box-shadow: none; margin:0px auto !important; } #masthead-pro .search-form input.search-field::-webkit-input-placeholder { color:rgba(255,255,255, 0.56); } #masthead-pro .search-form input.search-field::-moz-placeholder { color:rgba(255,255,255, 0.56); } #masthead-pro .search-form input.search-field:-ms-input-placeholder { color:rgba(255,255,255, 0.56); } #masthead-pro .search-form input.search-field:-moz-placeholder { color:rgba(255,255,255, 0.56); } #masthead-pro .search-form input.search-field::placeholder { color:rgba(255,255,255, 0.56); } #masthead-pro .search-form input.search-field:focus { outline:none; border-color:rgba(255,255,255, 0.18); color:rgba(255,255,255, 0.85); } @media screen and (-webkit-min-device-pixel-ratio: 1.5) { #masthead-pro .search-form input.search-field {background-image: url(images/search-magnify-light@2x.png); background-size:40px 30px;} } #masthead-pro .search-form input.search-submit { display:none; } .progression-studios-header-search-dark #masthead-pro .search-form input.search-field { border-color:rgba(0,0,0, 0.08); color:rgba(0,0,0, 0.85); background-image:url(images/search-magnify-dark.png); } .progression-studios-header-search-dark #masthead-pro .search-form input.search-field::-webkit-input-placeholder { color:rgba(0,0,0, 0.56); } .progression-studios-header-search-dark #masthead-pro .search-form input.search-field::-moz-placeholder { color:rgba(0,0,0, 0.56); } .progression-studios-header-search-dark #masthead-pro .search-form input.search-field:-ms-input-placeholder { color:rgba(0,0,0, 0.56); } .progression-studios-header-search-dark #masthead-pro .search-form input.search-field:-moz-placeholder { color:rgba(0,0,0, 0.56); } .progression-studios-header-search-dark #masthead-pro .search-form input.search-field::placeholder { color:rgba(0,0,0, 0.56); } .progression-studios-header-search-dark #masthead-pro .search-form input.search-field:focus { outline:none; border-color:rgba(0,0,0, 0.18); color:rgba(0,0,0, 0.85); } @media screen and (-webkit-min-device-pixel-ratio: 1.5) { .progression-studios-header-search-dark #masthead-pro .search-form input.search-field {background-image: url(images/search-magnify-dark@2x.png); background-size:40px 30px;} } /* =============================================== 06. SEARCH FORM STYLES =============================================== */ .search-form input.search-field:focus { outline:none; } .search-form { text-align:center; margin:0 auto; } footer#site-footer .search-form, #content-pro .search-form { margin-left:0px; } .search-form input { padding:16px 18px; margin:0 auto; border:none; } footer#site-footer .search-form input.search-field { background:#ffffff; } .elementor-section-stretched .search-form { max-width:600px; } .search-form { max-width:400px; margin-bottom:30px; } .search-form input.search-field { background-color:#f5f5f5; border:2px solid #f5f5f5; margin:0px; width: calc(100% - 44px); padding:13px 22px; font-size:14px; background-repeat:no-repeat; border-radius:60px; } .search-form button, .search-form input.search-submit { display:none; } /* =============================================== 07. ELEMENTOR CUSTOM STYLES =============================================== */ /* Remove Header/Footer from Elementor Canvas */ body.single-elementor_library #progression-studios-header-position, body.single-elementor_library footer#site-footer { display:none !important; } /* Fix Transprent Header Overlay to ensure it is edible */ body.elementor-editor-active .elementor-edit-mode:hover { z-index:250; } .boosted-elements-slide-button-main { transform-style: preserve-3d; } .progression-studios-post-slider-main .flex-control-paging * { box-sizing: content-box; } /* Fix Editor buttons so they appear */ body.elementor-editor-active .pen-menu { z-index:260; } /* =============================================== 09. HEADER TOP STYLES =============================================== */ #ratency-progression-header-top { -webkit-font-smoothing:antialiased; } .progression-studios-header-left, .progression-studios-header-right { float:left; width:50%; min-height:1px; } .progression-studios-header-left p, .progression-studios-header-right p { margin:0px; } .progression-studios-header-right { width:50%; 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 { padding-right:34px; } .progression-studios-header-left .widget:nth-child(3) { padding-right:0px; } .progression-studios-header-left .widget, .progression-studios-header-right .widget { padding-top:12px; padding-bottom:12px; } #ratency-progression-header-top .textwidget { display:inline-block; } #ratency-progression-header-top { color:#2e2e2e; font-size:14px; line-height:1; position:relative; z-index:55; font-weight:600; } #ratency-progression-header-top .sf-menu li:after { display:none; } #ratency-progression-header-top span.progression-mini-banner-icon { display:none; } #ratency-progression-header-top .widget i { font-size:110%; position:relative; margin-bottom:-5px; margin-right:6px; } #ratency-progression-header-top .sf-menu i { font-size:110%; position:relative; top:0px; margin-bottom:-5px; margin-right:6px; } #ratency-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; } #ratency-progression-header-top #progression-header-top-right-container .sf-menu { margin-right:-20px; } #ratency-progression-header-top .sf-menu a { text-align:left; color:#2e2e2e; padding-left:16px; padding-right:16px; background:none; } #ratency-progression-header-top .sf-arrows .sf-with-ul { padding-right: 35px; } #ratency-progression-header-top .sf-arrows .sf-with-ul:after { right: 29px; } #ratency-progression-header-top .sf-menu li li a { text-decoration:none; text-transform:uppercase; margin:0px; padding-left:0px; padding-right:10px; font-size:11px; font-weight:600; } #ratency-progression-header-top .sf-menu ul { border-top:none; padding:10px 30px; border-radius:0px; } #ratency-progression-header-top .sf-mega { z-index:60; display:none; left:0px; position:absolute; box-sizing: border-box ; width:100%; padding:0px; margin:0px; } #ratency-progression-header-top .sf-mega { width:1200px; left:50%; margin-left:-600px; } #ratency-progression-header-top .sf-menu .sf-mega { padding-top:0px; padding-bottom:0px; } #ratency-progression-header-top .sf-menu .sf-mega ul { padding-top:0px; padding-bottom:0px; } #ratency-progression-header-top .sf-menu .sf-mega ul { border-top:none; margin-top:0px; } #ratency-progression-header-top .sf-mega li li a { padding-right:25px; }/* Mega Padding-right fix to allow more space */ #ratency-progression-header-top .sf-mega li li:last-child a { padding-bottom:18px; } #ratency-progression-header-top .sf-mega ul { background:none; margin:0; border:none; } /* =============================================== 10. 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%; } /* =============================================== 11. 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:50%; 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:9em}.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; } .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 { overflow:visible; } .sf-menu li.highlight-button a:before { bottom:auto; top:50%; left:3px; 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:-23px; /* + 28px and divided by 2 */ border:2px solid #ffffff; border-radius:4px; } .sf-menu li.highlight-button a:hover:before { background:transparent; } #ratency-progression-header-top .progression-studios-header-right h2.mega-menu-heading { text-align:left; } nav#site-navigation { font-weight: 500; font-family:'Fira Sans Condensed', sans-serif; letter-spacing: 0px; text-transform:uppercase; } .mobile-menu-icon-pro { color:#707070; padding:41px 0px 41px 10px; margin:0 auto; font-size:18px; line-height:1; } .progression-studios-nav-count-cat-off span.progression-studios-nav-cat-count { display:none; } span.progression-studios-nav-cat-count { display:inline-block; border-radius:30px; text-align:center; height:18px; padding:0px 6px; line-height:18px; font-size:10px; margin-bottom:-6px; position:relative; top:-2px; margin-left:6px; color:#ffffff; background:rgba(255,255,255, 0.11); } .sf-menu ul span.progression-studios-nav-cat-count { height:16px; padding:0px 5px; line-height:16px; font-size:9px; } /* Fix Fixed Safari Text Ligthen on Position Fixed header#masthead-pro { -webkit-font-smoothing:antialiased; } */ .sf-menu a { line-height:1; color:#292935; font-size:18px; 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-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; } #ratency-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:0px; margin-left:15px; } .sf-menu .sf-mega:before { display:none ; } .sf-menu li li a:before { display:none; } .sf-menu li:after { content:''; display:block; width:2px; background:red; position:absolute; } .sf-menu ul ul ul ul li:after, .sf-menu ul ul ul li:after, .sf-menu ul ul li:after, .sf-menu ul li:after, .sf-menu li:first-child:after { display:none; } /* Banner Icon */ .progression-mini-banner-icon { position:absolute; top:8px; right:9px; line-height:1; 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 */ #main-nav-mobile { font-weight:500; font-family:'Fira Sans Condensed', sans-serif; } ul#progression-studios-panel-login, #progression-checkout-basket, #panel-search-progression, .sf-menu ul { font-family:'Fira Sans Condensed', sans-serif; font-weight:500; box-shadow: 2px 2px 20px rgba(0,0,0, 0.15); -webkit-font-smoothing:subpixel-antialiased; } .sf-menu ul a { -webkit-text-stroke: 0px; } .sf-menu ul.sf-mega:before { left:50px; } .sf-menu ul:before { border-bottom:8px solid #cc5b44; } .sf-menu ul ul:before { display:none; } .sf-menu .sf-mega { padding-bottom:30px; padding-left:10px; padding-right:10px; } .sf-menu .sf-mega ul { padding:0px; margin:0px; background:none; box-shadow:none; } .sf-menu li li { padding-right:0px; padding-left:0px; } .sf-menu ul { padding:24px 28px 20px 36px; } .sf-menu ul ul { margin-left:28px; } ul#progression-studios-panel-login li a { display:block; text-transform:normal; line-height:1; font-size:11px; padding:15px 0px 15px 0px; border-bottom:1px solid rgba(255,255,255, 0.08); } .sf-menu li li a { text-transform:normal; font-size:11px; padding:12px 0px 12px 0px; border-bottom:1px solid rgba(255,255,255, 0.08); } .progression-sticky-scrolled .sf-menu li li a { padding-top:12px; padding-bottom:12px; } .sf-menu .deep-level li:last-child a { padding-bottom:20px; } .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.deep-level { background:none; margin:0; border:none; border-right:0px solid red; } .sf-menu ul.sf-mega { padding-top:0px; } .sf-menu .sf-mega li { padding-right:0px; padding-left:0px; } .sf-menu .sf-mega li li { padding-right:30px; padding-left:30px; } .sf-menu .sf-mega li li a { padding-left:0px; } 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 { text-transform:none; position:relative; font-size:22px; font-weight:400; color:#ffffff; font-family:'Share', sans-serif; font-style:italic; border-right:none; border-bottom:1px solid transparent; padding:55px 0px 18px 0px; margin:0px 30px 12px 30px; line-height:1; -webkit-text-stroke: 0px; letter-spacing:0px; -webkit-font-smoothing:subpixel-antialiased; } .sf-mega h2.mega-menu-heading:after { content:''; display:block; position:absolute; bottom:0px; background:#5c39f2; width:36px; height:3px; } body #progression-sticky-header header .sf-mega h2.mega-menu-heading a, body header .sf-mega h2.mega-menu-heading a { background:none !important; font-style:italic; color:#ffffff; font-size:22px; letter-spacing: 0px; font-weight:400; padding: 0px; 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 */ ul#progression-studios-panel-login li a i, .sf-menu i { line-height:1; margin-right:6px; font-size:90%; position:relative; margin-bottom:-2px; margin-top:-2px; } ul#progression-studios-panel-login li a i, .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:36px; } /* 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-shopping-cart-count a.progression-count-icon-nav i.shopping-cart-header-icon:hover, .progression_studios_force_light_navigation_color .activated-class #progression-shopping-cart-count a.progression-count-icon-nav i.shopping-cart-header-icon, .progression_studios_force_light_navigation_color #progression-studios-header-login-container a.progresion-studios-login-icon, .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 #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-shopping-cart-count a.progression-count-icon-nav i.shopping-cart-header-icon:hover, .progression_studios_force_dark_navigation_color .activated-class #progression-shopping-cart-count a.progression-count-icon-nav i.shopping-cart-header-icon, .progression_studios_force_dark_navigation_color #progression-studios-header-login-container a.progresion-studios-login-icon, .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 #progression-inline-icons .progression-studios-social-icons a { color:#000000; } } /* =============================================== 12. 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: -20px 0 0; font-size:19px; width:30px; line-height:40px; height:40px; 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; } /* =============================================== 13. MOBILE NAVIGATION STYLES =============================================== */ span.progression-mobile-menu-text { padding-left:6px; position:relative; top:-2px; text-transform:uppercase; font-weight:500; font-family:'Fira Sans Condensed', sans-serif; } .mobile-menu-icon-pro i { min-width:22px; } .mobile-menu-icon-pro { cursor:pointer; line-height:1; display:none; text-align:center; padding-right:6px; } .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; text-transform:uppercase; display:none; position:relative; width:100%; z-index:20; box-shadow: 0px 2px 6px rgba(0,0,0, 0.08); } @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; overflow:hidden; width: 100%; } ul.mobile-menu-pro li { position: relative; display: inline-block; } ul.mobile-menu-pro > li { margin-right: -5px; border-left: 1px rgba(255,255,255, 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:normal; color:#ffffff; font-size:16px; padding:16px 3%; margin:0px; 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:57px; line-height:57px; margin:0px ; padding-top:0px ; padding-bottom: 0px ; text-transform:none; font-size:18px; color:#ffffff; } ul.mobile-menu-pro .sf-mega h2.mega-menu-heading:after { display: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 { font-size:18px; color:#ffffff; } 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:57px; } 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:57px; width:50px; background:rgba(255,255,255, 0.09); } 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(255,255,255, 0.04); } ul.mobile-menu-pro li ul li li:hover { background:rgba(255,255,255, 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(255,255,255, 0.05); 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(255,255,255, 0.04); margin:0px; border:none; padding:0px; } ul.mobile-menu-pro .sf-mega .sf-mega-section { width:100%; float:none; border-bottom: 1px solid rgba(255,255,255, 0.1); } ul.mobile-menu-pro .sf-mega .sf-mega-section li a { border-bottom: 1px solid rgba(255,255,255, 0.1); } ul.mobile-menu-pro .sf-mega .sf-mega-section li a, ul.mobile-menu-pro .sf-mega .sf-mega-section, ul.mobile-menu-pro.collapsed li a { border-color:rgba(255,255,255, 0.1); } /* =============================================== 14. SIDEBAR STYLES =============================================== */ .sidebar { color:#888888; } .sidebar-item { padding-bottom:34px; } .sidebar a { color:#2f2f2f; } .sidebar ul li.current-cat, .sidebar ul li.current-cat a, .sidebar a:hover { color:#5c39f2; } .sidebar h4.widget-title { font-size:22px; text-transform:uppercase; font-style:italic; margin-bottom:30px; color:#1e023d; font-weight:400; padding-bottom:15px; position:relative; } .sidebar h4.widget-title:before { content:''; display:block; position:absolute; bottom:0px; width:35px; height:3px; } .sidebar ul li:before { display:inline-block; font-weight:normal; font-style:normal; content:"—"; padding-left:1px; padding-right:3px; position:relative; top:0px; font-size:70%; position:absolute; left:0px; opacity:0.8; content:"\f178"; font-family:FontAwesome; top:4px; } .sidebar .widget_recent_entries ul li:before { font-size:90%; content:"\f0f6"; font-family:FontAwesome; top:1px; opacity:1; } .sidebar .widget_recent_comments ul li:before { font-size:90%; content:"\f0e6"; font-family:FontAwesome; top:1px; opacity:1; } .sidebar ul { list-style:none; margin:0px 0px 25px 0px; padding:0px; } .sidebar ul ul.sub-menu, .sidebar ul ul.children { margin-top:12px; } .sidebar ul ul { margin:0px; padding:12px 0px 0px 12px; border-top:1px solid #dfe0e2; } .sidebar ul ul li:last-child { border:none; margin-bottom:0px; padding-bottom:0px; } .sidebar ul li { position:relative; line-height:1.5; margin:0px 0px 12px 0px; padding:0px 0px 12px 20px; border-bottom:1px solid #dfe0e2; } body .sidebar ul ul { margin-left:-15px; } body .sidebar ul ul ul ul { margin-left:-20px; } /* Sidebar Select */ .widget select { max-width:100%; } /* RSS */ footer#site-footer .widget_rss ul li:before, .widget_rss ul li:before { display:none; } .widget_rss ul a.rsswidget { display:block; margin-bottom:4px; font-weight:600; font-size:105%; } .widget_rss ul span.rss-date { display:block; font-size:90%; opacity:0.8; margin-bottom:5px; } footer#site-footer .widget_rss ul li, .widget_rss ul li { padding-left:0px; } .widget_rss ul cite { display:block; font-style:italic; padding-top:8px; opacity:0.8; font-size:90%; } /* Calendar */ .widget table#wp-calendar { width:100%; } .widget table#wp-calendar caption { text-align:center; font-size:105%; padding-bottom:5px; color:#444444; } .widget table#wp-calendar thead th { font-weight:600; } .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, footer#site-footer table#wp-calendar { color:#ffffff; font-weight:700; } /* Count Styling for Category/Archive */ .widget ul span.count { float:right; color:#777; font-size:10px; display:inline-block; text-align:center; width:16px; height:16px; line-height:16px; border-radius:25px; background:rgba(0,0,0, 0.06); } 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; } /* =============================================== 15. PAGINATION STYLES =============================================== */ .post-views.entry-meta { display:none; } /* Pagination */ #content-pro ul.page-numbers { list-style:none; margin:25px 0px 10px 0px; padding:0px; text-align:center; } #content-pro ul.page-numbers li { margin:0px; padding:0px; display:inline; } /* Blog Post Pagination */ .progression-page-nav { margin:20px 0 25px 0; list-style:none; text-align:center; font-size:13px; } .progression-page-nav span, .progression-page-nav a { display:inline-block; line-height:1; text-align:center; margin:0px 2px 5px 2px; font-size:15px; padding:14px 15px; min-width:16px; background:rgba(0,0,0,0.07); color:#1e023d; border-radius:0px; font-weight:400; font-family:'Share', sans-serif; font-style:normal; text-transform:uppercase; } .progression-page-nav a:hover span { color:#ffffff; } .progression-page-nav a span { padding:0px; background:none; min-width:none; margin:0px; border:none; color:#070707; box-shadow:none; } #content-pro ul.page-numbers li span.current, #content-pro ul.page-numbers li a { display:inline-block; text-align:center; margin:0px 2px 2px 2px; line-height:1; font-size:15px; padding:13px 16px; min-width:16px; background:rgba(0,0,0,0.07); color:#1e023d; border-radius:0px; font-family:'Share', sans-serif; font-style:normal; text-transform:uppercase; transform: skewX(-8deg); } .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 { background:#f4f2f6; color:#1e023d; } #content-pro ul.page-numbers li span.dots { display:inline-block; padding:0px 5px; } /* =============================================== 16. BLOG INDEX STYLES =============================================== */ .progression-studios-default-blog-index .progression-studios-hexagon-index-container { padding:0px; position:absolute; top:10px; right:10px; } .progression-studios-hexagon-index-container { padding-bottom:10px; } .progression-studios-index-hexagon-border { position: relative; width: 56px; height: 32.33px; background-color: #ffffff; margin: 16.17px 0; } .progression-studios-index-hexagon-border:before, .progression-studios-index-hexagon-border:after { content: ""; position: absolute; width: 0; border-left: 28px solid transparent; border-right: 28px solid transparent; left:0px; } .progression-studios-index-hexagon-border:before { bottom: 100%; border-bottom: 16.17px solid #ffffff; } .progression-studios-index-hexagon-border:after { top: 100%; width: 0; border-top: 16.17px solid #ffffff; } .progression-blog-review-index-total { position: relative; width: 52px; height: 30.02px; background-color: #2b0f4a; margin: 15.01px 0; top:1px; left:2px; z-index:10; text-align:center; font-family:'Share', sans-serif; font-style:italic; font-weight:400; font-size:22px; line-height:32px; color:#ffffff; } .progression-blog-review-index-total:before, .progression-blog-review-index-total:after { content: ""; position: absolute; width: 0; border-left: 26px solid transparent; border-right: 26px solid transparent; left:0px; } .progression-blog-review-index-total:before { bottom: 100%; border-bottom: 15.01px solid #2b0f4a; } .progression-blog-review-index-total:after { top: 100%; width: 0; border-top: 15.01px solid #2b0f4a; } body .progression-studios-sticky-post { position:absolute; top:0px; right:0px; font-size:11px; font-weight:700; padding:8px 12px; line-height:1; background:#888888; font-style:italic; color:#ffffff; border-top-right-radius: 4px; } .progression-blog-content { position:relative; padding:0px 0px 25px 0px; margin:0px; border-bottom:1px solid rgba(17,17,17,0.10); } .progression-studios-default-blog-top .progression-blog-content { padding-bottom:0px; border:none; } .progression-studios-default-blog-top .blog-post-vertical-content-layout { border-radius: 4px; padding:30px 35px 25px 35px; border:2px solid rgba(17,17,17,0.10); } .progression-studios-image-top-image { margin-bottom:-2px; } .progression-studios-default-blog-top .progression-studios-feaured-image { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } .progression-studios-default-blog-top .progression-studios-feaured-image img { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } .progression-studios-blog-excerpt .twitter-tweet { min-height:220px; } .progression-studios-blog-excerpt { font-size:15px; } .blog-meta-category-list { margin-bottom:18px; } .blog-meta-category-list a { display:inline-block; line-height:1; font-family:'Fira Sans Condensed', sans-serif; font-weight:500; font-size:12px; color:#ffffff; background:#5c39f2; padding:9px 20px; margin:0px 5px 5px 0px; } .blog-meta-category-list a:hover { background:#2b0f4a; color:#ffffff; } h2.progression-blog-title { font-family:'Fira Sans Condensed', sans-serif; font-weight:500; color:#2f2f2f; font-size:36px; line-height:1.2; margin-bottom:8px; } h2.progression-blog-title a { color:#2f2f2f; } h2.progression-blog-title a:hover { color:#eea72d; } ul.progression-post-meta { display:block; width:100%; overflow:hidden; list-style:none; margin:0px 0px 0px 0px; padding:5px 0px 10px 0px; } ul.progression-post-meta li { font-family:'Fira Sans Condensed', sans-serif; font-weight:400; font-size:15px; color:#817192; float:left; margin:0px 0px 5px 0px; position:relative; } ul.progression-post-meta li:after { display:inline-block; content:'—'; padding:0px 10px; } ul.progression-post-meta li:last-child:after { display:none; } ul.progression-post-meta li a { color:#817192; } ul.progression-post-meta li a:hover { text-decoration:underline; } .overlay-progression-studios-excerpt a.more-link { display:none; } a.more-link { font-family:'Share', sans-serif; font-style:italic; font-weight:400; font-size:18px; text-transform:uppercase; } a.more-link i { font-size:8px; position:relative; padding-left:2px; top:-2px; line-height:15px; } /* Two Column Layout */ .progression-studios-image-float-left { float:left; width:45%; } .progression-studios-content-float-right { float:right; width:50%; } /* Video Style Fixes */ .progression-studios-feaured-image p { margin:0px; padding:0px; } /* Hover Transitions */ .progression-studios-feaured-image { position:relative; overflow:hidden; text-align:center; border-radius: 4px; } .progression-studios-feaured-image img { transition: all 400ms; border-radius: 4px; } .progression-studios-default-blog-overlay.progression-studios-blog-image-scale a:hover img, .progression-studios-blog-image-scale .progression-studios-feaured-image:hover a img { transform: scale(1.09); } .progression-studios-default-blog-overlay.progression-studios-blog-image-zoom-grey a:hover .progression-studios-feaured-image img, .progression-studios-blog-image-zoom-grey .progression-studios-feaured-image:hover a img { -webkit-filter: grayscale(100%); filter: grayscale(100%); } .progression-studios-default-blog-overlay.progression-studios-blog-image-zoom-sepia a:hover .progression-studios-feaured-image img, .progression-studios-blog-image-zoom-sepia .progression-studios-feaured-image:hover a img { -webkit-filter: sepia(50%); filter: sepia(50%); } .progression-studios-default-blog-overlay.progression-studios-blog-image-zoom-saturate a:hover .progression-studios-feaured-image img, .progression-studios-blog-image-zoom-saturate .progression-studios-feaured-image:hover a img { -webkit-filter: saturate(50%); filter: saturate(50%); } .progression-studios-default-blog-overlay.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-default-blog-overlay.progression-studios-blog-image-zoom-shine:hover .progression-studios-feaured-image: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%; } } /* =============================================== 17. BLOG INDEX OVERLAY STYLES =============================================== */ .progression-studios-default-blog-overlay { position:relative; background:#000000; overflow:hidden; border-radius:6px; min-height:300px; } .progression-studios-default-blog-overlay a { display:block; } .overlay-progression-studios-blog-image { position:absolute; width:100%; height:100%; top:0px; left:0px; background-repeat: no-repeat; background-position:center center; background-size: cover; } .overlay-progression-blog-content { position:relative; display:table; width:100%; z-index:10; } .overlay-progression-blog-content-table-cell{ display:table-cell; vertical-align:bottom; } .overlay-progression-blog-content-padding { padding:60px 24px 15px 24px; } .overlay-blog-meta-category-list { position:absolute; top:0px; left:-2px; position:absolute; z-index:20; } .overlay-blog-meta-category-list a { display:inline-block; line-height:1; font-family:'Fira Sans Condensed', sans-serif; font-weight:500; font-size:13px; color:#ffffff; background:#5c39f2; padding:9px 30px; margin:0px 7px 7px 0px; } #progression-studios-post-category a:hover, .overlay-blog-meta-category-list a:hover { color:#ffffff; background:rgba(92,57,242, 0.7); } h2.overlay-progression-blog-title { font-family:'Fira Sans Condensed', sans-serif; font-weight:500; color:#ffffff; font-size:36px; line-height:1.2; margin-bottom:6px; text-shadow:1px 1px 8px rgba(0,0,0, 0.15); } ul.progression-studio-overlay-post-meta { list-style:none; margin:0px; padding:0px; } ul.progression-studio-overlay-post-meta li { padding:0px; color:rgba(255,255,255, 0.6); font-family:'Fira Sans Condensed', sans-serif; font-weight:400; font-size:14px; float:left; margin:0px 0px 7px 0px; position:relative; text-shadow:1px 1px 2px rgba(0,0,0, 0.1); } ul.progression-studio-overlay-post-meta li:after { display:inline-block; content:'—'; padding:0px 10px; } ul.progression-studio-overlay-post-meta li:last-child:after { display:none; } .overlay-progression-studios-excerpt { color:rgba(255,255,255, 0.75); font-size:15px; line-height:1.5; text-shadow:1px 1px 2px rgba(0,0,0, 0.08); } .overlay-progression-studios-excerpt p { margin-bottom:10px; } .progression-studios-overlay-video-index .overlay-progression-blog-content { display:none; } .progression-studios-feaured-video-overlay { position:relative; background:#000000; top:0px; left:0px; z-index:15; } .progression-studios-feaured-video-overlay p { margin:0px; } .overlay-blog-gradient { position:absolute; z-index:5; top:0px; left:0px; width:100%; height:100%; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.5+100 */ background: -moz-linear-gradient(top, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0.6) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0.15) 0%,rgba(0,0,0,0.6) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0.15) 0%,rgba(0,0,0,0.6) 100%); } /* =============================================== 18. BLOG POST STYLES =============================================== */ /* Review Hexagon in Header*/ .progression-studios-hexagon-page-title-container { position: relative; z-index:20; width:100px; left:50%; margin-left:-50px; margin-bottom:60px; } .progression-studios-hexagon-page-title-container .progression-studios-hexagon-border { background-color: #ffffff; } .progression-studios-hexagon-page-title-container .progression-studios-hexagon-border:before { border-bottom-color:#ffffff; } .progression-studios-hexagon-page-title-container .progression-studios-hexagon-border:after { border-top-color:#ffffff; } .progression-studios-gallery-post-image { margin-bottom:30px; } .progression-blog-single-content { padding-bottom:15px; } /* Tags */ .tags-progression { margin-bottom:45px; } .tags-progression span { font-size:16px; position:relative; top:1px; color:#2f2f2f; margin-right:10px; } .tags-progression a { display:inline-block; margin-left:7px; margin-bottom:5px; padding:0px 16px; height:30px; line-height:30px; font-weight:400; letter-spacing:0.02em; font-size:13px; color:#676767; background:rgba(0,0,0,0.07); } .tags-progression a:hover { color:#ffffff; background:#575757; } /* Author Info */ .progression-author-container { position:relative; background:rgba(0,0,0,0.07); text-align:center; margin:20px 0px 50px 0px; padding:0px 15px 0px 15px; } .progression-author-image-title { position:relative; top:-20px; } .progression-author-image-title img { border-radius:200px; width:100px; margin-bottom:15px; box-shadow: 0px 0px 15px rgba(0,0,0, 0.1); } .progression-author-image-title h5.author-heading { font-family:'Share', sans-serif; font-weight:400; font-style:italic; text-transform:uppercase; font-size:30px; margin-bottom:8px; } .progression-author-image-title h6 { font-family:'Share', sans-serif; font-style:italic; font-weight:400; font-size:18px; text-transform:uppercase; margin-bottom:3px; } .progression-author-main-padding { padding-bottom:30px; } ul.progression-author-icons { background:#e51947; margin:0px -15px 0px -15px; padding:0px; list-style:none; } ul.progression-author-icons li { display:inline; margin:0px; padding:0px; color:#ffffff; } ul.progression-author-icons li:after { content:"/"; opacity:0.7; padding:0px 20px; } ul.progression-author-icons li:last-child:after { display:none; } ul.progression-author-icons li a { display:inline-block; font-size:16px; color:#ffffff; padding:10px 10px; } ul.progression-author-icons span { padding-left:8px; font-family:'Share', sans-serif; font-style:italic; font-weight:400; text-transform:uppercase; } a#progression-author-edit-profile { font-size:12px; position:absolute; top:10px; right:10px; color:#888888; font-weight:700; text-transform:uppercase; } /* Related Posts */ #progression-studios-related-posts .progression-studios-default-blog-overlay .progression-studios-hexagon-index-container { padding:0px; position:absolute; top:10px; left:12px; } #progression-studios-related-posts { margin-bottom:60px; } #progression-studios-related-posts h4.progression-studios-related-heading { font-family:'Share', sans-serif; font-style:italic; font-weight:400; font-size:30px; text-transform:uppercase; } #progression-studios-related-posts .overlay-progression-blog-content-table-cell { vertical-align:middle; } #progression-studios-related-posts .overlay-progression-blog-content-padding { padding:0px 8px 0px 8px; } .related-overlay-blog-meta-category-list { margin-bottom:10px; margin-top:5px; text-align:center; } .related-overlay-blog-meta-category-list span { display:inline-block; line-height:1; font-family:'Fira Sans Condensed', sans-serif; font-weight:500; font-size:14px; color:#ffffff; background:#5c39f2; padding:9px 24px; margin:0px 7px 7px 0px; } .progression-studios-default-blog-overlay a:hover .related-overlay-blog-meta-category-list span { } #progression-studios-related-posts h2.overlay-progression-blog-title { font-size:32px; text-align:center; } #progression-studios-related-posts li.progression-studios-related-list-item:nth-child(2) h2.overlay-progression-blog-title, #progression-studios-related-posts li.progression-studios-related-list-item:nth-child(3) h2.overlay-progression-blog-title { font-size:28px; } ul.progression-studios-related-list li.progression-studios-related-list-item .progression-studios-default-blog-overlay { min-height:0px; border-radius:0px; } ul.progression-studios-related-list li.progression-studios-related-list-item .overlay-progression-blog-content { min-height:240px; height:240px; border-radius:0px; } ul.progression-studios-related-list li.progression-studios-related-list-item:nth-child(1) .overlay-progression-blog-content { min-height:480px; height:480px; } ul.progression-studios-related-list li.progression-studios-related-list-item:nth-child(2) .progression-studios-default-blog-overlay { margin-bottom:2px; } ul.progression-studios-related-list li.progression-studios-related-list-item:nth-child(2) .overlay-progression-blog-content { min-height:238px; height:238px; } ul.progression-studios-related-list { list-style:none; margin:0px; padding:0px; } ul.progression-studios-related-list li.progression-studios-related-list-item { margin:0px; padding:0px; } ul.progression-studios-related-list li.progression-studios-related-list-item:nth-child(1) { float:left; width:50%; width:calc(50% - 2px); } ul.progression-studios-related-list li.progression-studios-related-list-item:nth-child(2) { width:50%; float:right; } ul.progression-studios-related-list li.progression-studios-related-list-item:nth-child(3) { width:50%; float:right; } /* Advertising Widget Area */ .widget-area-top-of-posts { padding-bottom:40px; text-align:center; } .widget-area-bottom-of-posts { padding:15px 0px 50px 0px; text-align:center; } /* Blog Reviews */ .comment-list h3.pixrating_title { font-size:15px; font-weight:700; margin-bottom:0px; } .comment-list .review_rate { padding-bottom:10px; } .comment-list .review_rate i { font-size:12px; } /* Blog Comment Styling */ p.logged-in-as { margin-bottom:15px; font-size:90%; } .comment-navigation { padding-top:10px; padding-bottom:25px; } .comment-navigation a { font-weight:700; text-decoration:underline; } .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 { margin-top:20px; margin-bottom:30px; font-family:'Share', sans-serif; font-style:italic; font-weight:400; font-size:30px; text-transform:uppercase; } #comments h4.comments-title span.comment-count-title { font-weight:400; } #comments h3.comment-reply-title { font-family:'Share', sans-serif; font-style:italic; font-weight:400; font-size:30px; text-transform:uppercase; margin-bottom:15px; } #comments h3.comment-reply-title small { font-size:14px; 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 li.pingback { padding-bottom:15px; font-size:95%; } body .comment-list li.pingback .comment-body:before { display:none; } body .comment-list li.pingback .comment-body { margin-left:0px; } .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:95%; padding:18px 25px; margin-left:90px; background:rgba(0,0,0, 0.05); border-radius:4px; } .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 rgba(0,0,0, 0.05); } .comment-body p { margin-bottom:10px; } .comment-author .avatar { float: left; height: 70px; width: 70px; left:0px; position:absolute; border-radius:100px; } .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; line-height:1.2; color:#35364c; font-size:19px; padding-right:5px; padding-bottom:0px; padding-top:8px; text-transform:uppercase; font-family:'Share', sans-serif; } .commentmetadata { margin-bottom: 8px; font-size:13px; padding-top:3px; color:#878787; } .commentmetadata a, .commentmetadata a:hover { color:#878787; } .reply a.comment-reply-link { font-size:11px; position:absolute; padding:6px 10px; right:10px; margin-top:-20px; 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:600; } /* Sharing Icons */ .blog-single-social-sharing-container { width:100%; overflow:hidden; background:#3459b7; } ul.blog-single-social-sharing { list-style:none; margin:0px 0 0 -2%; padding:0px; display: table; /* [1] */ table-layout: fixed; /* [2] */ width: 104%; /* [3] */ } ul.blog-single-social-sharing li { margin:0px; padding:0px; display: table-cell; } ul.blog-single-social-sharing li:last-child a { margin-right:0px; } ul.blog-single-social-sharing li a { display:block; line-height:1; font-size:14px; text-align:center; height:50px; line-height:50px; background:#767a86; color:#ffffff; position:relative; text-transform:uppercase; font-style:italic; font-family:'Share', sans-serif; } ul.blog-single-social-sharing .progression-unskew-text { display:inline-block; } ul.blog-single-social-sharing li a i { font-size:19px; position:relative; top:2px; } ul.blog-single-social-sharing li a:before { position:absolute; top:0px; left:0px; width:100%; height:100%; display:block; content:''; background:rgba(255,255,255, 0); } ul.blog-single-social-sharing span { position:relative; z-index:5; } ul.blog-single-social-sharing li a:hover:before { background:rgba(255,255,255, 0.15); } ul.blog-single-social-sharing span.progression-single-dash { padding:0px 4px; } ul.blog-single-social-sharing li a.twitter-share { background:#52b3eb; } ul.blog-single-social-sharing li a.facebook-share { background:#3655b9; } ul.blog-single-social-sharing li a.pinterest-share { background:#cb2027; } ul.blog-single-social-sharing li a.vk-share { background:#45668e; } ul.blog-single-social-sharing li a.google-share { background:#dd4b39; } ul.blog-single-social-sharing li a.reddit-share { background:#fd4314; } ul.blog-single-social-sharing li a.linkedin-share { background:#007bb6; } ul.blog-single-social-sharing li a.tumblr-share { background:#32506d; } ul.blog-single-social-sharing li a.stumble-share { background:#ea472a; } /* Review Summary */ .progression-blog-review-content { margin-top:25px; margin-bottom:50px; border:4px solid rgba(0,0,0,0.1); border-bottom-width:14px; padding:25px 35px; } .progression-blog-review-rating-container { margin-top:-65px; margin-bottom:25px; width:100px; position:relative; left:50%; margin-left:-50px; } .progression-blog-review-text-container { margin-bottom:35px; text-align:center; } .progression-blog-review-content h2 { font-family:'Share', sans-serif; font-style:italic; font-weight:400; font-size:30px; text-transform:uppercase; line-height:1.2; padding-top:22px; margin:0px 0px 5px 0px; color:#5c39f2; } .progression-blog-review-total { font-family:'Share', sans-serif; font-style:italic; font-weight:400; font-size:30px; text-transform:uppercase; text-align:center; color:#ffffff; } .progression-blog-review-total span { position:relative; top:-7px; } .progression-blog-review-one-word { font-family: 'Share', sans-serif; font-style:normal; font-weight:400; font-size:13px; text-transform:uppercase; color:#ffffff; text-align:center; position:relative; z-index:5; top:-20px; } .progression-studios-hexagon-border { position: relative; width: 96px; height: 55.43px; background-color: #5c39f2; margin: 27.71px 0; } .progression-studios-hexagon-border:before, .progression-studios-hexagon-border:after { left:0px; content: ""; position: absolute; width: 0; border-left: 48px solid transparent; border-right: 48px solid transparent; } .progression-studios-hexagon-border:before { bottom: 100%; border-bottom: 27.71px solid #5c39f2; } .progression-studios-hexagon-border:after { top: 100%; width: 0; border-top: 27.71px solid #5c39f2; } .progression-blog-review-total { top:1.8px; left:3px; position: relative; width: 90px; height: 51.96px; background-color: #2b0f4a; margin:25.98px 0; } .progression-blog-review-total:before, .progression-blog-review-total:after { content: ""; position: absolute; width: 0; border-left: 45px solid transparent; border-right: 45px solid transparent; z-index:2; } .progression-blog-review-total:before { bottom: 100%; left:0px; border-bottom: 25.98px solid #2b0f4a; } .progression-blog-review-total:after { top: 100%; left:0px; width: 0; border-top: 25.98px solid #2b0f4a; } .progression-blog-review-content h4, .progression-blog-review-content h4 { font-size:16px; margin-bottom:10px; color:#666666; } .progression-blog-review-content .grid2column-progression { position:relative; } .progression-blog-review-content .grid2column-progression:after { content:''; display:block; position:absolute; right:25px; background:rgba(0,0,0,0.12); top:0px; width:1px; height:100%; } .progression-blog-review-content .grid2column-progression.lastcolumn-progression:after { display:none; } ul#progression-studios-blog-review-cons, ul#progression-studios-blog-review-pros { list-style:none; margin:0px; padding:0px; font-size:14px; position:relative; } ul#progression-studios-blog-review-cons li, ul#progression-studios-blog-review-pros li { list-style:none; position:relative; padding:0px 0px 0px 20px; margin:0px 0px 4px 0px; } ul#progression-studios-blog-review-cons li:before, ul#progression-studios-blog-review-pros li:before { display:inline-block; font-weight:normal; font-style:normal; padding-right:3px; position:relative; top:0px; font-size:70%; position:absolute; left:0px; opacity:0.8; content:"\f087"; font-family:FontAwesome; top:4px; } ul#progression-studios-blog-review-cons li:before { content:"\f088"; } /* =============================================== 19. SKEW STYLES =============================================== */ .progression-ratency-slider-categories a { transform: skewX(-8deg); } .tagcloud a, .tags-progression a { transform: skewX(-8deg); } .overlay-blog-meta-category-list a { transform: skewX(-8deg); } .related-overlay-blog-meta-category-list span { transform: skewX(-8deg); } #progression-studios-post-category a, .blog-meta-category-list a { transform: skewX(-8deg); } ul.blog-single-social-sharing li a { transform: skewX(-15deg); } ul.blog-single-social-sharing .progression-unskew-text { transform: skewX(15deg); } .progression-page-nav span, .progression-page-nav a { transform: skewX(-8deg); } #content-pro ul.page-numbers li span.current, #content-pro ul.page-numbers li a { transform: skewX(-8deg); } #content-pro .search-form input.search-field { transform: skewX(-8deg); } #boxed-layout-pro .form-submit input#submit, .tml-submit-wrap input.button-primary, .tml input#wp-submit, #boxed-layout-pro button.button, #boxed-layout-pro a.button { font-style:normal; transform: skewX(-8deg); } .post-password-form input { transform: skewX(-8deg); } .post-password-form input[type=submit], #respond input.submit, .wpcf7-form input.wpcf7-submit { font-style:normal; transform: skewX(-8deg); } /* =============================================== 20. CONTACT FORM STYLES =============================================== */ /* Additional Styles March 2019 */ body .progression-page-nav span.current { background:none; padding:0px; line-height:1; } body .comment-list li.pingback, body .comment-list li.trackback { padding-bottom:15px; font-size:95%; } body .comment-list li.trackback .comment-body:before, body .comment-list li.pingback .comment-body:before { display:none; } body .comment-list li.trackback .comment-body, body .comment-list li.pingback .comment-body { margin-left:0px; } #respond input[type=checkbox] { width:auto; display:inline; margin-right:7px; } #respond .comment-form-cookies-consent label { display:inline; } .wpcf7 input[type=radio], .wpcf7 input[type=checkbox] { width:auto; } body .wp-caption { max-width:100% !important; } .wp-block-gallery li.blocks-gallery-item figure figcaption { padding-left:0px; padding-right:0px; } span.required { color:#fa4e3c; } .wpcf7-form .grid2column-progression p { margin-bottom:0px; } .wpcf7-form .grid2column-progression, .wpcf7-form p { margin-bottom:20px; } form#mc-embedded-subscribe-form .mc-field-group input:focus, .wpcf7-form select:focus, blockquote, .post-password-form input:focus, .search-form input.search-field:focus, #respond textarea:focus, #respond input:focus, .wpcf7-form input:focus, .wpcf7-form textarea:focus { outline:none; border-color:#6e8a95; } .tml input, .tml textarea, .wpcf7 select, .post-password-form input, #respond textarea, #respond input, .wpcf7-form input, .wpcf7-form textarea { border-radius:4px; width:70%; font-size:14px; padding:10px 18px; background:#ffffff; border:1px solid #ffffff; } span.wpcf7-form-control-wrap { padding-top:3px; display:block; } .post-password-form { font-size:14px; } .post-password-form input[type=submit] { margin-right:0px; } .post-password-form input { max-width:280px; width:85%; margin-right:10px; padding-top:11px; padding-bottom:12px; width: calc(100% - 220px); } .tml input, .tml textarea, .wpcf7 select, .wpcf7-form .grid2column-progression input, #respond textarea, .comment-respond textarea, .wpcf7-form textarea { width:96%; width: calc(100% - 40px); } .wpcf7 select { padding-top:14px; padding-bottom:14px; } .wpcf7-form input.wpcf7-not-valid { border-color:#e54823; } .wpcf7-form span.wpcf7-not-valid-tip { display:none; } .wpcf7 select { -moz-appearance: none; -webkit-appearance: none; -ms-appearance:none; appearance: none; } /* Newsletter Styles */ #mc_embed_signup { text-align:center; } form#mc-embedded-subscribe-form .mc-field-group { display:inline; } form#mc-embedded-subscribe-form .mc-field-group input { font-size:14px; padding:10px 18px; background:#f2f3f5; border:2px solid #f2f3f5; width:400px; } form#mc-embedded-subscribe-form input.button { padding-top:16px; padding-bottom:16px; } form#mc-embedded-subscribe-form .clear { display:inline; clear:none; } /* =============================================== 21. BUTTON STYLES =============================================== */ .tagcloud a { line-height:1; border:none; text-align:center; display:inline-block; border-radius:60px; width:auto; padding:9px 14px; font-weight:700; color:#ffffff; margin-bottom:5px; background:#6e16ff; font-size:11px !important; } .wp-block-button a.wp-block-button__link { font-family:'Share', sans-serif; font-style:italic; font-weight:400; padding:18px 24px 17px 24px; } #boxed-layout-pro .form-submit input#submit, .tml-submit-wrap input.button-primary, .tml input#wp-submit, #boxed-layout-pro button.button, #boxed-layout-pro a.button { line-height:1; border:none; text-align:center; display:inline-block; border-radius:60px; width:auto; padding:18px 24px 17px 24px; font-weight:700; color:#ffffff; background:#6e16ff; font-size:15px; font-family:'Share', sans-serif; font-style:italic; font-weight:400; } button.wpneo_donate_button { position:relative; top:1px; } .post-password-form input[type=submit], #respond input.submit, .wpcf7-form input.wpcf7-submit { line-height:1; border:none; text-align:center; display:inline-block; border-radius:60px; width:auto; padding:20px 30px; font-size:16px; color:#ffffff; background:#6e16ff; font-family:'Share', sans-serif; font-style:italic; font-weight:400; } .post-password-form input[type=submit] { padding-top:17px; padding-bottom:17px; } .post-password-form input[type=submit]:hover, #respond input.submit:hover, .wpcf7-form input.wpcf7-submit:hover { color:#0e0e10; background:#e0e0e0; } #respond input.submit, .wpcf7-form input.wpcf7-submit { margin-top:4px; } /* =============================================== 22. FOOTER STYLES =============================================== */ ul.progression-studios-social-counter-container { list-style:none; margin:0px; text-transform:uppercase; text-align:center; padding:0px; } ul.progression-studios-social-counter-container li { display:inline-block; margin:0px; padding:0px; } ul.progression-studios-social-counter-container li:last-child span.progression-elements-social-divider { display:none; } ul.progression-studios-social-counter-container h3, ul.progression-studios-social-counter-container a, ul.progression-studios-social-counter-container { color:#ffffff; } ul.progression-studios-social-counter-container i { border-radius:30px; text-align:center; line-height:32px; width:32px; height:32px; font-size:16px; background:rgba(255,255,255, 0.25); color:#ffffff; float:left; position:relative; top:3px; margin-right:15px; margin-bottom:-5px; } span.progression-elements-social-divider, .progression-elements-social-count-number, ul.progression-studios-social-counter-container h3 { display:inline-block; font-family:'Share', sans-serif; font-style:italic; font-weight:400; font-size:23px; } .progression-elements-social-count-number { display:inline-block; } .progression-elements-social-count-number span { padding-left:8px; } span.progression-elements-social-divider { display:inline-block; padding:0px 36px; opacity:rgba(255,255,255, 0.7); } /* Copyright */ footer#site-footer #progression-studios-copyright a { color:rgba(255,255,255,0.65); } footer#site-footer #progression-studios-copyright a:hover { color:#ffffff; } #copyright-divider-top { width:100%; } #copyright-text { float:left; padding:38px 0px; font-size:15px; color:rgba(255,255,255,0.45); text-transform:uppercase; font-family:'Share', sans-serif; } .footer-copyright-align-center #copyright-text { float:none; text-align:center; } .footer-copyright-align-right #copyright-text { float:right; text-align:right; } /* 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: 30px; right: 30px; border-radius:60px; 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; } .elementor-widget span.count { float:right; font-size:10px; display:inline-block; text-align:center; width:16px; height:16px; line-height:16px; border-radius:25px; background:rgba(255,255,255, 0.08); color:rgba(255,255,255, 0.6); } /* Category Layout */ ul.progression-studios-category-list { list-style:none; margin:0px; padding:0px; margin-left:-1%; margin-right:-1%; } ul.progression-studios-category-list li { margin:0px; padding:0px; float:left; width:18%; margin-left:1%; margin-right:1%; } ul.progression-studios-category-list li a { position:relative; display:block; font-family:'Fira Sans Condensed', sans-serif; width:90%; padding:10px 5%; line-height:1; background:rgba(0,0,0,0.05); color:#ffffff; margin-bottom:10px; font-size:15px; border-radius:4px; } ul.progression-studios-category-list li a:hover { background:rgba(0,0,0,0.1); } ul.progression-studios-category-list li a span { float:right; display:block; border-radius:50px; position:absolute; right:-1px; top:0px; height:20px; font-size:12px; width:20px; line-height:20px; text-align:center; } /* =============================================== 23. MASONRY STYLES =============================================== */ .progression-studios-elementor-review-container { overflow:hidden; } .progression-masonry-item.progression-masonry-col-1 { width: 100%; } .progression-masonry-item.progression-masonry-col-2 { width: 49.8%; } .progression-masonry-item.progression-masonry-col-3 { width: 33.330%; } .progression-masonry-item.progression-masonry-col-4 { width: 25%; } .progression-masonry-item.progression-masonry-col-5 { width: 20%; } .progression-masonry-item.progression-masonry-col-6 { width: 16.67%; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .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-masonry-item.progression-masonry-col-3 { width: 50%; } } @media only screen and (max-width: 767px) { .progression-masonry-item { width: 100% !important; } } /* Masonry animations */ .progression-studios-isotope-animation { opacity:0; transition: opacity 500ms; } .progression-masonry-item.opacity-progression .progression-studios-isotope-animation { opacity:1; } /* Filtering */ ul.progression-filter-button-group { list-style:none; margin:0px 0px 30px 0px; padding:0px; position:relative; } ul.progression-filter-button-group:after { content:''; display:block; width:100%; height:3px; /* background:rgba(30,2,61, 0.08); */ position:absolute; bottom:0px; } ul.progression-filter-button-group li { position:relative; display:inline-block; margin:0px; padding:0px; color:rgba(30,2,61, 0.56); font-family:'Share', sans-serif; font-style:italic; text-transform:uppercase; font-weight:400; font-size:20px; line-height:1; padding:10px 0px; margin-right:50px; } ul.progression-filter-button-group li:after { content:''; display:block; background:rgba(0,0,0, 0); position:absolute; bottom:0px; width:100%; height:3px; z-index:10; } ul.progression-filter-button-group.progression-centered-filte-filter-pro li { margin-left:15px; margin-right:15px; } ul.progression-filter-button-group li:hover, ul.progression-filter-button-group li.pro-checked { cursor:pointer; color:#1e023d; } ul.progression-filter-button-group li:hover:after, ul.progression-filter-button-group li.pro-checked:after { background:#5c39f2; } /* 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 { max-width:1200px; margin:35px auto 10px auto; display:block; line-height:1; border:none; text-align:center; border-radius:4px; width:auto; padding:18px 26px; font-weight:400; color:#747474; background:rgba(0,0,0, 0.1); font-size:18px; text-transform:uppercase; font-family:'Share', sans-serif; font-style:italic; } .infinite-nav-pro a:hover { color:#ffffff; background:#22d69d; } .infinite-nav-pro a span i { font-size:90%; position:relative; top:0px; padding-left:3px; } #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 !important; padding-right:20px; padding-left:20px; font-size:12px; font-weight:400; } /* =============================================== 24. SLIDER STYLES =============================================== */ .slider-background-overlay-color { position:absolute; width:100%; top:0px; left:0px; height:100%; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0, 0.65) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0, 0.65) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0, 0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } .elementor-widget-progression-studios-review-slider { overflow:hidden; } .progression-elements-slider-background { background-repeat: no-repeat; background-position:center center; background-size: cover; position:relative; } .progression-ratency-slider-content-margins { margin-top:-20px; position:relative; z-index:25; } .progression-ratency-slider-elements-display-table { display:table; width:100%; height:100%; overflow:hidden; } .progression-ratency-slider-content-max-width { max-width:90%; margin:0 auto; } .progression-ratency-slider-text-floating-container { width:100%; } .progression-ratency-slider-progression-crowd-index-content { width:100%; } .progression-ratency-slider-container-max-width { margin:0 auto; } /* Content Styles */ .progression-ratency-slider-categories { margin-bottom:15px; } .progression-ratency-slider-categories a { display:inline-block; line-height:1; font-family:'Fira Sans Condensed', sans-serif; font-weight:500; font-size:14px; color:#ffffff; background:#5c39f2; padding:11px 30px; margin:0px 7px 7px 0px; } .progression-ratency-slider-categories a:hover { color:#ffffff; background:rgba(92,57,242, 0.7); } h2.progression-ratency-progression-slider-title { font-family:'Fira Sans Condensed', sans-serif; font-weight:500; color:#ffffff; font-size:60px; line-height:1.2; margin-bottom:8px; text-shadow:1px 1px 15px rgba(0,0,0, 0.18); } ul.progression-ratency-slider-meta { list-style:none; margin:0px; padding:0px; } ul.progression-ratency-slider-meta li { color:rgba(255,255,255, 0.65); font-family:'Fira Sans Condensed', sans-serif; font-weight:400; font-size:17px; float:none; display:inline-block; margin:0px 0px 7px 0px; padding:0px; position:relative; text-shadow:1px 1px 2px rgba(0,0,0, 0.12); } ul.progression-ratency-slider-meta li:after { display:inline-block; content:'—'; padding:0px 10px; } ul.progression-ratency-slider-meta li:last-child:after { display:none; } .progression-ratency-slider-excerpt { margin-top:15px; color:rgba(255,255,255, 0.85); font-size:18px; line-height:1.5; text-shadow:1px 1px 2px rgba(0,0,0, 0.08); } .progression-ratency-slider-excerpt p { margin-bottom:10px; } /* Review */ /* .progression-ratency-slider-hexagon-container { position:absolute; top:30px; left:4%; }*/ .progression-ratency-slider-hexagon-container { padding-bottom:32px; } .progression-ratency-slider-hexagon-border { position: relative; width: 56px; height: 34px; background-color: #ffffff; margin: 16.17px 0; } .progression-ratency-slider-hexagon-border:before, .progression-ratency-slider-hexagon-border:after { content: ""; position: absolute; width: 0; border-left: 28px solid transparent; border-right: 28px solid transparent; left:0px; } .progression-ratency-slider-hexagon-border:before { bottom: 100%; border-bottom: 16.17px solid #ffffff; } .progression-ratency-slider-hexagon-border:after { top: 100%; width: 0; border-top: 16.17px solid #ffffff; } .progression-ratency-slider-review-total { position: relative; width: 52px; height: 30.02px; background-color: #2b0f4a; margin: 15.01px 0; top:2px; left:2px; z-index:10; text-align:center; font-family:'Share', sans-serif; font-style:italic; font-weight:400; font-size:22px; line-height:32px; color:#ffffff; } .progression-ratency-slider-review-total:before, .progression-ratency-slider-review-total:after { content: ""; position: absolute; width: 0; border-left: 26px solid transparent; border-right: 26px solid transparent; left:0px; } .progression-ratency-slider-review-total:before { bottom: 100%; border-bottom: 15.01px solid #2b0f4a; } .progression-ratency-slider-review-total:after { top: 100%; width: 0; border-top: 15.01px solid #2b0f4a; } /* Flex Styles */ .progression-studios-post-slider-main .flex-control-nav { bottom: 20px; } .progression-studios-post-slider-main .flex-control-paging li { margin: 0 6px; width:10px; display: inline-block; zoom: 1; *display: inline; } .progression-studios-post-slider-main .flex-control-paging li a { transition:all 300ms; width: 9px; height: 9px; display: block; background: rgba(255, 255, 255, 0.5); cursor: pointer; text-indent: -9999px; -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; outline: none; -moz-outline-style: none; border:none; } .progression-studios-post-slider-main .flex-control-paging li a.flex-active { background: rgba(255, 255, 255, 1); cursor: default; } .progression-studios-post-slider-main .flex-direction-nav a { font-size:35px; margin-top: -23px; width:45px; line-height:46px; height:46px; color:rgba(255,255,255, 0.5); background:none; box-shadow: 1px 1px 5px rgba(0,0,0, 0.02); } .progression-studios-post-slider-main .flex-direction-nav a:hover { background:none; color:#ffffff; } /* On/off FLex */ .progression_elements_slider_arrow_visiblity_hidden .flex-direction-nav a, body .progression_elements_slider_dots_visiblity_hidden .flex-control-paging a { display:none; } .progression_elements_slider_arrow_visiblity_tablet_mobile .flex-direction-nav a, body .progression_elements_slider_dots_visiblity_tablet_mobile .flex-control-paging a { display:none; } .progression_elements_slider_arrow_visiblity_hover .flex-direction-nav a { opacity:0; } .progression_elements_slider_arrow_visiblity_hover:hover .flex-direction-nav a { opacity:1; } .progression_elements_slider_dots_visiblity_hover .flex-control-paging li a { opacity:0; } .progression_elements_slider_dots_visiblity_hover:hover .flex-control-paging li a { opacity:1; } .progression_animate_in .progression-ratency-slider-content-alignment, .progression_animate_in .progression-studios-slider-video-embed, .progression_animate_out .progression-ratency-slider-content-alignment, .progression_animate_out .progression-studios-slider-video-embed, .progression_animate_up .progression-ratency-slider-content-alignment, .progression_animate_up .progression-studios-slider-video-embed, .progression_animate_down .progression-ratency-slider-content-alignment, .progression_animate_down .progression-studios-slider-video-embed, .progression_animate_right .progression-ratency-slider-content-alignment, .progression_animate_right .progression-studios-slider-video-embed, .progression_animate_left .progression-ratency-slider-content-alignment, .progression_animate_left .progression-studios-slider-video-embed { animation-delay: 400ms; animation-duration: 800ms; opacity:0; animation-fill-mode: both; } li.flex-active-slide.progression_animate_in .progression-studios-slider-video-embed, li.flex-active-slide.progression_animate_in .progression-ratency-slider-content-alignment { animation-name: Proelementszoomup; } li.flex-active-slide.progression_animate_out .progression-studios-slider-video-embed, li.flex-active-slide.progression_animate_out .progression-ratency-slider-content-alignment { animation-name: Proelementszoomout; } li.flex-active-slide.progression_animate_up .progression-studios-slider-video-embed, li.flex-active-slide.progression_animate_up .progression-ratency-slider-content-alignment { animation-name: Proelementsfadeup; } li.flex-active-slide.progression_animate_down .progression-studios-slider-video-embed, li.flex-active-slide.progression_animate_down .progression-ratency-slider-content-alignment { animation-name: Proelementsfadedown; } li.flex-active-slide.progression_animate_left .progression-studios-slider-video-embed, li.flex-active-slide.progression_animate_left .progression-ratency-slider-content-alignment { animation-name: Proelementsfadeleft; } li.flex-active-slide.progression_animate_right .progression-studios-slider-video-embed, li.flex-active-slide.progression_animate_right .progression-ratency-slider-content-alignment { animation-name: Proelementsfaderight; } @keyframes Proelementsfadeup { 0% { opacity: 0; transform: translate3d(0, 20%, 0); } 100% { opacity: 1; transform: translate3d(0, 0, 0); } } @keyframes Proelementsfadedown { 0% { opacity: 0; transform: translate3d(0, -20%, 0); } 100% { opacity: 1; transform: translate3d(0, 0, 0); } } @keyframes Proelementsfadeleft { 0% { opacity: 0; transform: translate3d(10%, 0, 0); } 100% { opacity: 1; transform: translate3d(0, 0, 0); } } @keyframes Proelementsfaderight { 0% { opacity: 0; transform: translate3d(-10%, 0, 0); } 100% { opacity: 1; transform: translate3d(0, 0, 0); } } @keyframes Proelementszoomup { 0% { opacity: 0; transform: scale(1.2); } 100% { opacity: 1; transform: scale(1);} } @keyframes Proelementszoomout { 0% { opacity: 0; transform: scale(0.8); } 100% { opacity: 1; transform: scale(1);} } /* Thumbnail Navigation */ .progression-ratency-slider-thumbnail-position { position:absolute; top:0px; right:0px; height:100%; width:30%; } .progression-ratency-slider-thumbnails-display-table { display:table; width:100%; height:100%; overflow:hidden; } .progression-studios-post-slider-thumbnails{ display:table-cell; vertical-align:middle; } .progression-studios-post-slider-thumbnails .flex-direction-nav { display:none; } .progression-studios-post-slider-thumbnails li { cursor:pointer; display:block; opacity:1 !important; float:none !important; } .progression-studios-post-slider-thumbnails li:last-child .progression-ratency-slider-thumb-container { border-bottom:none; } .progression-ratency-slider-thumb-container { padding:24px 8px 24px 0px; border-bottom:1px solid rgba(255,255,255, 0.25); } .progression-ratency-slider-thumb-gradient { position:absolute; top:0px; left:0px; width:100%; height:100%; border-right:4px solid #5c39f2; background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.15) 80%, rgba(0,0,0,0.15) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.15) 80%,rgba(0,0,0,0.15) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.15) 80%,rgba(0,0,0,0.15) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ opacity:0; } li.flex-active-slide .progression-ratency-slider-thumb-gradient { opacity:1; } .progression-ratency-slider-thumb-image { z-index:18; position:relative; width:115px; float:left; margin-right:18px; } .progression-studios-post-slider-thumbnails li .progression-ratency-slider-thumb-image img { border-radius:4px; } .progression-ratency-slider-thumb-review { position:absolute; color:#ffffff; top:5px; right:5px; } .progression-ratency-slider-thumb-caption { position:relative; z-index:20; padding-top:12px; } .progression-ratency-slider-thumb-caption h2 { font-family:'Fira Sans Condensed', sans-serif; font-weight:500; color:#ffffff; font-size:19px; line-height:1.2; margin-bottom:0px; text-shadow:1px 1px 5px rgba(0,0,0, 0.15); } ul.progression-ratency-slider-thumb-meta { list-style:none; margin:0px; padding:0px; } ul.progression-ratency-slider-thumb-meta li { padding:0px; color:rgba(255,255,255, 0.65); font-family:'Fira Sans Condensed', sans-serif; font-weight:400; font-size:14px; float:none; display:inline-block; margin:0px; text-shadow:1px 1px 2px rgba(0,0,0, 0.1); position:relative; } ul.progression-ratency-slider-thumb-meta li:after { display:inline-block; content:'—'; padding:0px 10px; } ul.progression-ratency-slider-thumb-meta li:last-child:after { display:none; } /* Hexagon */ .progression-ratency-slider-thumb-hexagon-border { position: relative; width: 42px; height: 24.25px; background-color: #ffffff; margin:12.12px 0; } .progression-ratency-slider-thumb-hexagon-border:before, .progression-ratency-slider-thumb-hexagon-border:after { content: ""; position: absolute; width: 0; border-left: 21px solid transparent; border-right: 21px solid transparent; left:0px; } .progression-ratency-slider-thumb-hexagon-border:before { bottom: 100%; border-bottom: 12.12px solid #ffffff; } .progression-ratency-slider-thumb-hexagon-border:after { top: 100%; width: 0; border-top: 12.12px solid #ffffff; } .progression-ratency-slider-thumb-review-total { position: relative; width: 38px; height: 21.94px; background-color: #2b0f4a; margin: 10.97px 0; top:1px; left:2px; z-index:10; text-align:center; font-family:'Share', sans-serif; font-style:italic; font-weight:400; font-size:16px; line-height:24px; color:#ffffff; } .progression-ratency-slider-thumb-review-total:before, .progression-ratency-slider-thumb-review-total:after { content: ""; position: absolute; width: 0; border-left: 19px solid transparent; border-right:19px solid transparent; left:0px; } .progression-ratency-slider-thumb-review-total:before { bottom: 100%; border-bottom: 10.97px solid #2b0f4a; } .progression-ratency-slider-thumb-review-total:after { top: 100%; width: 0; border-top: 10.97px solid #2b0f4a; } @media only screen and (max-width: 1100px) { .progression-ratency-slider-thumb-image { width:90px; margin-right:8px; } .progression-ratency-slider-thumb-caption { padding-top:4px; } } /* Animation For Menus & Masonry CSS3 */ @keyframes ProMoveUpPageLoader { from { } to { opacity: 1; margin-top:0px; } } @keyframes ProMoveUpPageLoaderBoxed { from { } to { opacity: 1; margin-top:60px; } } /* =============================================== 27. 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 #progression-studios-header-width header#masthead-pro .width-container-pro, .progression-studios-header-full-width-no-gap #ratency-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 #ratency-progression-header-top .width-container-pro, .progression-studios-header-full-width header#masthead-pro .width-container-pro { width:94%; position:relative; padding:0px; } .progression-studios-header-full-width header#masthead-pro .width-container-pro { width:auto; margin:0 auto; position:relative; padding:0px; } footer#site-footer.progression-studios-footer-full-width .width-container-pro, footer#site-footer .width-container-pro { width:92%; } .progression-studios-header-full-width-no-gap.progression-studios-header-cart-width-adjustment header#masthead-pro .width-container-pro, .progression-studios-header-full-width.progression-studios-header-cart-width-adjustment header#masthead-pro .width-container-pro { width:96%; margin-left:4%; padding-right:0; } 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; } #ratency-progression-header-top.progression_studios_hide_top_left_right .progression-studios-header-right, #ratency-progression-header-top.progression_studios_hide_top_left_bar .progression-studios-header-left, #ratency-progression-header-top.progression_studios_hide_top_left_bar.progression_studios_hide_top_left_right { display: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; } #copyright-text { text-align:center; float:none; } .footer-copyright-align-right #copyright-text, #copyright-text { float:none; width:100%; } footer#site-footer ul.progression-studios-footer-nav-container-class, footer#site-footer.progression_studios_nav_footer_center ul.progression-studios-footer-nav-container-class, footer#site-footer.progression_studios_nav_footer_left ul.progression-studios-footer-nav-container-class { float:none; margin:0 auto; text-align:center; } .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; } .progression-studios-social-icon-address-phone { padding-left:22px; } #progression-studios-header-login-container a.progresion-studios-login-icon { padding-right:12px; } #masthead-pro .search-form input.search-field { width:200px; max-width:90%; } ul.progression-studios-header-social-icons li a { margin:0px 4px 0px 4px; } ul.progression-author-icons li:after { padding:0px 10px; } ul.progression-author-icons li a { font-size:15px; } ul.progression-author-icons span { padding-left:6px; } ul.blog-single-social-sharing li a { font-size:13px; height:40px; line-height:40px; } .progression_elements_slider_arrow_visiblity_tablet_mobile .flex-direction-nav a, body .progression_elements_slider_dots_visiblity_tablet_mobile .flex-control-paging a { display:block; } .progression-ratency-slider-thumbnail-position { display: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 #progression-studios-header-width header#masthead-pro .width-container-pro, .progression-studios-header-full-width-no-gap #ratency-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 #ratency-progression-header-top .width-container-pro, .progression-studios-header-full-width header#masthead-pro .width-container-pro { width:92%; position:relative; padding:0px; } .progression-studios-header-full-width header#masthead-pro .width-container-pro { width:auto; margin:0 auto; position:relative; padding:0px; } footer#site-footer.progression-studios-footer-full-width .width-container-pro, footer#site-footer .width-container-pro { width:88%; } .progression-studios-header-full-width-no-gap.progression-studios-header-cart-width-adjustment header#masthead-pro .width-container-pro, .progression-studios-header-full-width.progression-studios-header-cart-width-adjustment header#masthead-pro .width-container-pro { width:94%; margin-left:6%; padding-right:0; } #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; } #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; } #ratency-progression-header-top.progression_studios_hide_top_left_right .progression-studios-header-right, #ratency-progression-header-top.progression_studios_hide_top_left_bar .progression-studios-header-left, #ratency-progression-header-top.progression_studios_hide_top_left_bar.progression_studios_hide_top_left_right { display:none; } body.admin-bar .progression-sticky-scrolled header#masthead-pro { margin-top:-36px; } .footer-copyright-align-right #copyright-text, #copyright-text { float:none; width:100%; } 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; } footer#site-footer ul.progression-studios-footer-nav-container-class, footer#site-footer.progression_studios_nav_footer_center ul.progression-studios-footer-nav-container-class, footer#site-footer.progression_studios_nav_footer_left ul.progression-studios-footer-nav-container-class { float:none; margin:0 auto; text-align:center; } .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 .progression-studios-header-left .widget, body .progression-studios-header-right .widget { padding-top:8px; padding-bottom:8px; } #copyright-divider-top { margin:0 auto; } /* Blog Comment Styling */ .comment-navigation .nav-previous, .comment-navigation .nav-next { float:none; width:100%; text-align:center; } .comment-body:before { display:none; } .comment-author .avatar { height: 25px; width: 25px; } .comment-body { padding:14px 15px; margin-left:32px; } .comment-list .children > li { margin-left: 12px; } .post-password-form input { max-width:130px; } #woocomerce-tabs-container-progression-studios { position:relative; top:-38px; } #page-title-pro h4 { width:100%; } #page-title-pro h1 { font-size:46px; line-height:1.4; } #page-title-pro h4 { font-size:15px; } #progression-studios-post-page-title h1 { font-size:46px; line-height:1.4; } #progression-studios-post-page-title h4 { font-size:15px; } ul.progression-studios-single-post-meta li { font-size:15px; } body header#masthead-pro h1#logo-pro { float:none ; margin-left:auto; margin-right:auto; text-align:center ; } ul.progression-studios-header-social-icons { text-align:center; float:none; } body #masthead-pro .search-form { padding:0px 0px 22px 0px; } ul.progression-studios-related-list li.progression-studios-related-list-item:nth-child(1), ul.progression-studios-related-list li.progression-studios-related-list-item:nth-child(2), ul.progression-studios-related-list li.progression-studios-related-list-item:nth-child(3) { width:100%; } ul.progression-studios-related-list li.progression-studios-related-list-item .overlay-progression-blog-content, ul.progression-studios-related-list li.progression-studios-related-list-item:nth-child(1) .overlay-progression-blog-content, ul.progression-studios-related-list li.progression-studios-related-list-item:nth-child(2) .overlay-progression-blog-content { min-height:300px; height:300px; margin-bottom:2px; } ul.progression-author-icons li:after { padding:0px 6px; } ul.progression-author-icons li a { font-size:14px; } ul.progression-author-icons span { padding-left:5px; } ul.blog-single-social-sharing li a { height:40px; line-height:40px; } ul.blog-single-social-sharing li a i { font-size:15px; } ul.blog-single-social-sharing span { display:none; } .progression-blog-review-content { padding-left:25px; padding-right:25px; } .progression-blog-review-content .grid2column-progression.lastcolumn-progression { margin-top:30px; } .progression-blog-review-content .grid2column-progression:after { display:none; } .progression_elements_slider_arrow_visiblity_tablet_mobile .flex-direction-nav a, body .progression_elements_slider_dots_visiblity_tablet_mobile .flex-control-paging a { display:block; } .progression-ratency-slider-thumbnail-position { display:none; } .progression-studios-image-float-left, .progression-studios-content-float-right { float:none; width:100%; } .progression-studios-default-blog-left .progression-studios-image-float-left { margin-bottom:20px; } }