/*
Theme Name: Impreza Child
Template: Impreza
Version: 1.0
Author: Redbak
Theme URI: https://impreza.us-themes.com/
Author URI: https://redbak.com/
*/

/*********************************************
 *********************************************

 * *  1. Global Styling  * *
 * *  2. Navigation  * *
 * *  3. Sections  * *

 *********************************************
 *********************************************/


/*********************************************
 * *  1. Global Styling  * *
 *********************************************/
.sso-blue-divider:after {
	content: "";
	position: absolute;
    top: 0;
	display: block;
    background: radial-gradient(ellipse at 50% 0%, var(--color-sso-blue), var(--color-sso-dark) 50%);
	background-repeat: no-repeat;
	width: 100%;
	height: 2rem;
    opacity: 0.5;
}
.sso-orange-divider {
	content: "";
	position: relative;
    top: 0;
	display: block;
    background: radial-gradient(ellipse at 50% 0%, var(--color-sso-orange), var(--color-sso-dark) 50%);
	background-repeat: no-repeat;
	width: 100%;
	height: 10px;
    margin-top: 2px;
    opacity: 0.5;
}

.top-lights {
	position: absolute;
    width: 30vw;
	pointer-events: none;
}
.top-lights.right-light {
	right: 0;
    transform: scaleX(-1);
}

.cinemaseats {
	opacity: 0.44;
	mix-blend-mode: lighten;
}

/*********************************************
 * *  2. Navigation  * *
 *********************************************/
.mega-menu-heading,
.footer-heading {
	color: var(--color-sso-blue);
	text-transform: uppercase;
	font-weight: 500;
}
.mega-menu-menu,
.footer-menu {
	text-transform: uppercase;
	line-height: 1.4 !important;
	font-weight: 500;
}
.mega-menu-menu.genre-menu {
	column-count: 2;
}
.nav-favourites:hover .far.fa-heart {
	font-weight: 700;
}


.footer-logo {
	max-width: 200px;
}
/*********************************************
 * *  3. Sections  * *
 *********************************************/
/*Products*/

.w-grid-item.product .w-grid-item-h .sso-orange-divider,
.w-grid-item.product .w-grid-item-h .post_image {
	transition-property: transform, opacity;
	transition-duration: .2s;
	transition-timing-function: cubic-bezier(.78,.13,.15,.86);
}
.w-grid-item.product .w-grid-item-h:hover .sso-orange-divider {
	opacity: 1;
}
.w-grid-item.product .w-grid-item-h:hover .post_image {
	transform: translateY(-3px);
}

.product-carousel .w-post-elm.has_ratio img,
.product-grid .w-post-elm.has_ratio img {
    object-fit: contain;
    object-position: bottom;
}

/* .w-filter-item-content {
	width: calc(100vw - 5rem - 1em);
	display: flex;
    flex-wrap: wrap;
	background: red;
} */
/* Filters */
.product-list-filter:before {
    content: 'Refine by:';
    float: left;
    font-family: var(--inputs-font-family, inherit);
    font-size: var(--inputs-font-size, inherit);
    font-weight: var(--inputs-font-weight, inherit);
    letter-spacing: var(--inputs-letter-spacing, inherit);
    text-transform: var(--inputs-text-transform, inherit);
    min-height: var(--inputs-height, 2em);
    line-height: var(--inputs-height, 2em);
    padding: 0 var(--inputs-padding, .6em);
    border-radius: var(--inputs-border-radius, 0px);
    background: var(--inputs-background, transparent);
    border-color: var(--inputs-border-color, currentColor);
    color: var(--inputs-text-color, inherit);
    box-shadow: var(--inputs-box-shadow, none);
    border-width: var(--inputs-border-width, 1px);
    border-style: solid;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.w-filter-item.type_dropdown .w-filter-item-values:after, .w-filter.state_desktop.mod_dropdown .w-filter-item-title:after {
	content: '\f078';
    position: absolute;
    font-family: "fontawesome";
    text-align: center;
    font-size: var(--inputs-font-size, inherit);
    line-height: var(--inputs-height, 2em);
    position: absolute;
    top: var(--inputs-border-width, 1px);
    inset-inline-end: var(--inputs-border-width, 1px);
    text-align: center;
    font-size: var(--inputs-font-size, inherit);
    line-height: var(--inputs-height, 2em);
    padding: 0 calc(var(--inputs-padding, .6em) + var(--inputs-border-width, 1px));
	border: 0;
    margin: 0;
    border-radius: 0;
}
@media (min-width: 600px) {
	.product-list-filter .w-filter-item-content {
		width: max-content !important;
		max-width: 70vw;
/* 		background-color: var(--color-sso-grey) !important; */
	}
}

/*Videos*/

.video-carousel .w-grid-item-h .w-post-elm.post_image,
.video-carousel .w-grid-item-h .sso-orange-divider {
	transition-property: transform, opacity;
	transition-duration: .2s;
	transition-timing-function: cubic-bezier(.78,.13,.15,.86);
}

.video-carousel .w-grid-item-h:hover .w-post-elm.post_image {
	transform: translateY(-3px);
}
.video-carousel .w-grid-item-h:hover .sso-orange-divider {
	opacity: 1;
}


/*********************************************
 * *  Responsive Styling  * *
 *********************************************/

@media (max-width: 1200px) {
     {
    }
}

@media (max-width: 1024px) {
     {
    }
}

@media (max-width: 900px) {
     {
    }
}

@media (max-width: 768px) {
     {
    }
}

@media (max-width: 600px) {
     {
    }
}

@media (max-width: 480px) {
     {
    }
}

@media (max-width: 320px) {
     {
    }
}
