/*

Theme Name: Splitmag Progression
Theme URI: https://splitmag.progressionstudios.com
Author: Progression Studios
Author URI: https://progressionstudios.com/
Description: Magazine & News Theme
Version: 1.4
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: splitmag-progression

*/

/*  Table of Contents
01. CSS RESET FILE
02. PRIMARY STYLES
03. MAIN CONTAINERS
04. HEADER STYLES
05. PAGE TITLE STYLES
06. ELEMENTOR CUSTOM STYLES
07. GRID STYLES
08. SIDEBAR STYLES
09. PAGINATION STYLES
10. BLOG INDEX STYLES
11. BLOG POST PAGE TITLE
12. BLOG POST STYLES
13. CONTACT FORM STYLES
14. SEARCH FORM STYLES
15. BUTTON STYLES
16. FOOTER STYLES
17. SLIDER STYLES
18. Carousel Styles
19. CSS3 TRANSITIONS
20. RESPONSIVE STYLES

*/

/*
=============================================== 01. CSS RESET FILE ===============================================
*/
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}audio,canvas,video{display:inline-block}.bypostauthor,.gallery-caption,.sticky{background:0 0}[hidden],audio:not([controls]){display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}button,html,input,select,textarea{font-family:sans-serif;color:#222}body{margin:0;}a:focus{outline:dotted thin}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}blockquote{margin:1em 40px}dfn{font-style:italic}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}ins{background:#ff9;color:#000;text-decoration:none}mark{background:#ff0;color:#000;font-style:italic;font-weight:700}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:after,q:before{content:"";content:none}small{font-size:85%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}ol,ul{margin:1em 0;padding:0 0 0 40px}dd{margin:0 0 0 40px}nav ol,nav ul{list-style:none;margin:0;padding:0}img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle}svg:not(:root){overflow:hidden}figure,form{margin:0}fieldset{border:0;margin:0;padding:0}label{cursor:pointer}legend{border:0;padding:0;white-space:normal}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline}button,input{line-height:normal}button,input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}button[disabled],input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top;resize:vertical}input:invalid,textarea:invalid{background-color:#f0dddd}table{border-collapse:collapse;border-spacing:0}td{vertical-align:top}.chromeframe{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}.ir{display:block;border:0;text-indent:-999em;overflow:hidden;background-color:transparent;background-repeat:no-repeat;text-align:left;direction:ltr}.ir br{display:none}.hidden{display:none!important;visibility:hidden}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.invisible{visibility:hidden}.wp-caption,.wp-caption-text{font-size:11px; font-weight:400; line-height:1.2; color:#282828; }.clearfix-pro:after,.clearfix-pro:before{content:"";display:table}.clearfix-pro:after{clear:both}.lt-ie8 .clearfix-pro{visibility:hidden;width:0;height:0;clear:both}

/*
=============================================== 02. PRIMARY STYLES ===============================================
*/
body,  body input, body textarea, select { 
	line-height: 1.6;
	font-size:14px;
    color:#787878;
	font-family: 'Manrope', sans-serif;
}

.wp-block-latest-posts__list time {
    color:rgba(0,0,0, 0.55);
}

.elementor-element .elementor-heading-title {
    line-height:1.2;
}

h1, h2, h3, h4, h5, h6 {
	-ms-word-wrap: break-word;
	word-wrap: break-word; 
	padding:0px;
	color:#19191c;
	margin:0px 0px 15px 0px;
	line-height:1.2;
    letter-spacing:-0.03em;
	font-family: 'Manrope', sans-serif;
    font-weight:800;
}

body {
	background:#ffffff;
}

a {
	color:#4145ee;
}

a:hover {
	color:#292ca7;
}

img {
	max-width:100%; 
	height: auto; 
}
body iframe {
	border:none;
}

body a img, body a {
	outline:none; 
	text-decoration:none;
}
p {
	padding-top:0px; 
	margin:0px;
}

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

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

ul {
	list-style-type: disc;
}

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


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

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

#progression-studios-footer-page-builder {
    margin-top:40px;
}

.progression-studios-full-width-single #content-pro,
.progression-studios-full-width-single  #progression-studios-footer-page-builder,
.progression-studios-full-width-single footer#site-footer-progression-studios,
.progression-studios-no-hero-section-full  #progression-studios-footer-page-builder,
.progression-studios-no-hero-section-full footer#site-footer-progression-studios,
.progression-studios-no-hero-section-full #content-pro {
    left:0;
    width:100%;
}


#progression-studios-footer-page-builder,
footer#site-footer-progression-studios,
#content-pro {
    width:50%;
    position:relative;
    left:50%;
}

.splitmag-forty-divide #progression-studios-footer-page-builder,
.splitmag-forty-divide footer#site-footer-progression-studios,
.splitmag-forty-divide #content-pro {
    width:60%;
    left:40%;
}

.splitmag-forty-divide #page-title-pro,
.splitmag-forty-divide #progression-studios-page-title-page-builder {
    width:40%;
}


.splitmag-sixty-divide #progression-studios-footer-page-builder,
.splitmag-sixty-divide footer#site-footer-progression-studios,
.splitmag-sixty-divide #content-pro {
    width:40%;
    left:60%;
}

.splitmag-sixty-divide #page-title-pro,
.splitmag-sixty-divide #progression-studios-page-title-page-builder {
    width:60%;
}



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

.search .no-active-sidebar-progression-studios #main-container-pro,
.archive .no-active-sidebar-progression-studios #main-container-pro,
.single-post .no-active-sidebar-progression-studios #main-container-pro,
.blog .progression-studios-sidebar-hide-no-content-blog #main-container-pro,
.blog .no-active-sidebar-progression-studios #main-container-pro {
	float:none;
	width:100%;
	margin-left:auto;
	margin-right:auto;
}

.search .no-active-sidebar-progression-studios .progression-studios-sidebar,
.archive .no-active-sidebar-progression-studios .progression-studios-sidebar,
.single-post .progression-studios-sidebar-hide-no-content-blog .progression-studios-sidebar,
.blog .progression-studios-sidebar-hide-no-content-blog .progression-studios-sidebar,
.blog .no-active-sidebar-progression-studios .progression-studios-sidebar {
	display:none;
}

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

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

.page-title-archives-progression-studios {
	margin-bottom:70px;
}

/* 404 Error Basic */
#error-page-index {
	margin:25px auto 55px auto;
	text-align:center;
	font-size:15px;
	max-width:660px;
	border-radius:0px;
	padding:90px 25px 90px 25px;
    border:1px solid #eaeaea;
	box-shadow: 0px 0px 25px rgba(5,5,20, 0);
}

.progression-studios-video-index-none p {
    margin-bottom:0px;
}

/* Border Class */
.slider-background-overlay-color:before,
#progression-studios-page-title-container:before,
.hero-border-splitmag:before {
    content:'';
    position:absolute;
    z-index:15;
    display:block;
    right:46px;
    bottom:45px;
    height:1px;
    width:calc(100% - 90px);
    background:#FFFFFF4D;
}

.hero-border-splitmag:after,
#progression-studios-page-title-container:after,
.slider-background-overlay-color:after {
    content:'';
    position:absolute;
    z-index:15;
    display:block;
    right:45px;
    bottom:45px;
    height:100%;
    width:1px;
    background:#FFFFFF4D;
}



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

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

#floating-header-pro {
    position:absolute;
    width:100%;
    z-index:60;
}

body.elementor-editor-active #floating-header-pro {
    position:relative;
}

#progression-studios-page-title-page-builder {
    width:50%;
    position:fixed;
    z-index:55;
}

.divider-splitmag {
    display:none;
}

body.elementor-editor-active .divider-splitmag,
.display-divider-sub-title .divider-splitmag {
    display:block;
}

/*
=============================================== 05. PAGE TITLE STYLES ===============================================
*/
#page-title-pro {
	background:#000000;
	position:relative;
	display: table; 
	width:50%;
    height:100vh;
    position:fixed;
}

#page-title-overlay-image {
	position:absolute;
	top:0px;
	left:0px;
	content:"";
	display:block;
	width:100%;
	height:100%;
}

body #page-title-overlay-image{
    background-position:center center;
}

#page-title-pro:before {
	position:absolute;
	top:0px;
	left:0px;
	content:"";
	display:block;
	width:100%;
	height:100%;
	z-index:2;
}

#progression-studios-page-title-container {
	display: table-cell;
	vertical-align: bottom;
	text-align:center;
}

#page-title-pro h1 {
	word-break: break-word;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
	padding:0px 0px;
	line-height:1;
	display:inline-block;
	margin:0 auto 0px auto;
	color:#ffffff;
	font-size:50px;
	position:relative;
	z-index:5;
    padding-left:15px;
}

