/*

Theme Name: Archies Progression
Theme URI: https://archies.progressionstudios.com
Author: Progression Studios
Author URI: https://progressionstudios.com/
Description: Architect & Interior Designer Theme
Version: 1.8
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: archies-progression

*/

/*  Table of Contents

01. CSS RESET FILE
02. PRIMARY STYLES
03. MAIN CONTAINERS
04. HEADER STYLES
05. PAGE TITLE STYLES
06. ELEMENTOR CUSTOM STYLES
07. GRID STYLES
08. SIDEBAR STYLES
09. PAGINATION STYLES
10. BLOG INDEX STYLES
11. BLOG POST PAGE TITLE
12. BLOG POST STYLES
13. WOOCOMMERCE INDEX STYLES
14. WOOCOMMERCE SINGLE STYLES
15. WOOCOMMERCE CART/CHECKOUT/MY ACCOUNT STYLES
16. WOOCOMMERCE WIDGET STYLES
17. CONTACT FORM STYLES
18. SEARCH FORM STYLES
19. BUTTON STYLES
20. FOOTER STYLES
21. PORTFOLIO INDEX STYLES
22. PORTFOLIO POST STYLES
23. CSS3 TRANSITIONS
24. 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}

/*
=============================================== 02. PRIMARY STYLES ===============================================
*/
body,  body input, body textarea, select { 
	line-height: 1.7em; 
	font-size:16px;
	color:#868686;
	font-family: 'Barlow', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	-ms-word-wrap: break-word;
	word-wrap: break-word; 
	padding:0px;
	color:#232323;
	margin:0px 0px 15px 0px;
	line-height:1.4;
	font-weight:500;
	font-family: 'Barlow Condensed', serif;
}

body {
	background:#ffffff;
}

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;
}

.page-template-default p,
body.elementor-page p,
p, ul, ol {
	margin-bottom: 28px;
}

ul, ol {
	margin-left:8px; 
	padding-left:16px;
}

h1 { 
	font-size:36px; 
	line-height:1.2;
}
h2 { 
	font-size:30px; 
}
h3 { 
	font-size:24px;
}
h4{
	font-size:22px;
}
h5 {
	font-size:20px;
}
h6 { 
	font-size:18px;
}


/*
=============================================== 03. MAIN CONTAINERS ===============================================
*/
/* -------------------- A. MAIN CONTAINER STYLES -------------------- */
.width-container-pro { 
	margin: 0 auto;
	padding:0px 20px;
}

body.elementor-page .width-container-pro {
	max-width:100%;
    padding:0px;
}

#page-title-pro {
	margin-bottom:50px;
}

#content-pro {
	padding-bottom:50px;
}

#main-container-pro {
	float:left;
	width:69.5%;
	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 .progression-studios-sidebar,
.archive .no-active-sidebar-progression-studios .progression-studios-sidebar,
.single-post .progression-studios-sidebar-hide-no-content-blog .progression-studios-sidebar,
.blog .progression-studios-sidebar-hide-no-content-blog .progression-studios-sidebar,
.blog .no-active-sidebar-progression-studios .progression-studios-sidebar {
	display:none;
}

.progression-studios-sidebar {
	float:right; 
	width:27%;	
}

.left-sidebar-pro #main-container-pro {
	float:right;
}
.left-sidebar-pro .progression-studios-sidebar {
	float:left;
}

/* 404 Error Basic */
#error-page-index {
	margin:30px auto 35px auto;
	text-align:center;
	font-size:16px;
	max-width:700px;
	border-radius:0px;
	padding:70px 25px 70px 25px;
	border:1px solid #ebeced;
	box-shadow: 0px 0px 22px rgba(41, 48, 55, 0.04);
}


/*
=============================================== 04. HEADER STYLES ===============================================
*/
.progression-disable-header-per-page #progression-studios-header-elementor {
    display:none;
}

.progression-disable-header-per-page header#masthead-progression-studios {
    display:none;
}

/*
=============================================== 05. PAGE TITLE STYLES ===============================================
*/
#page-title-pro {
	background:#000000;
	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:62px;
    text-transform:uppercase;
	letter-spacing:0.02em;
	position:relative;
	z-index:5;
}

#page-title-pro h4 {
	margin:16px auto 0px auto;
	font-size:19px;
	position:relative;
	z-index:5;
	letter-spacing:-0.01em;
	color:rgba(255,255,255,  0.6);
	line-height:1.5;
	font-weight:400;
	font-style:normal;
	font-family: 'Barlow', sans-serif;
}

#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. ELEMENTOR CUSTOM STYLES ===============================================
*/
/* Remove Header/Footer from Elementor Canvas */
body.single-elementor_library header#masthead-progression-studios,
body.single-elementor_library #site-footer-progression-studios {
	display:none !important;
}

body.elementor-editor-active .elementor-edit-mode:hover {
	z-index:250;
}

body.elementor-editor-active #boxed-layout-pro {
    overflow-x:visible;
}

/* FireFox Fixes for horizontal sidebar */
#boxed-layout-pro,
body {
	overflow-x:hidden;
}

/* Lightbox Fix */
.elementor-lightbox .elementor-slideshow__header {
	width: calc(100% - 70px);
}

/* Custom Menu */
.custom-menu-archies li.elementor-icon-list-item a {
    padding:18px 20px;
    color:#777;
}

.custom-menu-archies li.elementor-icon-list-item a.current,
.custom-menu-archies li.elementor-icon-list-item a:hover {
     color:#232323;
}

.custom-menu-archies li.elementor-icon-list-item a.current {
    background:#ffffff;
    box-shadow: 0px 0px 25px rgba(0,0,0,0.05);
}


/* Team Min width, can be removed */
.boosted-elements-team-image img {
    width:100%;
}


/*
=============================================== 07. 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;
}

/* Infinite Scroll JavaScript */
.archies-progression-pagination-elementor {
    padding-top:25px;
}
#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:0px auto 10px auto;
	display:inline-block;
	line-height:1;
    text-transform:uppercase;
	border:none;
	text-align:center;
	border-radius:0px;
	width:auto;
	padding:18px 30px;
    letter-spacing:0.03em;
	font-weight:500;
	font-family: 'Barlow Condensed', sans-serif;
	color:#878787;
	background:#F0F0F0;
	font-size:13px;
}

.infinite-nav-pro a:hover {
	color:#ffffff;
    background:#232323;
}
.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 20px 0px;
	padding:0px;
}

