/*

Theme Name: Bayside Progression
Theme URI: https://bayside.progressionstudios.com
Author: Progression Studios
Author URI: https://progressionstudios.com/
Description: News/Editorial Theme
Version: 2.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: bayside-progression

*/

/*  Table of Contents

01. CSS RESET FILE
02. PRIMARY STYLES
	A. DEFAULT STYLES
	B. FONT STYLES
	C. CSS3 TRANSITIONS
03. MAIN CONTAINERS
03. MAIN CONTAINERS
04. CART HEADER DROP DOWN
05. PAGE TITLE STYLES
06. LEFT SIDEBAR STYLE
07. HEADER ICONS
08. SEARCH FORM STYLES
09. ELEMENTOR CUSTOM STYLES
10. HEADER TOP STYLES
11. GRID STYLES
12. NAVIGATION STYLES
13. MOBILE NAVIGATION STYLES
14. SIDEBAR STYLES
15. PAGINATION STYLES
16. BLOG INDEX STYLES
17. BLOG POST STYLES
18. CONTACT FORM STYLES
19. BUTTON STYLES
20. FOOTER STYLES
21. 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;
}

.wpb_gmaps_widget .wpb_wrapper {
	padding:0px !important;
}

.pp_gallery {
	display:none !important;
}
body a img, body a {
	outline:none !important; 
	text-decoration:none;
}
p {
	padding-top:0px; 
	margin:0px;
}
p, ul, ol {
	margin-bottom: 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;
}
blockquote a:hover, blockquote a {
	color:#666666;
}
blockquote.alignleft, blockquote.alignright {
	width:32%;
	float:left;
	border-left:none;
	border-top:4px solid #666666;
	padding:15px 15px 0px 15px;
	margin-bottom:0px;
}
blockquote.alignright {
	float:right;
}
table {
	width:100%;
	background:#ffffff;
	border-collapse: separate; 
	border-spacing: 0;
	margin: 0 0 2em;
	max-width: 100%;
	border-left:1px solid #eaeaea;
	border-top:1px solid #eaeaea;
	font-size:14px;
}
	
th, td {
	color:#606060;
	border: 1px solid #eaeaea;
}
table th { 
	background:#ffffff;
	font-weight:700;
	font-size:16px;
}
table thead th {
	background:#eaeaea;
}
table caption, table th, table td {
	font-weight: normal;
	text-align: left; 
}

table th {
	border-width: 0 1px 1px 0;
	font-weight: 700;
	color:#444444;
}
table td {
	border-width: 0 1px 1px 0;
}
table tr th, table tr td {
	padding: 8px 12px;
}

/* -------------------- B. FONT STYLES -------------------- */
body,  body input, body textarea, select { 
	line-height: 1.8; 
	font-size:16px;
	color:#494b50;
	font-family: 'Source Sans Pro', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	-ms-word-wrap: break-word;
	word-wrap: break-word; 
	padding:0px;
	color:#424347;
	margin:0px 0px 15px 0px;
	line-height:1.4;
	font-family: 'PT Sans', sans-serif;
}

h1 { 
	font-size:36px; 
	line-height:1.2;
}
h2 { 
	font-size:30px; 
}
h3 { 
	font-size:28px;
}
h4{
	font-size:26px;
}
h5 {
	font-size:22px;
}
h6 { 
	font-size:19px;
}

/* -------------------- C. CSS3 TRANSITIONS -------------------- */
#pro-scroll-top {
	transition-duration: 250ms; 
	transition-property: color, background-color, height; 
	transition-timing-function: ease-in-out;
}

.progression-sidebar-tab-container.active-recent-tab ul.progression-sidebar-tab-heading li.recent-tab-selector-progression:after,
.progression-sidebar-tab-container.active-featured-tab ul.progression-sidebar-tab-heading li.featured-tab-selector-progression:after,
ul.progression-sidebar-tab-heading li,
.progression-sidebar-tab-container ul.recent-posts-lists-progression h6,
body .wpd-av button,
.elementor-social-icon i,
.elementor-icon-list-item .elementor-icon-list-icon i,
.elementor-icon-list-item .elementor-icon-list-text,
.boosted-slider-arrow-down,
h2.progression-bayside-progression-slider-title,
h2.progression-blog-title,
.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;
}


#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 -------------------- */
.width-container-pro { 
	width:1200px;
	margin: 0 auto;
	position:relative;
	padding:0px;
}

#main-container-pro {
	float:left;
	width:72.5%;
	position:relative;
}

.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;
}
.blog .progression-studios-sidebar-hide-no-content-blog .sidebar,
.blog .no-active-sidebar-progression-studios .sidebar {
	display:none;
}
.sidebar {
	float:right; 
	width:25%;	
}

.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:20px;
	padding-left:20px ;
}

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

#bayside-progression-header-top .header-top-content-container-width,
header#masthead-pro .progression-studios-logo-container {
	z-index:50;
	width:96%;
	margin-left:auto;
	margin-right:auto;
}


.progression-studios-transparent-header .progression-sticky-scrolled header#masthead-pro,
.progression-studios-transparent-header .progression-studios-overlay-header header#masthead-pro,
header#masthead-pro {
	z-index:50;
	position:relative;
	width:100%;
}

.progression-sticky-scrolled header#masthead-pro {
	border:none;
}

.progression-studios-transparent-header.progression-studios-header-shadow #progression-sticky-header {
	box-shadow: 0px 0px 10px rgba(0,0,0,  0);
}

.progression-studios-header-shadow header#masthead-pro {
	box-shadow: 0px 0px 10px rgba(0,0,0,  0.08);
}


header#masthead-pro #logo-pro {
	z-index:55;
	margin:0px;
	padding:0px;
	line-height:1;
	font-size:5px;
	border:none;
	float:left;
	position:relative;
}

.progression-studios-logo-position-right header#masthead-pro #logo-pro,
.progression-studios-logo-position-right #logo-pro {
	float:right;
	margin-left:25px;
	margin-right:0px;
}