#page-title-pro h4 {
	margin:0px auto 22px auto;
	font-size:12px;
	position:relative;
	z-index:5;
	color:rgba(255, 255, 255, 0.6);
	line-height:1.5;
	font-weight:600;
    display:inline-block;
    letter-spacing:0.1em;
    padding-left:15px;
    text-transform:uppercase;
    position:relative;
}

#page-title-pro h4:after {
    position:relative;
    display:block;
    content:'';
    width:60px;
    height:2px;
    background:#F15F26;
    left:100%;
    margin-left:18px;
    top:-10px;
}

#page-title-pro h4 p {
	margin-bottom:0px;
}

#page-title-pro h4 a, #page-title-pro h4 a:hover {
	color:#ffffff;
}


/* Custom Overlay Background Adjustment */
#page-title-clip-splitmag .elementor-background-overlay {
	clip-path: ellipse(50% 130% at 100% 100%);
}

#splitmag-grass:after {
	content:''; 
	display:block;
	width:100%;
	height:40px;
	position:absolute;
	left:0px;
	bottom:0px;
	
	background-image:url(images/grass-white.png);
	background-position:bottom center;
	background-repeat:repeat-x;
	background-size: 149px 30px;
}

#splitmag-grass-green:after {
	content:''; 
	display:block;
	width:100%;
	height:40px;
	position:absolute;
	left:0px;
	bottom:0px;
	
	background-image:url(images/grass-green.png);
	background-position:bottom center;
	background-repeat:repeat-x;
	background-size: 149px 30px;
}

#splitmag-grass-beige:after {
	content:''; 
	display:block;
	width:100%;
	height:40px;
	position:absolute;
	left:0px;
	top:-40px;
	bottom:0px;
	
	background-image:url(images/grass-beige.png);
	background-position:bottom center;
	background-repeat:repeat-x;
	background-size: 149px 30px;
}

#splitmag-breadcrumbs {
	font-weight:600;
    font-size:12px;
    color:rgba(255,255,255,  0.8);
    text-transform:uppercase;
    letter-spacing:1.5px;
}

#splitmag-breadcrumbs a {
    color:rgba(255,255,255,  0.8);
    position:relative;
}

#splitmag-breadcrumbs a:hover {
    color:#ffffff;
}

#splitmag-breadcrumbs a:after {
    content:'';
    display:block;
    width:100%;
    height:1px;
    background:#ffffff;
    position:absolute;
    bottom:-1px;
    opacity:0;
    left:0;
}

#splitmag-breadcrumbs a:hover:after {
    opacity:1;
}

#splitmag-breadcrumbs span.divider {
    padding:0px 2px;
    font-size:8px;
    position:relative;
    top:-1px;
}



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

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

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

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

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

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

/* Border Removal */
@media only screen and (max-width: 767px) {
    .mobile-border-remove li.elementor-icon-list-item:after {
       display:none !important;
    }
}


/* Mobile Navigation drop-down fix */
body #boxed-layout-pro .menu-item-has-children .mobile-drop-down-icon-boosted {
    line-height:1.3;
}
body #boxed-layout-pro .menu-item-has-children .mobile-drop-down-icon-boosted i.fa-angle-down {
    right:6px;
    position:relative;
}

/* Pushes the underline behind the text */
a.boosted-nav-link-def .boosted-elements-menu-hover-text {
    position:relative;
    z-index:5;
}
a.boosted-nav-link-def .item-underline-nav-boosted:before {
    z-index:0;
}


/* Custom Sub-menu Caret Top */
.sf-menu-boosted-elements .sub-menu:after {
    content:'';
    position:absolute;
    display:block;
    opacity:1;
    left:18px;
    top:-6px;
    border-left:11px solid transparent;
    border-right:11px solid transparent;
    border-bottom:7px solid #2D3340;
}

.sf-menu-boosted-elements .sub-menu .sub-menu:after {
    display:none;
}

.boosted-elements-mega-menu-container-class .sub-menu:after {
    display:none;
}

/* Remove Border bottom from last element on tablet/mobile */
ul.boosted-elements-mobile-menu-list li:last-child a {
    border-bottom-width:0px !important;
}

ul.boosted-elements-mobile-menu-list li li:last-child a {
    border-bottom-width:1px !important;
}


/*
=============================================== 07. GRID STYLES ===============================================
*/
/* Masonry Animations */
.progression-studios-isotope-animation {
	opacity:0;
	transition: opacity 500ms; 
}

.progression-masonry-item.opacity-progression .progression-studios-isotope-animation {
	opacity:1;
}

.progression-masonry-item.progression-masonry-col-1 { 
	width: 100%; 
}

.progression-masonry-item.progression-masonry-col-2 { 
	width: 49.8%;	
}

.progression-masonry-item.progression-masonry-col-3 { 
	width: 33.330%; 
}

.progression-masonry-item.progression-masonry-col-4 { 
	width: 25%; 
}

.progression-masonry-item.progression-masonry-col-5 { 
	width: 20%; 
}

.progression-masonry-item.progression-masonry-col-6 { 
	width: 16.67%; 
}

@media only screen and (min-width: 768px) and (max-width: 1150px) {
	.progression-masonry-item.progression-masonry-col-4, .progression-masonry-item.progression-masonry-col-5, .progression-masonry-item.progression-masonry-col-6 { 
		width: 33.330%; 
	}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.progression-masonry-item.progression-masonry-col-3 { 
		width: 50%; 
	}
    
    
    body .progression-masonry-item.progression-masonry-col-tablet-3 {
        width:33.330%;
    }
    
    body .progression-masonry-item.progression-masonry-col-tablet-2 {
        width:50%;
    }
    
    body .progression-masonry-item.progression-masonry-col-tablet-1 {
        width:100%;
    }
    
}

@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%;
	}
    
    #progression-video-single-section-more .progression-masonry-item.progression-masonry-col-4 {
        width:50%;
    }
    
    body .progression-masonry-item.progression-masonry-col-mobile-3 {
        width:33.330%;
    }
    
    body .progression-masonry-item.progression-masonry-col-mobile-2 {
        width:50%;
    }
    
    
}

.grid2column-progression, .grid3column-progression, .grid3columnbig-progression, .grid4column-progression, .grid4columnbig-progression, .grid5column-progression, .grid6column-progression {
	float:left; 
	margin-right:2%; 
	min-height:2px;
 }
.grid2column-progression { 
	width: 49%;
}
.grid3column-progression {
	width: 32%; 
}
.grid4column-progression {
	width: 23.5%;
}
.grid5column-progression {
	width:18.4%;
}
.grid6column-progression {
	width:15%;
}

body .lastcolumn-progression {
	margin-right:0% !important;
}

/* Infinite Scroll JavaScript */
.splitmag-video-taxonomies-container #progression-taxonomy-page-spacing {
    padding-top:30px;
}

.splitmag-progression-pagination-elementor {
    padding-top:25px;
}
#progression-load-more-manual .infinite-nav-pro {
	display:block !important; width:100%;
}

.infinite-nav-pro {
	display:none; text-align:center; 
}

.full-width-load-button-progression .infinite-nav-pro a {
    display:block;
}

.infinite-nav-pro a {
	max-width:1200px;
	margin:10px auto 10px auto;
	display:inline-block;
	line-height:1;
	border:none;
	text-align:center;
	border-radius:0px;
	width:auto;
	padding:16px 32px 16px 32px;
	color:#878787;
	background:#F0F0F0;
	font-size:13px;
    font-weight:700;
}

.infinite-nav-pro a:hover {
	color:#ffffff;
    background:#232323;
}
.infinite-nav-pro a span i {
	font-size:95%;
	position:relative;
	top:0px;
	padding-left:6px;
}

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

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

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

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

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

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

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

ul.progression-filter-button-group li {
	position:relative;
	display:inline-block;
	color:#ffffff;
    background:#c0c0c0;
	font-size:12px;
	line-height:1;
	border-radius:30px;
	padding:11px 30px 11px 30px;
	margin:0px 12px 5px 12px;
    font-weight:500;
}

ul.progression-filter-button-group li:after {
	content:'';
	background:rgba(255,255,255, 0);
	position:absolute;
	bottom:0px;
	border-radius:30px;
	width:100%;
	height:2px;
	z-index:10;
    
	display:none;
}

ul.progression-filter-button-group li:hover {
	cursor:pointer;
}

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

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

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

.progression-studios-sidebar a {
    color:#001c52;
    font-weight:400;
}

.progression-studios-sidebar a:hover {
    color:#ff4841;
}

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

.sidebar-item .wp-block-group,
.sidebar-item .wp-block-group__inner-container {
    margin:0px;
    padding:0px;
}

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

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

.tagcloud {
	margin-bottom:15px;
}
.progression-studios-sidebar h2,
.progression-studios-sidebar h4 {
	font-size:19px;
	margin-bottom:25px;
	line-height:1;
}

body .progression-studios-sidebar .wp-block-latest-posts li {
    padding-left:0px;
    width:100%;
    overflow:hidden;
}