ul.progression-filter-button-group li {
	position:relative;
	display:inline-block;
	color:#888888;
	font-size:15px;
	line-height:1;
    letter-spacing:0.02em;
	border-radius:0px;
	padding:8px 0px;
	margin:0px 20px;
    margin-right:15px;
    text-transform:uppercase;
	font-weight:500;
	font-family: 'Barlow Condensed', 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 li:hover {
	cursor:pointer;
    color:#232323;
}

ul.progression-filter-button-group li.pro-checked {
	cursor:pointer;
	color:#232323;
}

ul.progression-filter-button-group li:hover:after,
ul.progression-filter-button-group li.pro-checked:after {
	background:#c0ac95;
}

/*
=============================================== 08. SIDEBAR STYLES ===============================================
*/
.progression-studios-sidebar {
	font-size:15px;	
}

.sidebar-item {
	margin-bottom:45px;
	background:#f4f4f4;
	padding:34px 40px 25px 40px;
	border-radius:0px;
}

.sidebar-item .search-form {
	margin-bottom:25px;
}

.sidebar-divider-pro {
	width:100%;
	overflow:hidden;
}

.progression-studios-sidebar a {
	color:#706d6b;
}

.tagcloud {
	margin-bottom:15px;
}

.progression-studios-sidebar h4.widget-title {
	font-size:18px;
	margin-bottom:24px;
	line-height:1;
    letter-spacing:0.02em;
	padding:15px 0px 0px 0px;
    text-transform:uppercase;
}

.progression-studios-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:2px;
}

.progression-studios-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;
}

.progression-studios-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;
}

.progression-studios-sidebar ul {
	list-style:none;
	margin:0px 0px 20px 0px;
	padding:0px;
}

.progression-studios-sidebar ul ul.sub-menu,
.progression-studios-sidebar ul ul.children {
	margin-top:8px;
}
.progression-studios-sidebar ul ul {
	margin:0px;
	padding:8px 0px 0px 12px;
}

.progression-studios-sidebar ul ul li:last-child {
	border:none;
	margin-bottom:0px;
	padding-bottom:0px;
}

.progression-studios-sidebar ul li {
	position:relative;
	line-height:1.5;
	margin:0px 0px 8px 0px;
	padding:0px 0px 8px 24px;
	border-bottom:1px solid #000;
}

body .progression-studios-sidebar ul ul {
	margin-left:-20px;
	font-size:15px;	
}

body .progression-studios-sidebar ul ul ul ul {
	margin-left:-25px;
}

/* RSS */
.widget_rss ul li:before {
	display:none;
}
.widget_rss ul a.rsswidget {
	display:block;
	margin-bottom:4px;
	font-weight:600;
	font-size:105%;
}

.widget_rss ul span.rss-date {
	display:block;
	font-size:90%;
	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%;
}

.wp-block-calendar table#wp-calendar caption,
.widget table#wp-calendar caption {
	text-align:center;
	font-size:105%;
	padding-bottom:5px;
	color:#444444;
	font-weight:600;
}

.widget table#wp-calendar thead th {
	font-weight:600;
}

.wp-block-calendar table#wp-calendar caption,
.widget table#wp-calendar tr th, .widget table#wp-calendar tr td {
	padding:6px;
	text-align:center;
}

.wp-calendar-nav {
    width:100%;
    overflow:hidden;
    font-weight:500;
}

.wp-calendar-nav span.wp-calendar-nav-prev {
    float:left;
    width:42%;
}
.wp-calendar-nav span.wp-calendar-nav-next {
    float:right;
    width:42%;
    text-align:right;
}

/*
=============================================== 09. PAGINATION STYLES ===============================================
*/
.post-views.entry-meta {
	display:none;
}

/* Pagination */
#content-pro ul.page-numbers {
	list-style:none;
	margin:0px 0px 20px 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:#f0f0f0;
    text-transform:uppercase;
	color:#878787;
	border-radius:0px;
	font-weight:500;
	font-family: 'Barlow Condensed', sans-serif;
}

.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:#878787;
	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;
    text-transform:uppercase;
	line-height:1;
	background:#f0f0f0;
	color:#878787;
	border-radius:0px;
	font-weight:500;
	font-family: 'Barlow Condensed', sans-serif;
}

.progression-page-nav span.current, #content-pro ul.page-numbers li a:hover, #content-pro ul.page-numbers li span.current {
	background:#c0ac95;
	color:#ffffff;
}

#content-pro ul.page-numbers li span.dots {
	display:inline-block;
	padding:0px 5px;
}


/*
=============================================== 10. BLOG INDEX STYLES ===============================================
*/
.progression-studios-blog-excerpt {
	overflow:hidden;
}
.progression-studios-default-blog-index {
	margin-bottom:50px;
	position:relative;
}

.progression-blog-content {
	background:#ffffff;
	border:1px solid #000;
	padding:50px 55px 40px 55px;
	box-shadow: 0px 0px 22px rgba(41, 48, 55, 0.04);
}

h2.progression-blog-title {
	font-size:31px;
    font-weight:500;
    letter-spacing:0.02em;
	line-height:1.3;
	margin-bottom:22px;
    text-transform:uppercase;
}

.progression-studios-sticky-post {
    position:absolute;
    top:0px;
    right:40px;
    text-transform:uppercase;
    
	display:inline-block;
	margin-right:7px;
	margin-bottom:7px;
	padding:12px 20px 12px 20px;
	line-height:1;
	background:#333333;
    letter-spacing:0.04em;
	color:#ffffff;
	font-size:11px;
	font-weight:600;
	font-family: 'Barlow Condensed', sans-serif;
}


/* Categories */
.blog-meta-category-list:before {
    content:"";
    display:block;
    position:absolute;
    width:42px;
    top:0px;
    height:3px;
    background:#c0ac95;
}


ul.blog-meta-category-list {
    margin:0px;
    padding:10px 0px 20px 0px;
	position:relative;
	z-index:5;
    list-style:none;
}

ul.blog-meta-category-list li {
    margin:0px;
    display:inline;
    padding:0px;
}

ul.blog-meta-category-list a {
	line-height:1;
	display:inline-block;
	color:#868686;
    text-transform:uppercase;
	margin-bottom:7px;
    padding:0px 10px;
	font-size:14px;
    letter-spacing:0.04em;
	font-weight:500;
	font-family: 'Barlow Condensed', sans-serif;
}

.blog-meta-category-list li:first-child a {
    padding-left:0px;
}

.blog-meta-category-list li:after {
    content:'/';
    font-size:12px;
}

.blog-meta-category-list li:last-child:after {
    display:none;
}


/* Post Meta */
ul.progression-post-meta {	
	list-style:none;
	margin:0px 0px 15px 0px;
	padding:10px 0px 0px 0px;
    font-family: 'Barlow Condensed', sans-serif;
    text-transform:uppercase;
}