body .progression-studios-logo-position-center header#masthead-pro #logo-pro,
body .progression-studios-logo-position-center #logo-pro {
	float:none ;
	margin:0 auto ;
	text-align:center ;
}
body .progression-studios-logo-position-center #logo-pro img {
	margin:0 auto ;
}

header#masthead-pro #logo-pro a {
	display:block;
}

body #logo-pro img {
	max-width:100%;
}


body.admin-bar .progression-sticky-scrolled {
	margin-top:32px;
}

.progression-studios-sticky-logo {
	display:none;
	float:left;
}

.progression-sticky-scrolled .progression-studios-sticky-logo {
	display:block;
}

.progression-sticky-scrolled .progresion-studios-still-hide-onsticky,
.progression-sticky-scrolled .progression-studios-hide-mobile-custom-logo {
	display:none;
}

.progression-sticky-scrolled .progression-studios-custom-logo-per-page-hide-default {
		display:block;
}

.progression-sticky-scrolled .progression-studios-default-logo-hide.progression-studios-default-logo {
	display:none;
}

.progression-studios-custom-logo-per-page-hide-default {
	display:none;
}

#progression-studios-nav-bg {
	position:relative;
	z-index:10;
}

#progression-nav-container {
	float:right;
}

header#masthead-pro.progression-studios-nav-left #progression-nav-container {
	float:left;
}

header#masthead-pro.progression-studios-nav-left #logo-pro {
	margin-right:20px;
}

header#masthead-pro.progression-studios-nav-center #progression-nav-container {
	width:1015px;
	margin:0 auto;
	float:none;
}


@media only screen and (min-width: 960px) and (max-width: 1300px) { 
	header#masthead-pro.progression-studios-nav-center #progression-nav-container {
		width:auto;
	}
}
@media only screen and (max-width: 960px) {
	header#masthead-pro.progression-studios-nav-center #progression-nav-container {
		width:auto;
	}
}

header#masthead-pro.progression-studios-nav-center #progression-nav-container nav#site-navigation {
	display:table;
	margin:0 auto;
}

.progression-disable-logo-below-per-page header#masthead-pro .progression-studios-logo-container,
.progression-disable-logo-below-per-page #header-container-logo-progression .progression-studios-logo-container {
	display:none;
}

#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:0px;
}

#progression-shopping-cart-count .shopping-cart-header-icon {
	top:-4px;
}

#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:20px;
}

#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:0px;
	padding:0px 25px 30px 25px;
}

#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:13px;
	box-shadow:none;
	border-color:#ececec;
	color:#333333;
	border-width:2px;
	border-radius:0px;
	background-color:#ffffff;
	background-position:right 10px;
	background-image:url(images/search-magnify.png);
	background-repeat:no-repeat;
}
body #panel-search-progression .search-form input.search-field { 
	color:#888888;
}
#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@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:90px auto 35px auto;
	text-align:center;
	font-size:16px;
	max-width:700px;
	padding:70px 25px 70px 25px;
	border-radius:6px;
	background:#ffffff;
	box-shadow: 0px 0px 60px rgba(0,0,0, 0.1);	
	border:1px solid #e7e7e7;
}

#error-page-index h4.error-sub-title {
	font-size:30px;
}

body #error-page-index a.button  {
	padding:18px 30px;
}

#error-page-index a.button i {
	margin-right:4px;
}



/*
=============================================== 04. 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 {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
}

#progression-studios-page-title-container {
	text-align:center;
}

#page-title-pro h1 {
	word-break: break-word;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
	padding:25px 0px 10px 0px;
	line-height:1;
	display:block;
	margin:0 0px 0px 0px;
	color:#2e2f32;
	font-size:50px;
	letter-spacing:0.02em;
	position:relative;
	z-index:5;
	border-bottom:3px solid #e5e5e5;
}


/*
=============================================== 06. LEFT SIDEBAR STYLES ===============================================
*/
body.progression-studios-personal-active:before {
	content:'';
	display:block;
	position:fixed;
	top:0;
	left:0;
	z-index:20;
	width:290px;
	background:#ffffff;
	height:100%;
	border-right:2px solid #e7e7e9;
}

#content-pro {
	float:left;
	width:calc(100% - 290px);
	position:relative;
}

.sidebar-main-left-bayside {
	width:290px;
	float:left;
	position:relative;
	z-index:50;
	padding-top:25px;
}
#sidebar-base-spacer-bayside {
	width:100%;
	height:1px;
	margin-top:-26px;
}

.sidebar-main-left-bayside .sidebar-item {
	padding:0px 30px;
	margin:0px 0px 25px 0px;
	border-bottom:1px solid #e7e7e9;
}

.sidebar-main-left-bayside h4.widget-title {
	font-size:15px;
	margin-bottom:20px;
	color:#c3c3c3;
	position:relative;
	text-transform:uppercase;
	font-family: 'Titillium Web', sans-serif;
}
.page-content-width-container {
	padding:0px 30px;
}

.single-post .page-content-width-container  {
	max-width:1000px;
	background:#ffffff;
	border-right:2px solid #e7e7e9;
}

@media only screen and (max-width: 960px) {
	.page-content-width-container {
		padding:0px 20px;
	}
	
	.single-post .page-content-width-container  {
		border-right:none;
	}
	
	#content-pro {
		width:100%;
	}
	.sidebar-main-left-bayside {
		display:none;
	}
	body.progression-studios-personal-active:before {
		display:none;
	}
	body .sidebar-main-left-bayside.display-tablet-mobile-sidebar {
		display:block;
	}
}
/* Search Form Placement */
.sidebar-search-container-bayside {
	padding:0px 30px;
	margin:0px 0px 25px 0px;
	border-bottom:1px solid #e7e7e9;
}

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

.sidebar-main-left-bayside .widget_search {
	display:none;
}