body .progression-studios-sidebar .wp-block-latest-posts__post-date {
    padding-top:0px;
}

.progression-studios-sidebar .wp-block-latest-comments li a {
    line-height:1em;
    font-weight:500;
}

a.wp-block-latest-posts__post-title {
    font-weight:700;
    font-size:15px;
}

.progression-studios-sidebar .wp-block-latest-posts li a {
    line-height:1em;
    font-weight:600;
}

.progression-studios-sidebar .wp-block-latest-posts img {
    float:left;
    margin-right:9px;
    width:40px;
    margin-bottom:5px;
    border-radius:0px;
}

body .progression-studios-sidebar .wp-block-latest-posts li:before {
    display:none;
}

.progression-studios-sidebar ol.wp-block-latest-comments li:before,
.progression-studios-sidebar ul li:before {
	display:inline-block;
	font-weight:normal;
	font-style:normal;
	content:"—";
	padding-left:1px;
	padding-right:3px;
	position:relative;
	top:0px;
	font-size:70%;
	position:absolute;
	left:0px;
	opacity:0.8;
	content: "\f30b"; 
	font-weight:900;
	font-family: "Font Awesome 5 Free";
	top:2px;
}

.progression-studios-sidebar .wp-block-latest-posts li:before,
.progression-studios-sidebar .widget_recent_entries ul li:before {
	font-size:90%;
	content: "\f15c";
	font-weight:900;
	font-family: "Font Awesome 5 Free";
	top:1px;
	opacity:1;
}


.progression-studios-sidebar ol.wp-block-latest-comments li:before,
.progression-studios-sidebar .widget_recent_comments ul li:before {
	font-size:90%;
	content: "\f086";
	font-weight:900;
	font-family: "Font Awesome 5 Free";
	top:1px;
	opacity:1;
	left:-1px;
}

.progression-studios-sidebar ol.wp-block-latest-comments,
.progression-studios-sidebar ul {
	list-style:none;
	margin:0px 0px 20px 0px;
	padding:0px;
}

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

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

.wc-block-product-categories-list ul.wc-block-product-categories-list  {
    border-top:1px solid rgba(0,0,0, 0.08);
    margin-top:10px;
}

.progression-studios-sidebar ol.wp-block-latest-comments li,
.progression-studios-sidebar ul li {
	position:relative;
	line-height:1.5;
	margin:0px 0px 10px 0px;
	padding:0px 0px 10px 24px;
	border-bottom:1px solid rgba(0,0,0, 0.08);
}

.progression-studios-sidebar ol.wp-block-latest-comments li a {

}


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

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


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

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

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

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

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

.wp-block-calendar table#wp-calendar caption,
.widget table#wp-calendar caption {
	text-align:center;
	padding-top:7px;
	padding-bottom:7px;
    color:#333;
	font-weight:700;
    font-size:14px;
	background:rgba(0,0,0, 0.2);
}

.widget table#wp-calendar thead th {
    font-size:13px;
}

.wp-block-calendar table#wp-calendar tr td,
.wp-block-calendar table#wp-calendar tr th,
.widget table#wp-calendar tr th, .widget table#wp-calendar tr td {
	padding:3px;
    font-size:14px;
	text-align:center;
	color:#333;
}

.widget table#wp-calendar tr td {
    font-size:12px;
}

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

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

.progression-studios-sidebar ol.wp-block-latest-comments {
    margin-left:0px;
    padding-left:0px;
}

.progression-studios-sidebar ol.wp-block-latest-comments {
    margin-left:0px;
    padding-left:0px;
}


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

/* Pagination */
#content-pro ul.page-numbers {
	list-style:none;
	margin:0px 0px 20px 0px;
	padding:0px;
	text-align:center;
}
#content-pro ul.page-numbers li {
	margin:0px;
	padding:0px;
	display:inline;
}

/* Blog Post Pagination */
.progression-page-nav {
	margin:20px 0 25px 0;
	list-style:none;
	text-align:center;
	font-size:13px;
	
	font-weight:500;
	
}

.progression-page-nav span span, .progression-page-nav a {
	display:inline-block;
	text-align:center;
	margin:0px 3px 5px 3px;
	font-size:14px;
	padding:15px 19px 13px 19px;
	line-height:1;
    background:#ffffff;
	color:#67706c;
	border:1px solid #e2e0d9;
    font-weight:500;
    font-family: 'Manrope', sans-serif;
    text-transform:uppercase;
    padding:0px 0px;
    border-radius:30px;
    width:35px;
    height:35px;
    line-height:35px;
}

.progression-page-nav a span {
	padding:0px;
	background:none;
	min-width:none;
	margin:0px;
	border:none;
	color:#67706c;
	box-shadow:none;
}

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

#content-pro ul.page-numbers li {
    font-size:13px;
    line-height:1;
    padding:0px;
}

#content-pro ul.page-numbers li span.current, #content-pro ul.page-numbers li a {
	display:inline-block;
	text-align:center;
	margin:0px 3px 3px 3px;
	font-size:12px;
    background:#ffffff;
	color:#67706c;
	border:1px solid #e2e0d9;
    font-weight:600;
    border-radius:30px;
    padding:0px 0px;
    width:35px;
    height:35px;
    line-height:35px;
    
}

#content-pro ul.page-numbers li a.prev,
#content-pro ul.page-numbers li a.next {
    width:auto;
    padding-left:20px;
    padding-right:20px;
}

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

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


/*
=============================================== 10. BLOG INDEX STYLES ===============================================
*/
.progression_studios_blog-index {
    padding:10px 0px 0px 0px;
}

.progression_studios_blog-index .progression-studios-default-blog-index {
    margin-bottom:10px;
    padding-bottom:25px;
    border-bottom:1px solid #ddd;
}

.progression_studios_blog-index  .progression-studios-default-blog-index.progression-studios-divider-blog-hide  {
    padding-bottom:0px;
    margin-bottom:0px;
    border:none;
}

.progression-studios-blog-excerpt {
	overflow:hidden;
}

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

.progression-studios-default-blog-index {
	margin-bottom:0px;
	position:relative;
}

.progression-blog-content {
    position:relative;
    margin:0px;
    padding:22px 0px 0px 0px;
}

h2.progression-blog-title {
	font-size:30px;
	line-height:1.2;
	margin-bottom:12px;
}

.progression-studios-default-blog-index .progression-studios-overlay-layout h2.progression-blog-title  {
    font-size:22px;
    margin-bottom:8px;
}

#content-pro.progression-studios-overlay-page-spacing ul.page-numbers {
    margin-top:35px;
}

.progression-studios-sticky-post {
    position:absolute;
    top:0px;
    right:40px;
	display:inline-block;
	margin-right:7px;
	margin-bottom:7px;
	padding:11px 16px 11px 16px;
	font-size:9px;
	line-height:1;
	background:#19191c;
	color:#fff;
    letter-spacing:0.1em;
    font-weight:700;
    font-family: 'Manrope', sans-serif;
    text-transform:uppercase;
}


/* Categories */
ul.blog-meta-category-list.blog-meta-category-overlay {
    position:absolute;
}

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

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

ul.blog-meta-elementor a,
ul.blog-meta-category-list a {
    color:#ffffff;
    background:#f15f26;
    padding:8px 12px;
    font-size:10px;
    text-transform:uppercase;
    font-weight:700;
    letter-spacing:0.15em;
    line-height:1;
    display:inline-block;
    margin-right:8px;
    margin-bottom:5px;
}


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

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

ul.progression-post-meta-elementor a {
	color:rgba(255,255,255, 0.8);
    font-weight:600;
}

ul.progression-post-meta-elementor li {
	display:inline-block;
	margin:0px 12px 5px 0px;
    padding:0px;
	font-size:12px;
	line-height:1.4;
}

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

/* Post Meta */
ul.progression-post-meta {
	list-style:none;
	margin:0px 0px 16px 0px;
    padding:0px;
}

ul.progression-post-meta a {
    color:#888888;
    font-weight:600;
}

ul.progression-post-meta li {
	display:inline-block;
	margin:0px 12px 5px 0px;
    padding:0px;
	font-size:12px;
	line-height:1.4;
	color:rgba(0,0,0, 0.3);
}

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

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

/* Author */
.blog-meta-author-display {
	position:relative;
}

.blog-meta-author-display img {
	width:25px;
	margin-right:8px;
	position:relative;
	top:-1px;
	border-radius:80px;
    box-shadow: 0px 0px 12px rgba(0,0,0, 0);
}

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

.progression-studios-feaured-image img {
    margin-bottom:-1px;
    box-shadow: 0px 0px 20px rgba(0,0,0, 0.04);
}

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


.progression-studios-overlay-layout {
    position:relative;
}
.progression-studios-overlay-layout .progression-blog-content {
    position:absolute;
    top:0px;
    left:0px;
}