ul.progression-post-meta li {
	display:inline;
	margin:0px 0px 5px 0px;
	font-size:14px;
	line-height:1.4;
	color:#8f8c8a;
}

ul.progression-post-meta li:after {
	content:' /';
	font-size:14px;
	position:relative;
	top:0px;
	opacity:0.4;
	display:inline-block;
	position:relative;
	padding:0px 12px;
}

ul.progression-post-meta li:last-child:after {
	display:none;
}

ul.progression-post-meta li a {
	font-weight:400;
	color:#8f8c8a;
}

ul.progression-post-meta li i {
	padding-right:4px;
}

/* 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;
}

/* FEATURED IMAGE  */
.progression-studios-feaured-image {
	position:relative;
	overflow:hidden;
	text-align:center;
}

.progression-studios-feaured-image p {
	margin:0px;
}


/*
=============================================== 11. BLOG POST PAGE TITLE ===============================================
*/

body.single-post #page-title-pro h1 {
	font-size:56px;
	line-height:1.15;
    text-shadow:1px 1px 15px rgba(0,0,0,0.25);
}

body.single-post #progression-studios-page-title-container {
	text-align:center;
}

.blog-single-category-display {
	margin:0px 0px 15px 0px;
	position:relative;
	z-index:5;
}

.blog-single-category-display a {
	display:inline-block;
	color:#ffffff;
	line-height:1;
	margin:0px 12px 4px 12px;
	letter-spacing:0.04em;
	font-size:14px;
    text-transform:uppercase;
	padding:8px 0px;
    border-top:2px solid #c0ac95;
	font-weight:500;
	font-family: 'Barlow Condensed', sans-serif;
    text-shadow:1px 1px 6px rgba(0,0,0,0.2);
}

.blog-single-category-display a:hover {
	color:#ffffff;
}

ul.progression-single-post-meta {
	list-style:none;
	position:relative;
	margin:0px;
	padding:25px 0px 0px 0px;
	position:relative;
	z-index:3;
	color:rgba(255,255,255,0.8);
	font-weight:500;    
    font-family: 'Barlow Condensed', sans-serif;
    text-transform:uppercase;
}

ul.progression-single-post-meta li {
	display:inline;
	margin:0px 0px 5px 0px;
	font-size:14px;
	line-height:1.4;
}

ul.progression-single-post-meta li:after {
	display:inline-block;
	content:' /';
	font-size:12px;
	position:relative;
	top:0px;
	padding:0px 12px;
	opacity:0.4;
}

ul.progression-single-post-meta li a {
	color:rgba(255,255,255,0.7);
	font-weight:400;
    text-shadow:1px 1px 3px rgba(0,0,0,0.2);
}

ul.progression-single-post-meta li i {
	padding-right:4px;
}

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;
}



/*
=============================================== 12. BLOG POST STYLES ===============================================
*/

/* Tags */
#progression-blog-single-content {
	padding-bottom:25px;
}

p.form-submit {
	margin-bottom:0px;
}

.tags-progression-studios {
	border-top:2px solid #e9e9e9;
	margin:15px 0px 20px 0px;
	padding-top:50px;
}

.tags-progression-studios h3 {
	position:relative;
	padding-right:14px;
	font-size:17px;
	display:inline-block;
}
.tags-progression-studios i {
	margin-right:15px;
}

.tags-progression-studios a {
	display:inline-block;
	line-height:1;
	margin-right:10px;
	padding:12px 19px;
	margin-bottom:10px;
	font-size:11px;
    text-transform:uppercase;
	letter-spacing:0.03em;
	font-weight:500;
	font-family: 'Barlow Condensed', sans-serif;
    color:#878787;
    background:#f6f6f6;
}

.tags-progression-studios a:hover {
    color:#ffffff;
    background:#c0ac95;
}


/* Blog Comments */
#progression-studios-comments-background {
	padding-bottom:5px;
}

#comments.comments-area {
	margin-top:20px;
	padding-top:20px;
	border-top:2px solid #e9e9e9;
}

p.logged-in-as {
	margin-bottom:15px;
	font-size:90%;
}
.comment-navigation {
	padding-top:10px;
	padding-bottom:25px;
}

.comment-navigation a {
	font-weight:600;
	
}
.comment-navigation .nav-previous {
	float:left;
	width:50%;
}
.comment-navigation .nav-next {
	float:right;
	width:50%;
	text-align:right;
}

.comment-form label {
	display:block;
	padding:0px 0px 2px 0px;
	font-size:90%;
}

.form-allowed-tags code {
	font-family: Inconsolata, monospace;
	display:block;font-size:80%;
}

#comments h4.comments-title {
	margin-top:20px;
	margin-bottom:30px;
	font-size:20px;
}

h3.comments-title,
#comments h3.comment-reply-title {
    text-transform:uppercase;
	font-size:21px;
    letter-spacing:0.01em;
	margin-bottom:15px;
}

#comments h3.comment-reply-title  {
	margin-bottom:5px;
}

h3.comments-title {
	margin-top:20px;
}

#comments h3.comment-reply-title small { 
	font-size:12px; 
	padding-left:5px; 
	font-weight:400;
}

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:22px 26px;
	margin-left:90px;
	background:#f6f6f6;
	border-radius:0px;
}

.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 #f6f6f6; 
}

.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:#091130;}
.comment-author cite {
	display:inline-block;
	font-style:normal;
	font-weight:600;
	line-height:1.2;
	color:#091130;
	font-size:14px;
	padding-right:5px;
	padding-bottom:0px;
	padding-top:4px;
	letter-spacing:0.01em;
}

.commentmetadata {
	margin-bottom: 8px;
	font-size:12px;
	color:#878787;
}

.commentmetadata a, .commentmetadata a:hover {
	color:#878787;
}

.reply a.comment-reply-link {
	font-size:12px;
	position:absolute;
	padding:6px 10px;
	right:12px;
	margin-top:-25px;
	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;
}

/*
=============================================== 13. WOOCOMMERCE INDEX STYLES ===============================================
*/
.woocommerce-breadcrumb {
	display:none;
}

.woocommerce-page p.woocommerce-result-count {
	position:relative;
	font-size:15px;
	top:14px;
	margin-bottom:60px;
}

#content-pro ul.products li.product img {
	margin-bottom:-1px;
}

.progression-studios-index-gradient {
	box-shadow: 0px 0px 22px rgba(41, 48, 55, 0.04);
}

.progression-studios-shop-index-text {
	background:#ffffff;	
	border:1px solid #ffffff;
	padding:25px 35px 15px 35px;
}