/* Mobile Search Bar */
.mobile-menu-icon-sidebar {
	left:0px;
	color:#c9ccce;
	position:absolute;
	top:23px;
	padding-right:5px;
	margin-right:10px;
	font-size:20px;
	margin-left:20px;
	cursor:pointer;
}

.active-mobile-sidebar-on .mobile-menu-icon-sidebar .fa-bars:before {
	content:"\f00d";
}

.sidebar-main-left-bayside.display-tablet-mobile-sidebar .sidebar-search-container-bayside {
	width:calc(100% - 120px);
	padding:0px 60px;
	margin-bottom:0px;
}

.sidebar-main-left-bayside.display-tablet-mobile-sidebar {
	display:none;
	width:100%;
	float:none;
	position:relative;
	z-index:50;
	padding-top:20px;
	background:#ffffff;
}

.sidebar-main-left-bayside.display-tablet-mobile-sidebar .search-form {
	margin-bottom:20px;
}

.sidebar-hidden-spacer-top {
	height:25px;
}

.sidebar-left-hidden-mobile {
	display:none;
}

/* Sidebar Off Setting */
.progression-disable-left-sidebar-all .page-content-width-container {
	padding:0px 20px;
}
.progression-disable-left-sidebar-all #content-pro {
	width:100%;
}
.progression-disable-left-sidebar-all .sidebar-main-left-bayside,
body .progression-disable-left-sidebar-all .sidebar-main-left-bayside.display-tablet-mobile-sidebar {
	display:none;
}


/*
=============================================== 07. HEADER ICONS ===============================================
*/
.progression-studios-header-left ul.progression-studios-header-social-icons {
	float:left;
	margin-left:20px;
}

.progression-studios-header-right ul.progression-studios-header-social-icons {
	margin-left:20px;
}
ul.progression-studios-header-social-icons {
	list-style:none;
	margin:0px;
	padding:0px;
	float:right;
}

ul.progression-studios-header-social-icons li {
	display:inline;
	margin:0px;
	padding:0px;
}

.progression-studios-logo-container ul.progression-studios-header-social-icons {
	margin-left:16px;
}

ul.progression-studios-header-social-icons li a {
	display:inline-block;
	text-align:center;
	margin:0px 4px 0px 4px;
	border-radius:0px;
	padding:5px 3px;
	font-size:14px;
}

@media only screen and (max-width: 1200px) {
	ul.progression-studios-header-social-icons li a {
		margin-left:3px;
		margin-right:3px;
	}
}

ul.progression-studios-header-social-icons li:last-child a {
	margin-right:0px;
}


#progression-header-icons-inline-display ul.progression-studios-header-social-icons {
	margin-left:18px;
}

@media only screen and (max-width: 1050px) {

	#progression-header-icons-inline-display ul.progression-studios-header-social-icons {
		margin-left:8px;
	}
}

#masthead-pro .search-form {
	line-height:1;
	padding:28px 0px 0px 0px;
	margin:0px auto;
}

/*
=============================================== 08. 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 #e5e5e5;
	margin:0px;
	color:#444444;
	width: calc(100% - 60px);
	padding:8px 35px 8px 23px;
	font-size:13px;
	background-image:url(images/search-magnify.png);
	background-position:right 8px;
	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:30px 23px;}
}


/*
=============================================== 09. ELEMENTOR CUSTOM STYLES ===============================================
*/
/* Remove Header/Footer from Elementor Canvas */
body.single-elementor_library .bpm-progression-sidebar-container,
body.single-elementor_library.progression-studios-personal-active:before,
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);
		
	}
}


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

#bayside-progression-header-top .textwidget {
	display:inline-block;
	position:relative;
}

#bayside-progression-header-top span.widget-title {
	display:inline-block;
	margin-right:7px;
	font-weight:700;
}

#bayside-progression-header-top {
	color:#2e2e2e;
	font-size:14px;
	line-height:1;
	position:relative;
	z-index:55;
	font-weight:600;
	font-family: 'Titillium Web', sans-serif;
}
#bayside-progression-header-top .progression-studios-header-social-icons {
	font-weight:400;
}

#bayside-progression-header-top span.progression-mini-banner-icon {
	display:none;
}
#bayside-progression-header-top .widget i {
	font-size:110%;
	position:relative;
	margin-bottom:-5px;
	margin-right:7px;
}

#bayside-progression-header-top .sf-menu i {
	font-size:110%;
	position:relative;
	top:0px;
	margin-bottom:-5px;
	margin-right:7px;
}

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

.progression-studios-header-left .sf-menu {
	margin-left:-15px;
}

#bayside-progression-header-top #progression-header-top-right-container .sf-menu {
	margin-right:10px;
}

#bayside-progression-header-top .sf-menu li li a:hover .progression-studios-menu-title {
	padding-left:0px;
	margin-right:0px;
}
#bayside-progression-header-top .sf-menu li li a:hover .progression-studios-menu-title:before  {
	opacity:0;
}


#bayside-progression-header-top .sf-menu a {
	text-align:left;
	color:#2e2e2e;
	padding-left:16px;
	padding-right:16px;
	background:none;
	margin-top:0px;
	border:none;
}

#bayside-progression-header-top .sf-arrows .sf-with-ul {
	padding-right: 35px;
}
#bayside-progression-header-top .sf-arrows .sf-with-ul:after { 
	right: 29px;
}

#bayside-progression-header-top .sf-menu li li a {
	text-decoration:none;
	margin:0px;
	padding:13px 0px;
	font-size:11px;
}

#bayside-progression-header-top .sf-menu ul {
	border-top:none;
	padding:10px 28px;
	border-radius:0px;
}
#bayside-progression-header-top .sf-mega {
	z-index:60; 
	display:none; 
	left:0px; 
	position:absolute; 
	box-sizing: border-box ; 
	width:100%; 
	padding:0px;
	 margin:0px;	
}

#bayside-progression-header-top .sf-mega {
	width:1200px; 
	left:50%; 
	margin-left:-600px;
}