.progression-projects-overlay-gradient {
    position:absolute;
    top:0;
    width:100%;
    height:100%;
}

/* Blog Overlay Styles */
.progression-studios-projects-feaured-image {
    position:relative;
    overflow:hidden;
}

.progression-studios-default-blog-index .progression-studios-overlay-layout .progression-blog-content {
    top:auto;
    bottom:0px;
}

.progression-studios-default-blog-index .progression-studios-overlay-layout .progression-blog-content {
    padding:15px 15px 6px 22px;
}

.progression-studios-default-blog-index .progression-studios-overlay-layout .progression-projects-overlay-gradient {
    background: linear-gradient(0deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 60%);
}

.progression-studios-default-blog-index .progression-studios-overlay-layout .progression-studios-projects-feaured-image, .progression-studios-default-blog-index .progression-studios-overlay-layout .progression-studios-projects-feaured-image img, .progression-studios-default-blog-index .progression-studios-overlay-layout .progression-projects-overlay-gradient {
    border-radius:8px;
}

.progression-studios-default-blog-index .progression-studios-overlay-layout ul.progression-post-meta a:hover,
.progression-studios-default-blog-index .progression-studios-overlay-layout h2.progression-blog-title a,
.progression-studios-default-blog-index:hover .progression-studios-overlay-layout h2.progression-blog-title a {
    color:#fff;
}

.progression-studios-default-blog-index .progression-studios-overlay-layout ul.progression-post-meta a {
    color:rgba(255, 255, 255, 0.65);
}

.progression-studios-default-blog-index .progression-studios-overlay-layout .progression-studios-blog-excerpt {
    color:rgba(255, 255, 255, 0.6);
}

/* Hover Effects */
.progression-studios-project-hover.progression-studios-default-projects-index.progression-studios-overlay-layout.progression-studios-overflow-display {
    position:relative;
	transition-duration: 250ms; 
	transition-property: all; 
	transition-timing-function: ease-in-out;
}

.progression-studios-project-hover.progression-studios-default-projects-index.progression-studios-overlay-layout.progression-studios-overflow-display:hover {
    transform: scale(1.03);
    z-index:20;
}


.progression-studios-project-hover.progression-studios-default-projects-index.progression-studios-content-below-layout.progression-studios-overflow-display .progression-studios-projects-feaured-image {
	transition-duration: 250ms; 
	transition-property: all; 
	transition-timing-function: ease-in-out;
}

.progression-studios-project-hover.progression-studios-default-projects-index.progression-studios-content-below-layout.progression-studios-overflow-display:hover .progression-studios-projects-feaured-image {
    transform: scale(1.03);
    z-index:20;
}



.progression-studios-project-hover.progression-studios-default-projects-index.progression-studios-overlay-layout.progression-studios-overflow-hidden img {
    position:relative;
	transition-duration: 250ms; 
	transition-property: all; 
	transition-timing-function: ease-in-out;
}

.progression-studios-project-hover.progression-studios-default-projects-index.progression-studios-overlay-layout.progression-studios-overflow-hidden:hover img {
    transform: scale(1.06);
}


.progression-studios-project-hover.progression-studios-default-projects-index.progression-studios-content-below-layout.progression-studios-overflow-hidden .progression-studios-projects-feaured-image img {
	transition-duration: 250ms; 
	transition-property: all; 
	transition-timing-function: ease-in-out;
}

.progression-studios-project-hover.progression-studios-default-projects-index.progression-studios-content-below-layout.progression-studios-overflow-hidden:hover .progression-studios-projects-feaured-image img {
    transform: scale(1.06);
}



/*
=============================================== 11. BLOG POST PAGE TITLE ===============================================
*/
body.single-post #page-title-pro #progression-studios-page-title-container {
	text-align:left;
}

body.single-post #page-title-pro h1 {
	font-size:42px;
	line-height:1.3;
    color:#ffffff;
    text-shadow:1px 1px 15px rgba(0,0,0,0.15); 
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

body.single-post #page-title-pro ul.progression-single-post-meta,
body.single-post #page-title-pro ul.blog-single-category-display,
body.single-post #page-title-pro h1 {
    padding-right:30px;
    padding-left:0px;
}

ul.blog-single-category-display {
    margin:0px;
    padding:0px 0px 15px 0px;
	position:relative;
	z-index:5;
    list-style:none;
}

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

ul.blog-single-category-display li a {
    margin:0px 15px 7px 0px;
	line-height:1;
	display:inline-block;
    margin-right:10px;
    border-radius:60px;
    padding:11px 18px;
	font-size:10px;
    background:#c1d57e;
    color:#236769;
	font-family: 'Manrope', sans-serif;
    font-weight:600;
    letter-spacing:0.12em;
    text-transform:uppercase;
}

/* Meta */
ul.progression-single-post-meta {
	list-style:none;
	position:relative;
	margin:0px;
	padding:18px 0px 0px 0px;
	position:relative;
	z-index:3;
	color:rgba(255,255,255,0.7);
}

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

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

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

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

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

ul.progression-single-post-meta li.blog-meta-author-display img {
	border-radius:100px;
	width:25px;
	margin-right:8px;
	position:relative;
	top:-1px;
    box-shadow: 0px 0px 12px rgba(0,0,0, 0.2);
}

.progression-studios-blog-excerpt .twitter-tweet {
    min-height:315px;
}

/*
=============================================== 12. BLOG POST STYLES ===============================================
*/
.disable-sidebar-post-progression #main-container-pro {
	width:100%;
	float:none;
}

.progression-studios-full-width-single #progression-studios-page-title-page-builder,
.progression-studios-full-width-single #page-title-pro,
.disable-sidebar-post-progression .progression-studios-sidebar {
	display:none;
}

/* Tags */
.comments-container-width-addition-progression-studios {
    padding-left:15px;
    padding-right:15px;
}

#progression-blog-single-content {
    padding-top:10px;
	padding-bottom:25px;
    padding-left:15px;
    padding-right:15px;
}

.elementor-page #progression-blog-single-content {
    padding-top:0px;
    padding-left:0px;
    padding-right:0px;
}

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

.tags-progression-studios {
	margin:55px 0px -10px 0px;
	padding-bottom:0px;
	text-align:center;
}

.comments-open-divider-button .tags-progression-studios  {
	border-bottom:2px solid rgba(0,0,0, 0.06);
	padding-bottom:40px;
}

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

.tags-progression-studios a {
	display:inline-block;
	line-height:1;
	margin-right:10px;
	padding:11px 16px 11px 16px;
	margin-bottom:10px;
	font-size:10px;
    border-radius:0px;
    color:#41484e;
    background:rgba(0,0,0, 0.05);
    letter-spacing:0.05em;
	font-family: 'Manrope', sans-serif;
    font-weight:700;
    text-transform:uppercase;
}

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

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

#comments.comments-area {
	padding-top:35px;
}

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

.comment-navigation a {
    font-size:14px;
    text-decoration:underline;
    font-weight:600;
}

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

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

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

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

h3.comments-title,
#comments h3.comment-reply-title {
	font-size:20px;
	margin-bottom:20px;
    
}

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

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

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

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.pingback a,
body .comment-list li.trackback a {
    font-weight:600;
}

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 {
	padding:26px 26px 22px 26px;
	margin-left:90px;
	background:#ffffff;
	border-radius:6px;
	box-shadow: 0px 0px 2px rgba(0,0,0, 0.2);
}

.comment-body:before {
	content:'';
	display:block;
	position:absolute;
	left:81px;
	top:32px;
	border-top: 10px solid transparent;
  	border-bottom: 10px solid transparent; 
	border-right:10px solid #f3f3f3; 
	
}

.comment-body p {
	margin-bottom:10px;
}

.comment-author .avatar {
	float: left;
	height: 70px;
	width: 70px;
	left:0px;
	position:absolute;
	border-radius:100px;
}

.comment-author span.says {
	display:none;
}

.comment-author cite a, .comment-author cite a:hover {color:#41484e;}
.comment-author cite {
	display:inline-block;
	font-style:normal;
	line-height:1.2;
	color:#103733;
	font-size:16px;
	padding-right:5px;
	padding-bottom:0px;
	padding-top:5px;

	font-weight:700;
    color:#41484e;
}

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

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

.reply a.comment-reply-link {
	font-size:10px;
	position:absolute;
	padding:6px 10px;
	right:12px;
    font-weight:600;
	margin-top:-25px;
	margin-bottom:10px;
	display:block;
}

.reply a.comment-reply-link:before {
	font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translate(0, 0);
	font-style:normal;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f3e5";
	padding-right:5px;
	font-size:9px;
	position:relative;
	top:-1px;

}

#respond.comment-respond {
	margin-top:25px;
}

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

/* Next/Previous */
#progression-studios-next-previous-post {
	background:rgba(0,0,0, 0.05);
	margin:-20px 0px 0px 0px;
}