#content-pro ul.products h2.woocommerce-loop-product__title {
	font-size:27px;
    font-weight:500;
    text-transform:uppercase;
    letter-spacing:0.02em;
	line-height:1.3;
	margin-bottom:0px;
}

/* Pricing */
#content-pro ul.products span.price {
	color:#6b7389;
	font-size:16px;
	margin:-2px 0px 6px 0px;
	font-weight:500;
    font-family: 'Barlow Condensed', sans-serif;
}

#content-pro ul.products span.price del {
	opacity:0.50;
	font-size:90%;
	position:relative;
}

#content-pro ul.products span.price span.amount {
	color:#6b7389;
	font-weight:500;
}


/* Star Rating */
#content-pro ul.products .star-rating {
	font-size:14px;
	margin-top:0px;
	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:13px;
}

.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:3px;
}

.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:3px;
}

/* 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-weight:600;
	margin:0px;
	left:auto;
	z-index:25;
	top:26px;
	right:auto;
	left:0px;
	border-radius:0px;
	line-height:1;
	padding:9px 13px 8px 13px;
	font-size:11px;
}

body #progression-studios-woocommerce-single-top span.onsale {
    left:20px;
}

#progression-studios-woocommerce-single-top .width-container-pro {
    position:relative;
}


/* Category Layout */
ul.products li.product-category a {
    display:block;
}

ul.products li.product-category a:before {
    content:'';
    display:block;
    position:absolute;
    width:100%;
    height:100%;
    background: rgba(0,0,0, 0.65);
}

#content-pro ul.products h2.woocommerce-loop-category__title {
	font-size:20px;
	line-height:1.2;
	position:absolute;
	left:0px;
	width:100%;
    text-align:center;
    text-transform:uppercase;
	top:50%;
	margin-top:-15px;
	color:#ffffff;
	z-index:5;
    font-weight:500;
    letter-spacing:0.02em;
}

#content-pro ul.products h2.woocommerce-loop-category__title mark {
	background:none;
	font-weight:400;
	font-size:14px;
	position:relative;
	top:-1px;
	font-style:normal;
	color:rgba(255,255, 255, 0.6);
}


/* Add to Cart Index */
#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;
    border-radius:0px;
	padding:15px 15px;
	font-size:13px;
    letter-spacing:0.02em;
	text-transform:uppercase;
    text-align:center;
    
	color:#878787;
	background:#F0F0F0;
    
	font-weight:500;
	font-family: 'Barlow Condensed', sans-serif;
}

#boxed-layout-pro ul.products li.product .progression-studios-shop-overlay-buttons a.button:hover {
	color:#ffffff;
	background:#c0ac95;
}

#boxed-layout-pro ul.products li.product .progression-studios-shop-overlay-buttons a.added_to_cart {
	font-size:11px;
	padding-top:8px;
	padding-bottom:8px;
	margin-top:-5px;
}


/*
=============================================== 14. WOOCOMMERCE SINGLE STYLES ===============================================
*/
.progression-remove-shop-button-post form.cart {
	display:none;
}
.woocommerce-product-gallery {
	overflow:hidden;
}

#progression-studios-woocommerce-single-top h1.product_title {
	padding-top:30px;
	padding-bottom:10px;
	margin-bottom:0px;
	font-size:32px;
    text-transform:uppercase;
	letter-spacing:0.02em;
}


/* Rating */
#progression-studios-woocommerce-single-top .woocommerce-product-rating {
    padding:2px 0px 10px 0px;
	margin-bottom:0px;
	text-align:left;
}

#progression-studios-woocommerce-single-top .summary .star-rating {
	font-size:14px;
}

/* Price */
#progression-studios-woocommerce-single-top p.price  {
	color:#6b7389;
	font-size:18px;
	margin:0px 0px 20px 0px;
	font-weight:500;
    font-family: 'Barlow Condensed', sans-serif;
}

#progression-studios-woocommerce-single-top p.price del {
	opacity:0.50;
	font-size:80%;
	top:-1px;
	position:relative;
	margin-right:2px;
    font-weight:500;
}

#progression-studios-woocommerce-single-top p.price span.amount {
	color:#6b7389;
    font-weight:500;
}

#progression-studios-woocommerce-single-top  a.woocommerce-review-link {
	font-size:11px;
	color:#999999;
	position:relative;
	top:-4px;
	margin-left:5px;
}

#progression-studios-woocommerce-single-top  a.woocommerce-review-link:hover {
	color:#444444;
}

/* Custom Variation Price */
.woocommerce-variation .woocommerce-variation-price  {
	color:#091534;
	font-size:16px;
	font-weight:500;
    font-family: 'Barlow Condensed', sans-serif;
	margin:-15px 0px 15px 0px;
}

.woocommerce-variation .woocommerce-variation-price span.price span {
	color:#000000;
}


.archies-divider-below-price {
	border-top:2px solid #e9e9e9;
	margin-bottom:22px;
}


/* Description */
.woocommerce-variation-description p {
	font-size:15px;
	padding-bottom:30px;
}
.woocommerce-product-details__short-description {
	font-size:15px;
}


/* 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 #ced1de;
	padding-top:22px;
	font-size:15px;
	display:block;
	color:#232323;
	font-weight:500;
}

#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 {
	text-transform:none;
}



/* Gallery Styles */
#progression-studios-woocommerce-single-top .images {
	width:47%;
	float:left;
	position:relative;
}
#progression-studios-woocommerce-single-top ins {
	background:none;
}

#progression-studios-woocommerce-single-top .summary.entry-summary {
	width: 47%;
	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%;
}

/* Tabs Area */
#progression-studios-woocommerce-single-top {
	padding-top:15px;
	padding-bottom:185px;
}

#progression-studios-woocommerce-single-bottom {
	margin-top:-90px;
	margin-bottom:-50px;
	padding-bottom:0px;
	background:#ffffff;
	border-top:2px solid #F0F0F0;
}

#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-top-left-radius: 0px;
	border-top-right-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:15px;
	color:#878787;
	padding:18px 40px;
    text-transform:uppercase;
    letter-spacing:0.01em;
	display:block;
	font-weight:500;
	font-family: 'Barlow Condensed', sans-serif;
}

#progression-studios-woocommerce-single-bottom .woocommerce-tabs ul.wc-tabs li.active a {
	color:#878787;
}

#progression-studios-woocommerce-single-bottom .woocommerce-tabs ul.wc-tabs li.active {
	background:#F0F0F0;
}


/* Tabs Panel */
#progression-studios-woocommerce-single-bottom  .woocommerce-Tabs-panel {
	padding:50px 0px 45px 0px;
}