#bayside-progression-header-top .sf-menu .sf-mega {
	padding-top:0px; 
	padding-bottom:0px;
}
#bayside-progression-header-top .sf-menu .sf-mega  ul {
	padding-top:0px; 
	padding-bottom:0px;
}
#bayside-progression-header-top .sf-menu .sf-mega  ul  {
	border-top:none;
	margin-top:0px;
}
#bayside-progression-header-top .sf-mega li li a {
	padding-right:25px;
}/* Mega Padding-right fix to allow more space */

#bayside-progression-header-top .sf-mega li li:last-child a {
	padding-bottom:18px;
}

#bayside-progression-header-top .sf-mega ul {
	background:none;
	margin:0;
	border:none;
}


/*
=============================================== 11. 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 {
	margin:25px auto 40px auto;
	display:inline-block;
	line-height:1;
	border:none;
	text-align:center;
	border-radius:3px;
	width:auto;
	padding:17px 26px;
	font-weight:700;
	background:rgba(0,0,0, 0.06);
	color:rgba(0,0,0, 0.65);
	font-family: 'Titillium Web', sans-serif;
}

.infinite-nav-pro a:hover {
	color:#ffffff;
	border-color:#ffffff;
}


#infscr-loading {
	font-size:15px;
	font-weight:700;
	color:#aeaeae;
}

#gallery-masonry-loading { 
	position:relative; 
}

#infscr-loading {
    text-align: center;
    z-index: 31;
    position: absolute;
    left: 50%;
    bottom:15px;
	opacity:1;
    min-width: 80px;
    margin-left:-40px;
	height:80px;
	line-height:80px;
    background: #e4e4e4; 
    color: #ffffff;
	border-radius: 100px;

	
}
#infscr-loading img {
	margin:20px 0px;
}

#infscr-loading img {
	display:inline-block !important;
}

div#no-more-posts {
	display:none;
}

/* Post Filtering  */
ul.progression-filter-button-group {
	list-style:none;
	margin:0px 0px 10px 0px;
	padding:0px;
	position:relative;
}

ul.progression-filter-button-group:after {
	content:'';
	display:block;
	background:#e7e7e9;
	position:absolute;
	bottom:0px;
	width:100%;
	height:1px;
}

ul.progression-filter-button-group li {
	position:relative;
	display:inline-block;
	margin:0px;
	padding:0px;
	color:#999999;
	font-family: 'Titillium Web', sans-serif;
	font-weight:600;
	font-size:16px;
	line-height:1;
	padding:16px 0px;
	margin-right:50px;
}

ul.progression-filter-button-group li:after {
	content:'';
	display:block;
	background:transparent;
	position:absolute;
	bottom:0px;
	width:100%;
	height:1px;
	z-index:10;
}

ul.progression-filter-button-group.progression-centered-filte-filter-pro li {
	margin-left:25px;
	margin-right:25px;
}

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

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


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

#bayside-progression-header-top .progression-studios-header-right h2.mega-menu-heading {
	text-align:left;
}

nav#site-navigation {
	font-weight:700;
	font-family: 'Titillium Web', sans-serif;
	letter-spacing: 0px;
	text-transform:uppercase;
}

.mobile-menu-icon-pro {
	color:#707070;
	padding:41px 0px 41px 10px;
	margin:0 auto;
	font-size:18px;
	line-height:1;
}

.progression-studios-nav-count-cat-off span.progression-studios-nav-cat-count {
	display:none;
}
span.progression-studios-nav-cat-count {
	display:inline-block;
	border-radius:30px;
	text-align:center;
	height:18px;
	padding:0px 6px;
	line-height:18px;
	font-size:10px;
	margin-bottom:-6px;
	position:relative;
	top:-2px;
	margin-left:6px;
	color:#ffffff;
	background:rgba(255,255,255,  0.11);
}

.sf-menu ul span.progression-studios-nav-cat-count {
	height:16px;
	padding:0px 5px;
	line-height:16px;
	font-size:9px;
}

.sf-menu a {
	line-height:1;
	color:#292935;
	font-size:18px;
	padding:27px 15px;
	text-transform:uppercase;
}

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

#bayside-progression-header-top .sf-menu a:before {
	display:none;
}

.sf-menu a:before {
	z-index:-1;
	content:"";
	display:block;
	position:absolute;
	left:0px;
	margin-top:17px;
	height:2px;
	background:#888888;
	opacity:0;
	width:0px;
	margin-left:15px;
}

.sf-menu .sf-mega:before {
	display:none ;
}
.sf-menu li li a:before {
	display:none;
}

.sf-menu ul ul ul ul li:after,
.sf-menu ul ul ul li:after,
.sf-menu ul ul li:after,
.sf-menu ul li:after,
.sf-menu li:first-child:after {
	display:none;
}

/* removes arrow up on mega menu */
header .sf-mega ul:after { display:none !important; }


/* Banner Icon */
.progression-mini-banner-icon {
	position:absolute;
	top:8px;
	right:9px;
	line-height:1;
	padding:4px 7px 3px 7px;
	font-size:9px;
	border-radius:20px;
	background:#4145ee;
	color:#ffffff;
}

.sf-menu li li .progression-mini-banner-icon {
	font-size:8px;
	top:14px;
	right:0px;
}
.sf-menu li .sf-mega h2 .progression-mini-banner-icon {
	top:22px;
	right:0px;
}

.sf-menu li .sf-mega .progression-mini-banner-icon {
	top:14px;
	right:0px;
}

/* Fix for divider */
#main-nav-mobile {
	font-weight:700;
	font-family: 'Titillium Web', sans-serif;
}

ul#progression-studios-panel-login,
#progression-checkout-basket,
#panel-search-progression,
.sf-menu ul {
	font-weight:600;
	font-family: 'Titillium Web', sans-serif;
	-webkit-font-smoothing:subpixel-antialiased;
}

