/* Theme Name: Aeso Progression Theme URI: https://asesor.progressionstudios.com Author: Progression Studios Author URI: https://progressionstudios.com/ Description: Financial Advisor Theme Version: 1.6 License: GNU General Public License version 3.0 License URI: http://www.gnu.org/licenses/gpl-3.0.html Tags: custom-menu, editor-style, featured-images, full-width-template, theme-options, translation-ready Text Domain: aeso-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 ICONS 06. SEARCH FORM STYLES 07. ELEMENTOR CUSTOM STYLES 08. HEADER TOP STYLES 09. GRID STYLES 10. NAVIGATION STYLES 11. MOBILE NAVIGATION STYLES 12. SIDEBAR STYLES 13. PAGINATION STYLES 14. BLOG INDEX STYLES 15. BLOG POST STYLES 16. CONTACT FORM STYLES 17. BUTTON STYLES 18. FOOTER STYLES 19. RESPONSIVE STYLES */ /* =============================================== 01. CSS RESET FILE =============================================== */ article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}audio,canvas,video{display:inline-block}.bypostauthor,.gallery-caption,.sticky{background:0 0}[hidden],audio:not([controls]){display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}button,html,input,select,textarea{font-family:sans-serif;color:#222}body{margin:0;}a:focus{outline:dotted thin}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}blockquote{margin:1em 40px}dfn{font-style:italic}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}ins{background:#ff9;color:#000;text-decoration:none}mark{background:#ff0;color:#000;font-style:italic;font-weight:700}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:after,q:before{content:"";content:none}small{font-size:85%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}ol,ul{margin:1em 0;padding:0 0 0 40px}dd{margin:0 0 0 40px}nav ol,nav ul{list-style:none;margin:0;padding:0}img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle}svg:not(:root){overflow:hidden}figure,form{margin:0}fieldset{border:0;margin:0;padding:0}label{cursor:pointer}legend{border:0;padding:0;white-space:normal}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline}button,input{line-height:normal}button,input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}button[disabled],input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top;resize:vertical}input:invalid,textarea:invalid{background-color:#f0dddd}table{border-collapse:collapse;border-spacing:0}td{vertical-align:top}.chromeframe{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}.ir{display:block;border:0;text-indent:-999em;overflow:hidden;background-color:transparent;background-repeat:no-repeat;text-align:left;direction:ltr}.ir br{display:none}.hidden{display:none!important;visibility:hidden}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.invisible{visibility:hidden}.wp-caption,.wp-caption-text{font-size:11px; font-weight:400; line-height:1.2; color:#282828; }.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} /* Custom Icon Font: Cart, Shopping Bag, Search */ @font-face { font-family: 'progression-custom-icons'; src: url('inc/fonts/custom-icons/font/progression-custom-icons.eot?46688846'); src: url('inc/fonts/custom-icons/font/progression-custom-icons.eot?46688846#iefix') format('embedded-opentype'), url('inc/fonts/custom-icons/font/progression-custom-icons.woff2?46688846') format('woff2'), url('inc/fonts/custom-icons/font/progression-custom-icons.woff?46688846') format('woff'), url('inc/fonts/custom-icons/font/progression-custom-icons.ttf?46688846') format('truetype'), url('inc/fonts/custom-icons/font/progression-custom-icons.svg?46688846#progression-custom-icons') format('svg'); font-weight: normal; font-style: normal; } [class^="progression-icon-"]:before, [class*=" progression-icon-"]:before { font-family: "progression-custom-icons"; display: inline-block; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .progression-icon-shopping-cart:before { content: '\e800'; } .progression-icon-close:before { content: '\e801'; } .progression-icon-shopping-bag:before { content: '\e802'; } .progression-icon-search:before { content: '\e803'; } /* =============================================== 02. PRIMARY STYLES =============================================== */ /* -------------------- A. DEFAULT STYLES -------------------- */ body { background:#f8f8f8; } a { color:#4145ee; } a:hover { color:#292ca7; } img { max-width:100%; height: auto; } body iframe { border:none; } body a img, body a { outline:none; text-decoration:none; } p { padding-top:0px; margin:0px; } p, ul, ol { margin-bottom: 28px; } ul, ol { margin-left:8px; padding-left:16px; } img { max-width: 100%; height: auto; } video, audio { max-width:100%; } .alignright { float:right; margin:0 0 15px 25px; } .alignleft { float:left; margin:0px 25px 15px 0px; } .aligncenter { text-align:center; } .aligncenter.wp-caption { margin-left:auto; margin-right:auto; } body hr { background:#e7e8eb; height:2px; border:none; margin:35px 0px 40px 0px; width:100%; overflow:hidden; } blockquote { border-left:4px solid #aaaaaa; margin-left:0px; padding-left:30px; line-height:1.8; font-size:105%; } 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; font-weight:700; font-size:21px; } body.single-post table tbody tr th { background:none; font-weight:500; } table thead 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; color:#444444; } 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.5; font-size:22px; color:#484859; font-weight:500; font-family: 'Darker Grotesque', sans-serif; } @media only screen and (max-width: 1025px) { body, body input, body textarea, select { font-size:20px; } } h1, h2, h3, h4, h5, h6 { -ms-word-wrap: break-word; word-wrap: break-word; padding:0px; color:#0f0f25; margin:0px 0px 15px 0px; line-height:1.4; font-weight:400; font-family: 'DM Serif Display', serif; } h1 { font-size:42px; line-height:1.2; } h2 { font-size:36px; } h3 { font-size:32px; } h4{ font-size:28px; } h5 { font-size:25px; } h6 { font-size:20px; } /* -------------------- C. CSS3 TRANSITIONS -------------------- */ #pro-scroll-top { transition-duration: 250ms; transition-property: color, background-color, height; transition-timing-function: ease-in-out; } body .wpd-av button, .elementor-social-icon i, .elementor-icon-list-item .elementor-icon-list-icon i, .elementor-icon-list-item .elementor-icon-list-text, .boosted-slider-arrow-down, h2.progression-aeso-progression-slider-title, h2.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-studios-index-gradient, #error-page-index, #progression-studios-next-previous-post a:before, .progression-studios-default-portfolio, .progression-studios-default-blog-index { transition-duration: 350ms; transition-property: all; transition-timing-function: ease-in-out; } .progression-studios-shop-overlay-buttons, a.progression-studios-overlay-blog-index:before, a#progression-studios-next-post i, a#progression-studios-previous-post i, ul.progression-studios-header-social-icons li a, #progression-shopping-cart-toggle a .shopping-cart-header-icon, #progression-studios-header-search-icon .progression-icon-search, #boxed-layout-pro input#submit, #boxed-layout-pro button.button, ul.progression-filter-button-group li:after, ul.progression-filter-button-group li, footer#site-footer a, .tp-thumbs.custom .tp-thumb, #progression-shopping-cart-count span.progression-cart-count, .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; } .progression-studios-transparent-header #progression-sticky-header { 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; } /* =============================================== 03. MAIN CONTAINERS =============================================== */ /* -------------------- A. MAIN CONTAINER STYLES -------------------- */ body.elementor-page.single-product #content-pro .width-container-pro, .width-container-pro { width:1200px; margin: 0 auto; position:relative; padding:0px; } body.elementor-page #content-pro .width-container-pro { width:100%; } body.elementor-page.page .progression-studios-page-sidebar-on #content-pro .width-container-pro { width:1200px; margin: 0 auto; } .progression-studios-header-full-width-no-gap #aeso-progression-header-top .width-container-pro, footer#site-footer.progression-studios-footer-full-width .width-container-pro, .progression-studios-header-full-width #aeso-progression-header-top .width-container-pro, .progression-studios-page-title-full-width #page-title-pro .width-container-pro { width:auto; padding-right:0px; padding-left:40px; } .progression-studios-header-full-width header#masthead-pro .width-container-pro { width:auto; margin:0px auto; padding:0px; } @media only screen and (min-width: 1025px) { .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; } #main-container-pro { float:left; width:70%; position:relative; } .search .no-active-sidebar-progression-studios #main-container-pro, .archive .no-active-sidebar-progression-studios #main-container-pro, .single-post .no-active-sidebar-progression-studios #main-container-pro, .blog .progression-studios-sidebar-hide-no-content-blog #main-container-pro, .blog .no-active-sidebar-progression-studios #main-container-pro { float:none; width:100%; margin-left:auto; margin-right:auto; } .single-post .progression-studios-sidebar-hide-no-content-blog .progression-blog-single { padding-right:0px; } .search .no-active-sidebar-progression-studios .sidebar, .archive .no-active-sidebar-progression-studios .sidebar, .single-post .progression-studios-sidebar-hide-no-content-blog .sidebar, .blog .progression-studios-sidebar-hide-no-content-blog .sidebar, .blog .no-active-sidebar-progression-studios .sidebar { display:none; } .sidebar { float:right; width:27%; } .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-overlay-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 { box-shadow: none; -webkit-font-smoothing:antialiased; background:none; } .progression-studios-header-full-width #progression-studios-header-width header#masthead-pro .width-container-pro { width:auto; padding-right:40px; padding-left:40px ; } 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, .progression-studios-transparent-header .progression-studios-overlay-header header#masthead-pro, header#masthead-pro { z-index:50; position:relative; width:100%; } .progression-sticky-scrolled header#masthead-pro { border:none; } .progression-studios-transparent-header.progression-studios-header-shadow #progression-sticky-header { box-shadow: 0px 0px 10px rgba(0,0,0, 0); } .progression-studios-header-shadow header#masthead-pro { box-shadow: 0px 0px 10px rgba(0,0,0, 0.08); } header#masthead-pro #logo-pro { z-index:55; margin:0px; padding:0px; line-height:1; font-size:5px; border:none; float:left; position:relative; } .progression-studios-logo-position-right header#masthead-pro #logo-pro, .progression-studios-logo-position-right #logo-pro { float:right; margin-left:25px; margin-right:0px; } body .progression-studios-logo-position-center header#masthead-pro #logo-pro, body .progression-studios-logo-position-center #logo-pro { float:none ; margin:0 auto ; text-align:center ; } body .progression-studios-logo-position-center #logo-pro img { margin:0 auto ; } header#masthead-pro #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 .progresion-studios-still-hide-onsticky, .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 #logo-pro { margin-right:30px; } header#masthead-pro.progression-studios-nav-center #progression-nav-container { width:1015px; margin:0 auto; float:none; } @media only screen and (min-width: 1025px) and (max-width: 1300px) { header#masthead-pro.progression-studios-nav-center #progression-nav-container { width:auto; } } @media only screen and (max-width: 1025px) { 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 .shopping-cart-header-icon, #progression-shopping-cart-count .shopping-cart-header-icon { padding-left:8px; padding-right:8px; } #progression-shopping-cart-count .shopping-cart-header-icon, #progression-studios-header-search-icon .progression-icon-search:before { -webkit-text-stroke: 0.5px; -moz-text-stroke: 0.5px; text-stroke: 0.5px; position:relative; top:-1px; } #progression-shopping-cart-count .shopping-cart-header-icon { top:-2px; } #progression-studios-header-search-icon.active-search-icon-pro .progression-icon-search:before { content: '\e801'; } #progression-studios-header-search-icon { float:right; position:relative; z-index:15; } #progression-shopping-cart-count { float:right; padding-right:10px; position:relative; } #progression-studios-header-search-icon .progression-icon-search { cursor:pointer; padding-left:25px; padding-right:0px; } #progression-shopping-cart-count a.progression-count-icon-nav { display:block; position:relative; margin-left:15px; } #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:700; width:14px; height:14px; line-height:14px; font-size:8px; letter-spacing:0px; } body #progression-studios-header-search-icon.active-search-icon-pro #panel-search-progression { z-index:5; } body #panel-search-progression { position:absolute; right:-8px; padding:0px 25px 30px 25px; } body #progression-checkout-basket:after, body #panel-search-progression:after { top:-8px; right:10px; content:""; display:block; position:absolute; height:0px; width:0px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid red; } body #progression-checkout-basket:after { right:20px; } #panel-search-progression .search-form { margin-bottom:5px; } #panel-search-progression .search-form input.search-field { padding:15px 45px 13px 18px; width:220px; font-size:14px; box-shadow:none; border-color:#343434; color:#ffffff; border-width:1px; border-radius:0px; background-color:#343434; background-position:right 11px; background-image:url(images/search-magnify-light.png); background-repeat:no-repeat; } body #panel-search-progression .search-form input.search-field { color:#ffffff; } #panel-search-progression .search-form input.search-field:focus { outline:none; } @media screen and (-webkit-min-device-pixel-ratio: 1.5) { #panel-search-progression .search-form input.search-field {background-image: url(images/search-magnify-light@2x.png); background-size:40px 30px;} } #panel-search-progression .search-form input.search-submit { display:none; } /* Call to Action CSS Button */ ul.progression-studios-call-to-action { list-style:none; margin:0px; padding:0px; float:right; position:relative; z-index:5; } ul.progression-studios-call-to-action li { margin:0px; padding:0px; display:inline; } ul.progression-studios-call-to-action li a { display:block; float:right; font-weight:700; color:#ffffff; letter-spacing:0.01em; padding:13px 20px 15px 20px; font-size:16px; border-radius:4px; background: rgba(255,255,255, 0); border:2px solid #04c2de; line-height:1; margin-top:27px; } ul.progression-studios-call-to-action li a:hover { color:#ffffff; background: #04c2de; } ul.progression-studios-call-to-action li a i { font-size:17px; position:relative; margin-right:10px; position:relative; top:2px; } #main-nav-mobile ul.progression-studios-call-to-action { float:none; text-align:center; margin:0px auto 25px auto; } #main-nav-mobile ul.progression-studios-call-to-action li a { float:none; display:inline-block; } /* No results Page */ .no-results-pro { padding-top:20px; } .no-results-pro p { margin-bottom:30px; } /* 404 Page */ #error-page-index { margin:30px auto 35px auto; text-align:center; font-size:18px; max-width:700px; letter-spacing:0.01em; border-radius:10px; padding:70px 25px 70px 25px; background:#ffffff; box-shadow: 0px 0px 60px rgba(0,0,0, 0.1); border:1px solid #e7e7e7; } #error-page-index h4.error-sub-title { font-size:30px; } body #error-page-index a.button { padding:18px 30px; } #error-page-index a.button i { margin-right:4px; } /* =============================================== 04. PAGE TITLE STYLES =============================================== */ #page-title-pro { background:#f5f5f5; position:relative; display: table; width: 100%; } #page-title-overlay-image { position:absolute; top:0px; left:0px; content:""; display:block; width:100%; height:100%; } #page-title-pro:before { position:absolute; top:0px; left:0px; content:""; display:block; width:100%; height:100%; z-index:2; } #progression-studios-page-title-container { display: table-cell; vertical-align: middle; text-align:center; } #page-title-pro h1 { word-break: break-word; -ms-word-wrap: break-word; word-wrap: break-word; padding:0px 0px; line-height:1; width:100%; display:inline-block; margin:0 auto 0px auto; color:#ffffff; font-size:74px; position:relative; z-index:5; } #page-title-pro h4 { margin:0 auto 0px auto; margin-bottom:20px; font-size:22px; position:relative; z-index:5; letter-spacing:0.02em; color:rgba(255,2552,255, 0.65); line-height:1.5; font-weight:700; font-family: 'Darker Grotesque', sans-serif; font-style:normal; } #page-title-pro h4 p { margin-bottom:0px; } #page-title-pro h4 a, #page-title-pro h4 a:hover { color:rgba(109,100,131, 0.8); } /* =============================================== 05. HEADER ICONS =============================================== */ .progression-studios-header-left ul.progression-studios-header-social-icons { float:left; margin-left:20px; } .progression-studios-header-right ul.progression-studios-header-social-icons { margin-left:20px; } 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; } .progression-studios-logo-container ul.progression-studios-header-social-icons { margin-left:16px; } ul.progression-studios-header-social-icons li a { display:inline-block; text-align:center; margin:0px 4px 0px 4px; border-radius:60px; width:27px; height:27px; line-height:27px; font-size:14px; border:2px solid rgba(0,0,0, 0); } @media only screen and (max-width: 1200px) { ul.progression-studios-header-social-icons li a { margin-left:3px; margin-right:3px; } } ul.progression-studios-header-social-icons li:last-child a { margin-right:0px; } #progression-header-icons-inline-display ul.progression-studios-header-social-icons { margin-left:12px; } @media only screen and (max-width: 1050px) { #progression-header-icons-inline-display ul.progression-studios-header-social-icons { margin-left:8px; } } #masthead-pro .search-form { line-height:1; padding:28px 0px 0px 0px; margin:0px auto; } /* =============================================== 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; } .elementor-section-stretched .search-form { max-width:600px; } .search-form { max-width:400px; margin-bottom:30px; } .search-form input.search-field { background:#ffffff; border:none; border-bottom:2px solid #dddddd; margin:0px; color:#444444; width: calc(100% - 70px); padding:13px 50px 13px 20px; font-size:17px; background-image:url(images/search-magnify.png); background-position:right 11px; background-repeat:no-repeat; border-radius:60px; box-shadow: 0px 0px 25px rgba(0,0,0, 0); } .search-form button, .search-form input.search-submit { display:none; } @media screen and (-webkit-min-device-pixel-ratio: 1.5) { .search-form input.search-field {background-image: url(images/search-magnify@2x.png); background-size:40px 30px;} } /* =============================================== 07. ELEMENTOR CUSTOM STYLES =============================================== */ /* Remove Header/Footer from Elementor Canvas */ body.single-elementor_library .bpm-progression-sidebar-container, body.single-elementor_library #progression-studios-header-position, body.single-elementor_library footer#site-footer { display:none !important; } body.elementor-editor-active .elementor-edit-mode:hover { z-index:250; } /* FireFox Fixes for horizontal sidebar */ .content-overflow-hidden, #slider-overflow { overflow:hidden; } body{ overflow-x:hidden; } .text-outline { -webkit-text-stroke: 1px #ffffff; text-stroke: 1px #ffffff; color:rgba(255,255,255, 0); } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .text-outline { color:rgba(255,255,255, 0.5); } } ul.elementor-icon-list-items li a { transition-duration: 0ms; } .boosted-elements-team-description { border-top:2px solid #6e44c4; padding-top:2px; } /* =============================================== 08. HEADER TOP STYLES =============================================== */ .progression-studios-header-left, .progression-studios-header-right { float:left; width:75%; min-height:1px; } .progression-studios-header-left p, .progression-studios-header-right p { margin:0px; } .progression-studios-header-right { width:25%; 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:45px; } @media only screen and (max-width: 1250px) { .progression-studios-header-left .widget { padding-right:30px; } } .progression-studios-header-left .widget, .progression-studios-header-right .widget { padding-top:12px; padding-bottom:12px; } #aeso-progression-header-top .textwidget { display:inline-block; position:relative; } #aeso-progression-header-top span.widget-title { display:inline-block; margin-right:7px; font-weight:600; } #aeso-progression-header-top { color:#2e2e2e; font-size:14px; line-height:1; position:relative; z-index:55; font-weight:700; font-family: 'Darker Grotesque', sans-serif; } #aeso-progression-header-top span.progression-mini-banner-icon { display:none; } #aeso-progression-header-top .widget i { font-size:110%; position:relative; margin-bottom:-5px; margin-right:7px; position:relative; top:1px; } #aeso-progression-header-top .sf-menu i { font-size:110%; position:relative; top:0px; margin-bottom:-5px; margin-right:7px; } #aeso-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; } #aeso-progression-header-top #progression-header-top-right-container .sf-menu { margin-right:10px; } #aeso-progression-header-top .sf-menu li li a:hover .progression-studios-menu-title { padding-left:0px; margin-right:0px; } #aeso-progression-header-top .sf-menu li li a:hover .progression-studios-menu-title:before { opacity:0; } #aeso-progression-header-top .sf-menu a { text-align:left; color:#2e2e2e; padding-left:16px; padding-right:16px; background:none; margin-top:0px; border:none; } #aeso-progression-header-top .sf-arrows .sf-with-ul { padding-right: 35px; } #aeso-progression-header-top .sf-arrows .sf-with-ul:after { right: 29px; } #aeso-progression-header-top .sf-menu li li a { text-decoration:none; margin:0px; padding:13px 0px; font-size:11px; } #aeso-progression-header-top .sf-menu ul:after { display:none; } #aeso-progression-header-top .sf-menu ul { border-top:none; padding:10px 28px; border-radius:0px; } #aeso-progression-header-top .sf-mega { z-index:60; display:none; left:0px; position:absolute; box-sizing: border-box ; width:100%; padding:0px; margin:0px; } #aeso-progression-header-top .sf-mega { width:1200px; left:50%; margin-left:-600px; } #aeso-progression-header-top .sf-menu .sf-mega { padding-top:0px; padding-bottom:0px; } #aeso-progression-header-top .sf-menu .sf-mega ul { padding-top:0px; padding-bottom:0px; } #aeso-progression-header-top .sf-menu .sf-mega ul { border-top:none; margin-top:0px; } #aeso-progression-header-top .sf-mega li li a { padding-right:25px; }/* Mega Padding-right fix to allow more space */ #aeso-progression-header-top .sf-mega li li:last-child a { padding-bottom:18px; } #aeso-progression-header-top .sf-mega ul { background:none; margin:0; border:none; } /* =============================================== 09. GRID STYLES =============================================== */ /* Masonry animations */ .progression-studios-isotope-animation { opacity:0; transition: opacity 500ms; } .progression-masonry-item.opacity-progression .progression-studios-isotope-animation { opacity:1; } .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: 1150px) { .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.progression-masonry-col-1, .progression-masonry-item.progression-masonry-col-2, .progression-masonry-item.progression-masonry-col-3, .progression-masonry-item.progression-masonry-col-4, .progression-masonry-item.progression-masonry-col-5, .progression-masonry-item.progression-masonry-col-6 { width:100%; } } .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%; } /* 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:15px auto 10px auto; display:inline-block; line-height:1; border:none; text-align:center; border-radius:3px; width:auto; padding:18px 30px; font-weight:700; background:rgba(0,0,0, 0.06); color:rgba(0,0,0, 0.65); font-size:14px; } .infinite-nav-pro a:hover { color:#ffffff; border-color:#ffffff; } .infinite-nav-pro a span i { font-size:90%; position:relative; top:0px; padding-left:6px; } #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; } div#no-more-posts { display:none; } /* Post Filtering */ ul.progression-filter-button-group { list-style:none; margin:0px 0px 30px 0px; padding:0px; } ul.progression-filter-button-group li { position:relative; display:inline-block; margin:0px; padding:0px; color:#6d6483; font-weight:700; font-size:16px; line-height:1; padding:10px 0px; margin-right:50px; } ul.progression-filter-button-group li:after { content:''; display:block; background:rgba(255,255,255, 0); position:absolute; bottom:0px; border-radius:30px; width:100%; height:2px; z-index:10; } ul.progression-filter-button-group.progression-centered-filte-filter-pro li { margin-left:25px; margin-right:25px; } ul.progression-filter-button-group li:hover, ul.progression-filter-button-group li.pro-checked { cursor:pointer; color:#6d6483; } ul.progression-filter-button-group li:hover:after, ul.progression-filter-button-group li.pro-checked:after { background:#20d999; } /* =============================================== 10. NAVIGATION STYLES =============================================== */ /*** ESSENTIAL STYLES ***/ .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; } .sf-menu li.normal-item-pro, .sf-menu li.normal-item-pro li { position: relative; } .sf-menu li.normal-item-pro ul { position: absolute; display: none; top: 100%; left: 0; z-index: 99; } .sf-menu li.normal-item-pro ul ul { top:0; left:100%; } .sf-menu > li { float: left; } .sf-menu li:hover > ul, .sf-menu li.sfHover > ul { display: block; } .sf-menu a { display: block; position: relative; } .sf-menu ul ul { top: 0; left: 100%; } .sf-menu ul.too_narrow_fix { left: auto !important; right:100% !important; margin-right:32px; } /* 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:8.5em}.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; } #aeso-progression-header-top .progression-studios-header-right h2.mega-menu-heading { text-align:left; } nav#site-navigation { font-weight:700; font-family: 'Darker Grotesque', sans-serif; letter-spacing: 0px; } .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; } .sf-menu a { line-height:1; color:#292935; font-size:18px; padding:27px 15px; } .sf-menu li:last-child a { border-width:1px; } .sf-menu ul li:last-child a { border-right:none; } .sf-menu ul a { border-left:none; } .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 .progression-icon-search, #progression-studios-header-search-icon.active-search-icon-pro .progression-icon-search, .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); } #aeso-progression-header-top .sf-menu a:before { display:none; } .sf-menu a:before { z-index:-1; 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 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; } /* removes arrow up on mega menu */ header .sf-mega ul:after { display:none !important; } /* 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:700; font-family: 'Darker Grotesque', sans-serif; } ul#progression-studios-panel-login, #progression-checkout-basket, #panel-search-progression, .sf-menu ul { font-weight:700; font-family: 'Darker Grotesque', sans-serif; box-shadow: 2px 2px 15px rgba(0,0,0, 0.15); -webkit-font-smoothing:subpixel-antialiased; } .sf-menu ul:after { top:-8px; left:10px; content:""; display:block; position:absolute; height:0px; width:0px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid red; } .sf-menu ul.sf-mega:before { left:50px; margin-top:0px; } .sf-menu ul ul:after, .sf-menu ul.sf-mega:after { display:none; } .sf-menu ul:before { border-bottom:8px solid #cc5b44; } .sf-menu ul ul:before { display:none; } .sf-menu .sf-mega { padding-bottom:20px; 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 32px 20px 32px; } .sf-menu ul ul { margin-left:32px; } .sf-menu li li a { font-size:11px; padding:13px 0px 13px 0px; border-bottom:1px solid rgba(255,255,255, 0.08); } .sf-menu li li a:hover .progression-studios-menu-title { padding-left:11px; margin-right:-11px; } .sf-menu li li a:hover .progression-studios-menu-title:before { opacity:1; } .progression-studios-menu-title { position:relative; transition-duration: 240ms; transition-property: padding, margin; transition-timing-function: ease-out; } .sf-menu li li .progression-studios-menu-title:before { content:''; display:block; background:#20d999; height:5px; width:5px; border-radius:12px; margin-top:-2px; top:50%; position:absolute; left:0px; transition: opacity 240ms ease-out; opacity:0; } .progression-studios-sub-menu-hover-off .sf-menu li li a:hover .progression-studios-menu-title { padding-left:0px; margin-right:0px; } .progression-studios-sub-menu-hover-off .sf-menu li li a:hover .progression-studios-menu-title:before { opacity:0; } .progression-sticky-scrolled .sf-menu li li a { padding-top:13px; padding-bottom:13px; } .sf-menu .deep-level li:last-child a { padding-bottom:20px; } .sf-menu li li:last-child li:last-child li:last-child li:last-child a, .sf-menu li li:last-child li:last-child li:last-child a, .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-bottom:none; } .sf-menu li li:last-child li:last-child li:last-child li a, .sf-menu li li:last-child li:last-child li a, .sf-menu li li:last-child li li li a, .sf-menu li li:last-child li li a, .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 { position:relative; font-size:21px; font-weight:400; font-family: 'DM Serif Display', serif; color:#ffffff; border-right:none; border-bottom:1px solid transparent; padding:40px 0px 18px 0px; margin:0px 30px 0px 30px; line-height:1; -webkit-text-stroke: 0px; letter-spacing:0px; -webkit-font-smoothing:subpixel-antialiased; } body header .progression-sticky-scrolled .sf-menu .sf-mega h2.mega-menu-heading a, body header .progression-sticky-scrolled .sf-menu .sf-mega h2.mega-menu-heading a:hover { color:#181b25; } body header .sf-menu .sf-mega h2.mega-menu-heading a, body header .sf-menu .sf-mega h2.mega-menu-heading a:hover { color:#ffffff; } body header .sf-mega h2.mega-menu-heading a { background:none !important; color:#ffffff; letter-spacing: 0px; font-size:21px; 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: "Font Awesome 5 Free"; font-weight: 900; border:none; content:"\f107"; font-size:12px; top: 50%; right: 24px; margin-top:-3px; } .sf-arrows ul .sf-with-ul:after { font:normal normal normal 10px/1 "Font Awesome 5 Free"; font-weight:900; content:"\f105"; margin-top:-5px; right:15px; } /* Dark and Light Navigation */ @media only screen and (min-width: 1024px) { .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 .shopping-cart-header-icon:hover, .progression_studios_force_light_navigation_color .activated-class #progression-shopping-cart-count a.progression-count-icon-nav .shopping-cart-header-icon, .progression_studios_force_light_navigation_color #progression-shopping-cart-count a.progression-count-icon-nav .shopping-cart-header-icon, .progression_studios_force_light_navigation_color #progression-shopping-cart-toggle.activated-class a .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 .progression-icon-search, .progression_studios_force_light_navigation_color #progression-studios-header-search-icon:hover .progression-icon-search, .progression_studios_force_light_navigation_color #progression-studios-header-search-icon.active-search-icon-pro .progression-icon-search, .progression_studios_force_light_navigation_color #progression-header-icons-inline-display ul.progression-studios-header-social-icons li 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-header-icons-inline-display ul.progression-studios-header-social-icons li 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 .shopping-cart-header-icon:hover, .progression_studios_force_dark_navigation_color .activated-class #progression-shopping-cart-count a.progression-count-icon-nav .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 .progression-icon-search, .progression_studios_force_dark_navigation_color #progression-shopping-cart-count a.progression-count-icon-nav .shopping-cart-header-icon, .progression_studios_force_dark_navigation_color #progression-studios-header-search-icon:hover .progression-icon-search, .progression_studios_force_dark_navigation_color #progression-studios-header-search-icon.active-search-icon-pro .progression-icon-search, .progression_studios_force_dark_navigation_color #progression-shopping-cart-toggle.activated-class a .shopping-cart-header-icon, .progression_studios_force_dark_navigation_color #progression-header-icons-inline-display ul.progression-studios-header-social-icons li 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-header-icons-inline-display ul.progression-studios-header-social-icons li a { color:#000000; } } /* =============================================== 11. MOBILE NAVIGATION STYLES =============================================== */ span.progression-mobile-menu-text { padding-left:6px; position:relative; top:-2px; font-weight:700; } .mobile-menu-icon-pro i { min-width:22px; } .mobile-menu-icon-pro { cursor:pointer; line-height:1; display:none; float:right; margin-right:0px; text-align:right; padding-right:0px; } .active-mobile-icon-pro .mobile-menu-icon-pro .fa-bars:before { content:"\f00d"; } .menu-collapser { display:none !important; } #main-nav-mobile { line-height:1.6; background:#f9f9f9; display:none; position:relative; width:100%; z-index:20; box-shadow: 0px 2px 6px rgba(0,0,0, 0.08); } @media only screen and (min-width: 1025px){ #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: 1024px) { .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(0,0,0, 0.1); } ul.mobile-menu-pro > li:first-child { border-left: 0 } ul.mobile-menu-pro > li:last-child { margin-right: 0 } ul.mobile-menu-pro li a, ul.mobile-menu-pro .sf-mega h2.mega-menu-heading { display: block; color:#444444; font-size:17px; padding:16px 3%; margin:0px; border:none; } ul.mobile-menu-pro li li a { font-weight:700; } 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:59px; line-height:59px; margin:0px ; padding-top:0px ; padding-bottom: 0px ; font-size:16px; font-weight:400; 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 { 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:59px; } ul.mobile-menu-pro.collapsed li .sub-collapser:before { position:absolute; top:0px; left:0px; font-family: "Font Awesome 5 Free"; font-weight: 900; border:none; content:"\f107"; text-align:center; line-height:59px; width:50px; color:rgba(255,255,255, 0.28); 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.04); box-sizing: border-box; } ul.mobile-menu-pro.collapsed li > ul { display: none; position: static; } /* Mega Menu Sections */ ul.mobile-menu-pro .sf-mega { background:rgba(0,0,0, 0.04); margin:0px; border:none; padding:0px; } ul.mobile-menu-pro .sf-mega .sf-mega-section { width:100%; float:none; 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.09); } /* Social Icons */ #progression-header-icons-inline-mobile-display { border-bottom: 1px solid rgba(255,255,255, 0.04); } #progression-header-icons-inline-mobile-display ul.progression-studios-header-social-icons { text-align:center; float:none; margin:0 auto 0px auto; } #progression-header-icons-inline-mobile-display ul.progression-studios-header-social-icons li { } #progression-header-icons-inline-mobile-display ul.progression-studios-header-social-icons li a { margin-top:25px; margin-bottom:25px; } /* =============================================== 12. SIDEBAR STYLES =============================================== */ .sidebar { font-size:18px; line-height:1.4; } .sidebar-item { background:#f4f4f4; padding:40px 40px 25px 40px; margin-bottom:30px; border-radius:6px; } .sidebar-item .search-form { margin-bottom:25px; } .sidebar-divider-pro { width:100%; overflow:hidden; } .sidebar a { color:#666666; } .sidebar ul li.current-cat, .sidebar ul li.current-cat a, .sidebar a:hover { color:#6e44c4; } .tagcloud { margin-bottom:15px; } .sidebar h4.widget-title { font-size:24px; margin-bottom:20px; } .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: "\f30b"; font-weight:900; font-family: "Font Awesome 5 Free"; top:5px; } .sidebar .widget_recent_entries ul li:before { font-size:90%; content: "\f15c"; font-weight:900; font-family: "Font Awesome 5 Free"; top:1px; opacity:1; } .sidebar .widget_recent_comments ul li:before { font-size:90%; content: "\f086"; font-weight:900; font-family: "Font Awesome 5 Free"; top:1px; opacity:1; } .sidebar ul { list-style:none; margin:0px 0px 20px 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; } .sidebar ul ul li:last-child { border:none; margin-bottom:0px; padding-bottom:0px; } .sidebar ul li { position:relative; line-height:1.4; margin:0px 0px 12px 0px; padding:0px 0px 12px 22px; border-bottom:1px solid #000; } .sidebar .widget_recent_comments ul li { padding-left:26px; } body .sidebar ul ul { margin-left:-15px; } body .sidebar ul ul ul ul { margin-left:-20px; } /* RSS */ .widget_rss ul li:before { display:none; } .widget_rss ul a.rsswidget { display:block; margin-bottom:4px; font-weight:700; font-size:110%; line-height:1.3; } .widget_rss ul span.rss-date { display:block; font-size:90%; margin-bottom:5px; } .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; font-weight:700; } .widget table#wp-calendar thead th { font-weight:700; } .widget table#wp-calendar tr th, .widget table#wp-calendar tr td { padding:6px; text-align:center; } /* PRO Personal Details Widget Styling */ .sidebar .social-icons-widget-pro { text-align:center; } .sidebar .social-icons-widget-pro .bpm-sidebar-avatar { margin:0px 0px 5px 0px; } .sidebar .social-icons-widget-pro h2 { margin-bottom:0px; } .sidebar .social-icons-widget-pro h4 { font-weight:700; color:#aaa; font-size:16px; } /* Sidebar Search Form */ .sidebar-item.widget_search .search-form input.search-field { background-color:#ffffff; } /* =============================================== 13. PAGINATION STYLES =============================================== */ .post-views.entry-meta { display:none; } /* Pagination */ #content-pro ul.page-numbers { list-style:none; margin:15px 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:18px; font-weight:700; } .progression-page-nav span, .progression-page-nav a { display:inline-block; text-align:center; margin:0px 2px 5px 2px; font-size:16px; padding:14px 21px 15px 21px; line-height:1; background:rgba(0,0,0, 0.07); color:rgba(0,0,0, 0.9); border-radius:6px; font-weight:700; } .progression-single-width-container .progression-page-nav a { border:none; } .progression-page-nav a span { padding:0px; background:none; min-width:none; margin:0px; border:none; color:rgba(0,0,0, 0.65); box-shadow:none; } body .progression-page-nav span.current { background:none; padding:0px; line-height:1; } #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; font-size:16px; padding:14px 21px 15px 21px; line-height:1; border:1px solid #ffffff; background:rgba(0,0,0, 0); color:rgba(0,0,0, 0.9); border-radius:6px; font-weight:700; } .progression-page-nav a:hover, .progression-page-nav span.current, #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; } /* =============================================== 14. BLOG INDEX STYLES =============================================== */ .progression-studios-sticky-post { position:absolute; top:0px; right:20px; font-size:11px; font-weight:600; letter-spacing:0.04em; padding:9px 14px; line-height:1; background:#333333; color:#ffffff; } .progression-studios-default-blog-index { margin-bottom:50px; position:relative; } .progression-blog-content { border:1px solid #000; padding:50px 50px 35px 50px; overflow:hidden; box-shadow: 0px 0px 20px rgba(0,0,0, 0.06); border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } h2.progression-blog-title { font-size:36px; line-height:1.3; margin-bottom:16px; } .blog-meta-category-list { margin:0px 0px 24px 0px; font-size:15px; line-height:1.4; font-weight:700; letter-spacing:0.03em; } .blog-meta-category-list a { display:inline-block; border-radius:5px; background:#6e44c4; color:#ffffff; line-height:1; padding:6px 14px 7px 14px; margin:0px 7px 5px 0px; } .blog-meta-category-list a:hover { color:#ffffff; background:#0e1017; } ul.progression-post-meta { list-style:none; margin:5px 0px 15px 0px; padding:0px 0px 0px 0px; } ul.progression-post-meta li { display:inline; margin:0px 0px 5px 0px; font-size:17px; line-height:1.4; font-weight:600; letter-spacing:0.03em; color:#99999e; } ul.progression-post-meta li:after { content:' ·'; font-size:20px; position:relative; top:2px; display:inline-block; position:relative; padding:0px 12px; } ul.progression-post-meta li:last-child:after { display:none; } ul.progression-post-meta li a { color:#0f0f25; font-weight:700; } /* Author */ .blog-meta-author-display { font-size:17px; font-weight:700; } .blog-meta-author-display img { width:30px; margin-right:8px; position:relative; top:-1px; border-radius:60px; } .progression-blog-content a.more-link { display:inline-block; margin-bottom:20px; font-weight: 700; font-size:16px; margin-top:4px; letter-spacing:0.08em; text-transform:uppercase; } .progression-blog-content a.more-link i { font-size:12px; padding-left:3px; } /* FEATURED IMAGE */ .progression-studios-feaured-image { position:relative; overflow:hidden; text-align:center; margin-bottom:-1px; } .progression-studios-feaured-image p { margin:0px; } body .progression-studios-feaured-image img { transition: all 400ms; border-top-right-radius: 6px; border-top-left-radius: 6px; } /* =============================================== 15. BLOG POST STYLES =============================================== */ .progression-blog-single { padding-right:25px; overflow:hidden; } body.single-post #page-title-pro h1 { font-size:60px; line-height:1.2; color:#ffffff; text-shadow:none; max-width:800px; } .blog-single-category-display { margin:0px 0px 22px 0px; position:relative; z-index:5; font-size:16px; line-height:1.4; font-weight:700; letter-spacing:0.03em; } .blog-single-category-display a { display:inline-block; border-radius:5px; background:#6e44c4; color:#ffffff; line-height:1; padding:6px 14px 7px 14px; margin:0px 7px 5px 0px; } .blog-single-category-display a:hover { color:#ffffff; background:#6e44c4; } ul.progression-single-post-meta { list-style:none; position:relative; margin:0px; padding:22px 0px 0px 0px; position:relative; z-index:3; font-size:19px; line-height:1.4; font-weight:600; color:rgba(255,255,255,0.8); } ul.progression-single-post-meta li { display:inline; margin:0px 0px 5px 0px; } ul.progression-single-post-meta li:after { content:' ·'; font-size:22px; position:relative; top:2px; margin:0px 14px; opacity:0.6; } ul.progression-single-post-meta li a { color:rgba(255,255,255,0.7); } ul.progression-single-post-meta li a:hover { color:#ffffff; } ul.progression-single-post-meta li:last-child:after { display:none; } ul.progression-single-post-meta li.blog-meta-author-display img { border-radius:100px; width:30px; margin-right:8px; position:relative; top:-1px; } body.page-template-default #respond.comment-respond { margin-bottom:25px; } body.single-post #respond.comment-respond { margin-bottom:0px; } .disable-sidebar-post-progression #main-container-pro { width:100%; float:none; } .disable-sidebar-post-progression .progression-single-width-container { width:900px; max-width:100%; margin-left:auto; margin-right:auto; } .disable-sidebar-post-progression .sidebar { display:none; } .disable-sidebar-post-progression .progression-blog-single { padding-right:0px; } /* Blog Comments */ #comments.comments-area { margin:0px ; padding-top:10px; } p.logged-in-as { margin-bottom:15px; font-size:90%; } .comment-navigation { padding-top:10px; padding-bottom:25px; } .comment-navigation a { font-weight:600; } .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-size:20px; } h3.comments-title, #comments h3.comment-reply-title { font-size:26px; margin-bottom:15px; } h3.comments-title { margin-top:15px; } #comments h3.comment-reply-title small { font-size:14px; padding-left:5px; font-weight:300; } 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, 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; } .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:#f3f3f3; border-radius:6px; border:none; border-bottom:2px solid red; } .comment-body:before { content:''; display:block; position:absolute; left:83px; top:30px; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-right:7px solid #f3f3f3; } .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; font-weight:700; line-height:1.2; color:#35364c; font-size:22px; padding-right:5px; padding-bottom:0px; padding-top:4px; } .commentmetadata { margin-bottom: 8px; font-size:15px; letter-spacing:0.03em; padding-top:0px; color:#878787; } .commentmetadata a, .commentmetadata a:hover { color:#878787; } .reply a.comment-reply-link { font-size:13px; position:absolute; padding:6px 10px; right:10px; margin-top:-18px; margin-bottom:10px; display:block; font-weight:700; } .reply a.comment-reply-link:before { font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translate(0, 0); font-style:normal; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f3e5"; 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; } /* Tags */ p.form-submit { margin-bottom:0px; } body.single-post #comments.comments-area { margin-top:0px; } .tags-progression-studios { border-top:2px solid red; margin:15px 0px 25px 0px; padding-top:50px; } .tags-progression-studios h3 { position:relative; padding-right:14px; font-weight:400; color:#181b25; font-size:20px; display:inline-block; } .tags-progression-studios a { display:inline-block; line-height:1; margin-right:10px; padding:10px 19px; margin-bottom:5px; border-bottom:2px solid #ffffff; border-radius:6px; font-size:14px; font-weight:700; letter-spacing:0.05em; color:#24212c; background: #ebebeb; } /* =============================================== 16. CONTACT FORM STYLES =============================================== */ span.required { color:#fa4e3c; } .wpcf7-form .grid2column-progression p { margin-bottom:0px; } .wpcf7-form .grid2column-progression, .wpcf7-form p { margin-bottom:25px; } ol.age-gate-form-elements input:focus, #respond select:focus, .widget select:focus, .wpcf7-form select:focus, form#mc-embedded-subscribe-form .mc-field-group input:focus, .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; } #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; } #respond select, .wpcf7 select, #respond textarea, .wpcf7-form textarea, .post-password-form input, #respond input, .wpcf7-form input { border-radius:4px; width:70%; padding:11px 18px 11px 18px; background:#ffffff; color:#444444; border:none; font-size:19px; border:none; border-bottom:2px solid #ffffff; } #respond select, .wpcf7 select { border:1px solid #ffffff; } #respond textarea, .wpcf7-form textarea { } 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); } .wpcf7-form .grid1column-progression input, .wpcf7-form .grid2column-progression input, #respond textarea, .comment-respond textarea, .wpcf7-form textarea { width:95%; width: calc(100% - 36px); } body #respond textarea, #respond .grid3column-progression input[type="text"], #respond .grid3column-progression input[type="email"], #respond .grid3column-progression input[type="url"] { width:96%; width:calc(100% - 30px); } .wpcf7-form input.wpcf7-not-valid { border-color:#e54823; } .wpcf7-form span.wpcf7-not-valid-tip { display:none; } #respond select, .wpcf7 select, .widget select{ line-height:1; padding:14px 45px 14px 18px; font-size:14px; font-weight:400; background:#ffffff; border:1px solid rgba(0,0,0, 0.09); -moz-appearance: none; -webkit-appearance: none; -ms-appearance:none; appearance: none; background-image:url(images/select-arrow.png); background-position:right 15px; background-repeat:no-repeat; background-size:34px 12px; } body .select2-container--default .select2-dropdown { border-color: rgba(0,0,0, 0.09); } .widget select { max-width:calc(100% - 64px); } #respond select::ms-expand, .wpcf7 select::ms-expand, .widget select::ms-expand { display:none; } /* =============================================== 17. BUTTON STYLES =============================================== */ .tagcloud a { line-height:1; border:none; text-align:center; display:inline-block; width:auto; margin:0px 4px 10px 0px; padding:9px 14px; font-weight:600; color:#24212c; background:#ffffff; font-size:12px !important; letter-spacing:0.03em; box-shadow: 0px 0px 10px rgba(0,0,0, 0.05); text-transform:uppercase; font-weight: 700; font-family: 'Darker Grotesque', sans-serif; } .wp-block-button a.wp-block-button__link { font-size:22px; padding:16px 35px; font-weight: 600; margin-bottom:10px; } body .wp-block-button a.wp-block-button__link { border-radius:40px; } .wp-block-button.is-style-outline a.wp-block-button__link { border:2px solid #000000; color:#000000; background:none; } .wp-block-button.is-style-outline a.wp-block-button__link:hover { background:#000000; color:#ffffff; } .wp-block-button.is-style-outline a.wp-block-button__link, .wp-block-button.is-style-squared a.wp-block-button__link { border-radius:0px; } .progression-studios-shop-overlay-buttons a.added_to_cart, #boxed-layout-pro .form-submit input#submit, #boxed-layout-pro button.button, #boxed-layout-pro a.button { line-height:1; border:none; text-align:center; display:inline-block; border-radius:3px; width:auto; padding:19px 38px; color:#ffffff; background:#6e16ff; font-size:14px; font-weight: 700; letter-spacing:0.03em; font-family: 'Darker Grotesque', sans-serif; } .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:3px; width:auto; padding:21px 36px; font-size:16px; color:#ffffff; background:#6e16ff; letter-spacing:0.03em; font-weight: 700; font-family: 'Darker Grotesque', sans-serif; } .post-password-form input[type=submit] { padding-top:18px; padding-bottom:18px; } .post-password-form input[type=submit]:hover, #respond input.submit:hover, .wpcf7-form input.wpcf7-submit:hover { color:#0e0e10; background:#e0e0e0; } #respond input.submit { margin-top:15px; } .wpcf7-form input.wpcf7-submit { margin-top:5px; } /* =============================================== 18. FOOTER STYLES =============================================== */ /* Copyright */ footer#site-footer #progression-studios-copyright a { color:rgba(255,255,255,0.75); } footer#site-footer #progression-studios-copyright a:hover { color:#ffffff; } #copyright-divider-top { width:100%; } #copyright-text { padding:38px 0px; font-size:18px; color:rgba(255,255,255,0.75); } .footer-copyright-align-center #copyright-text { float:none; text-align:center; } .footer-copyright-align-right #copyright-text { float:right; text-align:right; } /* E-mail Newsletter */ .mc4wp-form p { margin:0px; padding:0px; display:inline; } .mc4wp-form .mc4wp-form-fields { width:100%; padding:0px; margin:0px; } .mc4wp-form input { appearance: none; -moz-appearance: none; -webkit-appearance: none; border-radius:4px; padding:11px 14px; font-size:16px; border:1px solid rgba(255,255,255, 1); background:rgba(255,255,255, 1); width: calc(100% - 95px); margin-right:3px; } .mc4wp-form .mc4wp-form-fields { display:inline-block; } .mc4wp-form input[type="submit"] { margin-right:0px; background:#34b1bb; font-size:15px; line-height:1; color:#ffffff; padding:16px 14px 18px 14px; border-radius: 4px; border:none; position:relative; width:auto; font-weight: 700; font-family: 'Darker Grotesque', sans-serif; border:none; top:-1px; } .mc4wp-form input[type="submit"]:hover { color:#ffffff; background:#2a9eac; } .mc4wp-form .mc4wp-alert { font-style:italic; font-size:12px; padding-top:5px; } span.highlight-color { position:relative; font-size:85%; top:-1px; color:#ffffff; z-index:5; margin-left:5px; } span.highlight-color:after { content:''; display:block; top:-4px; left:-4px; position:absolute; width:calc(100% + 8px); height:calc(100% + 8px); background:#2196f3; z-index:-1; border-radius:4px; } /* Scroll to top */ #pro-scroll-top { display:none; cursor:pointer; position: fixed; overflow: hidden; text-indent: 100%; white-space: nowrap; z-index:100; height:30px; width: 44px; padding:0px; margin:0px; bottom: 0px; right:40px; border-top-left-radius: 3px; border-top-right-radius: 3px; color:#ffffff; background:rgba(0,0,0, 0.3); } #pro-scroll-top:before { display:block; font-family: "Font Awesome 5 Free"; font-weight:900; content:"\f105"; position:absolute; z-index:101; font-size:16px; top:28px; left:0px; height: 30px; width: 44px; line-height:30px; -ms-transform: rotate(-90deg); /* IE 9 */ -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */ transform: rotate(-90deg); } #pro-scroll-top:hover { color:#ffffff; background:#bcd13d; height:35px; } /* =============================================== 19. RESPONSIVE STYLES =============================================== */ /* ======== #Tablet (768px-1024px) ======== */ @media only screen and (min-width: 768px) and (max-width: 1024px) { body #boxed-layout-pro { width:100%; } body.elementor-page.page .progression-studios-page-sidebar-on #content-pro .width-container-pro, body.elementor-page.single-product #content-pro .width-container-pro, 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 #aeso-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 #aeso-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-overlay-header header#masthead-pro .progression-studios-transparent-header header#masthead-pro { position:relative; } #progression-shopping-cart-count, body .progression-studios-transparent-header header#masthead-pro:after{ display:none; } body .progression-studios-hide-custom-logo-mobile, .progression-studios-hide-mobile-custom-logo { display:none !important; } .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; } #aeso-progression-header-top.progression_studios_hide_top_left_right .progression-studios-header-right, #aeso-progression-header-top.progression_studios_hide_top_left_bar .progression-studios-header-left, #aeso-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%; } #aeso-progression-header-top ul.progression-studios-header-social-icons { float:none; margin:0 auto 15px auto; text-align:center; } 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-header-icons-inline-display { display:none; } #main-nav-mobile ul.progression-studios-call-to-action { display:block; } ul.progression-studios-call-to-action { display:none; } #page-title-pro h4 { margin-bottom:15px; font-size:18px; } #page-title-pro h1 { font-size:50px; } body.single-post #page-title-pro h1 { font-size:40px; } .progression-blog-single { padding-right:0px; } .progression-studios-header-left .widget { padding-right:15px; padding-left:15px; } .progression-blog-content { padding-left:30px; padding-right:30px; } .sidebar-item { padding-left:22px; padding-right:22px; } } /* ======== #Mobile (0px-767px) ======== */ @media only screen and (max-width: 767px) { #progression-sticky-header { position:relative !important; } .progression-studios-remove-on-mobile { display:none !important; } body #boxed-layout-pro { width:100%; } body.elementor-page.page .progression-studios-page-sidebar-on #content-pro .width-container-pro, body.elementor-page.single-product #content-pro .width-container-pro, 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 #aeso-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 #aeso-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; } body #progression-inline-icons, #progression-studios-header-search-icon, #progression-nav-container { display:none; } .mobile-menu-icon-pro { display:block; } body .progression-studios-hide-custom-logo-mobile, .progression-studios-hide-mobile-custom-logo { display:none !important; } .progression-studios-overlay-header header#masthead-pro, .progression-studios-transparent-header header#masthead-pro { position:relative; } #progression-shopping-cart-count, 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; } #aeso-progression-header-top.progression_studios_hide_top_left_right .progression-studios-header-right, #aeso-progression-header-top.progression_studios_hide_top_left_bar .progression-studios-header-left, #aeso-progression-header-top.progression_studios_hide_top_left_bar.progression_studios_hide_top_left_right { display:none; } .footer-copyright-align-right #copyright-text, #copyright-text { float:none; width:100%; } body.admin-bar .progression-sticky-scrolled header#masthead-pro { margin-top:-36px; } 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:10px; padding-bottom:10px; } body .progression-studios-header-left { padding:5px 0px; } .progression-studios-header-left .widget { padding-right:15px; padding-left:15px; } #aeso-progression-header-top .widget i { margin-right:5px; } #copyright-divider-top { margin:0 auto; } #progression-header-icons-inline-display { display:none; } #aeso-progression-header-top ul.progression-studios-header-social-icons { float:none; margin:0 auto 10px auto; text-align:center; } #progression-studios-next-previous-post a { width:100%; } a#progression-studios-previous-post, a#progression-studios-next-post { text-align:center; } #comments h3 { font-size:17px; } /* Blog Comments */ .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; } #main-nav-mobile ul.progression-studios-call-to-action { display:block; } ul.progression-studios-call-to-action { display:none; } #page-title-pro h4 { margin-bottom:15px; font-size:18px; } #page-title-pro h1 { font-size:50px; } body.single-post #page-title-pro h1 { font-size:40px; } .progression-blog-single { padding-right:0px; } .progression-blog-content { padding-left:30px; padding-right:30px; } ul.progression-post-meta li:after { content:' ·'; padding:0px 6px; } } .footerinputclass .wpcf7-form-control-wrap{ display: inline !important; } .footerbutton, .wpcf7-form input.wpcf7-submit { padding: 17px 16px !important; margin-left: 10px !important; }