#progression-studios-woocommerce-single-bottom .woocommerce-tabs h2 {
	font-size:22px;
    text-transform:uppercase;
	margin-bottom:30px;
}

#progression-studios-woocommerce-single-bottom .woocommerce-tabs h2.woocommerce-Reviews-title {
	display:block;
	margin-bottom:30px;
}

/* Variable Table */
#progression-studios-woocommerce-single-bottom .woocommerce-tabs 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;
	font-size:14px;
}
#progression-studios-woocommerce-single-bottom .woocommerce-tabs table th {
	font-weight:500;
	font-size:14px;
	background:rgba(0,0,0,0.03);
}


/* 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:500;
	font-family: 'Barlow Condensed', sans-serif;
	color:#232323;
    text-transform:uppercase;
	font-size:17px;
	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:#e9e9e9;
	border-left-width:2px;
	-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:#2A2826;
	font-weight:600;
	font-size:14px;
}

.woocommerce .woocommerce-tabs #reviews #comments ol.commentlist li .description {
	font-size:13px;
}

.woocommerce .woocommerce-tabs #reviews #comments ol.commentlist li p.meta time {
	font-size:12px;
	color:#666666;
}

.woocommerce-Tabs-panel #review_form input,
.woocommerce-Tabs-panel #review_form textarea {
	padding-left:12px;
	padding-right:12px;
	margin-bottom:15px;
}

/* Related Products */
.related.products {
	margin:-100px 0px 30px 0px;
}
.related.products h6 {
	margin-bottom:8px;
	font-size:15px;
	letter-spacing:0.02em;
	text-transform:uppercase;
}
.upsells.products h2,
.related.products h2 {
	font-weight:500;
	margin-bottom:25px;
	font-size:24px;
    text-transform:uppercase;
}

.related.products h2 {
	text-align:center;
}

.upsells.products h2.woocommerce-loop-product__title,
.related.products h2.woocommerce-loop-product__title {
	text-align:left;
}

.cross-sells h2 {
	font-size:20px;
	margin-bottom:25px;
}


/*
=============================================== 15. WOOCOMMERCE CART/CHECKOUT/MY ACCOUNT STYLES ===============================================
*/
body #content-pro .woocommerce-error, body #content-pro .woocommerce-info, body #content-pro .woocommerce-message {
	font-size:14px;
    word-wrap: break-word;
    background:#f4f4f4;
}

body #content-pro .woocommerce-Message a.button,
body #content-pro .woocommerce-message a.button {
	font-size:10px;
	padding:8px 10px 8px 10px;
	position:relative;
}

body #content-pro #payment.woocommerce-checkout-payment  {
    background:#f4f4f4;
}

body #content-pro .woocommerce-checkout-payment  .woocommerce-info {
    background:#ffffff;
}

/* Cart */
#content-pro .woocommerce table.shop_table {
	border-radius:0px;
    border-color:#f4f4f4;
}

.woocommerce table.shop_table tbody tr.cart-subtotal th,
#content-pro .woocommerce table.shop_table thead tr th {
	background:#f4f4f4;
	border-color:#f4f4f4;
	padding-top:15px;
	padding-bottom:15px;
}

#content-pro .woocommerce table.shop_table  tr td {
	padding-top:18px;
	padding-bottom:18px;
	background:#ffffff;
	border-color:#f4f4f4;
}

#content-pro .woocommerce table.shop_table thead tr th {
	color:#232323;
	font-size:17px;
	font-weight:500;
    letter-spacing:0.02em;
    text-transform:uppercase;
	font-family: 'Barlow Condensed', serif;
}

#content-pro .woocommerce table.shop_table tbody td.product-name a {
	font-weight:500;
	font-family: 'Barlow Condensed', serif;
	font-size:15px;
    letter-spacing:0.01em;
    text-transform:uppercase;
}

table.shop_table td.product-remove a.remove,
#content-pro .woocommerce table.shop_table tbody tr.cart_item a.remove {
	color:#1f1f1f !important;
	font-size:17px;
	margin:0 auto;
	background:none;
}

table.shop_table td.product-remove a.remove:hover,
#content-pro .woocommerce table.shop_table tbody tr.cart_item a.remove:hover {
	background:none;
	color:#777 !important;
}

/* Coupon Buttons */
body.woocommerce-page #content-pro .width-container-pro .woocommerce-form-coupon button.button {
    margin-left:10px;
}

body.woocommerce-page #content-pro .width-container-pro .woocommerce-form-coupon .form-row-last {
    display:inline-block;
    width:45%;
    float:none;
}

body.woocommerce-page #content-pro .width-container-pro .shop_table input#coupon_code[type=text] {
	font-size:12px;
	padding:8px 16px;
    width:120px;
    height:auto;
}

#content-pro .woocommerce table.shop_table .coupon button.button {
	font-size:11px;
	padding:14px 16px;
	margin-left:5px;
	border:none;
}

#content-pro .woocommerce table.shop_table button.button {
	font-size:13px;
	padding:14px 30px;
}

/* Cart Totals */
.cart_totals {
	padding-top:25px;
}

.cart_totals  h2 {
	font-size:20px;
    text-transform:uppercase;
}
.woocommerce  table.shop_table tr.cart-subtotal {
	color:#555555;
	font-size:12px;
}

.woocommerce  table.shop_table tr.cart-subtotal th {
	background:#f4f4f4;
	border-color:#f4f4f4;
	font-weight:600;
	
}
.woocommerce table.shop_table tbody tr.cart-subtotal th {
	font-size:14px;
}

.woocommerce  table.shop_table tr.order-total th {
	background:#f4f4f4;
	border-color:#f4f4f4;
	font-weight:700;
	color:#111111;
	padding-top:15px;
	font-size:16px;
}

.woocommerce  table.shop_table tr.order-total strong {
	color:#111111;
	font-weight:700;	
}

/* 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;
}



/*
=============================================== 16. WOOCOMMERCE WIDGET STYLES ===============================================
*/
/* Filter by Price */
#boxed-layout-pro .widget.widget_price_filter .price_slider_wrapper .price_slider_amount button.button {
	padding:8px 9px;
	font-size:10px;
}

.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:#2A2826 !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:#232323;
	font-weight:600;
	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:600;
	color:#666666;
	margin:-15px 0px 4px 0px;
	padding:14px 0px 15px 0px;
	font-size:14px;
}

.widget .widget_shopping_cart_content p.total span.amount {
	float:right;
	color:#2A2826;
}

.widget .widget_shopping_cart_content p.buttons a.button {
	margin-right:0px;
}