.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 {
	text-transform:none;
	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 {
	text-transform:uppercase;
	position:relative;
	font-size:18px;
	font-weight:700;
	font-family: 'PT Sans', 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:-5px;
}
.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: 959px) {

	.progression_studios_force_dark_navigation_color .progression-sticky-scrolled .sf-menu li.highlight-button a,
	.progression_studios_force_light_navigation_color .progression-sticky-scrolled .sf-menu li.highlight-button a {
		color:#ffffff;
	}

	.progression_studios_force_light_navigation_color .sf-menu a {
		color:#ffffff;
	}
	
	.progression_studios_force_light_navigation_color  .sf-menu li.highlight-button a:hover,
	.progression_studios_force_light_navigation_color  .sf-menu li.highlight-button a {
		color:#232323;
	}
	.progression_studios_force_light_navigation_color  .sf-menu li.highlight-button a:hover:before,
	.progression_studios_force_light_navigation_color  .sf-menu li.highlight-button a:before,
	.progression_studios_force_light_navigation_color #progression-shopping-cart-count span.progression-cart-count {
		background:#ffffff;
		color:#000000;
	}

	
	.progression_studios_force_light_navigation_color #progression-shopping-cart-count a.progression-count-icon-nav .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;
	}
}


/*
=============================================== 13. MOBILE NAVIGATION STYLES ===============================================
*/
span.progression-mobile-menu-text {
	padding-left:6px;
	position:relative;
	top:-2px;
	font-weight:700;
	text-transform:uppercase;
}

.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: 960px){ 
	#main-nav-mobile { 
		display:none !important;
	}
}

#main-nav-mobile .sf-menu li li .progression-mini-banner-icon,
#main-nav-mobile .sf-menu li .sf-mega h2 .progression-mini-banner-icon,
#main-nav-mobile .sf-menu li .sf-mega .progression-mini-banner-icon,
#main-nav-mobile .progression-mini-banner-icon {
	top:22px;
	right:70px;
}

@media only screen and (min-width: 959px) {
	.progression_studios_force_light_navigation_color .progression-mini-banner-icon {background:#ffffff; color:#000000;}
	.progression_studios_force_dark_navigation_color .progression-mini-banner-icon {background:#000000; color:#ffffff;}
}

ul.mobile-menu-pro {
    width: 100%;
    margin: 0;
    padding: 0;	
    list-style-type: none;
	display:block !important;
	overflow:hidden;
	width: 100%; 
}

ul.mobile-menu-pro li {
    position: relative;
    display: inline-block;
}
ul.mobile-menu-pro > li {
	margin-right: -5px;
	border-left: 1px rgba(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;
	text-transform:uppercase;
}

ul.mobile-menu-pro li li a {
	text-transform:uppercase;
	font-weight:700;
}

body #progression-sticky-header header ul.mobile-menu-pro h2.mega-menu-heading a,
ul.mobile-menu-pro .sf-mega h2.mega-menu-heading a, ul.mobile-menu-pro .sf-mega h2.mega-menu-heading {
	min-height: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.85);
	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;
}


/*
=============================================== 14. SIDEBAR STYLES ===============================================
*/
.sidebar-main-left-bayside,
.sidebar {
	font-size:15px;
	color:#888888;
}

.sidebar-item {
	margin-bottom:45px;
}

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

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

.sidebar-main-left-bayside a,
.sidebar a {
	color:#2e2f32;
}

.sidebar-main-left-bayside a:hover,
.sidebar ul li.current-cat, .sidebar ul li.current-cat a,
.sidebar a:hover {
	color:#4b83b0;
}

.tagcloud {
	margin-bottom:15px;
}

.sidebar h4.widget-title {
	font-size:16px;
	margin-bottom:24px;
	color:#070714;
	position:relative;
	text-transform:uppercase;
}

.sidebar h4.widget-title:after {
	content:'';
	margin:8px 0px 0px 0px;
	display:block;
	width:28px;
	height:2px;
	background:#d0d0d0;
}


.sidebar-main-left-bayside ul li:before,
.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-main-left-bayside .widget_recent_entries ul li:before,
.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-main-left-bayside .widget_categories ul li:before,
.sidebar .widget_categories ul li:before {
	content: "\f07c";
	top:3px;
}

.sidebar-main-left-bayside .widget_archive ul li:before,
.sidebar .widget_archive ul li:before {
	content: "\f133";
	top:3px;
}

.sidebar-main-left-bayside .widget_recent_comments ul li:before,
.sidebar .widget_recent_comments ul li:before {
	font-size:90%;
	content: "\f086";
	font-weight:900;
	font-family: "Font Awesome 5 Free";
	top:1px;
	opacity:1;
}

.sidebar-main-left-bayside ul,
.sidebar ul {
	list-style:none;
	margin:0px 0px 20px 0px;
	padding:0px;
}


.sidebar-main-left-bayside ul ul.sub-menu,
.sidebar-main-left-bayside ul ul.children ,

.sidebar ul ul.sub-menu,
.sidebar ul ul.children {
	margin-top:4px;
}

.sidebar-main-left-bayside ul ul,
.sidebar ul ul {
	margin:0px;
	padding:4px 0px 0px 12px;
}

.sidebar-main-left-bayside ul ul li:last-child,
.sidebar ul ul li:last-child {
	border:none;
	margin-bottom:0px;
	padding-bottom:0px;
}

.sidebar-main-left-bayside ul li,
.sidebar ul li {
	position:relative;
	line-height:1.5;
	margin:0px 0px 4px 0px;
	padding:0px 0px 4px 20px;
}

body .sidebar-main-left-bayside ul ul,
body .sidebar ul ul {
	margin-left:-15px;
}

body .sidebar-main-left-bayside ul ul ul ul,
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%;
}

.widget_rss ul span.rss-date {
	display:block;
	font-size:90%;
	margin-bottom:5px;
}

.widget_rss ul li {
	padding-left:0px;
}

.widget_rss ul cite {
	display:block;
	font-style:italic;
	padding-top:8px;
	opacity:0.8;
	font-size:90%;
}

/* Calendar */
.widget table#wp-calendar {
	width:100%;
}

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

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

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

