File "style.css"
Full Path: /home/flipjqml/onlinebetsolution.com/wp-content/themes/xion-progression/style.css
File size: 126.33 KB
MIME-type: text/plain
Charset: utf-8
/*
Theme Name: Xion Progression
Theme URI: https://xion.progressionstudios.com
Author: Progression Studios
Author URI: https://progressionstudios.com/
Description: Indie Game Developer Theme
Version: 2.0
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: xion-progression
*/
/* Table of Contents
01. CSS RESET FILE
02. PRIMARY STYLES
A. DEFAULT STYLES
B. FONT STYLES
C. CSS3 TRANSITIONS
03. MAIN CONTAINERS
04. CART HEADER DROP DOWN
05. PAGE TITLE STYLES
06. HEADER ICONS
07. SEARCH FORM STYLES
08. ELEMENTOR CUSTOM STYLES
09. HEADER TOP STYLES
10. GRID STYLES
11. NAVIGATION STYLES
12. MOBILE NAVIGATION STYLES
13. SIDEBAR STYLES
14. PAGINATION STYLES
15. BLOG INDEX STYLES
16. BLOG POST STYLES
17. WOOCOMMERCE INDEX STYLES
18. WOOCOMMERCE SINGLE STYLES
19. WOOCOMMERCE CART/CHECKOUT/MY ACCOUNT STYLES
20. WOOCOMMERCE WIDGET STYLES
21. CONTACT FORM STYLES
22. BUTTON STYLES
23. PORTFOLIO INDEX STYLES
24. PORTFOLIO SINGLE STYLES
25. FOOTER STYLES
26. 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:110%;
}
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:#000000;
border-collapse: separate;
border-spacing: 0;
margin: 0 0 2em;
max-width: 100%;
border-left:1px solid #1d1f22;
border-top:1px solid #1d1f22;
font-size:14px;
}
th, td {
color:#ffffff;
border: 1px solid #1d1f22;
}
table th {
background:#1d1f22;
font-weight:700;
font-size:16px;
}
table thead th {
background:#1d1f22;
}
table caption, table th, table td {
font-weight: normal;
text-align: left;
}
.wp-block-table.is-style-stripes {
border-bottom:1px solid #1d1f22
}
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
background-color:rgba(255,255,255, 0.08);
}
table th {
border-width: 0 1px 1px 0;
font-weight: 700;
color:#ffffff;
}
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.6;
font-size:15px;
color:rgba(255,255,255, 0.6);
font-family: 'Kodchasan', sans-serif;
}
h1, h2, h3, h4, h5, h6 {
-ms-word-wrap: break-word;
word-wrap: break-word;
padding:0px;
color:#ffffff;
margin:0px 0px 15px 0px;
line-height:1.4;
font-family: 'Kodchasan', sans-serif;
}
h1 {
font-size:36px;
line-height:1.2;
}
h2 {
font-size:30px;
}
h3 {
font-size:24px;
}
h4{
font-size:20px;
}
h5 {
font-size:18px;
}
h6 {
font-size:17px;
}
/* -------------------- 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,
#content-pro ul.products h2.woocommerce-loop-category__title,
#content-pro ul.products h2.woocommerce-loop-product__title,
.elementor-icon-list-item .elementor-icon-list-icon i,
.elementor-icon-list-item .elementor-icon-list-text,
.boosted-slider-arrow-down,
h2.progression-xion-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 -------------------- */
@media only screen and (min-width: 900px) {
body.elementor-default.page .page-content-pro {
padding-left:30px;
padding-right:30px;
}
body.elementor-page.page .page-content-pro {
padding-left:0px;
padding-right:0px;
}
}
.width-container-over-ride,
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 #xion-progression-header-top .width-container-pro,
footer#site-footer.progression-studios-footer-full-width .width-container-pro,
.progression-studios-header-full-width #xion-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:69%;
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;
}
.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:28%;
}
.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 60px rgba(0,0,0, 0);
}
.progression-studios-header-shadow header#masthead-pro {
box-shadow: 0px 0px 60px rgba(0,0,0, 0.75);
}
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;
}
/* 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:16px;
max-width:700px;
padding:70px 25px 70px 25px;
background:rgba(255,255,255, 0.03);
box-shadow: 0px 0px 55px rgba(41, 48, 55, 0.4);
border:1px solid rgba(255,255,255, 0.1);
}
#error-page-index h4.error-sub-title {
font-size:26px;
}
body #error-page-index a.button {
padding:18px 30px;
font-size:13px;
font-weight:700;
}
#error-page-index a.button i {
margin-right:4px;
}
/*
=============================================== 04. CART HEADER DROP DOWN ===============================================
*/
body #progression-checkout-basket {
position:absolute;
width:260px;
right:0px;
margin:0px;
padding:20px 24px 15px 24px;
z-index:15;
}
#progression-checkout-basket ul#progression-cart-small {
list-style:none;
margin:0px 0px 25px 0px;
padding:0px;
}
#progression-checkout-basket ul#progression-cart-small li {
border-bottom:1px solid #e9e9e9;
padding:16px 12px 18px 0px;
position:relative;
min-height:50px;
overflow:hidden;
}
#progression-checkout-basket ul#progression-cart-small li img {
float:left;
width:50px;
}
#progression-checkout-basket ul#progression-cart-small li .progression-cart-small-text {
margin-left:65px;
position:relative;
margin-right:10px;
}
#progression-checkout-basket ul#progression-cart-small li h6 {
font-size:15px;
line-height:1.2;
padding-top:5px;
margin-bottom:0px;
background:none !important;
}
#progression-checkout-basket ul#progression-cart-small li a {
padding:0px;
}
#progression-checkout-basket ul#progression-cart-small li a,
#progression-checkout-basket ul#progression-cart-small li a:hover {
background:none;
}
#progression-checkout-basket ul#progression-cart-small .progression-cart-small-text dl {
margin:0px;
padding:0px;
}
#progression-checkout-basket ul#progression-cart-small .progression-cart-small-text dd p {
display:inline;
margin:0px;
padding:0px;
}
#progression-checkout-basket ul#progression-cart-small .progression-cart-small-text dd,
#progression-checkout-basket ul#progression-cart-small .progression-cart-small-text dt {
display:inline;
font-size:11px;
opacity:0.7;
margin:0px;
padding:0px;
}
#progression-checkout-basket ul#progression-cart-small .progression-cart-small-quantity {
font-size:11px;
opacity:0.7;
}
#progression-checkout-basket ul#progression-cart-small a.remove-cart-header {
position:absolute;
right:0px;
top:14px;
}
#progression-checkout-basket ul#progression-cart-small li.empty {
padding-top:16px;
padding-bottom:16px;
min-height:0px;
}
#progression-checkout-basket .progression-sub-total {
float:right;
padding:6px 0px 10px 0px;
font-size:13px;
}
#progression-checkout-basket .progression-sub-total span.total-number-add {
font-weight:700;
}
#progression-checkout-basket a.cart-button-header-cart {
display:block;
float:left;
text-align:center;
background:none;
line-height:1;
position:relative;
padding:11px 14px;
font-size:12px;
border-radius:60px;
margin-bottom:15px;
}
#progression-checkout-basket a.cart-button-header-cart i {
padding-left:6px;
}
/*
=============================================== 05. 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;
display:inline-block;
margin:0 auto 0px auto;
color:#ffffff;
font-size:78px;
font-weight:700;
position:relative;
z-index:5;
text-transform:uppercase;
font-family: 'Share', sans-serif;
}
#page-title-pro h4 {
margin:0 auto 0px auto;
margin-top:20px;
font-size:18px;
position:relative;
z-index:5;
letter-spacing:0.02em;
color:rgba(255,2552,255, 0.65);
line-height:1.5;
font-weight:400;
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);
}
/*
=============================================== 06. 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 6px 0px 6px;
border-radius:0px;
width:24px;
height:24px;
line-height:24px;
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:4px;
margin-right:4px;
}
}
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;
}
#progression-header-icons-inline-display ul.progression-studios-header-social-icons li a {
height:auto;
line-height:1;
margin-top:0px;
margin-bottom:0px;
}
.progression-studios-header-full-width-no-gap #progression-header-icons-inline-display ul.progression-studios-header-social-icons {
margin-right:15px;
}
@media only screen and (max-width: 1100px) {
#progression-header-icons-inline-display ul.progression-studios-header-social-icons {
margin-left:8px;
}
.progression-studios-header-full-width-no-gap #progression-header-icons-inline-display ul.progression-studios-header-social-icons {
margin-right:10px;
}
}
#masthead-pro .search-form {
line-height:1;
padding:28px 0px 0px 0px;
margin:0px auto;
}
/*
=============================================== 07. 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:1px solid #dddddd;
margin:0px;
color:#444444;
width: calc(100% - 70px);
padding:13px 50px 13px 20px;
font-size:14px;
background-image:url(images/search-magnify.png);
background-position:right 9px;
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;}
}
/*
=============================================== 08. ELEMENTOR CUSTOM STYLES ===============================================
*/
/* Remove Header/Footer from Elementor Canvas */
body.elementor-editor-active #progression-sticky-header {
z-index:200 !important;
}
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);
}
}
.alignright-newsletter {
float:right;
}
@media only screen and (max-width: 767px) {
.alignright-newsletter {
float:none;
}
}
/* Custom Bullets */
body ol.boosted-elements-slider-control-nav.boosted-elements-slider-control-paging li a {
border-radius:0px;
height:3px;
width:40px;
}
#overlay-title-progression:after {
content:'';
display:block;
background: linear-gradient(180deg, rgba(3,9,13,0) 0%, rgba(3,9,13,1) 100%);
position:absolute;
top:0px;
height:100%;
width:100%;
}
body.elementor-editor-active #overlay-title-progression:after {
display:none;
}
/*
=============================================== 09. HEADER TOP STYLES ===============================================
*/
.progression-studios-header-left, .progression-studios-header-right {
float:left;
width:60%;
min-height:1px;
}
.progression-studios-header-left p, .progression-studios-header-right p {
margin:0px;
}
.progression-studios-header-right {
width:40%;
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:40px;
}
@media only screen and (max-width: 1250px) {
.progression-studios-header-left .widget {
padding-right:28px;
}
}
.progression-studios-header-left .widget, .progression-studios-header-right .widget {
padding-top:12px;
padding-bottom:12px;
}
#xion-progression-header-top .textwidget {
display:inline-block;
position:relative;
}
#xion-progression-header-top span.widget-title {
display:inline-block;
margin-right:7px;
font-weight:700;
}
#xion-progression-header-top {
color:#2e2e2e;
font-size:14px;
line-height:1;
position:relative;
z-index:55;
font-weight:400;
}
#xion-progression-header-top span.progression-mini-banner-icon {
display:none;
}
#xion-progression-header-top .widget i {
font-size:110%;
position:relative;
margin-bottom:-5px;
margin-right:7px;
}
#xion-progression-header-top .sf-menu i {
font-size:110%;
position:relative;
top:0px;
margin-bottom:-5px;
margin-right:7px;
}
#xion-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; }
#xion-progression-header-top #progression-header-top-right-container .sf-menu {
margin-right:10px;
}
#xion-progression-header-top .sf-menu li li a:hover .progression-studios-menu-title {
padding-left:0px;
margin-right:0px;
}
#xion-progression-header-top .sf-menu li li a:hover .progression-studios-menu-title:before {
opacity:0;
}
#xion-progression-header-top .sf-menu a {
text-align:left;
color:#2e2e2e;
padding-left:16px;
padding-right:16px;
background:none;
margin-top:0px;
border:none;
}
#xion-progression-header-top .sf-arrows .sf-with-ul {
padding-right: 35px;
}
#xion-progression-header-top .sf-arrows .sf-with-ul:after {
right: 29px;
}
#xion-progression-header-top .sf-menu li li a {
text-decoration:none;
margin:0px;
padding:13px 0px;
font-size:11px;
}
#xion-progression-header-top .sf-menu ul {
border-top:none;
padding:10px 28px;
border-radius:0px;
}
#xion-progression-header-top .sf-mega {
z-index:60;
display:none;
left:0px;
position:absolute;
box-sizing: border-box ;
width:100%;
padding:0px;
margin:0px;
}
#xion-progression-header-top .sf-mega {
width:1200px;
left:50%;
margin-left:-600px;
}
#xion-progression-header-top .sf-menu .sf-mega {
padding-top:0px;
padding-bottom:0px;
}
#xion-progression-header-top .sf-menu .sf-mega ul {
padding-top:0px;
padding-bottom:0px;
}
#xion-progression-header-top .sf-menu .sf-mega ul {
border-top:none;
margin-top:0px;
}
#xion-progression-header-top .sf-mega li li a {
padding-right:25px;
}/* Mega Padding-right fix to allow more space */
#xion-progression-header-top .sf-mega li li:last-child a {
padding-bottom:18px;
}
#xion-progression-header-top .sf-mega ul {
background:none;
margin:0;
border:none;
}
/*
=============================================== 10. 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 35px 0px;
padding:0px;
}
ul.progression-filter-button-group li {
position:relative;
display:inline-block;
margin:0px;
padding:0px;
color:#7f8591;
font-weight:400;
font-size:16px;
line-height:1;
border-radius:3px;
padding:10px 22px;
margin-right:25px;
font-family: 'Mina', sans-serif;
}
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 {
cursor:pointer;
}
ul.progression-filter-button-group li.pro-checked {
cursor:pointer;
color:#ffffff;
background:#787e8a;
}
ul.progression-filter-button-group li:hover:after,
ul.progression-filter-button-group li.pro-checked:after {
background:rgba(255,255,255, 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%; }
.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;
}
#xion-progression-header-top .progression-studios-header-right h2.mega-menu-heading {
text-align:left;
}
nav#site-navigation {
font-weight:400;
font-family: 'Mina', 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);
}
#xion-progression-header-top .sf-menu a:before {
display:none;
}
.sf-menu a:before {
z-index:-1;
content:"";
display:block;
position:absolute;
left:0px;
bottom:0px;
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:400;
font-family: 'Mina', sans-serif;
}
ul#progression-studios-panel-login,
#progression-checkout-basket,
#panel-search-progression,
.sf-menu ul {
font-weight:400;
font-family: 'Mina', 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:none;
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:18px;
font-weight:700;
font-family: 'Mina', sans-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:18px;
font-weight:700;
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:-6px;
}
.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-header-phone-number {
color:#000000;
}
.progression_studios_force_light_navigation_color .progression-header-phone-number {
color:#ffffff;
}
.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;
}
}
/*
=============================================== 12. 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:14px;
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:55px;
line-height:55px;
margin:0px ;
padding-top:0px ;
padding-bottom: 0px ;
font-size:16px;
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:55px;
}
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:55px;
width:50px;
color:rgba(255,255,255, 0.8);
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;
font-size:18px;
}
/*
=============================================== 13. SIDEBAR STYLES ===============================================
*/
.sidebar {
font-size:14px;
}
.sidebar-item {
background:#f4f4f4;
padding:0px 40px 25px 40px;
margin-bottom:30px;
}
.sidebar-item .search-form {
margin-bottom:25px;
}
.sidebar-divider-pro {
width:100%;
overflow:hidden;
}
.sidebar a {
color:#777777;
}
.sidebar ul li.current-cat, .sidebar ul li.current-cat a,
.sidebar a:hover {
color:#5be592;
}
.tagcloud {
margin-bottom:15px;
}
.sidebar h4.widget-title {
font-size:19px;
margin-bottom:30px;
color:#5be592;
text-transform:uppercase;
font-family: 'Mina', sans-serif;
font-weight:700;
line-height:1;
letter-spacing:0.1em;
font-size:12px;
background:#1d1f22;
padding:29px 40px 26px 40px;
margin-left:-40px;
margin-right:-40px;
}
.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:4px;
}
.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;
left:-1px;
}
.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.5;
margin:0px 0px 12px 0px;
padding:0px 0px 12px 24px;
border-bottom:1px solid #000;
}
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:105%;
color:#ffffff;
}
.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:#ffffff;
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:after {
color:#ff8a00;
}
.sidebar-item.widget_search {
background:#ff8a00;
padding:0px;
position:relative;
}
.sidebar-item.widget_search:after {
position:absolute;
display:block;
top:27px;
right:30px;
border-radius:100px;
background:#ffffff;
width:38px;
height:38px;
line-height:38px;
text-align:center;
font-size:18px;
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: "\f002";
}
.sidebar-item.widget_search .search-form {
margin:0px;
}
.sidebar-item.widget_search .search-form input.search-field {
background-color:#ff8a00;
border-color:#ff8a00;
color:#ffffff;
font-size:15px;
width:calc(100% - 120px);
padding:30px 80px 30px 40px;
background-image:none;
}
.sidebar-item.widget_search .search-form input.search-field::placeholder {
color:#ffffff;
}
.sidebar-item.widget_search h4.widget-title {
display:none;
}
.sidebar-item .woocommerce-product-search input.search-field {
background:#ffffff;
}
/*
=============================================== 14. 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:13px;
}
.progression-page-nav span, .progression-page-nav a {
display:inline-block;
text-align:center;
margin:0px 2px 5px 2px;
font-size:14px;
padding:14px 19px 15px 19px;
line-height:1;
background:rgba(255,255,255, 0.09);
color:rgba(255,255,255, 0.7);
border-radius:3px;
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(255,255,255, 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:14px;
padding:14px 19px 15px 19px;
line-height:1;
background:rgba(255,255,255, 0.09);
color:rgba(255,255,255, 0.7);
border-radius:3px;
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;
}
/*
=============================================== 15. BLOG INDEX STYLES ===============================================
*/
.progression-studios-blog-excerpt {
overflow:hidden;
}
.progression-studios-sticky-post {
position:absolute;
top:0px;
right:20px;
font-size:11px;
font-weight:700;
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;
box-shadow: 0px 0px 50px rgba(41, 48, 55, 0.15);
}
h2.progression-blog-title {
font-size:34px;
line-height:1.3;
margin-bottom:20px;
font-weight:700;
font-family: 'Share', sans-serif;
}
ul.progression-post-meta {
list-style:none;
margin:5px 0px 18px 0px;
padding:0px 0px 0px 0px;
}
ul.progression-post-meta li {
display:inline;
margin:0px 0px 5px 0px;
font-size:13px;
line-height:1.4;
font-weight:400;
}
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:#ffffff;
font-weight:700;
}
/* Categories */
.blog-meta-category-list {
margin-bottom:22px;
}
.blog-meta-category-list a {
line-height:1;
border:none;
text-align:center;
display:inline-block;
border-radius:3px;
width:auto;
padding:11px 12px 10px 12px;
color:#ffffff;
margin-right:7px;
margin-bottom:7px;
background:#6b0cc9;
font-size:11px;
text-transform:uppercase;
font-weight:700;
letter-spacing:0.04em;
font-family: 'Mina', sans-serif;
}
/* Author */
.blog-meta-author-display {
font-size:15px;
position:relative;
font-weight:700;
}
.blog-meta-author-display img {
width:30px;
margin-right:8px;
position:relative;
top:-1px;
border-radius:80px;
}
.progression-blog-content a.more-link {
display:inline-block;
margin-bottom:20px;
color:#1a1d28;
font-weight: 700;
font-size:14px;
margin-top:5px;
letter-spacing:0.1em;
text-transform:uppercase;
border-bottom:1px solid rgba(255,255,255, 0);
}
.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;
border-left:1px solid #232930;
border-right:1px solid #232930;
border-top:1px solid #232930;
}
.progression-studios-feaured-image p {
margin:0px;
}
body .progression-studios-feaured-image img {
transition: all 400ms;
}
/*
=============================================== 16. BLOG POST STYLES ===============================================
*/
body.single-post #page-title-pro h1 {
font-size:60px;
line-height:1.2;
color:#ffffff;
text-shadow:none;
text-transform:none;
}
.blog-single-category-display {
margin:0px 0px 22px 0px;
position:relative;
z-index:5;
}
.blog-single-category-display a {
display:inline-block;
border-radius:3px;
background:#6e44c4;
color:#ffffff;
line-height:1;
padding:11px 12px 10px 12px;
margin:0px 7px 7px 0px;
letter-spacing:0.04em;
font-weight:700;
font-size:11px;
font-family: 'Mina', sans-serif;
text-transform:uppercase;s
}
.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;
color:rgba(255,255,255,0.8);
}
ul.progression-single-post-meta li {
display:inline;
margin:0px 0px 5px 0px;
font-size:14px;
line-height:1.4;
font-weight:400;
}
ul.progression-single-post-meta li:after {
content:' ·';
font-size:20px;
position:relative;
top:3px;
padding:0px 12px;
opacity:0.6;
}
ul.progression-single-post-meta li a {
color:rgba(255,255,255,0.7);
font-weight:700;
}
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;
}
/* Blog Comments */
#comments.comments-area {
margin:0px ;
padding-top:30px;
}
p.logged-in-as {
margin-bottom:15px;
font-size:90%;
}
.comment-navigation {
padding-top:10px;
padding-bottom:25px;
}
.comment-navigation a {
font-weight:700;
}
.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:21px;
margin-bottom:15px;
}
h3.comments-title {
margin-top:20px;
}
#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:rgba(255,255,255, 0);
border-radius:5px;
border:1px solid rgba(0,0,0, 0.08);
box-shadow: 0px 0px 50px rgba(41, 48, 55, 0.15);
}
.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 rgba(0,0,0, 0.08);
}
.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:#ffffff;}
.comment-author cite {
display:inline-block;
font-style:normal;
font-weight:700;
line-height:1.2;
color:#ffffff;
font-size:16px;
padding-right:5px;
padding-bottom:0px;
padding-top:4px;
}
.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:-18px;
margin-bottom:10px;
display:block;
}
.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:700;
}
/* Tags */
#progression-blog-single-content {
padding-bottom:25px;
}
p.form-submit {
margin-bottom:0px;
}
body.single-post #comments.comments-area {
margin-top:0px;
}
.tags-progression-studios {
border-top:1px solid red;
margin:15px 0px 25px 0px;
padding-top:50px;
}
.tags-progression-studios h3 {
position:relative;
padding-right:14px;
font-weight:700;
font-size:16px;
display:inline-block;
}
.tags-progression-studios a {
display:inline-block;
line-height:1;
margin-right:10px;
padding:12px 19px;
margin-bottom:5px;
border:1px solid ;
border-radius:4px;
font-size:9px;
font-weight:700;
letter-spacing:0.05em;
text-transform:uppercase;
color:#24212c;
background: #e8e8e8;
border:none;
}
/*
=============================================== 17. WOOCOMMERCE INDEX STYLES ===============================================
*/
.woocommerce-breadcrumb {
display:none;
}
#content-pro ul.products li.product img {
margin-bottom:-1px;
}
.woocommerce-page form.woocommerce-ordering {
padding-top:10px;
}
.woocommerce-page p.woocommerce-result-count {
position:relative;
font-size:16px;
top:21px;
margin-bottom:65px;
}
.progression-studios-index-gradient {
box-shadow: 0px 0px 50px rgba(41, 48, 55, 0.25);
}
.progression-studios-shop-index-text {
background:#f3f3f4;
padding:32px 32px 26px 32px;
border:1px solid red;
}
#content-pro ul.products li.product ul.xion-shop-index-category {
list-style:none;
margin:0px 0px -3px 0px;
padding:0px;
}
#content-pro ul.products li.product ul.xion-shop-index-category li {
display:inline;
margin:0px;
padding:0px;
}
#content-pro ul.products li.product ul.xion-shop-index-category li a {
display:inline-block;
margin:0px 10px 6px 0px;
line-height:1;
font-weight:400;
font-size:13px;
color:rgba(255,255,255, 0.55);
}
#content-pro ul.products h2.woocommerce-loop-product__title {
font-size:23px;
margin-bottom:0px;
line-height:1.2;
font-weight:700;
}
li.product-category a:after {
content:"";
display:block;
background:rgba(0,0,0, 0.3);
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
#content-pro ul.products h2.woocommerce-loop-category__title {
font-size:22px;
line-height:1.2;
position:absolute;
left:0px;
width:100%;
top:50%;
margin-top:-15px;
color:#ffffff;
z-index:5;
}
#content-pro ul.products h2.woocommerce-loop-category__title mark {
background:none;
font-weight:400;
font-size:16px;
position:relative;
top:-1px;
font-style:normal;
color:rgba(255,255, 255, 0.6);
}
#content-pro ul.products .star-rating {
font-size:14px;
margin-top:5px;
margin-bottom:15px;
clear:both;
}
/* Adjust spacing for star rating */
.sidebar .star-rating,
.commentlist .star-rating,
#progression-studios-woocommerce-single-top .star-rating,
#content-pro ul.products .star-rating {
padding-right:21px;
}
.sidebar .star-rating span::before,
.commentlist .star-rating span::before,
#progression-studios-woocommerce-single-top .star-rating span::before,
#content-pro ul.products .star-rating span::before {
/* color:red; */
letter-spacing:6px;
}
.sidebar .star-rating:before,
.commentlist .star-rating:before,
#progression-studios-woocommerce-single-top .star-rating:before,
#content-pro ul.products .star-rating:before {
letter-spacing:6px;
}
/* End spacing for star rating */
#content-pro ul.products span.price {
color:rgba(255,255,255, .7);
font-weight:400;
font-size:15px;
margin:3px 0px 6px 0px;
font-weight:400;
}
#content-pro ul.products span.price del {
opacity:0.50;
font-size:90%;
position:relative;
}
#content-pro ul.products span.price span.amount {
color:rgba(255,255,255, 0.8);
font-weight:400;
}
/* OnSale */
.progression-studios-store-product-image-container {
position:relative;
}
body #progression-studios-woocommerce-single-top span.onsale, #boxed-layout-pro ul.products li.product span.onsale {
min-height: 0px;
min-width: 0em;
text-transform:uppercase;
font-family: 'Mina', sans-serif;
font-weight:700;
margin:0px;
left:auto;
letter-spacing:0.1em;
z-index:25;
top:26px;
right:auto;
left:0px;
border-radius:0px;
line-height:1;
padding:9px 13px 8px 13px;
font-size:11px;
background:#700ecb;
}
#boxed-layout-pro ul.products li.product .progression-studios-shop-overlay-buttons a.added_to_cart,
#boxed-layout-pro ul.products li.product .progression-studios-shop-overlay-buttons a.button {
margin:13px 0px 20px 0px;
display:block;
width:auto;
padding:16px 15px;
font-size:12px;
}
#boxed-layout-pro ul.products li.product .progression-studios-shop-overlay-buttons a.added_to_cart {
font-size:11px;
padding-top:12px;
padding-bottom:12px;
color:#24212c;
background:#e8e8e8;
}
/*
=============================================== 18. WOOCOMMERCE SINGLE STYLES ===============================================
*/
.progression-remove-shop-button-post form.cart {
display:none;
}
#progression-studios-woocommerce-single-top table.variations td,
#progression-studios-woocommerce-single-top table.variations {
border:none;
}
#progression-studios-woocommerce-single-top table.variations select {
margin-right:5px;
}
.woocommerce-product-gallery {
overflow:hidden;
}
#progression-studios-woocommerce-single-top h1.product_title {
padding-top:40px;
padding-bottom:25px;
margin-bottom:0px;
font-size:38px;
font-weight:700;
letter-spacing:-0.02em;
border-bottom:1px solid rgba(255,255,255, 0.12);
}
#progression-studios-woocommerce-single-top p.price {
float:left;
padding:12px 0px;
}
#progression-studios-woocommerce-single-top .woocommerce-product-rating {
float:right;
padding-top:17px;
text-align:right;
}
#progression-studios-woocommerce-single-top .summary .star-rating {
font-size:14px;
}
#progression-studios-woocommerce-single-top a.woocommerce-review-link {
font-size:11px;
color:#999999;
position:relative;
top:4px;
margin-left:5px;
float:right;
}
#progression-studios-woocommerce-single-top a.woocommerce-review-link:hover {
color:#ffffff;
}
.xion-divider-below-price {
border-top:1px solid rgba(255,255,255, 0.12);
margin-bottom:22px;
}
#progression-studios-woocommerce-single-top p.price {
color:rgba(255,255,255, 0.6);
font-size:24px;
margin:0px 0px 0px 0px;
}
#progression-studios-woocommerce-single-top p.price del {
opacity:0.50;
font-size:80%;
top:-1px;
position:relative;
margin-right:2px;
}
#progression-studios-woocommerce-single-top p.price span.amount {
color:rgba(255,255,255, 1);
}
/* Custom Variation Price */
.woocommerce-variation .woocommerce-variation-price {
color:rgba(255,255,255, 1);
font-size:22px;
font-weight:700;
margin:-15px 0px 15px 0px;
}
.woocommerce-variation .woocommerce-variation-price span.price span {
color:rgba(255,255,255, 1);
}
/* Gallery Styles */
#progression-studios-woocommerce-single-top .images {
width:48%;
float:left;
position:relative;
}
#progression-studios-woocommerce-single-top ins {
background:none;
}
#progression-studios-woocommerce-single-top .summary.entry-summary {
width: 48%;
float:right;
}
@media only screen and (max-width: 767px) {
#progression-studios-woocommerce-single-top .images,
#progression-studios-woocommerce-single-top .summary.entry-summary {
width:100%;
}
}
#progression-studios-woocommerce-single-top ol.flex-control-nav.flex-control-thumbs {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
list-style:none;
margin:10px 0px 0px 0px;
padding:0px;
width:calc(100% + 10px);
}
ol.flex-control-nav.flex-control-thumbs li {
width:20%;
width:calc(25% - 10px) !important;
padding-right:10px;
padding-bottom:10px;
float:left;
cursor:pointer;
}
ol.flex-control-nav.flex-control-thumbs li img {
cursor:pointer;
width:100%;
}
/* Category, SKU, Tags */
#progression-studios-woocommerce-single-top .product_meta span.sku_wrapper, #progression-studios-woocommerce-single-top .product_meta span.posted_in, #progression-studios-woocommerce-single-top .product_meta span.tagged_as {
display:block;
}
#progression-studios-woocommerce-single-top .product_meta span.sku_wrapper {
display:none;
}
#progression-studios-woocommerce-single-top .product_meta {
margin-top:32px;
border-top:1px solid rgba(255,255,255, 0.12);
padding-top:22px;
font-size:14px;
display:block;
color:#787e8a;
font-weight:400;
}
#progression-studios-woocommerce-single-top .product_meta span.tagged_as,
#progression-studios-woocommerce-single-top .product_meta span.posted_in,
#progression-studios-woocommerce-single-top .product_meta span.sku_wrapper {
padding-bottom:6px;
}
#progression-studios-woocommerce-single-top .product_meta span.sku_wrapper span.sku,
#progression-studios-woocommerce-single-top .product_meta a {
font-weight:400;
text-transform:none;
}
/* Variations */
#progression-studios-woocommerce-single-top .summary form.cart a.reset_variations {
font-size:13px;
font-weight:400;
color:#777777;
}
#progression-studios-woocommerce-single-top .summary form.cart a.reset_variations:hover {
color:#ffffff;
}
#progression-studios-woocommerce-single-top .summary form.cart table.variations {
margin:0px 0px 25px 0px;
padding:0px;
background:none;
}
#progression-studios-woocommerce-single-top .summary form.cart table.variations td,
#progression-studios-woocommerce-single-top .summary form.cart table.variations tr {
padding-top:0px;
padding-bottom:15px;
}
#progression-studios-woocommerce-single-top .summary form.cart table.variations td.label label {
color:rgba(255,255,255, 0.6);
font-size:15px;
position:relative;
top:2px;
}
/* Tabs Area */
#progression-studios-woocommerce-single-top {
padding-top:15px;
padding-bottom:185px;
}
#progression-studios-woocommerce-single-bottom {
margin-top:-60px;
margin-bottom:-50px;
padding-bottom:0px;
border-top:2px solid #292e31;
background:#f6f6f6;
}
#progression-studios-woocommerce-single-bottom .woocommerce-tabs {
margin-bottom:-65px;
position:relative;
top:-65px;
}
#progression-studios-woocommerce-single-bottom .woocommerce-tabs ul.wc-tabs {
padding-left:0px;
text-align:left;
position:relative;
margin:0px 0px 0px 0px;
}
#progression-studios-woocommerce-single-bottom .woocommerce-tabs ul.wc-tabs:before {
border-color:rgba(0,0, 0, 0);
}
#progression-studios-woocommerce-single-bottom .woocommerce-tabs ul.wc-tabs li:before,
#progression-studios-woocommerce-single-bottom .woocommerce-tabs ul.wc-tabs li:after {
display:none;
}
#progression-studios-woocommerce-single-bottom .woocommerce-tabs ul.wc-tabs li {
margin:0px;
padding:0px;
border-radius:0px;
border:none;
border-top:2px solid rgba(0,0, 0, 0.0);
border-left:2px solid rgba(0,0, 0, 0.0);
border-right:2px solid rgba(0,0, 0, 0.0);
background:transparent;
display:inline-block;
float:none;
}
#progression-studios-woocommerce-single-bottom .woocommerce-tabs ul.wc-tabs li a {
font-size:16px;
font-family: 'Kodchasan', sans-serif;
color:#939393;
padding:18px 40px;
display:block;
font-weight:700;
}
#progression-studios-woocommerce-single-bottom .woocommerce-tabs ul.wc-tabs li.active a {
color:#24212c;
}
#progression-studios-woocommerce-single-bottom .woocommerce-tabs ul.wc-tabs li.active {
background:#f6f6f6;
border-bottom:2px solid red;
}
#progression-studios-woocommerce-single-bottom .woocommerce-Tabs-panel {
padding:50px 0px 45px 0px;
}
#progression-studios-woocommerce-single-bottom .woocommerce-tabs h2 {
font-size:25px;
letter-spacing:-0.02em;
margin-bottom:30px;
}
#progression-studios-woocommerce-single-bottom .woocommerce-tabs h2.woocommerce-Reviews-title {
display:block;
font-size:25px;
letter-spacing:-0.02em;
margin-bottom:30px;
}
/* Variable Table */
#progression-studios-woocommerce-single-bottom .woocommerce-tabs table td {
padding:8px 18px;
}
#progression-studios-woocommerce-single-bottom .woocommerce-tabs table tr th, #progression-studios-woocommerce-single-bottom .woocommerce-tabs table tr td {
padding: 10px 20px;
}
#progression-studios-woocommerce-single-bottom .woocommerce-tabs table th {
font-weight:700;
color:#ffffff;
}
/* Reviews */
#review_form_wrapper {
padding-bottom:25px;
}
p.woocommerce-noreviews {
margin-top:-15px;
}
.woocommerce-Tabs-panel span#reply-title.comment-reply-title {
display:block;
font-weight:400;
color:#ffffff;
font-size:22px;
margin:20px 0px 10px 0px;
}
.woocommerce-Tabs-panel #review_form .comment-form-rating p.stars {
padding-top:4px;
padding-bottom:5px;
font-size:16px;
}
.woocommerce .woocommerce-tabs #reviews #comments ol.commentlist {
margin-left:0px;
padding-left:0px;
margin-bottom:5px;
}
.woocommerce .woocommerce-tabs #reviews #comments ol.commentlist li img.avatar {
border:none;
padding:0px;
border-radius:50px;
}
.woocommerce .woocommerce-tabs #reviews #comments ol.commentlist li .comment-text {
border-right:none;
border-top:none;
border-bottom:none;
border-left-color:rgba(2550,255,255,0.15);
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
padding-top:10px;
}
.woocommerce .woocommerce-tabs #reviews #comments ol.commentlist li .comment-text .star-rating {
font-size:14px;
top:0px;
margin-bottom:15px;
}
.woocommerce .woocommerce-tabs #reviews #comments ol.commentlist li p.meta {
font-size:16px;
margin-bottom:5px;
}
.woocommerce .woocommerce-tabs #reviews #comments ol.commentlist li strong.woocommerce-review__author {
color:#ffffff;
font-weight:700;
font-size:16px;
}
.woocommerce .woocommerce-tabs #reviews #comments ol.commentlist li p.meta time {
font-size:13px;
color:#666666;
}
.woocommerce-Tabs-panel #review_form input,
.woocommerce-Tabs-panel #review_form textarea {
background:rgba(255,255,255,0.03);
margin-bottom:15px;
}
/* Related Products */
.related.products {
margin:-15px 0px 20px 0px;
}
.related.products h6 {
text-align:center;
margin-bottom:8px;
color:rgba(255,255,255, 0.6);
font-size:15px;
letter-spacing:0.2em;
font-weight:400;
text-transform:uppercase;
}
.upsells.products h2,
.related.products h2 {
text-align:center;
font-size:42px;
font-weight:700;
margin-bottom:25px;
}
.upsells.products h2.woocommerce-loop-product__title,
.related.products h2.woocommerce-loop-product__title {
text-align:left;
}
.cross-sells h2 {
font-size:22px;
margin-bottom:25px;
}
/*
=============================================== 19. WOOCOMMERCE CART/CHECKOUT/MY ACCOUNT STYLES ===============================================
*/
body #content-pro .woocommerce-error, body #content-pro .woocommerce-info, body #content-pro .woocommerce-message {
background: rgba(255,255,255, 0.08);
color:#ffffff;
font-size:14px;
word-wrap: break-word;
}
body #content-pro .woocommerce-Message a.button,
body #content-pro .woocommerce-message a.button {
font-size:11px;
padding:8px 10px;
position:relative;
font-weight:700;
}
/* Empty Cart Page */
.page-content-pro p.return-to-shop {
padding-top:5px;
padding-bottom:30px;
}
/* Shopping Cart */
#content-pro .woocommerce table.shop_table {
border-radius:0px;
border-color:#1b1b1b;
}
#content-pro .woocommerce table.shop_table.woocommerce-cart-form__contents {
margin-top:45px;
}
.woocommerce table.shop_table tbody tr.cart-subtotal th,
#content-pro .woocommerce table.shop_table thead tr th {
background:rgba(255,255,255, 0.1);
border-color:#1b1b1b;
padding-top:15px;
padding-bottom:15px;
}
#content-pro .woocommerce table.shop_table tr td {
border-color:#1b1b1b;
padding-top:18px;
padding-bottom:18px;
background:none;
color:rgba(255,255,255, 0.6);
}
#content-pro .woocommerce table.shop_table thead tr th {
color:#ffffff;
font-size:20px;
}
#content-pro .woocommerce table.shop_table tbody td.product-name a {
color:rgba(255,255,255, 0.8);
font-weight:400;
font-size:17px;
}
table.shop_table td.product-remove a.remove,
#content-pro .woocommerce table.shop_table tbody tr.cart_item a.remove {
color:#ffffff !important;
font-size:17px;
margin:0 auto;
background:none;
}
table.shop_table td.product-remove a.remove:hover,
#content-pro .woocommerce table.shop_table tbody tr.cart_item a.remove:hover {
background:none;
color:rgba(255,255,255, 0.6) !important;
}
.cart_totals {
padding-top:25px;
}
.cart_totals h2 {
font-size:24px;
}
.woocommerce table.shop_table {
}
.woocommerce table.shop_table tr.cart-subtotal {
color:rgba(255,255,255, 0.6);
font-size:14px;
}
.woocommerce table.shop_table tr.cart-subtotal th {
background:rgba(255,255,255, 0.06);
border-color:rgba(255,255,255, 0.06);
}
.woocommerce table.shop_table tr.cart-subtotal th {
background:rgba(255,255,255, 0.06);
border-color:rgba(255,255,255, 0.06);
font-weight:700;
}
.woocommerce table.shop_table tr.order-total th {
background:rgba(255,255,255, 0.06);
border-color:rgba(255,255,255, 0.06);
font-weight:700;
color:#ffffff;
padding-top:15px;
font-size:17px;
}
.woocommerce table.shop_table tr.order-total strong {
color:#ffffff;
}
/* Login/Containers */
body #content-pro .width-container-pro .woocommerce-ResetPassword,
body #content-pro .width-container-pro .woocommerce-form-register,
body #content-pro .width-container-pro .woocommerce-form-login,
body #content-pro .width-container-pro .woocommerce-form-coupon {
border:1px solid rgba(255,255,255, 0.12);
background:rgba(255,255,255, 0);
border-radius:0px;
box-shadow: 0px 0px 60px rgba(0,0,0, 0.05);
padding:30px 30px 15px 30px;
}
body #content-pro .width-container-pro .woocommerce-form-register .woocommerce-privacy-policy-text {
font-size:13px;
}
body.woocommerce-account #content-pro .width-container-pro .woocommerce-form-login {
max-width:600px;
}
body #content-pro .width-container-pro .woocommerce-ResetPassword {
margin:0 auto;
max-width:800px;
padding-bottom:20px;
}
body #content-pro .width-container-pro .woocommerce-form-login button {
margin-right:10px;
}
body #content-pro .width-container-pro .woocommerce-ResetPassword p,
body #content-pro .width-container-pro .woocommerce-form-register p,
body #content-pro .width-container-pro .woocommerce-form-login p,
body #content-pro .width-container-pro .woocommerce-form-coupon p {
margin-bottom:18px;
}
body #content-pro .width-container-pro .woocommerce-form-coupon button.button {
padding:12px 20px;
font-size:14px;;
}
/* My Account */
body .woocommerce .woocommerce-MyAccount-content {
border-left:3px solid #1f2228;
box-shadow: 0px 0px 60px rgba(0,0,0, 0.09);
background:rgba(255,255,255, 0.08);
width:63%;
padding:3% 3% 3% 3%;
}
body .woocommerce nav.woocommerce-MyAccount-navigation {
width:28%;
box-shadow: 0px 0px 60px rgba(0,0,0, 0.1);
}
body .woocommerce nav.woocommerce-MyAccount-navigation a {
display:block;
padding:14px 25px;
color:#ffffff;
background:rgba(255,255,255, 0.08);
margin-bottom:0px;
font-weight:500;
font-size:16px;
}
body .woocommerce nav.woocommerce-MyAccount-navigation a:hover {
background:rgba(255,255,255, 0.1);
}
body.my-account .woocommerce nav.woocommerce-MyAccount-navigation li.is-active a {
color:#ffffff;
background:#1f2228;
letter-spacing:0px;
}
body.woocommerce-account .woocommerce nav.woocommerce-MyAccount-navigation li.is-active a {
letter-spacing:0px;
}
body #content-pro .woocommerce .woocommerce-checkout .woocommerce-checkout-payment {
background:rgba(255,255,255, 0.09);
}
/*
=============================================== 20. WOOCOMMERCE WIDGET STYLES ===============================================
*/
.sidebar span.product-title {
font-weight:700;
color:#ffffff;
font-size:14px;
margin-bottom:4px;
}
.sidebar ul.product_list_widget {
margin-bottom:15px;
}
.sidebar ul.product_list_widget li {
margin-bottom:8px;
}
.sidebar ul li span.reviewer {
font-size:12px;
opacity:0.9;
font-weight:500;
}
.sidebar ul li.wc-layered-nav-rating {
margin-bottom:0px;
}
.sidebar .wc-layered-nav-rating a {
font-size:12px;
}
.sidebar .wc-layered-nav-rating .star-rating {
position:relative;
top:4px;
}
.sidebar .star-rating {
font-size:11px;
margin:5px 0px 5px 0px;
}
.sidebar ins {
background:none;
}
.sidebar span.amount {
font-weight:400;
font-size:13px;
margin:0px 0px 5px 0px;
color:rgba(255,255,255, 0.7);
}
.sidebar del {
opacity:0.40;
color:rgba(255,255,255, 0.4);
font-size:90%;
top:1px;
position:relative;
background:none;
}
/* Filter by Price */
#boxed-layout-pro .widget.widget_price_filter .price_slider_wrapper .price_slider_amount button.button {
padding:8px 9px;
font-size:12px;
font-weight:400;
}
.widget.widget_price_filter form .price_slider_wrapper {
margin-bottom:22px;
}
.widget.widget_price_filter form .price_slider_wrapper .price_slider {
background: rgba(0,0,0,0.11);
}
.widget.widget_price_filter form .price_slider_wrapper .price_slider .ui-slider-range {
background:#4145ee;
}
.widget.widget_price_filter form .price_slider_wrapper .price_slider .ui-slider-handle {
background:#ffffff;
border:6px solid #4145ee;
width: 5px;
height: 5px;
border-radius: 30px;
top: -5px;
margin-left: -5px;
box-shadow: 0px 0px 4px rgba(0,0,0,0.1);
}
body .widget.widget_price_filter form .price_slider_wrapper .price_slider .ui-slider-handle {
background:#ffffff;
}
.widget.widget_price_filter form .price_slider_wrapper .price_slider_amount {
padding-top:5px;
font-weight:400;
font-size:12px;
}
/* Widget Shopping Cart */
.widget .widget_shopping_cart_content ul.cart_list.product_list_widget {
margin:0px 0px 15px 0px;
}
.widget .widget_shopping_cart_content ul.cart_list.product_list_widget li.mini_cart_item a.remove {
background:none;
color:#aaaaaa !important;
right:-12px;
left:auto;
top:2px;
font-size:16px;
}
.widget .widget_shopping_cart_content ul.cart_list.product_list_widget li.mini_cart_item a.remove:hover {
background:none;
color:#ffffff !important;
}
body #boxed-layout-pro .widget .widget_shopping_cart_content ul.cart_list.product_list_widget li.mini_cart_item a img {
position:absolute;
left:0px;
width:40px;
}
.widget .widget_shopping_cart_content ul.cart_list.product_list_widget li.mini_cart_item {
padding:0px 0px 15px 0px;
margin:0px 0px 15px 0px;
min-height:40px;
}
.widget .widget_shopping_cart_content ul.cart_list.product_list_widget li.mini_cart_item a {
color:#ffffff;
font-weight:700;
font-size:14px;
padding:0px 12px 0px 55px;
display:block;
}
.widget .widget_shopping_cart_content ul.cart_list.product_list_widget li.mini_cart_item span.quantity {
padding-left:55px;
padding-top:5px;
font-weight:400;
font-size:11px;
color:#999999;
}
.widget .widget_shopping_cart_content ul.cart_list.product_list_widget li.mini_cart_item dl {
margin:0px;
display:block;
padding:5px 0px 5px 55px;
border:none;
color:#999999;
font-size:11px;
}
.widget .widget_shopping_cart_content ul.cart_list.product_list_widget li.mini_cart_item dd p {
display:inline;
margin:0px;
padding:0px;
font-size:11px;
}
.widget .widget_shopping_cart_content ul.cart_list.product_list_widget li.mini_cart_item dd,
.widget .widget_shopping_cart_content ul.cart_list.product_list_widget li.mini_cart_item dt {
display:inline-block;
font-weight:400;
font-size:11px;
margin:0px;
padding:0px;
clear:none;
}
.widget .widget_shopping_cart_content ul.cart_list.product_list_widget li.mini_cart_item dd {
padding-right:7px;
font-size:11px;
}
.widget .widget_shopping_cart_content p.total {
border-top:1px solid rgba(0,0,0, 0.1);
font-weight:700;
color:#666666;
margin:-15px 0px 4px 0px;
padding:14px 0px 15px 0px;
font-size:14px;
}
.widget .widget_shopping_cart_content p.total strong {
font-weight:700;
color:#999999;
}
.widget .widget_shopping_cart_content p.total span.amount {
float:right;
color:#ffffff;
}
.widget .widget_shopping_cart_content p.buttons a.button {
margin-right:0px;
}
body #content-pro footer .widget .widget_shopping_cart_content p.buttons a.button,
body #content-pro .sidebar .widget .widget_shopping_cart_content p.buttons a.button {
padding:15px 0px;
font-size:13px;
width:48% !important;
}
.widget .widget_shopping_cart_content p.buttons a.button.checkout {
float:right;
}
ul.wp-block-latest-posts li {
list-style-type:circle;
}
/*
=============================================== 21. 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,
#progression-studios-woocommerce-single-top table.variations td.value select:focus,
.woocommerce-page form.woocommerce-ordering 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 0px;
background:#ffffff;
color:#ffffff;
border:none;
font-size:15px;
border:none;
border-bottom: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);
margin-bottom:5px;
}
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,
#progression-studios-woocommerce-single-top table.variations td.value select,
.woocommerce-page form.woocommerce-ordering select {
border-radius:3px;
line-height:1;
padding:14px 45px 14px 18px;
font-size:14px;
font-weight:700;
background:rgba(255,255,255, 0.03);
border:1px solid rgba(255,255,255, 0.12);
font-family: 'Kodchasan', sans-serif;
-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;
color: rgba(255,255,255, 0.75);
}
body .select2-container--default .select2-dropdown {
border-color:rgba(255,255,255, 0.12);
color:#555555;
}
body .woocommerce form .form-row .select2-container .selection .select2-selection {
height:42px;
padding-top:5px;
line-height:1;
background:rgba(255,255,255, 0.03);
border-color:rgba(255,255,255, 0.12);
-webkit-box-shadow: inset 0 6px 5px -5px rgba(32,36,39, 0.08);
-moz-box-shadow:inset 0 6px 5px -5px rgba(32,36,39, 0.08);
box-shadow:inset 0 6px 5px -5px rgba(32,36,39, 0.08);
}
body .woocommerce form .form-row .select2-selection--single .select2-selection__rendered {
padding-left:12px;
}
body .woocommerce form .form-row .select2-container--default .select2-selection--single .select2-selection__arrow {
top:8px;
right:5px;
}
.widget select {
max-width:calc(100% - 64px);
}
#respond select::ms-expand,
.wpcf7 select::ms-expand,
.widget select::ms-expand,
#progression-studios-woocommerce-single-top table.variations td.value select::ms-expand,
.woocommerce-page form.woocommerce-ordering select::ms-expand,
#progression-studios-woocommerce-single-top table.variations td.value select::-ms-expand {
display:none;
}
#progression-studios-woocommerce-single-top table.variations td.value select {
background:rgba(255,255,255, 0.03);
border-color: rgba(255,255,255, 0.12);
}
@media screen and (-webkit-min-device-pixel-ratio: 1.5) {
#progression-studios-woocommerce-single-top table.variations td.value select,
.woocommerce-page form.woocommerce-ordering select {background-image:url(images/select-arrow@2x.png);}
}
/* WooCommerce Input Styles */
body #content-pro .width-container-pro .woocommerce textarea,
body #content-pro .width-container-pro .woocommerce .shop_table input#coupon_code[type=text],
body #content-pro .width-container-pro .woocommerce input[type=text],
body #content-pro .width-container-pro .woocommerce input[type=password],
body #content-pro .width-container-pro .woocommerce input[type=url],
body #content-pro .width-container-pro .woocommerce input[type=tel],
body #content-pro .width-container-pro .woocommerce input[type=number],
body #content-pro .width-container-pro .woocommerce input[type=color],
body #content-pro .width-container-pro .woocommerce input[type=email] {
padding:9px 12px;
border-radius:3px;
box-shadow: none;
background: rgba(255,255,255, 0.06);
border:1px solid rgba(255,255,255, 0.14);
-webkit-box-shadow: inset 0 6px 5px -5px rgba(32,36,39, 0.08);
-moz-box-shadow:inset 0 6px 5px -5px rgba(32,36,39, 0.08);
box-shadow:inset 0 6px 5px -5px rgba(32,36,39, 0.08);
}
body #content-pro .width-container-pro .woocommerce .shop_table input#coupon_code[type=text] {
min-width:119px;
padding-left:12px;
padding-right:12px;
line-height:34px;
height:34px;
}
/* Coupon Buttons */
#content-pro .woocommerce table.shop_table .coupon button.button {
font-size:12px;
padding:11px 16px;
margin-left:5px;
border:none;
}
#content-pro .woocommerce table.shop_table button.button {
font-size:13px;
padding:14px 30px;
}
#progression-studios-woocommerce-single-top .quantity input {
float:left;
margin-right:8px;
padding:13px 4px 13px 4px;
border-radius:3px;
box-shadow: none;
background: rgba(255,255,255, 0.06);
border:1px solid rgba(255,255,255, 0.14);
}
/* Checkout Styles */
body #content-pro h3#order_review_heading,
body #content-pro form.woocommerce-checkout {
padding-top:25px;
}
body #content-pro form.woocommerce-checkout .select2,
body #content-pro form.woocommerce-checkout textarea,
body #content-pro form.woocommerce-checkout input {
margin-bottom:15px;
}
body #content-pro form.woocommerce-checkout input#billing_address_1 {
margin-bottom:0px;
}
.woocommerce-input-wrapper .selection .select2-selection:focus {
outline:none;
}
.create-account input[type=checkbox] {
position:relative;
top:6px;
}
/*
=============================================== 22. BUTTON STYLES ===============================================
*/
.tagcloud a {
line-height:1;
border:none;
text-align:center;
display:inline-block;
width:auto;
margin:0px 4px 10px 0px;
padding:8px 10px;
color:#24212c;
background:#ffffff;
font-size:10px !important;
letter-spacing:0.05em;
font-weight:700;
box-shadow: 0px 0px 10px rgba(0,0,0, 0.05);
text-transform:uppercase;
}
.wp-block-button a.wp-block-button__link {
font-size:22px;
padding:16px 35px;
margin-bottom:10px;
font-weight:700;
}
body .wp-block-button a.wp-block-button__link {
border-radius:30px;
}
.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;
text-transform:uppercase;
font-weight:700;
font-family: 'Mina', 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.02em;
font-weight:700;
font-family: 'Mina', 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;
}
/*
=============================================== 23. PORTFOLIO INDEX STYLES ===============================================
*/
.progression-studios-default-portfolio-index {
position:relative;
}
.progression-studios-portfolio-feaured-image {
position:relative;
overflow:hidden;
text-align:center;
margin-bottom:-1px;
border-left:1px solid #232930;
border-right:1px solid #232930;
border-top:1px solid #232930;
}
.progression-portfolio-content {
border:1px solid #232930;
padding:35px 40px 20px 40px;
box-shadow: 0px 0px 50px rgba(41, 48, 55, 0.15);
}
h2.progression-portfolio-title {
font-size:24px;
line-height:1.3;
margin-bottom:18px;
}
h2.progression-portfolio-title a {
color:#ffffff;
}
ul.portfolio-category-index {
list-style:none;
margin:0px;
padding:0px;
position:absolute;
top:15px;
right:8px;
}
ul.portfolio-category-index li {
margin:0px;
display:inline;
padding:0px;
}
ul.portfolio-category-index li a {
display:inline-block;
line-height:1;
margin:0px 7px 7px 0px;
border-radius:3px;
padding:11px 12px 10px 12px;
color:#ffffff;
background:#6b0cc9;
font-size:10px;
text-transform:uppercase;
font-weight:700;
letter-spacing:0.1em;
font-family: 'Mina', sans-serif;
}
a.progression-portfolio-button {
line-height:1;
border:none;
display:inline-block;
border-radius:3px;
width:auto;
padding:16px 22px;
margin-bottom:15px;
color:rgba(255, 255, 255, 0.7);
letter-spacing:0.05em;
background:#1d1f22;
font-size:12px;
font-weight:400;
font-family: 'Mina', sans-serif;
}
/*
=============================================== 24. PORTFOLIO SINGLE STYLES ===============================================
*/
ul.portfolio-category-single {
list-style:none;
margin:0px 0px 25px 0px;
padding:0px;
position:relative;
z-index:5;
width:100%;
overflow:hidden;
}
ul.portfolio-category-singlex li {
margin:0px;
padding:0px;
display:inline;
}
ul.portfolio-category-single li a {
display:inline-block;
line-height:1;
margin:0px 7px 7px 0px;
border-radius:3px;
float:left;
padding:12px 13px 11px 13px;
color:#ffffff;
background:#6b0cc9;
font-size:12px;
text-transform:uppercase;
font-weight:700;
letter-spacing:0.1em;
font-family: 'Mina', sans-serif;
}
/* Related Posts */
#progression-related-posts-section {
padding-top:30px;
}
h3#more-related-posts-heading {
font-size:30px;
font-family: 'Share', sans-serif;
}
h3#more-related-posts-heading:after {
display:block;
content:'';
width:80px;
height:3px;
background:#4C4D54;
margin:15px 0px 40px 0px;
}
ul.progression-studios-related-index-list {
list-style:none;
margin:0px;
padding:0px 0px 0px 0px;
width:100%;
overflow:hidden;
}
ul.progression-studios-related-index-list li.related-liste-progression-studios {
float:left;
margin:0px 24px 35px 0px;
padding:0px;
width:calc(33% - 14px);
}
ul.progression-studios-related-index-list li.related-liste-progression-studios:last-child {
margin-right:0px;
}
/*
=============================================== 25. 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:14px;
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: 0px;
padding:11px 14px 11px 0px;
color:#ffffff;
font-size:15px;
border:none;
border-bottom:1px solid rgba(255,255,255, 1);
background:transparent;
width:400px;
max-width: calc(100% - 100px);
margin-right:3px;
}
.mc4wp-form .mc4wp-form-fields {
display:inline-block;
}
.mc4wp-form input[type="submit"] {
margin-right:0px;
background:#34b1bb;
font-size:12px;
color:#ffffff;
padding:13px 14px 13px 14px;
border-radius: 0px;
border:none;
position:relative;
width:auto;
border:none;
top:-1px;
font-weight:700;
}
.mc4wp-form input[type="submit"]:hover {
color:#ffffff;
background:#2a9eac;
}
.mc4wp-form .mc4wp-alert {
font-style:italic;
font-size:12px;
padding-top:5px;
}
/* Scroll to top */
#pro-scroll-top {
display:none;
cursor:pointer;
position: fixed;
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
z-index:100;
height:46px;
width: 46px;
padding:0px;
margin:0px;
bottom: 30px;
right: 30px;
border-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:26px;
left:0px;
height: 46px;
width: 46px;
line-height:46px;
-ms-transform: rotate(-90deg); /* IE 9 */
-webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
transform: rotate(-90deg);
}
#pro-scroll-top:hover {
color:#ffffff;
background:#bcd13d;
}
/*
=============================================== 24. 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 #content-pro .width-container-over-ride,
body .width-container-over-ride,
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 #xion-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 #xion-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;
}
#xion-progression-header-top.progression_studios_hide_top_left_right .progression-studios-header-right,
#xion-progression-header-top.progression_studios_hide_top_left_bar .progression-studios-header-left,
#xion-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%;
}
#xion-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;
}
.progression-header-phone-number {
display:none;
}
.sidebar-item {
padding:30px 20px 15px 20px;
}
.sidebar h4.widget-title {
padding-left:20px;
padding-right:20px;
margin-left:-20px;
margin-right:-20px;
}
.sidebar-item.widget_search .search-form input.search-field {
width:calc(100% - 80px);
padding-right:60px;
padding-left:20px;
}
.sidebar-item.widget_search:after {
top:32px;
right:25px;
width:32px;
height:32px;
line-height:32px;
font-size:16px;
}
.progression-blog-content {
padding:40px 35px 25px 35px;
}
.progression-studios-shop-index-text {
padding-left:28px;
padding-right:28px;
}
ul.progression-studios-related-index-list li.related-liste-progression-studios {
width:calc(50% - 14px);
}
ul.progression-studios-related-index-list li.related-liste-progression-studios:nth-child(2n) {
margin-right:0px;
}
}
/* ======== #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 #content-pro .width-container-over-ride,
body .width-container-over-ride,
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 #xion-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 #xion-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: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%;
}
.woocommerce .products.columns-1 li.product, .woocommerce .products.columns-2 li.product, .woocommerce .products.columns-3 li.product, .woocommerce .products.columns-4 li.product, .woocommerce .products.columns-5 li.product {
width:100% !important;
}
.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;
}
#xion-progression-header-top.progression_studios_hide_top_left_right .progression-studios-header-right,
#xion-progression-header-top.progression_studios_hide_top_left_bar .progression-studios-header-left,
#xion-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:8px;
padding-bottom:8px;
}
#copyright-divider-top {
margin:0 auto;
}
#progression-header-icons-inline-display {
display:none;
}
#xion-progression-header-top ul.progression-studios-header-social-icons {
float:none;
margin:0 auto 10px auto;
text-align:center;
}
#page-title-pro h1 {
font-size:40px;
}
#page-title-pro h4 {
margin-top:25px;
font-size:16px;
}
body.single-post #page-title-pro h1 {
font-size:30px;
}
ul.progression-single-post-meta li {
font-size:13px;
}
ul.progression-single-post-meta li:after {
content:' ·';
font-size:90%;
position:relative;
margin:0px 8px;
}
#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;
}
#progression-studios-woocommerce-single-bottom .woocommerce-tabs {
margin-bottom:-56px;
top:-56px;
}
#progression-studios-woocommerce-single-bottom .woocommerce-tabs ul.wc-tabs li a {
font-size:13px;
padding:14px 30px;
}
body .woocommerce .woocommerce-MyAccount-content {
width:90%;
padding:3% 3% 3% 3%;
}
body .woocommerce nav.woocommerce-MyAccount-navigation {
width:100%;
margin-bottom:25px;
}
ul.progression-post-meta li:after {
padding:0px 12px;
}
.woocommerce-page p.woocommerce-result-count {
margin-bottom:30px;
}
.woocommerce-page form.woocommerce-ordering {
float:left;
margin-bottom:25px;
}
.progression-header-phone-number {
display:none;
}
h2.progression-blog-title {
font-size:26px;
}
ul.progression-post-meta li {
font-size:13px;
}
.progression-blog-content {
padding:30px 20px 15px 20px;
}
ul.progression-studios-related-index-list li.related-liste-progression-studios {
width:100%;
margin-right:0px;
}
}