body #content-pro .progression-studios-sidebar .widget .widget_shopping_cart_content p.buttons a.button {
	padding:15px 0px;
	font-size:11px;
    letter-spacing:0;
	width:48% !important;
}
.widget .widget_shopping_cart_content p.buttons a.button.checkout {
	float:right;
}

/* Product List */
.progression-studios-sidebar span.product-title {
	font-weight:500;
	font-family: 'Barlow Condensed', serif;
	color:#232323;
    text-transform:uppercase;
	font-size:14px;
	margin-bottom:4px;
}

.progression-studios-sidebar ul.product_list_widget {
	margin-bottom:15px;
}

.progression-studios-sidebar ul.product_list_widget li {
	margin-bottom:8px;
}

.progression-studios-sidebar ul li span.reviewer {
	font-size:12px;
	opacity:0.9;
	font-weight:500;
}

.progression-studios-sidebar ul li.wc-layered-nav-rating {
	margin-bottom:0px;
}

.progression-studios-sidebar .wc-layered-nav-rating a {
	font-size:12px;
}
.progression-studios-sidebar .wc-layered-nav-rating .star-rating {
	position:relative;
	top:4px;
}

.progression-studios-sidebar .star-rating {
	font-size:11px;
	margin:5px 0px 5px 0px;
}
.progression-studios-sidebar ins {
	background:none;
}

.progression-studios-sidebar span.amount {
	font-weight:400;
	font-size:13px;
	margin:0px 0px 5px 0px;
	color:rgba(0,0,0, 0.7);
}

.progression-studios-sidebar del {
	opacity:0.40;
	color:rgba(0,0,0, 0.4);
	font-size:90%;
	top:1px;
	position:relative;
	background:none;
}


/*
=============================================== 17. CONTACT FORM STYLES ===============================================
*/
span.required {
	color:#fa4e3c;
}

.wpcf7-form input.wpcf7-not-valid {
	border-color:#e54823;
}

.wpcf7-form span.wpcf7-not-valid-tip {
	display:none;
}

.wpcf7-response-output {
    font-size:90%;
}

.wpcf7-form .grid2column-progression p {
	margin-bottom:0px;
}

.wpcf7-form .grid2column-progression,
.wpcf7-form p {
	margin-bottom:20px;
}

body.woocommerce-page #content-pro .width-container-pro textarea:focus,
body.woocommerce-page #content-pro .width-container-pro input:focus,
.wp-block-categories-dropdown select:focus,
.wp-block-archives-dropdown select: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,
.post-password-form input:focus,
.wp-block-search input.wp-block-search__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:#c0ac95;
}

.wpcf7-form-control .wpcf7-list-item {
	display:block !important;
}

.wpcf7-form-control .wpcf7-list-item {
	padding-bottom:6px;
}

.wpcf7-form-control .wpcf7-list-item .wpcf7-list-item-label {
	font-size:15px;
	padding-left:8px;
}

#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 textarea,
.wpcf7-form textarea,
.post-password-form input,
#respond input,
.wpcf7-form input {
	border-radius:0px;
	width:70%;
	padding:11px 18px 11px 18px;
	background:#ffffff;
	color:#555555;
	border:none;
	font-size:15px;
	font-weight:400;
	border:none;
	border:1px solid #e4e4e4;
}

.wpcf7-form .grid1column-progression input,
.wpcf7-form .grid2column-progression input,
#respond textarea, .comment-respond textarea, .wpcf7-form textarea {
	width:90%;
	width: calc(100% - 12px);
	margin-bottom:0px;
}

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% - 38px);
}


/* Select Styles */
#progression-studios-woocommerce-single-top table.variations td.value select,
.woocommerce-page form.woocommerce-ordering select,
.wp-block-categories-dropdown select,
.wp-block-archives-dropdown select,
#respond select,
.wpcf7 select,
.widget select {
	border-radius:0px;
	line-height:1.1;
	padding:14px 45px 14px 18px;
	font-size:14px;	
	font-weight:400;
	background:#f5f1ec;
	border:1px solid  #f5f1ec;
	
	-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;
}

@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,
    .wp-block-categories-dropdown select,
    .wp-block-archives-dropdown select,
    #respond select,
    .wpcf7 select,
    .widget select {background-image:url(images/select-arrow@2x.png);}
}


.widget select {
	max-width:calc(100% - 64px);
}

.wp-block-categories-dropdown select,
.wp-block-archives-dropdown select {
	margin-bottom:30px;
}


#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;
}


/* WooCommerce Input Styles */
body.woocommerce-page #content-pro .width-container-pro textarea,
body.woocommerce-page #content-pro .width-container-pro input[type=text],
body.woocommerce-page #content-pro .width-container-pro input[type=password],
body.woocommerce-page #content-pro .width-container-pro input[type=url],
body.woocommerce-page #content-pro .width-container-pro input[type=tel],
body.woocommerce-page #content-pro .width-container-pro input[type=number],
body.woocommerce-page #content-pro .width-container-pro input[type=color],
body.woocommerce-page #content-pro .width-container-pro input[type=email] {
	padding:9px 12px;
	border-radius:0px;
	box-shadow: none;
	font-size:14px;	
	font-weight:400;
	background:#ffffff;
	border:1px solid  #e4e4e4;
	-webkit-box-shadow: none;
	-moz-box-shadow:none;
	box-shadow:none;
}

body.woocommerce-page #content-pro #progression-studios-woocommerce-single-top .width-container-pro  input[type=number] {
	margin-right:8px;
	padding:12px 6px 12px 6px;
	border-radius:0px;
}

/* WooCommerce Select2 Styles */
body .select2-container--default .select2-dropdown {
	border-color:#e4e4e4;
	color:#555555;
}

body .woocommerce form .form-row .select2-container .selection .select2-selection {
	height:42px;
	padding-top:5px;
	line-height:1;
	background:#ffffff;
	border-color:#e4e4e4;
    font-size:14px;
}

body .woocommerce form .form-row .select2-selection--single {
	border-radius:0px;
}

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;	
}


/* 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 {
	background:#ffffff;
	border:1px solid #ebeced;
	border-radius:0px;
	box-shadow: 0px 0px 22px rgba(41, 48, 55, 0.04);
	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-register,
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:13px;
}


/* My Account */
body.woocommerce-page .woocommerce-MyAccount-content {
	border-left:3px solid #1f2228;
	width:63%;
	padding:0 3% 0px 3%;
}

body.woocommerce-page .woocommerce-MyAccount-content button.button {
    margin-top:10px;
}