/* Custom Widget */
.progression-sidebar-tab-container ul.progression-sidebar-tab-heading {
	font-family: 'Titillium Web', sans-serif;
	font-weight:700;
	text-transform:uppercase;
	font-size:15px;
	position:relative;
	width:100%;
	overflow:hidden;
	padding-bottom:9px;
	margin-bottom:15px;
	position:relative;
}

.progression-sidebar-tab-container ul.progression-sidebar-tab-heading:after {
	position:absolute;
	bottom:1px;
	content:'';
	display:block;
	width:100%;
	height:1px;
	background:#e7e7e9;
}


.progression-sidebar-tab-container ul.progression-sidebar-tab-heading li {
	color:#cbcbcb;
	cursor:pointer;
	display:block;
	margin-right:15px;
	float:left;
	position:relative;
}

.progression-sidebar-tab-container ul.progression-sidebar-tab-heading li:after {
	position:absolute;
	bottom:-8px;
	content:'';
	display:block;
	width:100%;
	height:1px;
	background:rgba(0,0,0, 0);
	z-index:5;
}

.progression-sidebar-tab-container ul.progression-sidebar-tab-heading li:last-child {
	margin-right:0px;
}

.progression-sidebar-tab-container.active-recent-tab ul.progression-sidebar-tab-heading li.recent-tab-selector-progression,
.progression-sidebar-tab-container.active-featured-tab ul.progression-sidebar-tab-heading li.featured-tab-selector-progression {
	color:#aaaaaa;
}

.progression-sidebar-tab-container.active-recent-tab ul.progression-sidebar-tab-heading li.recent-tab-selector-progression:after,
.progression-sidebar-tab-container.active-featured-tab ul.progression-sidebar-tab-heading li.featured-tab-selector-progression:after {
	background:#b7b8be;
}


ul.progression-sidebar-tab-heading i {
	margin-right:3px;
}

.progression-sidebar-tab-container ul {
	margin:0px;
	padding:0px;
}

.progression-sidebar-tab-container ul li {
	margin:0px;
	padding:0px;
}

.progression-sidebar-tab-container ul li:before {
	display:none;
}

.recent-post-image-progression {
	float:left;
	width:70px;
}

.recent-posts-image-exists {
	float:right;
	width:150px;
}

.sidebar .recent-post-image-progression {
	margin-right:10px;
}

.sidebar .recent-posts-image-exists {
	float:none;
	width:auto;
}


.progression-sidebar-tab-container ul.recent-posts-lists-progression {
	margin-bottom:15px;
}

.progression-sidebar-tab-container ul.recent-posts-lists-progression li {
	border-bottom:1px dotted #e7e7e9;
	margin-bottom:10px;
	padding-bottom:14px;
}

.progression-sidebar-tab-container ul.recent-posts-lists-progression li:last-child {
	border:none;
}

.progression-sidebar-tab-container ul.recent-posts-lists-progression h6 {
	font-size:15px;
	line-height:1.3;
	margin-bottom:2px;
}

.progression-sidebar-tab-container ul.recent-posts-lists-progression a h6 {
	color:#424347;
}

.progression-sidebar-tab-container ul.recent-posts-lists-progression a:hover h6  {
	color:#4b83b0;
}

.time-stamp-sidebar-progression {
	margin-top:0px;
	font-family: 'Titillium Web', sans-serif;
	font-style:italic;
	font-size:11px;
	color:#aaaaaa;
}

.active-featured-tab #recent-posts-lists-tab-progression-container,
.active-recent-tab #popular-posts-lists-tab-progression-container {
	display:none;
}


.active-recent-tab #recent-posts-lists-tab-progression-container,
.active-featured-tab #popular-posts-lists-tab-progression-container {
	display:block;
}





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

/* Pagination */
#content-pro ul.page-numbers {
	list-style:none;
	margin:20px 0px 40px 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:13px;
	padding:14px 19px 15px 19px;
	line-height:1;
	background:rgba(0,0,0, 0.07);
	color:rgba(0,0,0, 0.7);
	border-radius:3px;
	font-weight:700;	
	font-family: 'Titillium Web', 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:rgba(0,0,0, 0.65);
	box-shadow:none;
}

body .progression-page-nav span.current {
	background:none;
	padding:0px;
	line-height:1;
}

#content-pro ul.page-numbers li span.current, #content-pro ul.page-numbers li a {
	display:inline-block;
	text-align:center;
	margin:0px 2px 2px 2px;
	font-size:13px;
	padding:14px 19px 15px 19px;
	line-height:1;
	background:rgba(0,0,0, 0.07);
	color:rgba(0,0,0, 0.7);
	border-radius:3px;
	font-weight:700;
	font-family: 'Titillium Web', sans-serif;
}


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

/*
=============================================== 16. BLOG INDEX STYLES ===============================================
*/
.progression-studios-sticky-post {
	position:absolute;
	top:0px;
	right:20px;
	font-size:11px;
	font-weight:700;
	padding:9px 14px;
	line-height:1;
	background:#333333;
	color:#ffffff;
}

.progression-studios-default-blog-index {
	border-bottom:2px solid #e5e5e6;	
	position:relative;
	background:#ffffff;
}

.progression-blog-content {
	padding:25px 20px 30px 20px;
}

.progression-studios-default-blog-index:hover {
	border-color:#ee5845;
}

h2.progression-blog-title {
	font-size:28px;
	line-height:1.1;
	margin-bottom:10px;
}

.progression-studios-blog-excerpt p {
	margin-bottom:20px;
}

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

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

body .progression-studios-feaured-image img {
	transition: all 400ms;
}

/* Icon Overlay */
.progression-studios-image-overlay {
	position:absolute;
	bottom:12px;
	left:12px;
}

.blog-meta-category-list {
	float:left;
}