#progression-studios-next-previous-post a {
	display: table;
	width:50%;
	height:210px;
	background-repeat: no-repeat;
	background-position:center center;
	background-size: cover;
	position:relative;
	background-color:rgba(255, 255, 255, 0.2);
}

#progression-studios-next-previous-post a:before {
	display:block;
	content:'';
	position:absolute;
	width:100%;
	height:100%;
	background:rgba(0, 0, 0, 0.55);
}

#progression-studios-next-previous-post a:hover:before {
	background:rgba(0, 0, 0, 0.65);
}

.progression-studios-next-center {
	display: table-cell;
	vertical-align: middle;
	padding:50px 30px 46px 30px;
}


a#progression-studios-previous-post {
	float:left;
	text-align:right;
}

a#progression-studios-next-post {
	float:right;
}
a#progression-studios-previous-post i {
	margin-right:10px;
}

a#progression-studios-previous-post:hover i {
	margin-right:16px;
}

a#progression-studios-next-post i {
	margin-left:8px;
}

a#progression-studios-next-post:hover i {
	margin-left:14px;
}

#progression-studios-next-previous-post h5 {
	margin:0px 0px 8px 0px;
	font-size:12px;
	position:relative;
	z-index:5;
	color:rgba(255, 255, 255, 0.64);
    font-weight:500;
}

#progression-studios-next-previous-post h3 {
	margin:0px;
	font-size:21px;
	position:relative;
	z-index:5;
	display: inline-block;
	
	overflow-wrap: break-word;
	word-wrap: break-word;

	-ms-word-break: break-all;
	word-break: break-all;
	word-break: break-word;
	color:#ffffff;
    
}

/* Social Sharing */
#progression-blog-single-content .addtoany_content {
    padding:0px 35px 25px 35px;
}
#progression-blog-single-content  .addtoany_header {
	color:#19191c;
	line-height:1.2;
    letter-spacing:-0.03em;
    font-weight:800;
	margin-bottom:10px;
    font-size:18px;
}





/*
=============================================== 13. CONTACT FORM STYLES ===============================================
*/
.grid1column-progression label {
    font-size:15px;
    opacity:0.8;
}

span.required {
	color:#fa4e3c;
}

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

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

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

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

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

ul.splitmag-video-search-columns li select:focus,
input.submit-search-pro:focus,
input.search-field-progression:focus,
.wp-block-categories-dropdown select:focus,
.wp-block-archives-dropdown select:focus,
#respond select:focus,
.widget select:focus,
#progression-studios-woocommerce-single-top table.variations td.value select:focus,
.woocommerce-page form.woocommerce-ordering select:focus,
.wpcf7-form select:focus,
.post-password-form input:focus,
.wp-block-search input.wp-block-search__input:focus,
.search-form input.search-field:focus,
#respond textarea:focus, #respond input:focus,
.wpcf7-form input:focus, .wpcf7-form textarea:focus {
	outline:none ;
	border-color:#c0ac95;
}

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

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

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

#respond input[type=checkbox] {
	width:auto;
	display:inline;
	margin-right:7px;
}

#respond .comment-form-cookies-consent label {
	display:inline;
}

.wpcf7 input[type=radio],
.wpcf7 input[type=checkbox] {
	width:auto;
}

#respond textarea,
.wpcf7-form textarea,
.post-password-form input,
#respond input,
.wpcf7-form input {
	border-radius:0px;
	width:70%;
	padding:15px 18px 12px 18px;
	background:#ffffff;
	color:#3e5067;
	font-size:12px;
	font-weight:400;
	border:2px solid #e4e4e4;
}

#progression-studios-woocommerce-single-bottom .woocommerce-Reviews input#email,
#progression-studios-woocommerce-single-bottom .woocommerce-Reviews input#author,
#progression-studios-woocommerce-single-bottom .woocommerce-Reviews textarea#comment,
.contact-form-bg-light .wpcf7-form textarea,
.contact-form-bg-light .wpcf7-form input {
    background-color:#ffffff;
}

.wp-block-search input.wp-block-search__input  ::placeholder,
.search-form  ::placeholder,
#respond ::placeholder,
.wpcf7-form ::placeholder,
.post-password-form ::placeholder,
#respond ::placeholder,
.wpcf7-form ::placeholder {
    color:#7e7f7e;
    text-transform:capitalize;
}


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

.wpcf7-form .grid1column-progression input,
.wpcf7-form .grid2column-progression input {
    margin-bottom:6px;
}

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


/* Select Styles */
ul.splitmag-video-search-columns li select,
#progression-studios-woocommerce-single-top table.variations td.value select,
.woocommerce-page form.woocommerce-ordering select,
.wp-block-categories-dropdown select,
.wp-block-archives-dropdown select,
#respond select,
.wpcf7 select,
.widget select {
	border-radius:0px;
	line-height:1.1;
	padding:14px 45px 14px 10px;
	font-size:13px;	
	font-weight:500;
	background:transparent;
    border:none;
    color:rgba(15, 20, 24, 0.6);
	border:2px solid red;
	
	-moz-appearance: none; 
	-webkit-appearance: none; 
	-ms-appearance:none;
	appearance: none;
	background-position:right 15px;
	background-repeat:no-repeat;
	background-size:34px 12px;
}


body.woocommerce-page form.woocommerce-ordering select {
}

@media screen and (-webkit-min-device-pixel-ratio: 1.5) {
    #progression-studios-woocommerce-single-top table.variations td.value select,
    .woocommerce-page form.woocommerce-ordering select,
    .wp-block-categories-dropdown select,
    .wp-block-archives-dropdown select,
    #respond select,
    .wpcf7 select,
    .widget select {background-image:url(images/select-arrow@2x.png);}
}

.progression-studios-sidebar .widget select {
    width:100%;
    max-width:calc(100% - 10px);
    padding-left:20px;
}

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

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


#respond select::ms-expand,
.wpcf7 select::ms-expand,
.widget select::ms-expand,
#progression-studios-woocommerce-single-top table.variations td.value select::ms-expand,
.woocommerce-page form.woocommerce-ordering select::ms-expand,
#progression-studios-woocommerce-single-top  table.variations td.value select::-ms-expand {
	display:none;
}

/* Email Newsletter */
#newsletter-splitmag label {
    display:none;
}

#newsletter-splitmag p {
    margin:0px;
    display:inline;
    padding:0px;
}


#newsletter-splitmag input[type="email"] {
    border:none;
    color:#19191c;
    background:#ffffff;
    font-size:12px;
    padding:10px 14px;
    width:calc(100% - 125px);
    border:1px solid #ffffff;
    box-shadow: 1px 1px 8px rgba(0,0,0,  0.04);
}

#newsletter-splitmag input[type="email"]:focus {
    box-shadow:none;
    outline: none;
    border-color:#ffffff;
}

#newsletter-splitmag input[type="submit"] {
    border:none;
    background:#19191c;
    position:relative;
    top:-1px;
    left:-3px;
    color:#ffffff;
    line-height:1;
    font-size:10px;
    font-weight:600;
    letter-spacing:0.09em;
    text-transform:uppercase;
    padding:15px 12px 16px 12px;
    width:120px;
    border-radius:0px;
}



.force-line-break {
    word-wrap: break-word
}



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

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

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


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

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

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

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

.wc-block-product-search {
    margin-bottom:15px;
}

.progression-studios-sidebar .wc-block-product-search input.wc-block-product-search__field,
.progression-studios-sidebar .wp-block-search input.wp-block-search__input {
    background-color:#ffffff;
}

.wc-block-product-search input.wc-block-product-search__field,
.wp-block-search input.wp-block-search__input,
.search-form input.search-field {
	border:2px solid #e4e4e4;
	margin:0px;
	width: calc(100% - 30px);
	padding:15px 15px 12px 15px;
	font-size:14px;
	background-image:url(images/search-magnify.png);
	background-position:right 10px;
	background-repeat:no-repeat;
	border-radius:0px;
}

.wp-block-search input.wp-block-search__input {
	margin-bottom:-5px;
}

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

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

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


/*
=============================================== 15. BUTTON STYLES ===============================================
*/
.elementor-element .elementor-button {
	font-family: 'Manrope', sans-serif;
   font-weight:700;
}
.progression-blog-content a.more-link {
	display:inline-block;
    margin-top:10px;
	margin-bottom:0px;
	color:#123323;
    background:#ce3824;
	font-size:10px;
	margin-top:2px;
    border-radius:6px;
    padding:13px 26px;
	background:#e5e6de;
	margin-bottom:30px;   
    
	font-family: 'Manrope', sans-serif;
    font-weight:700;
    
    display:none;
}

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