body.woocommerce-page nav.woocommerce-MyAccount-navigation {
	width:28%;
	box-shadow: 0px 0px 60px rgba(0,0,0, 0.1);	
	
}
body.woocommerce-page nav.woocommerce-MyAccount-navigation a {
	display:block;
	padding:14px 25px;
	color:#2c3238;
	background:#ffffff;
	margin-bottom:0px;
	font-weight:500;
	font-family: 'Barlow Condensed', serif;
    text-transform:uppercase;
	font-size:14px;
}

body.woocommerce-page nav.woocommerce-MyAccount-navigation a:hover {
	background:rgba(0,0,0, 0.06);
}

body.woocommerce-page nav.woocommerce-MyAccount-navigation li.is-active a {
	color:#ffffff;
	background:#1f2228;
	letter-spacing:0px;
}

/*
=============================================== 18. SEARCH FORM STYLES ===============================================
*/
.wp-block-search input.wp-block-search__input:focus,
.search-form input.search-field:focus {
	outline:none;
}

.search-form {
	text-align:center;
	margin:0 auto;
}

#content-pro .search-form {
	margin-left:0px;
}


.wp-block-search label {
	display:none;
}

.wp-block-search input.wp-block-search__input,
.search-form input {
	padding:16px 18px;
	margin:0 auto;
	border:none;
}

.elementor-section-stretched .search-form {
	max-width:600px;
}

.wp-block-search {
	margin-bottom:30px;
}
.search-form {
	max-width:400px;
	margin-bottom:30px;
}

.wp-block-search input.wp-block-search__input,
.search-form input.search-field {
	background-color:#ffffff;
	border:1px solid #e4e4e4;
	margin:0px;
	color:#444444;
	width: calc(100% - 70px);
	padding:13px 50px 13px 20px;
	font-size:15px;
	background-image:url(images/search-magnify.png);
	background-position:right 10px;
	background-repeat:no-repeat;
	border-radius:0px;
}

.sidebar-item .search-form input.search-field {
}

.wp-block-search button,
.search-form button,
.search-form input.search-submit {
	display:none;
}

@media screen and (-webkit-min-device-pixel-ratio: 1.5) {
	.wp-block-search input.wp-block-search__input,
	.search-form input.search-field {background-image: url(images/search-magnify@2x.png); background-size:40px 30px;}
}

/* Post Password */
.post-password-form input[type=submit] {
	margin-right:0px;
}
.post-password-form input {
	max-width:280px;
	width:85%;
	margin-right:10px;
	padding-top:12px;
	padding-bottom:12px;
	width: calc(100% - 220px);
}

/*
=============================================== 19. BUTTON STYLES ===============================================
*/
.progression-blog-content a.more-link {
	display:inline-block;
	margin-bottom:30px;
	color:#878787;
	background:#F0F0F0;
	font-size:13px;
	margin-top:5px;
	padding:13px 28px;
    text-transform:uppercase;
	letter-spacing:0.03em;
	font-weight:500;
	font-family: 'Barlow Condensed', sans-serif;
}

.progression-blog-content a.more-link i {
	font-size:12px;
	padding-left:3px;
}

.progression-blog-content a.more-link:hover {
	color:#ffffff;
	background:#c0ac95;
}

body #error-page-index a.button,
#boxed-layout-pro .form-submit input#submit,
#boxed-layout-pro button.button,
#boxed-layout-pro a.button,
.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:0px;
	width:auto;
	padding:20px 32px;
    text-transform:uppercase;
	font-size:13px;
	color:#ffffff;
	background:#c0ac95;
	letter-spacing:0.15em;
	font-weight:500;
	font-family: 'Barlow Condensed', sans-serif;
}

#boxed-layout-pro .form-submit input#submit,
#boxed-layout-pro button.button,
#boxed-layout-pro a.button {
    padding:18px 29px;
}

.post-password-form input[type=submit]:hover,
#respond input.submit:hover,
.wpcf7-form input.wpcf7-submit:hover {
	color:#ffffff;
	background:#232323;
}

.wp-block-button a.wp-block-button__link  {
	font-size:13px;
	padding:16px 32px;
	margin-bottom:10px;
	font-weight:500;
    text-transform:uppercase;
	font-family: 'Barlow Condensed', sans-serif;
}

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;
}

.tagcloud a {
	line-height:1;
	border:none;
	text-align:center;
	display:inline-block;
	width:auto;
	margin:0px 4px 10px 0px;
	padding:8px 10px;
	font-size:10px !important;
	color:#878787;
	background:#F0F0F0;
    text-transform:uppercase;
	letter-spacing:0.03em;
	font-weight:500;
	font-family: 'Barlow Condensed', sans-serif;
}

/*
=============================================== 20. FOOTER STYLES ===============================================
*/
#site-footer-progression-studios {
    background:#090909;
    padding:40px 0px;
    text-align:center;
	font-weight:500;
	font-family: 'Barlow Condensed', serif;
    text-transform:uppercase;
}

/* Scroll to top */
#pro-scroll-top {
	display:none;
	cursor:pointer;
	position: fixed; 
	overflow: hidden; 
	text-indent: 100%; 
	white-space: nowrap; 
	z-index:100;
	height:32px;
	width: 44px;
	padding:0px;
	margin:0px;
  	bottom: 0px; 
	right:40px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	color:#ffffff;
	background:rgba(0,0,0,  0.3);
}

#pro-scroll-top:before {
	display:block;
	font-family: "Font Awesome 5 Free";
	font-weight:900;
	content:"\f105";
	position:absolute;
	z-index:101;
	font-size:16px;
	top:27px;
	left:0px;
	height: 32px;
	width: 44px;
	line-height:32px;
	-ms-transform: rotate(-90deg); /* IE 9 */
	-webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
	transform: rotate(-90deg);
}

#pro-scroll-top:hover { 
	color:#ffffff;
	background:#bcd13d;
	height:40px;
}

/*
=============================================== 21. PORTFOLIO INDEX STYLES ===============================================
*/
.progression-studios-default-portfolio-index {
    display:block;
	position:relative;
	background:#000000;
	overflow:hidden;
	min-height:450px;
}

.overlay-progression-studios-image {
    display:block;
	position:absolute;
	width:100%;
    min-height:450px;
	height:100%;
	top:0px;
	left:0px;
	background-repeat: no-repeat;
	background-position:center center;
	background-size: cover;
}
.progression-portfolio-content {
    position:absolute;
    z-index:5;
    width:100%;
    bottom:-60px;
    opacity:0;
}

.progression-studios-default-portfolio-index:hover .progression-portfolio-content {
    opacity:1;
    bottom:0px;
}

.progression-portfolio-index-remove-overlay .overlay-progression-studios-image {
    position:relative;
}