.blog-meta-category-list a:hover,
.blog-meta-category-list a {
	float:left;
	display:inline-block;
	line-height:1;
	margin-right:4px;
	font-size:14px;
	color:#000000;
	padding:5px;
	border-radius:3px;
	text-transform:uppercase;
	font-family: 'Titillium Web', sans-serif;
	font-weight:700;
	background:#ffffff;
}

.post-type-icon {
	float:left;
}

.post-type-icon a:hover,
.post-type-icon a {
	display:inline-block;
	line-height:1;
	font-size:14px;
	color:#000000;
	padding:5px;
	border-radius:3px;
	text-transform:uppercase;
	background:#ffffff;
	float:left;
}

ul.progression-post-meta {	
	list-style:none;
	margin:0px 0px 10px 0px;
	padding:0px;
}

ul.progression-post-meta li {
	display:inline;
	margin:0px;
	padding:0px;
	line-height:1;
}

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

ul.progression-post-meta li a:hover,
ul.progression-post-meta li a {
	display:block;
	float:left;
	margin:0px 5px 5px 0px;
	line-height:1;
	border-radius:3px;
	padding:7px;
	font-size:13px;
	color:#92959d;
	background:#f1f1f1;
}

.progression-blog-content a.more-link {
	display:none;
}



/*
=============================================== 17. BLOG POST STYLES ===============================================
*/

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 .sidebar {
	display:none;
}

.blog-single-category-display {
	margin-bottom:15px;
	padding-top:25px;
}

.blog-single-category-display a {
	position:relative;
	display:inline-block;
	line-height:1;
	margin-right:10px;
	margin-bottom:5px;
	font-size:14px;
	padding:6px;
	text-transform:uppercase;
	color:#ffffff;
	font-family: 'Titillium Web', sans-serif;
	font-weight:700;
	background:#000000;
}

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

#single-post-divider-base {
	margin-top:5px;
	padding-bottom:15px;
	border-top:2px solid #e5e5e5;
}

body.single-post #page-title-pro h1 {
	border-bottom:none;
	padding-top:0px;
}

ul.progression-single-post-meta {
	list-style:none;
	margin:0px 0px 0px 0px;
	padding:0px;
	font-size:15px;
	line-height:1.4;
	font-weight:400;
	font-style:italic;	
	color:#92959d;
}

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

ul.progression-single-post-meta li i {
	margin-right:5px;
	opacity:0.8;
}

ul.progression-single-post-meta li:after {
	content:' ·';
	font-size:20px;
	position:relative;
	top:2px;
	margin:0px 12px;
	opacity:0.76;
}

ul.progression-single-post-meta li a {
	color:#424347;
}

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

.progression-studios-single-main-image {
	margin-bottom:20px;
}

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

.comment-navigation a {
	font-weight:700;
	font-family: 'PT Sans', sans-serif;
	
}
.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;
}

#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:#ffffff;
	border-radius:5px;
	border:2px solid rgba(0,0,0, 0.08);
}

.comment-body:before {
	content:'';
	display:block;
	position:absolute;
	left:80px;
	top:30px;
	border-top: 10px solid transparent;
  	border-bottom: 10px solid transparent; 
	border-right:10px solid rgba(0,0,0, 0.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:#35364c;}
.comment-author cite {
	display:inline-block;
	font-style:normal;
	font-weight:700;
	line-height:1.2;
	color:#35364c;
	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;
	padding-bottom:45px;
}

.comment-list a.comment-edit-link {
	font-size:12px;
	font-weight:700;
}

/* Tags */
#comments.comments-area {
	margin:0px 0px 0px 0px;
}

#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 {
	margin:0px 0px 35px 0px;
	padding-top:20px;
}

.tags-progression-studios a {
	display:inline-block;
	line-height:1;
	margin-right:10px;
	padding:11px 18px;
	margin-bottom:5px;
	border:1px solid ;
	font-size:15px;
	background:#f5f5f5;
	border:none;
}

/* Blog Sharing */
ul#blog-single-social-sharing {
	list-style:none;
	margin:0px 20px 5px 0px;
	padding:0px;
	float:left;
	width:120px;
	float:left;
}

ul#blog-single-social-sharing li {
	margin-bottom:5px;
}


ul#blog-single-social-sharing li a {
	line-height:1px;
	display:block;
	border-radius:3px;
	background:#f5f5f5;
	color:#92959d;
	padding:8px 8px;
	font-size:14px;
}

ul#blog-single-social-sharing li i {
	margin-right:6px;
	font-size:15px;
	opacity:0.9;
}

@media only screen and (max-width: 767px) {
	ul#blog-single-social-sharing {
		width:92px;
		margin-right:10px;
	}
	ul#blog-single-social-sharing li a {
		padding:7px;
		font-size:13px;
	}

	ul#blog-single-social-sharing li i {
		margin-right:5px;
		font-size:14px;
	}
	
}

/*
=============================================== 18. 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 18px;
	background:#ffffff;
	color:#444444;
	border:none;
	font-size:14px;
	border:1px solid #ffffff;
}

#respond textarea,
.wpcf7-form textarea {
}

span.wpcf7-form-control-wrap  {
	padding-top:3px;
	display:block;
}

.post-password-form {
	font-size:14px;
}

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

.wpcf7-form .grid1column-progression input,
.wpcf7-form .grid2column-progression input,
#respond textarea, .comment-respond textarea, .wpcf7-form textarea {
	width:95%;
	width: calc(100% - 36px);
}

body #respond textarea,
#respond .grid3column-progression input[type="text"],
#respond .grid3column-progression input[type="email"],
#respond .grid3column-progression input[type="url"] {
	width:96%;
	width:calc(100% - 30px);
}

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

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

#respond select,
.wpcf7 select, .widget select,
#progression-studios-woocommerce-single-top table.variations td.value select{
	border-radius:3px;
	line-height:1;
	padding:14px 45px 14px 18px;
	font-size:13px;	
	font-weight:400;
	background:rgba(0,0,0, 0.02);
	border:1px solid  rgba(0,0,0, 0.09);
	-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);
	-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;
}



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

.wpcf7 select::ms-expand,
.widget select::ms-expand {
	display:none;
}

/*
=============================================== 19. BUTTON STYLES ===============================================
*/
.tagcloud a {
	line-height:1;
	border:none;
	text-align:center;
	display:inline-block;
	border-radius:60px;
	width:auto;
	padding:9px 14px;
	font-weight:700;
	color:#ffffff;
	margin-bottom:5px;
	background:#6e16ff;
	font-size:12px !important;
	letter-spacing:0.02em;
    font-weight: 700;
}