input.submit-search-pro,
.progression-button,
body #error-page-index a.button,
#boxed-layout-pro .form-submit input#submit,
#boxed-layout-pro button.button,
#boxed-layout-pro a.button,
.post-password-form input[type=submit],
#respond input.submit,
.wpcf7-form input.wpcf7-submit {
	line-height:1;
	border:none;
	text-align:center;
	display:inline-block;
	width:auto;
	padding:14px 28px 14px 28px;
	font-size:12px;
	color:#ffffff;
	background:#c0ac95;
    
	font-family: 'Manrope', sans-serif;
    font-weight:700;
}


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

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

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

.wp-block-button a.wp-block-button__link  {
	font-size:12px;
	padding:19px 30px;
	margin-bottom:10px;
    
	font-family: 'Manrope', sans-serif;
    font-weight:700;
}

body .wp-block-button a.wp-block-button__link  {
	border-radius:5px;
}


.wp-block-button.is-style-outline a.wp-block-button__link {
	border:2px solid #000000;
	color:#000000;
	background:none;
}

.wp-block-button.is-style-outline a.wp-block-button__link:hover {
	background:#000000;
	color:#ffffff;
}

.wp-block-button.is-style-outline a.wp-block-button__link,
.wp-block-button.is-style-squared a.wp-block-button__link {
	border-radius:0px;
}

.wp-block-tag-cloud {
    margin-bottom:5px;
}

.wp-block-tag-cloud a,
.tagcloud a {
	line-height:1;
	border:none;
	text-align:center;
	display:inline-block;
	width:auto;
	margin:0px 4px 10px 0px;
	padding:10px 17px;
	font-size:10px !important;
    border-radius:0px;
    color:#41484e;
    background:rgba(0,0,0, 0.05);
    letter-spacing:0.05em;
	font-family: 'Manrope', sans-serif;
    font-weight:700;
    text-transform:uppercase;
}


/*
=============================================== 16. FOOTER STYLES ===============================================
*/
#site-footer-progression-studios {
    background:#F6F6F6;
    padding:40px 0px;
    margin-top:50px;
    text-align:center;
    font-size:14px;
}

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


/*
=============================================== 17. SLIDER STYLES ===============================================
*/
/* RESETS */
.flex-container a:hover, .flex-slider a:hover, .flex-container a:focus, .flex-slider a:focus { outline: none; }
.slides, .slides > li, .flex-control-nav, .flex-direction-nav { margin: 0;  padding: 0; list-style: none; }
.flex-pauseplay span { text-transform: capitalize; }
/* BASE STYLES */
.flexslider { margin: 0; padding: 0; }
.flexslider .slides > li {  display: none; -webkit-backface-visibility: hidden; }
.flexslider .slides img { width: 100%; display: block; }
.flexslider .slides:after { content: "\0020";  display: block; clear: both;  visibility: hidden;  line-height: 0;  height: 0; }
html[xmlns] .flexslider .slides { display: block; }
* html .flexslider .slides { height: 1%; }
.no-js .flexslider .slides > li:first-child { display: block;}

/* DEFAULT THEME */
.flexslider { margin: 0; background: none;  border:none; position: relative; zoom: 1; }
.flexslider .slides { zoom: 1; }
.flexslider .slides img { height: auto; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease;  -moz-transition: all 1s ease;  -ms-transition: all 1s ease;  -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport {  max-height: 300px;}
.carousel li { margin-right: 5px; }
.flex-direction-nav { *height: 0;
  }

.flexslider {
  	-webkit-transform: translateZ(0);
  }
.flex-direction-nav a {
    text-decoration: none;
    display: block;
    position: absolute;
    top: 50%;
    z-index: 10;
    overflow: hidden;
    opacity: 1;
    cursor: pointer;
    font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); 
	font-weight:400;
    font-family: 'dashicons';    
    text-align:center;	
    border:none;
    margin: -23px 0 0;
    font-size:20px;
    width:38px;
    line-height:46px;
    height:46px;
    color:#777777;
    background:#ffffff;
	box-shadow: 1px 1px 5px rgba(0,0,0,  0.02);
}
.flexslider .flex-direction-nav a {
	transition-duration: 250ms; 
	transition-property: all; 
	transition-timing-function: ease-in-out;
}

.flexslider:hover .flex-direction-nav a {
	top:50%;
}

.flex-direction-nav a:hover {
	color:#ffffff;
	opacity:1;
	background:#4145ee;
}

.flex-direction-nav a.flex-prev:before {
	content: "\f341";
	position:relative;
	left:-1px;
}

.flex-direction-nav a.flex-next:before {
	content: "\f345";
	position:relative;
	right:-1px;
}

.flex-direction-nav .flex-prev {
	left:4px;
}
.flex-direction-nav .flex-next {
	right:4px;
}

.flexslider:hover .flex-direction-nav .flex-prev, .flexslider:hover .flex-direction-nav .flex-next {
	opacity: 1;
}

.flex-direction-nav .flex-disabled {
  opacity: 0!important;
  filter: alpha(opacity=0);
  cursor: default;
}

.progression-bullet-position-left .flex-control-nav {
    bottom:calc(50% - 25px);
    left:50px;
}

.progression-bullet-position-left .flex-control-nav li {
    display:block;
    margin-bottom:6px;
}

.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: 30px;
  text-align: center;
  z-index:10;
}
.flex-control-nav li {
	margin:0px;
  display: inline-block;
  zoom: 1;
  *display: inline;
  position:relative;
}
.flex-control-paging li {
	width:20px; 
	height:10px; 
	text-align:center;
}

.progression-studios-elementor-video-slider-container  .flex-control-paging *  {
	box-sizing: content-box;
}

.flex-control-paging li a {
	width:10px;
	height:10px;
	bottom:5px;
  display: block;
  cursor: pointer;
  text-indent: -9999px;
  position:absolute;
  background:rgba(255,255,255,  0.35);
  border:none;
	box-shadow: none;
  border-radius: 20px;
}
.flex-control-paging li a.flex-active {
  background:#fff;
	cursor: default;
}
.flex-control-thumbs {
  margin: 0;
  position: static;
  overflow: hidden;
}
.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0;
}
.flex-control-thumbs img {
  width: 100%;
  height: auto;
  display: block;
  opacity: .7;
  cursor: pointer;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.flex-control-thumbs img:hover {
  opacity: 1;
}
.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default;
}


/* Navigation & Bullets */
.progression-studios-elementor-video-slider-container .flex-direction-nav a {
    margin: -30px 0 0;
    font-size:23px;
    width:40px;
    line-height:60px;
    height:60px;
    color:#ffffff;
    background:none;
	box-shadow: none;
}

.progression-studios-elementor-video-slider-container .flex-direction-nav a:hover {
    color:rgba(255,255,255,0.7);
}

.progression-studios-splitmag-slider-background {
	background:#141821;
	background-repeat: no-repeat;
	background-position:center center;
	background-size: cover;
	position:relative;	
}

.progression-skrn-slider-content-margins {
	position:relative;
	z-index:25;
    margin:60px 45px 55px 45px;
}

.progression-skrn-slider-elements-display-table {
	display:table;
	width:100%;
	height:100%;
	overflow:hidden;
}

.progression-skrn-slider-content-max-width {
	max-width:90%;
	margin:0 auto;
}

.progression-skrn-slider-text-floating-container {
	width:100%;
}

.progression-skrn-slider-progression-crowd-index-content {
	width:100%;
}

.progression-skrn-slider-container-max-width {
	margin:0 auto;
}


h2.progression-video-slider-title {
    font-size:50px;
    letter-spacing:-0.03em;
    margin-bottom:25px;
    line-height:1.12;
    font-weight:700;
}

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

ul.slider-video-post-meta-list {
    list-style:none;
    margin:0px 0px 20px 0px;
    padding:0px;
}

ul.slider-video-post-meta-list li {
    display:inline;
    margin:0px;
    padding:0px 8px 0px 0px;
}


ul.slider-video-post-meta-list li a {
    color:#ffffff;
    background:#f15f26;
    padding:6px 12px;
    font-size:9px;
    text-transform:uppercase;
    font-weight:700;
    letter-spacing:0.2em;
    line-height:1;
    display:inline-block;
}

ul.slider-video-post-meta-list li a:hover {
    color:#19191c;
    background:#ffffff;
}

ul.slider-default-post-meta {
    list-style:none;
    margin:0px 0px 20px 0px;
    padding:0px;
}

ul.slider-default-post-meta li {
    display:inline;
    margin:0px;
    padding:0px 14px 0px 0px;
    font-weight:600;
    font-size:13px;
}

ul.slider-default-post-meta li a {
    color:#ffffff;
}

ul.slider-default-post-meta li i {
    color:#f15f26;
    margin-right:5px;
}

.progression-studios-video-slider-excerpt {
    font-size:16px;
    color:#FFFFFFA8;
}

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


a.video-play-button-slider-splitmag {
	line-height:1;
	border:none;
	text-align:center;
	display:inline-block;
	width:auto;
	padding:22px 40px;
    font-weight:600;
	font-size:13px;
	color:#ffffff;
	background:#c0ac95;
}