.progression-portfolio-index-remove-overlay .progression-portfolio-content {
    position:relative;
    opacity:1;
    bottom:0px;
}

.progression-portfolio-index-remove-overlay .progression-portfolio-content-padding {
    margin:0px;
}

.progression-portfolio-content-padding {
    padding:32px 35px 28px 35px;
    background:#232323;
    margin:0px 20px 20px 20px;
}

h2.progression-portfolio-title {
    font-size:28px;
    line-height:1.2;
    text-transform:uppercase;
    letter-spacing:0.03em;
    margin-bottom:0px;
}

h2.progression-portfolio-title a {
    color:#ffffff;
}


ul.progression-portfolio-cat:before {
    content:"";
    display:block;
    width:44px;
    height:2px;
    background:red;
    position:absolute;
    top:0;
}

ul.progression-portfolio-cat {
    position:relative;
    list-style:none;
    margin:0px 0px 2px 0px;
    padding:8px 0px 0px 0px;
    width:100%;
    overflow:hidden;
}

ul.progression-portfolio-cat li {
    margin:0px;
    padding:0px;
    float:left;
}

ul.progression-portfolio-cat li a {
    display:inline-block;
	font-weight:500;
	font-family: 'Barlow Condensed', serif;
    color:#868686;
    font-size:13px;
    text-transform:uppercase;
    line-height:1.4;
    margin-bottom:8px;
    letter-spacing:0.01em;
}

ul.progression-portfolio-cat li a:hover {
    color:#aaaaaa;
}

ul.progression-portfolio-cat li:after {
    content:'/';
    font-size:95%;
    position:relative;
    opacity:0.8;
    padding:0px 8px;
}

ul.progression-portfolio-cat li:last-child:after {
    display:none;
}


/*
=============================================== 22. PORTFOLIO POST STYLES ===============================================
*/
ul.progression-portfolio-meta-single {
    list-style:none;
    margin:18px auto 0px auto;
    position:relative;
    z-index:5;
}

ul.progression-portfolio-meta-single li {
    display:inline;
    margin:0px;
    padding:0px;
}

ul.progression-portfolio-meta-single li a {
    font-size:15px;
    letter-spacing:0.01em;
    text-transform:uppercase;
    color:rgba(255,255,255,  0.6);
    line-height:1.1;
	font-weight:500;
	font-family: 'Barlow Condensed', serif;
    padding:0px 12px;
}

ul.progression-portfolio-meta-single li a:hover {
    color:#ffffff;
}

ul.progression-portfolio-meta-single li:after {
    content:'/';
    font-size:12px;
}

ul.progression-portfolio-meta-single li:last-child:after {
    display:none;
}

.progression-portfolio-exceprt {
    margin-top:12px;
    color:rgba(255,255,255,  0.6);
    font-size:13px;
    line-height:1.4;
}

/* Related Styles */
.progression-portfolio-related-container {
    margin-top:40px;
    padding-top:50px;
    border-top:1px solid #e6e6e6;
}

h6.related-sub-progression:before {
    content:'';
    display:block;
    height:2px;
    width:36px;
    position:absolute;
    top:0px;
    left:50%;
    margin-left:-20px;
}

h6.related-sub-progression {
    text-align:center;
    margin-bottom:15px;
    padding:12px 0px 0px 0px;
    position:relative;
    color:#868686;
    letter-spacing:0.08em;
    font-size:14px;
    text-transform:uppercase;
	font-weight:500;
	font-family: 'Barlow Condensed', serif;
}

h2.related-title-progression {
    text-align:center;
    text-transform:uppercase;
    font-size:45px;
    letter-spacing:0.02em;
    margin-bottom:35px;
}

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 28px 35px 0px;
	padding:0px;
	width:calc(33% - 16px);
}

ul.progression-studios-related-index-list li.related-liste-progression-studios:last-child {
	margin-right:0px;
}

/*
=============================================== 23. CSS3 TRANSITIONS ===============================================
*/
.boosted-elements-mega-import-container .elementor-icon-list-item,
#boxed-layout-pro .form-submit input#submit,
#boxed-layout-pro button.button,
#boxed-layout-pro a.button,
h2.woocommerce-loop-product__title,
ul.progression-filter-button-group li,
ul.progression-filter-button-group li:after,
#pro-scroll-top {
	transition-duration: 250ms; 
	transition-property: color, background-color, height; 
	transition-timing-function: ease-in-out;
}

.boosted-elements-mega-import-container .elementor-icon-list-text,
select, input, textarea, a {
	transition-duration: 250ms; 
	transition-property: color, background-color, opacity, border; 
	transition-timing-function: ease-in-out;
}

.progression-portfolio-content,
.sf-menu a:before {
	transition-duration: 250ms; 
	transition-property: all; 
	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.sub-menu {
	transform: translateY(20px);
	opacity:0;
	animation-duration:250ms;
	animation-name: ProMoveUp;
	animation-timing-function: ease-in-out;
	animation-fill-mode: forwards;
}


/*
=============================================== 24. RESPONSIVE STYLES ===============================================
*/

/* ======== #Tablet (768px-1024px) ======== */
@media only screen and (min-width: 768px) and (max-width: 1024px) {


	header#masthead-progression-studios .width-container-pro {
	    width:92%;
	}
	
	
    .progression-blog-content {
        padding-left:30px;
        padding-right:30px;
    }
    
    
	ul.progression-studios-related-index-list li.related-liste-progression-studios {
		width:calc(50% - 16px);
	}
	
	ul.progression-studios-related-index-list li.related-liste-progression-studios:nth-child(2n) {
		margin-right:0px;
	}
	
    h2.related-title-progression {
        font-size:36px;
    }
	
}



/* ======== #Mobile (0px-767px) ======== */
@media only screen and (max-width: 767px) {


    /* Default Grid CSS */
	#main-container-pro, .progression-studios-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%;
	}
    
     .progression-studios-sidebar {
        padding-top:50px;
    }
    
    .progression-blog-content {
        padding-left:25px;
        padding-right:25px;
    }
    
	/* 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;
	}
    
	ul.progression-studios-related-index-list li.related-liste-progression-studios {
		width:100%;
		margin-right:0px;
	}
    
    
    h2.related-title-progression {
        font-size:32px;
    }
    
    /* WooCommerce Reviews */
	#progression-studios-woocommerce-single-bottom .woocommerce-tabs {
		margin-bottom:-57px;
		top:-57px;
	}

	#progression-studios-woocommerce-single-bottom .woocommerce-tabs ul.wc-tabs li a {
		font-size:12px;
		padding:14px 16px;
	}
    
	.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;
	}
    
    
	
}