.wp-block-button a.wp-block-button__link  {
	font-size:22px;
	padding:16px 35px;
    font-weight: 700;
}

.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-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:18px 36px;
	color:#ffffff;
	background:#6e16ff;
	font-size:15px;
    font-weight: 700;
}

.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:18px 36px;
	font-size:16px;
	color:#ffffff;
	background:#6e16ff;
    font-weight: 700;
}

.post-password-form input[type=submit] {
	padding-top:17px;
	padding-bottom:17px;
}

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

#respond input.submit {
	margin-top:15px;
}

.wpcf7-form input.wpcf7-submit {
	margin-top:5px;
}

/*
=============================================== 20. 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:15px;
	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 label {
	display:none;
}
.mc4wp-form p {
	margin:0px;
	padding:0px;
	display:inline;
}

.mc4wp-form .mc4wp-form-fields {
	width:100%;
	padding:0px;
	margin:0px;
}
.mc4wp-form input {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	border-radius: 4px;
	padding:10px 14px;
	font-size:14px;
	border:2px solid rgba(255,255,255,  1);
	background:rgba(255,255,255, 1);
	width: calc(100% - 95px);
	margin-right:3px;
}
.mc4wp-form .mc4wp-form-fields {
	display:inline-block;
}

.mc4wp-form input[type="submit"] {
	margin-right:0px;
	background:#34b1bb;
	font-size:12px;
	color:#ffffff;
	padding:12px 14px 12px 14px;
	border-radius: 5px;
	border:none;
	position:relative;
	width:auto;
	font-weight:700;
	border:2px solid #34b1bb;
	top:-1px;
}
.mc4wp-form input[type="submit"]:hover {
	color:#ffffff;
	background:#2a9eac;
	
}

.mc4wp-form .mc4wp-alert {
	font-style:italic;
	font-size:12px;
	padding-top:5px;
}

span.highlight-color {
	position:relative;
	font-size:85%;
	top:-1px;
	color:#ffffff;
	z-index:5;
	margin-left:5px;
}

span.highlight-color:after {
	content:'';
	display:block;
	top:-4px;
	left:-4px;
	position:absolute;
	width:calc(100% + 8px);
	height:calc(100% + 8px);
	background:#2196f3;
	z-index:-1;
	border-radius:4px;
}

/* Scroll to top */
#pro-scroll-top {
	display:none;
	cursor:pointer;
	position: fixed; 
	overflow: hidden; 
	text-indent: 100%; 
	white-space: nowrap; 
	z-index:100;
	height: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;
}


/*
=============================================== 21. RESPONSIVE STYLES ===============================================
*/

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

	body #boxed-layout-pro {
		width:100%;
	}

	.recent-post-image-progression {
		margin-right:10px;
	}
	.recent-posts-image-exists {
		float:none;
		width:auto;
	}
	
	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-header-top-right-container, .progression-studios-header-right .widget, #progression-header-top-left-container, .progression-studios-header-left .widget {
		display:inline-block;
		float:none;
	}

	#bayside-progression-header-top.progression_studios_hide_top_left_right .progression-studios-header-right,
	#bayside-progression-header-top.progression_studios_hide_top_left_bar .progression-studios-header-left,
	#bayside-progression-header-top.progression_studios_hide_top_left_bar.progression_studios_hide_top_left_right {
		display:none;
	}
	
	body .progression-studios-mobile-transparent-header header#masthead-pro {
		position:absolute;
		z-index:50;
		background-color:transparent;
	}
	body .progression-studios-mobile-transparent-header header#masthead-pro:after {
		display:block;
	}
	
	.progression_studios_footer_logo_left #progression-studios-footer-logo,
	.progression_studios_footer_logo_right #progression-studios-footer-logo,
	.footer-copyright-align-right #copyright-text {
	text-align:center;
	float:none;
	}

	#copyright-text {
		text-align:center;
		float:none;
	}
	.footer-copyright-align-right #copyright-text, #copyright-text {
		float:none;
		width:100%;
	}
	

	footer#site-footer ul.progression-studios-footer-nav-container-class,
	footer#site-footer.progression_studios_nav_footer_center ul.progression-studios-footer-nav-container-class,
	footer#site-footer.progression_studios_nav_footer_left ul.progression-studios-footer-nav-container-class {
		float:none;
		margin:0 auto;
		text-align:center;
	}
	
	.progression_studios_footer_logo_left #progression-studios-footer-logo,
	.progression_studios_footer_logo_right #progression-studios-footer-logo,
	.footer-copyright-align-right #copyright-text {
		text-align:center;
		float:none;
	}

	#progression-header-icons-inline-display {
		display:none;
	}
	

	
}



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


	footer#site-footer.progression-studios-footer-full-width .width-container-pro,
	footer#site-footer .width-container-pro {
		width:88%; 
	}
	
	
	#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;
	}
	
	#bayside-progression-header-top.progression_studios_hide_top_left_right .progression-studios-header-right,
	#bayside-progression-header-top.progression_studios_hide_top_left_bar .progression-studios-header-left,
	#bayside-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;
	}

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


	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:49px;
		top:-49px;
	}
	
	#progression-studios-woocommerce-single-bottom .woocommerce-tabs ul.wc-tabs li a {
		font-size:11px;
		padding:14px 22px;
	}
	
	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;
	}
	
	.recent-post-image-progression {
		margin-right:10px;
	}
	.recent-posts-image-exists {
		float:none;
		width:auto;
	}
	
	
}