a.video-play-button-slider-splitmag i {
    margin-right:8px;
}



/* On/off FLex */
.progression_elements_slider_arrow_visiblity_hidden .flex-direction-nav a,
body .progression_elements_slider_dots_visiblity_hidden .flex-control-paging {
	display:none;
}


.progression_elements_slider_arrow_visiblity_tablet_mobile .flex-direction-nav a,
body .progression_elements_slider_dots_visiblity_tablet_mobile .flex-control-paging {
	display:none;
}


.progression_elements_slider_arrow_visiblity_hover .flex-direction-nav a {
	opacity:0;
}
.progression_elements_slider_arrow_visiblity_hover:hover .flex-direction-nav a {
	opacity:1;
}


.progression_elements_slider_dots_visiblity_hover .flex-control-paging li a {
	opacity:0;
}

.progression_elements_slider_dots_visiblity_hover:hover .flex-control-paging li a {
	opacity:1;
}

.progression-studios-skrn-slider-upside-down {
	background-repeat: no-repeat;
	background-position:center center;
	background-size: cover;
	position:absolute;
	width:100%;
	height:100%;
	top:100%;
	left:0;
	z-index:15;
	-moz-transform: scale(1,-1);
	 -o-transform: scale(1,-1);
	 -webkit-transform: scale(1,-1);
	 transform: scale(1,-1);
	 -webkit-filter: blur(6px);
	 filter: blur(6px);
	 opacity:0.3;
}

.progression-studios-skrn-slider-upside-down:after {
	content:'';
	display:block;
	position:absolute;
	width:100%;
	bottom:0px;
	left:0px;
	height:100%;
	background: -moz-linear-gradient(top, red 0%, red 80% , rgba(0, 0, 0,0) 100% );
	background: -webkit-linear-gradient(top,  red 0%, red 80%, rgba(0, 0, 0,0) 100% );
	background: linear-gradient(to bottom, red 0%, red 80%, rgba(0, 0, 0,0) 100% );
}

.splitmag-slider-background-link {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}

.slider-background-overlay-color {
	position:absolute;
	width:100%;
	top:0px;
	left:0px;
	height:100%;
	background: rgba(25,25,28,0.4);
}

.slider-background-gradient-bottom {
	position:absolute;
	width:100%;
	top:0px;
	left:0px;
	height:100%;
}


/* Text Animations */
.progression_animate_in .progression-skrn-slider-content-alignment,
.progression_animate_in .progression-studios-slider-video-embed,

.progression_animate_out .progression-skrn-slider-content-alignment,
.progression_animate_out .progression-studios-slider-video-embed,

.progression_animate_up .progression-skrn-slider-content-alignment,
.progression_animate_up .progression-studios-slider-video-embed,

.progression_animate_down .progression-skrn-slider-content-alignment,
.progression_animate_down .progression-studios-slider-video-embed,

.progression_animate_right .progression-skrn-slider-content-alignment,
.progression_animate_right .progression-studios-slider-video-embed,

.progression_animate_left .progression-skrn-slider-content-alignment,
.progression_animate_left .progression-studios-slider-video-embed  {
		animation-delay:  400ms; 
		animation-duration: 800ms;
		opacity:0;
		animation-fill-mode: both;
}

li.flex-active-slide.progression_animate_in .progression-studios-slider-video-embed,
li.flex-active-slide.progression_animate_in .progression-skrn-slider-content-alignment {
	animation-name: Proelementszoomup;
}

li.flex-active-slide.progression_animate_out .progression-studios-slider-video-embed,
li.flex-active-slide.progression_animate_out .progression-skrn-slider-content-alignment {
	animation-name: Proelementszoomout;
}

li.flex-active-slide.progression_animate_up .progression-studios-slider-video-embed,
li.flex-active-slide.progression_animate_up .progression-skrn-slider-content-alignment {
	animation-name: Proelementsfadeup;
}

li.flex-active-slide.progression_animate_down .progression-studios-slider-video-embed,
li.flex-active-slide.progression_animate_down .progression-skrn-slider-content-alignment {
	animation-name: Proelementsfadedown;
}


li.flex-active-slide.progression_animate_left .progression-studios-slider-video-embed,
li.flex-active-slide.progression_animate_left .progression-skrn-slider-content-alignment {
	animation-name: Proelementsfadeleft;
}


li.flex-active-slide.progression_animate_right .progression-studios-slider-video-embed,
li.flex-active-slide.progression_animate_right .progression-skrn-slider-content-alignment {
	animation-name: Proelementsfaderight;
}


@keyframes Proelementsfadeup {
		0% { opacity: 0; transform: translate3d(0, 20%, 0); }
		100% { opacity: 1; transform: translate3d(0, 0, 0); }
}

@keyframes Proelementsfadedown {
		0% { opacity: 0; transform: translate3d(0, -20%, 0); }
		100% { opacity: 1; transform: translate3d(0, 0, 0); }
}

@keyframes Proelementsfadeleft {
		0% { opacity: 0; transform: translate3d(10%, 0, 0); }
		100% { opacity: 1; transform: translate3d(0, 0, 0); }
}

@keyframes Proelementsfaderight {
		0% { opacity: 0; transform: translate3d(-10%, 0, 0); }
		100% { opacity: 1; transform: translate3d(0, 0, 0); }
}

@keyframes Proelementszoomup {
		0% { opacity: 0; transform: scale(1.2); }
		100% { opacity: 1; transform: scale(1);}
}

@keyframes Proelementszoomout {
		0% { opacity: 0; transform: scale(0.8); }
		100% { opacity: 1; transform: scale(1);}
}


/* Image Left/Right */
.progression-studios-elementor-video-slider-container.progression_slider_width_adaptive .flex-viewport {
	overflow: visible !important;
}

.progression-studios-elementor-video-slider-container.progression_slider_width_adaptive  .flexslider {
	max-width: 80%; width: 80%; margin: 0 auto;
}

.progression-studios-elementor-video-slider-container.progression_slider_width_adaptive .progression-studios-video-slider-slide {
    margin:0px 15px;
    overflow:hidden;
    box-shadow: 0px 18px 30px rgba(0,0,0, 0.28);
}


.progression-studios-elementor-video-slider-container.progression_slider_width_adaptive .splitmag-slider-background-link:before {
    content:'';
    left:0;
    top:0;
    position:absolute;
    width:100%;
    height:100%;
    border:4px solid rgba(206,56,36, 0);
}

.progression-studios-elementor-video-slider-container.progression_slider_width_adaptive li:hover .splitmag-slider-background-link:before {
    border-color:rgba(206,56,36, 1);
}


/*
=============================================== 18. Carousel Styles ===============================================
*/
ul.owl-stage {
    list-style:none;
    margin:0;
    padding:0;
}

ul.owl-stage li.aztec-carousel-item {
    margin:0;
    padding:0;
}

.owl-nav button {
    font-size:40px !important;
    margin-right:15px;
}

.progression-studios-carousel-overflow .owl-stage-outer {
    overflow:visible;
}

.progression-studios-carousel-overflow.carousel-overflow-hidden-aztec .owl-stage-outer {
    overflow:hidden;
    padding:40px 24px;
    margin:-40px -24px;
}

.progression-studios-carousel-overflow.adjusting-height-container {
    margin-bottom:25px;
}

.progression-studios-carousel-overflow .progression-studios-video-index {
    opacity:0.33;
}

.progression-studios-carousel-overflow .progression-studios-video-index:hover,
.progression-studios-carousel-overflow .active .progression-studios-video-index {
    opacity:1;
}

/* Left/Right Carousel Navigation */
.progression-studios-season-video-list.aztec-carousel .owl-nav {
    margin:0px;
    padding:0px;
    position:absolute;
    top:50%;
    margin-top:-10px;
    width:100%;
    height:0px;
}

.progression-studios-season-video-list.aztec-carousel .owl-nav .owl-prev,
.progression-studios-season-video-list.aztec-carousel .owl-nav .owl-next {
    height:40px;
    width:40px;
    line-height:1;
    border-radius:100px;
    text-align:center;
    color:#19191c;
    background:#dfdfdf;
    box-shadow: 1px 1px 2px rgba(0,0,0,0);
}

.progression-studios-season-video-list.aztec-carousel .owl-nav .owl-prev {
    position:relative;
    left:-20px;
}

.progression-studios-season-video-list.aztec-carousel .owl-nav .owl-next {
    float:right;
    position:relative;
    right:-35px;
}

.progression-studios-season-video-list .owl-nav .owl-prev.disabled,
.progression-studios-season-video-list .owl-nav .owl-next.disabled  {
    opacity:0;
    visibility:hidden;
}

.progression-studios-season-video-list.aztec-carousel .owl-nav .owl-prev span,
.progression-studios-season-video-list.aztec-carousel .owl-nav .owl-next span {
    display:none;
}

.progression-studios-season-video-list.aztec-carousel .owl-nav .owl-prev:after {
	content: "\f053"; 
	font-weight:900;
	font-family: "Font Awesome 5 Free";
    font-size:11px;
    position:relative;
    top:-10px;
    left:-1px;
}

.progression-studios-season-video-list.aztec-carousel .owl-nav .owl-next:after {
	content: "\f054"; 
	font-weight:900;
	font-family: "Font Awesome 5 Free";
    font-size:11px;
    position:relative;
    top:-10px;
    right:-1px;
}

.progression-studios-season-video-list.aztec-carousel .owl-nav .owl-prev:hover,
.progression-studios-season-video-list.aztec-carousel .owl-nav .owl-next:hover {
    color:#fff;
    background:#f15f26;
}

/* Owl Carousel v2.3.4 defaults */
.aztec-carousel, .aztec-carousel .aztec-carousel-item {
    -webkit-tap-highlight-color: transparent;
    position: relative;
}
.aztec-carousel {
    display: none;
    width: 100%;
    z-index: 1;
}
.aztec-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
}
.aztec-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.aztec-carousel .owl-stage-outer {
    position: relative;
    -webkit-transform: translate3d(0, 0, 0);
}
.aztec-carousel .aztec-carousel-item, .aztec-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
}
.aztec-carousel .aztec-carousel-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none;
}
.aztec-carousel .aztec-carousel-item img {
    display: block;
    width: 100%}
.aztec-carousel .owl-dots.disabled, .aztec-carousel .owl-nav.disabled {
    display: none;
}
.no-js .aztec-carousel, .aztec-carousel.owl-loaded {
    display: block;
}
.aztec-carousel .owl-dot, .aztec-carousel .owl-nav .owl-next, .aztec-carousel .owl-nav .owl-prev {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.aztec-carousel .owl-nav button.owl-next, .aztec-carousel .owl-nav button.owl-prev, .aztec-carousel button.owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0;
    font: inherit;
}
.aztec-carousel.owl-loading {
    opacity: 0;
    display: block;
}
.aztec-carousel.owl-hidden {
    opacity: 0;
}
.aztec-carousel.owl-refresh .aztec-carousel-item {
    visibility: hidden;
}
.aztec-carousel.owl-drag .aztec-carousel-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.aztec-carousel.owl-grab {
    cursor: move;
    cursor: grab;
}
.aztec-carousel.owl-rtl {
    direction: rtl;
}
.aztec-carousel.owl-rtl .aztec-carousel-item {
    float: right;
}
.aztec-carousel .animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}
.aztec-carousel .owl-animated-in {
    z-index: 0;
}
.aztec-carousel .owl-animated-out {
    z-index: 1;
}
.aztec-carousel .fadeOut {
    animation-name: fadeOut;
}
@keyframes fadeOut {
    0% {
    opacity: 1;
}
100% {
    opacity: 0;
}
}.owl-height {
    transition: height .5s ease-in-out;
}


/* Inifite Loops Fixes */
.carousel-looped-arrow-display-fix .progression-studios-season-video-list .owl-nav .owl-prev  {
    opacity:1;
}

.carousel-looped-arrow-display-fix .progression-studios-season-video-list.aztec-carousel-left-arrow-on .owl-nav .owl-prev  {
    opacity:1;
}

.carousel-looped-arrow-display-fix li.aztec-carousel-item.cloned .progression-studios-video-index {
    visibility:hidden;
}

.carousel-looped-arrow-display-fix .progression-studios-season-video-list.aztec-carousel-left-arrow-on li.aztec-carousel-item.cloned .progression-studios-video-index {
    visibility:visible;
}


/*
=============================================== 19. CSS3 TRANSITIONS ===============================================
*/
.progression-studios-season-video-list.aztec-carousel .owl-nav .owl-prev,
.progression-studios-season-video-list.aztec-carousel .owl-nav .owl-next,
.custom-menu-splitmag li.elementor-icon-list-item a i,
button.wishlist-button-pro,
h2.progression-video-title,
.boosted-elements-mega-import-container .elementor-icon-list-item,
#boxed-layout-pro .form-submit input#submit,
#boxed-layout-pro button.button,
#boxed-layout-pro a.button,
h2.woocommerce-loop-product__title,
ul.progression-filter-button-group li,
ul.progression-filter-button-group li:after,
#pro-scroll-top {
	transition-duration: 250ms; 
	transition-property: color, background-color, height; 
	transition-timing-function: ease-in-out;
}

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

#splitmag-breadcrumbs a:after,
.progression-studios-projects-feaured-image img,
ol.flex-control-nav.flex-control-thumbs li img,
.progression-projects-content,
a#progression-studios-next-post i,
a#progression-studios-previous-post i,
.sf-menu a:before {
	transition-duration: 250ms; 
	transition-property: all; 
	transition-timing-function: ease-in-out;
}

.no-hover-transition {
	transition-duration: 0ms; 
	transition-property: all; 
	transition-timing-function: ease-in-out;
}

/* Animation For Menus */
@keyframes ProMoveUp {
	from { }
	to { transform: translateY(0px); opacity: 1;  }
}

@keyframes ProMoveOut {
	from { visibility:visible; opacity:1; }
	to {  opacity: 0; visibility:hidden; }
}

li.sfHover ul.sub-menu {
	transform: translateY(20px);
	opacity:0;
	animation-duration:250ms;
	animation-name: ProMoveUp;
	animation-timing-function: ease-in-out;
	animation-fill-mode: forwards;
}


/*
=============================================== 20. RESPONSIVE STYLES ===============================================
*/

/* ======== #Tablet (768px-1024px) ======== */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    
    .splitmag-sixty-divide #progression-studios-footer-page-builder,
    .splitmag-sixty-divide footer#site-footer-progression-studios,
    .splitmag-sixty-divide #content-pro,
    .splitmag-forty-divide #progression-studios-footer-page-builder,
    .splitmag-forty-divide footer#site-footer-progression-studios,
    .splitmag-forty-divide #content-pro,
    
    #progression-studios-footer-page-builder,
    footer#site-footer-progression-studios,
    #content-pro {
        width:100%;
        left:0;
    }
    
    
    .splitmag-sixty-divide #page-title-pro,
    .splitmag-sixty-divide #progression-studios-page-title-page-builder,
    .splitmag-forty-divide #page-title-pro,
    .splitmag-forty-divide #progression-studios-page-title-page-builder,
    
    #progression-studios-page-title-page-builder {
        width:100%;
        position:relative;
    }
    
    #page-title-pro {
    	width:100%;
        position:relative;
    }
    
    
    
    .slider-background-overlay-color:before,
    #progression-studios-page-title-container:before,
    .hero-border-splitmag:before {
        right:41px;
        bottom:40px;
        width:calc(100% - 80px);
    }
    

    .hero-border-splitmag:after,
    #progression-studios-page-title-container:after,
    .slider-background-overlay-color:after {
        right:40px;
        bottom:40px;
    }
    
    

}



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

    
    .splitmag-sixty-divide #progression-studios-footer-page-builder,
    .splitmag-sixty-divide footer#site-footer-progression-studios,
    .splitmag-sixty-divide #content-pro,
    .splitmag-forty-divide #progression-studios-footer-page-builder,
    .splitmag-forty-divide footer#site-footer-progression-studios,
    .splitmag-forty-divide #content-pro,
    
    #progression-studios-footer-page-builder,
    footer#site-footer-progression-studios,
    #content-pro {
        width:100%;
        left:0;
    }
    
    .splitmag-sixty-divide #page-title-pro,
        .splitmag-sixty-divide #progression-studios-page-title-page-builder,
        .splitmag-forty-divide #page-title-pro,
        .splitmag-forty-divide #progression-studios-page-title-page-builder,
        
    #progression-studios-page-title-page-builder {
        width:100%;
        position:relative;
    }
    
    #page-title-pro {
    	width:100%;
        position:relative;
    }
    
    
    
    
    /* Default Grid CSS */
	#main-container-pro, .progression-studios-sidebar,
	.footer-2-pro .widget, .footer-3-pro .widget, .footer-4-pro .widget, .footer-5-pro .widget,
	.grid2column-progression, .grid3column-progression, .grid3columnbig-progression, .grid4column-progression, .grid4columnbig-progression, .grid5column-progression, .grid6column-progression  {
		width:100%;
		margin-right:0%;
		margin-left:0%;
	}
    
    
    .slider-background-overlay-color:before,
    #progression-studios-page-title-container:before,
    .hero-border-splitmag:before {
        right:26px;
        bottom:25px;
        width:calc(100% - 50px);
    }
    

    .hero-border-splitmag:after,
    #progression-studios-page-title-container:after,
    .slider-background-overlay-color:after {
        right:25px;
        bottom:25px;
    }
    
    
	
}