/*--------------------------------------------------------------
# Riven Nav Menu Widget
--------------------------------------------------------------*/

.riven-nav-menu,
.riven-nav-menu * {
	box-sizing: border-box;
}


/* Menu Reset
--------------------------------------------- */

.riven-menu,
.riven-menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}


.riven-menu li {
	position: relative;
	list-style: none;
	margin: 0;
}


.riven-menu a {
	position: relative;
	display: flex;
	align-items: center;
	gap: 6px;

	text-decoration: none;

	color: inherit;

	transition:
		color .3s ease,
		background .3s ease,
		transform .3s ease;
}


/* Layout
--------------------------------------------- */

.riven-layout-horizontal .riven-menu {

	display: flex;
	flex-direction: row;
	align-items: center;

}


.riven-layout-vertical .riven-menu {

	display: flex;
	flex-direction: column;

}



/*--------------------------------------------------------------
# Pointer Animations
--------------------------------------------------------------*/


/* underline / active
--------------------------------------------- */

.riven-pointer-underline
.riven-menu > li > a::after {

	content: "";
	position: absolute;

	left: 0;
	bottom: 0;

	width: 0;
	height: 2px;

	background: currentColor;

	transition: width .3s ease;
}


.riven-pointer-underline
.riven-menu > li > a:hover::after,

.riven-pointer-underline
.riven-menu > li.current-menu-item > a::after {

	width: 100%;
}



/* Overline
--------------------------------------------- */

.riven-pointer-overline
.riven-menu > li > a::before {

	content: "";
	position: absolute;

	left: 0;
	top: 0;

	width: 0;
	height: 2px;

	background: currentColor;

	transition: width .3s ease;
}


.riven-pointer-overline
.riven-menu > li > a:hover::before,

.riven-pointer-overline
.current-menu-item > a::before {

	width: 100%;
}



/* Double Line
--------------------------------------------- */

.riven-pointer-double
.riven-menu > li > a::before,
.riven-pointer-double
.riven-menu > li > a::after {

	content: "";
	position: absolute;

	left: 0;

	width: 0;
	height: 2px;

	background: currentColor;

	transition: width .3s ease;
}


.riven-pointer-double
.riven-menu > li > a::before {

	top: 0;
}


.riven-pointer-double
.riven-menu > li > a::after {

	bottom: 0;
}


.riven-pointer-double
.riven-menu > li > a:hover::before,

.riven-pointer-double
.riven-menu > li > a:hover::after,

.riven-pointer-double
.current-menu-item > a::before,

.riven-pointer-double
.current-menu-item > a::after {

	width: 100%;
}



/* Grow
--------------------------------------------- */

.riven-pointer-grow
.riven-menu > li > a:hover {

	transform: scale(1.08);
}



/* Shrink
--------------------------------------------- */

.riven-pointer-shrink
.riven-menu > li > a:hover {

	transform: scale(.95);
}



/* Float
--------------------------------------------- */

.riven-pointer-float
.riven-menu > li > a:hover {

	transform: translateY(-4px);
}



/*--------------------------------------------------------------
# Dropdown Menu
--------------------------------------------------------------*/


.riven-menu .sub-menu {

	position: absolute;

	top: 100%;
	left: 0;

	min-width: 220px;

	z-index: 999;

	background: #fff;

	opacity: 0;
	visibility: hidden;

	transform: translateY(10px);

	transition:
		opacity .3s ease,
		transform .3s ease,
		visibility .3s ease;


	box-shadow:
		0 10px 30px rgba(0,0,0,.08);
}



.riven-menu .sub-menu li {

	width: 100%;
}



.riven-menu .sub-menu a {

	display: flex;

	padding: 12px 18px;

	width: 100%;
}



/* Dropdown Hover */

.riven-menu li:hover > .sub-menu {

	opacity: 1;

	visibility: visible;

	transform: translateY(0);
}



/* Nested Dropdown
--------------------------------------------- */

.riven-menu
.sub-menu
.sub-menu {

	top: 0;

	left: 100%;
}



/*--------------------------------------------------------------
# Active State
--------------------------------------------------------------*/


.riven-menu
.current-menu-item > a,

.riven-menu
.current-menu-parent > a {

	font-weight: inherit;

}



/*--------------------------------------------------------------
# Vertical Dropdown Fix
--------------------------------------------------------------*/


.riven-layout-vertical
.riven-menu .sub-menu {

	position: static;

	opacity: 1;

	visibility: visible;

	transform: none;

	box-shadow: none;

}



/*--------------------------------------------------------------
# Mobile Ready
--------------------------------------------------------------*/


@media (max-width: 768px) {


	.riven-layout-horizontal
	.riven-menu {

		flex-direction: column;

		align-items: stretch;

	}


	.riven-menu .sub-menu {

		position: static;

		opacity: 1;

		visibility: visible;

		transform: none;

		box-shadow: none;

	}


}


/*--------------------------------------------------------------
# Riven Mini Cart Widget Drawer 
--------------------------------------------------------------*/

/* Cart Panel Base
--------------------------------------------- */

.riven-cart-panel {

	position: fixed;

	top: 0;

	right: 0;


	width: min(850px, 54vw);

	max-width: 100%;

	height: 100vh;


	background: #ffffff;


	z-index: 99999;


	display: flex;

	flex-direction: column;


	overflow: hidden;

	visibility: visible;

	pointer-events: none;

}





.riven-cart-panel::before {
    content: '';
    position: absolute;
    top: 12px;
    left: 50%;
    transform: translateX(-50%);
    width: 55px;
    height: 5px;
    background: #ddd;
    border-radius: 20px;
}



/* Active
--------------------------------------------- */

.riven-cart-panel.is-active {


	opacity: 1;


	visibility: visible;


	pointer-events: auto;


}



/* Right Position
--------------------------------------------- */

.riven-cart-right {

	right: 0;

	width: min(780px, 90vw);

	transform:
		translateX(100%);

}


.riven-cart-right.is-active {

	transform:
		translateX(0);

}









/* Left Position
--------------------------------------------- */

.riven-cart-left {

	left: 0;

	right: auto;

	width: min(780px, 90vw);
	transform:
		translateX(-100%);

}


.riven-cart-left.is-active {

	transform:
		translateX(0);

}








/* Bottom Position
--------------------------------------------- */

.riven-cart-bottom {
    left: 50%;
    right: 0;
    bottom: 0;
    top: auto;
    width: 80%;
    height: 90vh;
}



/* Top Position
--------------------------------------------- */

.riven-cart-top {

	left: 0;

	right: 0;

	top: 0;


	width: 100%;

	height: 90vh;


	transform:
		translateY(-100%);

}


.riven-cart-top.is-active {

	transform:
		translateY(0);

}









/* Overlay
--------------------------------------------- */

.riven-cart-overlay {

	position: fixed;

	inset: 0;


	width: 100%;

	height: 100%;


	background: rgba(0,0,0,.45);


	opacity: 0;

	visibility: hidden;


	pointer-events: none;


	z-index: -1;


	transition:
		opacity .3s ease,
		visibility .3s ease;

}





.riven-cart-overlay.is-active {

	opacity: 1;

	visibility: visible;


	pointer-events: auto;


	z-index: 99998;

}






/* Panel
--------------------------------------------- */

.riven-cart-panel {

	z-index: 99999;

}








/* Scroll Content
--------------------------------------------- */

.riven-cart-content {

	flex: 1;
    padding: 32px 45px;
    overflow-y: auto;
}

@media (max-width: 767px) {

	.riven-cart-content {
		padding: 20px;
	}

}

/*
|--------------------------------------------------------------------------
| Cart Content Scrollbar
|--------------------------------------------------------------------------
*/

.riven-cart-content {


	scrollbar-width:
		thin;


	scrollbar-color:
		rgba(0,0,0,.25)
		transparent;

}





.riven-cart-content::-webkit-scrollbar {


	width:
		6px;


}





.riven-cart-content::-webkit-scrollbar-track {


	background:
		transparent;


}





.riven-cart-content::-webkit-scrollbar-thumb {


	background:
		rgba(
			0,
			0,
			0,
			.25
		);


	border-radius:
		50px;


}





.riven-cart-content::-webkit-scrollbar-thumb:hover {


	background:
		rgba(
			0,
			0,
			0,
			.45
		);


}


/* Hied extra elementor gap */
.riven-cart-content
.elementor
.e-con-inner {


	--row-gap:
		0px;


	--column-gap:
		0px;


	gap:
		0;


}


/* Header
--------------------------------------------- */

.riven-cart-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 32px 28px 20px;
    border-bottom: 1px solid rgba(0,0,0,.08);
    flex-shrink: 0;
}


.riven-cart-drawer-title {

	margin: 0;
    font-size: 22px;
    font-weight: 800;
    color: #000;

}

.riven-cart-label {
    display: block;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: #777;
    margin-bottom: 5px;
}









/* Close
--------------------------------------------- */

.riven-cart-close {

	width: 36px;

	height: 36px;


	display: flex;

	align-items: center;

	justify-content: center;


	border: none;


	cursor: pointer;

}


.riven-cart-close svg {

	width: 18px;

	height: 18px;

}


.riven-close-left {

	order: -1;

}









/*
|--------------------------------------------------------------------------
| Position
|--------------------------------------------------------------------------
*/


/* Right */

.riven-cart-right {

	top: 0;

	right: 0;

}


/* Left */

.riven-cart-left {

	top: 0;

	left: 0;

}


/* Top */

.riven-cart-top {

	top: 0;

	left: 0;


	width: 100%;

	height: 450px;

}




/* Center */

.riven-cart-center {

	top: 50%;

	left: 50%;


	width: min(900px, 95vw);

	height: auto;

	max-height: 90vh;

}


/* Quick Order Radio Card Layout
--------------------------------------------- */
.riven-cart-panel .riven-qo-options-delivery {
	grid-template-columns: 1fr;
}



/* Advanced Payment
--------------------------------------------- */

.riven-cart-panel .riven-qo-payment-alert {
        flex-direction: column;
        align-items: flex-start;
    }

.riven-cart-panel .riven-qo-payment-alert-price {
    width: 100%;
}



/*
|--------------------------------------------------------------------------
| Animations Default Hidden
|--------------------------------------------------------------------------
*/


/* Slide */

.riven-cart-animation-slide.riven-cart-right {

	transform: translateX(100%);

}


.riven-cart-animation-slide.riven-cart-left {

	transform: translateX(-100%);

}


.riven-cart-animation-slide.riven-cart-top {

	transform: translateY(-100%);

}


.riven-cart-animation-slide.riven-cart-bottom {

	transform: translateY(100%);

}

/* Bottom Slide Animation
--------------------------------------------- */
/*
|--------------------------------------------------------------------------
| Bottom Drawer Animation Override
|--------------------------------------------------------------------------
*/

.riven-cart-animation-bottom-slide.riven-cart-bottom {


	opacity:
		1;


	visibility:
		visible;


	transform:
		translate(
			-50%,
			110%
		);


	transition:
		transform
		.35s
		cubic-bezier(
			.4,
			0,
			.2,
			1
		);

}





.riven-cart-animation-bottom-slide.riven-cart-bottom.is-active {


	opacity:
		1;


	visibility:
		visible;


	transform:
		translate(
			-50%,
			0
		);

}




/* Fade */

.riven-cart-animation-fade {

	opacity: 0;

}





/* Scale */

.riven-cart-animation-scale {

	transform: scale(.8);

	opacity: 0;

}





/* Flip */

.riven-cart-animation-flip-x {

	transform:
		perspective(800px)
		rotateX(90deg);

	opacity: 0;

}


.riven-cart-animation-flip-y {

	transform:
		perspective(800px)
		rotateY(90deg);

	opacity: 0;

}






/* Rotate */

.riven-cart-animation-rotate {

	transform:
		rotate(-10deg)
		scale(.8);

	opacity: 0;

}










/*
|--------------------------------------------------------------------------
| Active
|--------------------------------------------------------------------------
*/
.riven-cart-center.is-active {

	transform:
		translate(-50%, -50%)
		scale(1);

}



/*
|--------------------------------------------------------------------------
| Mobile
|--------------------------------------------------------------------------
*/

@media(max-width:767px){


	.riven-cart-panel {

		width: 100%;

		height: 85vh;

	}


}


/* Cart Drawer Close Button
--------------------------------------------- */

.riven-cart-close {

	position: relative;


	display: inline-flex;

	align-items: center;

	justify-content: center;


	width: 40px;

	height: 40px;


	min-width: 40px;

	min-height: 40px;


	padding: 0 !important;


	aspect-ratio: 1 / 1;


	background: #f7f7f8;


	color: #111827;


	border: 1px solid rgba(0,0,0,.08);


	border-radius: 999px;


	line-height: 1;


	cursor: pointer;


	flex: 0 0 auto;


	overflow: hidden;


	transition:
		background .25s ease,
		color .25s ease,
		transform .25s ease,
		box-shadow .25s ease;

}






.riven-cart-close svg {

	width: 18px;

	height: 18px;


	display: block;


	flex-shrink: 0;

}







.riven-cart-close:hover {

	background: #111111;

	color: #ffffff;


	transform:
		rotate(90deg);


	box-shadow:
		0 10px 25px rgba(0,0,0,.12);

}







.riven-cart-close:focus {

	outline: none;


	box-shadow:
		0 0 0 4px rgba(0,0,0,.08);

}


/*--------------------------------------------------------------
# Riven Mini Cart Widget
--------------------------------------------------------------*/


.riven-mini-cart,
.riven-mini-cart * {

	box-sizing: border-box;

}



/* Cart Button Reset
--------------------------------------------- */

.riven-cart-button {

	position: relative;

	display: inline-flex;

	align-items: center;

	justify-content: center;

	gap: 10px;


	margin: 0;

	padding: 0;


	border: none;

	outline: none;


	background: transparent;


	cursor: pointer;


	text-decoration: none;


	transition:
		background-color .3s ease,
		color .3s ease,
		transform .3s ease,
		box-shadow .3s ease;

	box-shadow: none;
}



/* Remove browser button style */

.riven-cart-button:focus {

	outline: none;

}



/*--------------------------------------------------------------
# Icon Wrapper
--------------------------------------------------------------*/


.riven-cart-icon-wrap {

	position: relative;


	display: inline-flex;

	align-items: center;

	justify-content: center;


	line-height: 1;


	transition:
		background-color .3s ease,
		border-color .3s ease,
		transform .3s ease;

}



/* Icon
--------------------------------------------- */

.riven-cart-icon {

	display: inline-flex;

	align-items: center;

	justify-content: center;


	line-height: 1;


	color: inherit;

}



.riven-cart-icon svg {
    display: block;
    width: 26px;
    height: 26px;
    fill: currentColor;
}



.riven-cart-icon i {

	display: block;

	line-height: 1;

}



/*--------------------------------------------------------------
# Counter Badge
--------------------------------------------------------------*/


.riven-cart-count {


	position: absolute;


	top: -8px;

	right: -8px;


	z-index: 5;



	min-width: 18px;

	height: 18px;


	padding: 0 5px;



	display: inline-flex;

	align-items: center;

	justify-content: center;



	font-size: 11px;

	font-weight: 700;

	line-height: 1;



	background: #d9ff28;

	color: #000;



	border-radius: 999px;



	transition:
		background-color .3s ease,
		color .3s ease,
		transform .3s ease;

}



/*--------------------------------------------------------------
# Price / Total
--------------------------------------------------------------*/


.riven-cart-total {

	display: inline-flex;

	align-items: center;


	line-height: 1;


	white-space: nowrap;


	transition:
		color .3s ease;

}



/*--------------------------------------------------------------
# Hover Effects
--------------------------------------------------------------*/


.riven-cart-button:hover
.riven-cart-icon-wrap {

	transform: translateY(-2px);

}



.riven-cart-button:hover
.riven-cart-count {

	transform: scale(1.08);

}



/*--------------------------------------------------------------
# Animation Classes
--------------------------------------------------------------*/


.riven-cart-hover-grow:hover {

	transform: scale(1.05);

}



.riven-cart-hover-float:hover {

	transform: translateY(-4px);

}



.riven-cart-hover-rotate:hover
.riven-cart-icon {

	transform: rotate(-10deg);

}



/*--------------------------------------------------------------
# WooCommerce Fragment Update Smooth
--------------------------------------------------------------*/


.riven-cart-count,
.riven-cart-total {

	transition:
		all .25s ease;

}



/*--------------------------------------------------------------
# Empty Cart State
--------------------------------------------------------------*/


.riven-cart-count:empty {

	display: none;

}

/*--------------------------------------------------------------
# Mini Cart Counter Animations
--------------------------------------------------------------*/


/* Pulse - screenshot er moto */
.riven-count-pulse {

	animation:
		rivenPulse 1.5s infinite;

}


@keyframes rivenPulse {


	0% {

		box-shadow:
			0 0 0 0 currentColor;

	}


	70% {

		box-shadow:
			0 0 0 12px transparent;

	}


	100% {

		box-shadow:
			0 0 0 0 transparent;

	}

}



/* Ping */

.riven-count-ping::after {

	content: "";

	position: absolute;

	inset: 0;


	border-radius: inherit;


	background: inherit;


	z-index: -1;


	animation:
		rivenPing 1.5s infinite;

}


@keyframes rivenPing {


	0% {

		transform: scale(1);

		opacity: .8;

	}


	100% {

		transform: scale(1.8);

		opacity: 0;

	}

}



/* Bounce */

.riven-count-bounce {

	animation:
		rivenBounce 1s infinite;

}


@keyframes rivenBounce {


	0%,
	100% {

		transform: translateY(0);

	}


	50% {

		transform: translateY(-5px);

	}

}



/* Shake */

.riven-count-shake {

	animation:
		rivenShake .8s infinite;

}


@keyframes rivenShake {


	0%,
	100% {

		transform: translateX(0);

	}


	25% {

		transform: translateX(-2px);

	}


	75% {

		transform: translateX(2px);

	}

}



/* Blink */

.riven-count-blink {

	animation:
		rivenBlink 1s infinite;

}


@keyframes rivenBlink {


	50% {

		opacity: .3;

	}

}

/*--------------------------------------------------------------
# Mobile
--------------------------------------------------------------*/


@media (max-width: 768px) {


	.riven-cart-button {

		gap: 6px;

	}


	.riven-cart-total {

		font-size: 12px;

	}


}

/*--------------------------------------------------------------
# Riven Button Widget
--------------------------------------------------------------*/


.riven-button-wrapper,
.riven-button-wrapper * {

	box-sizing: border-box;

}



/* Wrapper
--------------------------------------------- */

.riven-button-wrapper {

	display: flex;

}



/* Button Base
--------------------------------------------- */

.riven-button {

	position: relative;

	overflow: hidden;


	display: inline-flex;

	align-items: center;

	justify-content: center;


	text-decoration: none;


	cursor: pointer;


	border: 0;


	line-height: 1;


	transition:
		color .3s ease,
		background-color .3s ease,
		border-color .3s ease,
		box-shadow .3s ease,
		transform .3s ease;

}



/* Content layer */

.riven-button-content {

	position: relative;

	z-index: 2;


	display: inline-flex;

	align-items: center;

	justify-content: center;


	gap: 8px;

}



/* Text */

.riven-button-text {

	display: inline-flex;

	align-items: center;

}



/*--------------------------------------------------------------
# Button Icon
--------------------------------------------------------------*/


.riven-button-icon {

	display: inline-flex;

	align-items: center;

	justify-content: center;


	line-height: 1;


	transition:
		color .3s ease,
		background-color .3s ease,
		transform .3s ease;

}



.riven-button-icon svg {

	display: block;


	width: 1em;

	height: 1em;


	fill: currentColor;

}



.riven-button-icon i {

	display: block;

	line-height: 1;

}



/* Icon movement */

.riven-button:hover
.riven-button-icon {

	transform: translateX(2px);

}



/*--------------------------------------------------------------
# Hover Animations
--------------------------------------------------------------*/


/* Grow */

.riven-button-grow:hover {

	transform: scale(1.05);

}



/* Shrink */

.riven-button-shrink:hover {

	transform: scale(.95);

}



/* Float */

.riven-button-float:hover {

	transform: translateY(-4px);

}



/* Glow */

.riven-button-glow:hover {

	box-shadow:
		0 0 20px currentColor;

}



/* Pulse */

.riven-button-pulse:hover {

	animation:
		rivenButtonPulse 1s infinite;

}



@keyframes rivenButtonPulse {


	0% {

		transform: scale(1);

	}


	50% {

		transform: scale(1.05);

	}


	100% {

		transform: scale(1);

	}

}





/*--------------------------------------------------------------
# Before / After Effects Base
--------------------------------------------------------------*/


.riven-button::before {

	content: "";

	position: absolute;


	inset: 0;


	z-index: 1;


	transition:
		transform .4s ease,
		opacity .4s ease;


	pointer-events: none;

}



/*--------------------------------------------------------------
# Slide Left
--------------------------------------------------------------*/


.riven-effect-slide-left::before {

	transform:

		translateX(-100%);

}



.riven-effect-slide-left:hover::before {

	transform:

		translateX(0);

}





/*--------------------------------------------------------------
# Slide Right
--------------------------------------------------------------*/


.riven-effect-slide-right::before {

	transform:

		translateX(100%);

}



.riven-effect-slide-right:hover::before {

	transform:

		translateX(0);

}





/*--------------------------------------------------------------
# Sweep Effect
--------------------------------------------------------------*/


.riven-effect-sweep::before {

	transform:

		scaleX(0);


	transform-origin:

		left;

}



.riven-effect-sweep:hover::before {

	transform:

		scaleX(1);

}





/*--------------------------------------------------------------
# Shine Effect
--------------------------------------------------------------*/


.riven-effect-shine::before {


	width: 50%;


	background:

		linear-gradient(

			120deg,

			transparent,

			rgba(255,255,255,.6),

			transparent

		);



	transform:

		translateX(-200%)
		skewX(-20deg);

}



.riven-effect-shine:hover::before {

	transform:

		translateX(250%)
		skewX(-20deg);

}



/*--------------------------------------------------------------
# Disabled Empty Effect
--------------------------------------------------------------*/


.riven-effect-none::before {

	display: none;

}





/*--------------------------------------------------------------
# Focus Accessibility
--------------------------------------------------------------*/


.riven-button:focus {

	outline: none;

}





/*--------------------------------------------------------------
# Mobile
--------------------------------------------------------------*/


@media (max-width:768px) {


	.riven-button-content {

		gap: 6px;

	}


}


/*--------------------------------------------------------------
# Riven User Account Widget
--------------------------------------------------------------*/

.riven-account,
.riven-account * {

	box-sizing: border-box;

}


/* Wrapper
--------------------------------------------- */

.riven-account {

	position: relative;

	display: flex;

	align-items: center;

}


.riven-account-wrap {

	position: relative;

	display: inline-flex;

}


/* Trigger
--------------------------------------------- */

.riven-account-trigger {

	display: inline-flex;

	align-items: center;

	gap: 8px;


	cursor: pointer;


	text-decoration: none;


	transition:
		background-color .3s ease,
		color .3s ease,
		border-color .3s ease,
		box-shadow .3s ease;

}


/* Guest Link */

.riven-account-guest {

	color: inherit;

}



/*--------------------------------------------------------------
# Account Icon
--------------------------------------------------------------*/


.riven-account-icon {

	display: inline-flex;

	align-items: center;

	justify-content: center;


	line-height: 1;


	transition:
		color .3s ease,
		background-color .3s ease,
		transform .3s ease;

}



.riven-account-icon svg {

	display: block;


	width: 1em;

	height: 1em;


	fill: currentColor;

}



.riven-account-icon i {

	line-height: 1;

}



/* Hover icon */

.riven-account-trigger:hover
.riven-account-icon {

	transform: translateY(-2px);

}





/*--------------------------------------------------------------
# Avatar
--------------------------------------------------------------*/


.riven-account-avatar {

	display: inline-flex;

	align-items: center;

	justify-content: center;

}


.riven-account-avatar img {

	display:block;

	object-fit:cover;

	transition:
		transform .3s ease,
		box-shadow .3s ease;

}


.riven-account-trigger:hover
.riven-account-avatar img {

	transform: scale(1.05);

}





/*--------------------------------------------------------------
# User Name
--------------------------------------------------------------*/


.riven-account-name {


	display: inline-flex;


	align-items: center;


	line-height: 1;


	white-space: nowrap;


	transition:
		color .3s ease;

}





/*--------------------------------------------------------------
# Dropdown
--------------------------------------------------------------*/


.riven-account-dropdown {


	position: absolute;


	top: calc(100% + 12px);

	right: 0;


	z-index: 9999;



	min-width: 180px;


	margin: 0;

	padding: 10px 0;


	list-style: none;



	background: #ffffff;


	border-radius: 8px;



	opacity: 0;

	visibility: hidden;


	transform:

		translateY(10px);



	transition:

		opacity .3s ease,

		transform .3s ease,

		visibility .3s ease;


}



/* Show Dropdown */

.riven-account-wrap:hover
.riven-account-dropdown {


	opacity: 1;


	visibility: visible;


	transform:

		translateY(0);

}





/* Arrow */

.riven-account-dropdown::before {


	content: "";


	position: absolute;


	top: -6px;

	right: 18px;



	width: 12px;

	height: 12px;


	background: inherit;



	transform:

		rotate(45deg);

}





/* Dropdown Item
--------------------------------------------- */


.riven-account-dropdown li {


	margin: 0;


	list-style: none;

}



.riven-account-dropdown a {


	display: flex;


	align-items: center;


	width: 100%;



	padding:

		10px 16px;



	text-decoration: none;


	color: inherit;



	transition:

		background-color .3s ease,

		color .3s ease,

		padding .3s ease;

}




.riven-account-dropdown a:hover {


	background:

		rgba(0,0,0,.05);


	padding-left:

		22px;

}






/*--------------------------------------------------------------
# Dropdown Animation Extra
--------------------------------------------------------------*/


.riven-account-dropdown {


	transform-origin:

		top right;

}



.riven-account-wrap:hover
.riven-account-dropdown {


	animation:

		rivenAccountDrop .25s ease;

}



@keyframes rivenAccountDrop {


	0% {


		transform:

			scale(.95)

			translateY(10px);


		opacity: 0;


	}



	100% {


		transform:

			scale(1)

			translateY(0);


		opacity: 1;


	}

}






/*--------------------------------------------------------------
# Logged Out State
--------------------------------------------------------------*/


.riven-account-guest
.riven-account-name {


	font-weight: inherit;

}



/* Guest login */

.riven-account-guest {

	display:inline-flex;

	align-items:center;

	gap:8px;

	transition:
		background .3s ease,
		color .3s ease,
		border-color .3s ease;

}


.riven-account-guest-text {

	display:inline-flex;

	align-items:center;

	line-height:1;

	transition:color .3s ease;

}


/*--------------------------------------------------------------
# Mobile
--------------------------------------------------------------*/


@media (max-width:768px) {


	.riven-account-dropdown {


		right: auto;


		left: 0;


	}


	.riven-account-name {


		font-size: 14px;

	}


}


/*--------------------------------------------------------------
# Riven Product Search Widget
--------------------------------------------------------------*/

.riven-search,
.riven-search * {
	box-sizing:border-box;
}


.riven-search {
	position:relative;
	width:100%;
}



/*--------------------------------------------------------------
# Toggle Button (Popup Mode)
--------------------------------------------------------------*/

.riven-search-toggle {
	display:flex;
	align-items:center;
	justify-content:center;

	width:45px;
	height:45px;

	border:0;

	cursor:pointer;

	background:#111827;
	color:#fff;

	border-radius:10px;

	font-size:18px;

	transition:.3s ease;
	box-shadow: none;
}


.riven-search-toggle svg {
	width:1em;
	height:1em;

	fill:currentColor;
}


.riven-search-toggle:hover {
	background:#d8a43b;
	color:#111827;
}



/*--------------------------------------------------------------
# Dropdown Wrapper
--------------------------------------------------------------*/

.riven-search-dropdown {
	width:100%;
}


/* Inline */

.riven-search-inline 
.riven-search-dropdown {
	display:block;
}


/* Popup */

.riven-search-popup 
.riven-search-dropdown {
	position:absolute;

	top:calc(100% + 12px);
	right:0;

	width:350px;

	background:#fff;

	border-radius:12px;

	box-shadow:
	0 15px 40px rgba(0,0,0,.15);

	opacity:0;
	visibility:hidden;

	transform:translateY(10px);

	transition:
	opacity .3s ease,
	transform .3s ease,
	visibility .3s ease;

	z-index:9999;
}


.riven-search-popup.active
.riven-search-dropdown {
	opacity:1;
	visibility:visible;

	transform:translateY(0);
}



/*--------------------------------------------------------------
# Form
--------------------------------------------------------------*/

.riven-search-form {
	position:relative;

	width:100%;

	display:flex;
}



/*--------------------------------------------------------------
# Search Box
--------------------------------------------------------------*/

.riven-search-box {
	display:flex;

	align-items:center;

	width:100%;

	overflow:hidden;

	background:#fff;

	transition:
	border-color .3s ease,
	box-shadow .3s ease;
}



/*--------------------------------------------------------------
# Input
--------------------------------------------------------------*/

.riven-search-input {
	flex:1;

	width:100%;

	border:0;
	outline:0;

	background:transparent;

	min-height:100%;
}


.riven-search-input:focus {
	outline:none;
	box-shadow:none;
}



/*--------------------------------------------------------------
# Submit Button
--------------------------------------------------------------*/

button.riven-search-button {
	display:flex;

	align-items:center;
	justify-content:center;

	height:100%;

	border:0;

	cursor:pointer;

	background:transparent;

	color:inherit;

	transition:
	background .3s ease,
color .3s ease;
}


button.riven-search-button svg {
	width:1em;
	height:1em;

	fill:currentColor;
}


button.riven-search-button:hover {
	background:#d8a43b;
	color:#111827;
}



/*--------------------------------------------------------------
# Ajax Results
--------------------------------------------------------------*/

.riven-search-results {
	position:absolute;

	top:calc(100% + 10px);
	left:0;

	width:100%;

	z-index:99999;

	background:#fff;

	border-radius:10px;

	box-shadow:
	0 10px 30px rgba(0,0,0,.12);

	opacity:0;
	visibility:hidden;

	transform:translateY(10px);

	transition:
	opacity .3s ease,
	transform .3s ease;
}


.riven-search.search-active
.riven-search-results {
	opacity:1;

	visibility:visible;

	transform:translateY(0);
}



/* Loader */

.riven-search-loader {
	padding:15px;

	font-size:14px;

	text-align:center;

	opacity:.7;
}



/*--------------------------------------------------------------
# Result Item
--------------------------------------------------------------*/

.riven-search-item {
	display:flex;

	align-items:center;

	gap:12px;

	padding:10px;

	text-decoration:none;

	transition:
	background .3s ease;
}


.riven-search-item:hover {
	background:rgba(0,0,0,.05);
}


.riven-search-thumb {
	width:45px;
	height:45px;

	object-fit:cover;

	border-radius:6px;
}


.riven-search-title {
	font-size:14px;

	font-weight:600;
}


.riven-search-price {
	font-size:13px;
}


/* Popup Position */

.riven-search-popup-left
.riven-search-dropdown {
	left:0;
	right:auto;
}


.riven-search-popup-center
.riven-search-dropdown {
	left:50%;
	right:auto;

	transform:
	translate(-50%,10px);
}


.riven-search-popup-right
.riven-search-dropdown {
	right:0;
	left:auto;
}


.riven-search-popup.active
.riven-search-popup-center
.riven-search-dropdown {

	transform:
	translate(-50%,0);

}



/* Width */

.riven-search-width-auto
.riven-search-dropdown {

	width:auto;

	min-width:280px;

}


.riven-search-width-full
.riven-search-dropdown {

	width:100vw;

}




/*--------------------------------------------------------------
# Result Animation
--------------------------------------------------------------*/

.riven-result-fade {
	transform:none;
}


.riven-result-scale {
	transform:scale(.95);
}


.riven-search.search-active
.riven-result-scale {
	transform:scale(1);
}



/*--------------------------------------------------------------
# Responsive
--------------------------------------------------------------*/

@media(max-width:768px){

	.riven-search-popup 
	.riven-search-dropdown {
		width:300px;
		right:0;
	}

}

/*--------------------------------------------------------------
# Riven Product Categories Widget
--------------------------------------------------------------*/

.riven-categories,
.riven-categories * {

	box-sizing: border-box;

}


/*--------------------------------------------------------------
# Wrapper
--------------------------------------------------------------*/

.riven-categories {

	position: relative;

	display: flex;

	align-items: center;

	width: 100%;

}



.riven-category-wrap {

	position: relative;

	display: inline-flex;

}






/*--------------------------------------------------------------
# Trigger Button
--------------------------------------------------------------*/

.riven-category-trigger {


	display: inline-flex;

	align-items: center;

	justify-content: center;


	gap: 8px;


	border: none;


	cursor: pointer;


	background: transparent;


	color: inherit;


	line-height: 1;


	transition:
		background-color .3s ease,
		color .3s ease,
		border-color .3s ease,
		box-shadow .3s ease,
		transform .3s ease;

}



.riven-category-trigger:hover {

	transform: translateY(-1px);

}




.riven-category-trigger-text {

	display: inline-flex;

	align-items: center;

}







/*--------------------------------------------------------------
# Trigger Icon
--------------------------------------------------------------*/

.riven-category-icon {


	display: inline-flex;


	align-items: center;


	justify-content: center;


	line-height: 1;


	color: inherit;


	transition:
		color .3s ease,
		background-color .3s ease,
		transform .3s ease;

}



.riven-category-icon i {

	display: block;

	font-size: inherit;

	line-height: 1;

}



.riven-category-icon svg {


	display: block;


	width: 1em;


	height: 1em;


	fill: currentColor;

}




.riven-category-trigger:hover
.riven-category-icon {

	transform: scale(1.08);

}









/*--------------------------------------------------------------
# Dropdown
--------------------------------------------------------------*/


.riven-category-dropdown {


	position: absolute;


	left: 0;


	top: calc(100% + 10px);


	z-index: 9999;



	width: 260px;



	display: flex;


	flex-direction: column;



	background: #fff;



	opacity: 0;


	visibility: hidden;



	transform:

		translateY(10px)

		scale(.98);



	transform-origin:

		top left;



	transition:

		opacity .25s ease,

		transform .25s ease,

		visibility .25s ease;

}





.riven-category-wrap:hover
.riven-category-dropdown {


	opacity: 1;


	visibility: visible;



	transform:

		translateY(0)

		scale(1);

}









/*--------------------------------------------------------------
# Category Layouts
--------------------------------------------------------------*/


.riven-category-list {


	display: flex;


	width: 100%;

}




/* Vertical */

.riven-category-vertical
.riven-category-list {


	flex-direction: column;

}




/* Horizontal */

.riven-category-horizontal
.riven-category-list {


	flex-direction: row;


	align-items: center;


	flex-wrap: wrap;

}










/*--------------------------------------------------------------
# Category Item
--------------------------------------------------------------*/


.riven-category-item {


	position: relative;


	display: flex;


	align-items: center;



	gap: 10px;



	width: 100%;



	padding:

		10px 15px;



	color: inherit;



	text-decoration: none;



	overflow: hidden;



	transition:

		background-color .3s ease,

		color .3s ease,

		border-color .3s ease,

		box-shadow .3s ease,

		transform .3s ease;

}




.riven-category-item:hover {


	text-decoration: none;

}








/* Category Name */

.riven-category-name {


	display: block;



	flex: 1;



	white-space: nowrap;



	overflow: hidden;



	text-overflow: ellipsis;

}









/*--------------------------------------------------------------
# Category Image
--------------------------------------------------------------*/


.riven-category-image {


	display: block;



	width: 35px;



	height: 35px;



	object-fit: cover;



	flex-shrink: 0;



	transition:

		transform .3s ease,

		box-shadow .3s ease;

}




.riven-category-item:hover
.riven-category-image {


	transform:

		scale(1.08);

}











/*--------------------------------------------------------------
# Count Badge
--------------------------------------------------------------*/


.riven-category-count {


	display: inline-flex;



	align-items: center;



	justify-content: center;



	min-width: 22px;



	height: 22px;



	padding:

		0 7px;



	border-radius: 50px;



	background:

		rgba(0,0,0,.08);



	font-size: 12px;



	line-height: 1;



	flex-shrink: 0;



	transition:

		color .3s ease,

		background-color .3s ease,

		border-color .3s ease,

		transform .3s ease;

}




.riven-category-item:hover
.riven-category-count {


	transform:

		scale(1.08);

}









/*--------------------------------------------------------------
# Animations
--------------------------------------------------------------*/


.riven-category-hover-move
.riven-category-item:hover {


	transform:

		translateX(5px);

}




.riven-category-hover-zoom
.riven-category-item:hover {


	transform:

		scale(1.03);

}










/*--------------------------------------------------------------
# Scrollbar
--------------------------------------------------------------*/


.riven-category-dropdown::-webkit-scrollbar {


	width: 6px;

}



.riven-category-dropdown::-webkit-scrollbar-thumb {


	background:

		rgba(0,0,0,.2);



	border-radius: 10px;

}










/*--------------------------------------------------------------
# Mobile
--------------------------------------------------------------*/


@media(max-width:768px){



	.riven-category-dropdown {


		width: 260px;


		max-width: 90vw;

	}




	.riven-category-horizontal
	.riven-category-list {


		flex-direction: column;


		align-items: stretch;

	}



}

/*--------------------------------------------------------------
# Riven Off Canvas
--------------------------------------------------------------*/

.riven-offcanvas,
.riven-offcanvas * {
	box-sizing:border-box;
}


/* Wrapper
---------------------------------------------*/

.riven-offcanvas {
	display:block;
}


.riven-offcanvas-trigger-wrap {
	display:flex;
	align-items:center;
}


/*--------------------------------------------------------------
# Trigger
--------------------------------------------------------------*/

.riven-offcanvas-trigger {
	display:inline-flex;
	align-items:center;
	justify-content:center;

	gap:8px;

	min-width:45px;
	min-height:45px;

	padding:10px;

	cursor:pointer;

	border:none;
	background:transparent;

	color:#111;

	font-size:24px;
	line-height:1;

	position:relative;

	z-index:1;

	transition:
	background .3s ease,
	color .3s ease,
	transform .3s ease;

	box-shadow: none;
}


.riven-offcanvas-trigger:hover {
	transform:translateY(-1px);
}


.riven-offcanvas-icon {
	display:inline-flex;

	align-items:center;
	justify-content:center;

	width:1em;
	height:1em;

	color:inherit;

	line-height:1;

	transition:.3s ease;
}


.riven-offcanvas-icon svg {
	width:100%;
	height:100%;

	display:block;

	fill:currentColor;
}


.riven-offcanvas-icon i {
	display:block;
	line-height:1;
}


.riven-offcanvas-trigger:hover
.riven-offcanvas-icon {
	transform:scale(1.08);
}


.riven-offcanvas-text {
	display:inline-block;

	color:inherit;

	font-size:16px;
	line-height:1;
}



/*--------------------------------------------------------------
# Overlay
--------------------------------------------------------------*/

.riven-offcanvas-overlay {
	position:fixed;

	inset:0;

	background:rgba(0,0,0,.55);

	z-index:99998;

	opacity:0;
	visibility:hidden;

	pointer-events:none;

	transition:
	opacity .3s ease,
	visibility .3s ease;
}


.riven-offcanvas.active
.riven-offcanvas-overlay {
	opacity:1;
	visibility:visible;

	pointer-events:auto;
}



/*--------------------------------------------------------------
# Panel
--------------------------------------------------------------*/

.riven-offcanvas-panel {
	position:fixed;

	width:350px;
	max-width:100%;

	height:100vh;

	background:#fff;

	z-index:99999;

	overflow-y:auto;

	opacity:1;

	transition:
	transform .35s ease,
opacity .35s ease;

	will-change:transform;
}



/*--------------------------------------------------------------
# Directions
--------------------------------------------------------------*/

/* Left */

.riven-offcanvas-left
.riven-offcanvas-panel {
	top:0;
	left:0;

	transform:translate3d(-100%,0,0);
}


/* Right */

.riven-offcanvas-right
.riven-offcanvas-panel {
	top:0;
	right:0;

	transform:translate3d(100%,0,0);
}


/* Top */

.riven-offcanvas-top
.riven-offcanvas-panel {
	top:0;
	left:0;

	width:100%;
	height:auto;

	transform:translate3d(0,-100%,0);
}


/* Bottom */

.riven-offcanvas-bottom
.riven-offcanvas-panel {
	bottom:0;
	left:0;

	width:100%;
	height:auto;

	transform:translate3d(0,100%,0);
}



/* Active */

.riven-offcanvas.active
.riven-offcanvas-panel {
	transform:translate3d(0,0,0)!important;

	opacity:1;
}



/*--------------------------------------------------------------
# Animation Fade
--------------------------------------------------------------*/

.riven-offcanvas-animation-fade
.riven-offcanvas-panel {
	transform:none!important;

	opacity:0;
}


.riven-offcanvas-animation-fade.active
.riven-offcanvas-panel {
	opacity:1;
}



/*--------------------------------------------------------------
# Animation Scale
--------------------------------------------------------------*/

.riven-offcanvas-animation-scale
.riven-offcanvas-panel {
	transform:scale(.8);

	opacity:0;
}


.riven-offcanvas-animation-scale.active
.riven-offcanvas-panel {
	transform:scale(1)!important;

	opacity:1;
}



/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/

.riven-offcanvas-content {
	padding:25px;
}



/*--------------------------------------------------------------
# Close
--------------------------------------------------------------*/

.riven-offcanvas-close {
	position:absolute;

	top:15px;
	right:15px;

	width:35px;
	height:35px;

	display:flex;

	align-items:center;
	justify-content:center;

	cursor:pointer;

	border:none;

	background:transparent;

	color:#111;

	font-size:28px;

	line-height:1;

	z-index:2;

	transition:.3s ease;
}



/*--------------------------------------------------------------
# Body Lock
--------------------------------------------------------------*/

body.riven-offcanvas-open {
	overflow:hidden;
}



/*--------------------------------------------------------------
# Mobile
--------------------------------------------------------------*/

@media(max-width:768px){

	.riven-offcanvas-panel {
		width:320px;
		max-width:90vw;
	}

}

.elementor-widget-riven_off_canvas.elementor-invisible {

	visibility:visible!important;

}
/*--------------------------------------------------------------
# Riven Wishlist Widget
--------------------------------------------------------------*/

.riven-wishlist,
.riven-wishlist * {

	box-sizing: border-box;

}



/* Wrapper
---------------------------------------------*/

.riven-wishlist {

	display: flex;

	align-items: center;

}



/* Link
---------------------------------------------*/

.riven-wishlist-link {


	position: relative;


	display: inline-flex;


	align-items: center;


	gap: 8px;



	text-decoration: none;



	color: inherit;



	transition:

		color .3s ease,

		transform .3s ease;

}



.riven-wishlist-link:hover {

	text-decoration: none;

}







/*--------------------------------------------------------------
# Icon
--------------------------------------------------------------*/

.riven-wishlist-icon {


	position: relative;



	display: inline-flex;



	align-items: center;



	justify-content: center;



	line-height: 1;



	color: inherit;



	transition:

		color .3s ease,

		background-color .3s ease,

		border-color .3s ease,

		box-shadow .3s ease,

		transform .3s ease;

}




.riven-wishlist-icon i {


	display: block;


	line-height: 1;

}



.riven-wishlist-icon svg {


	display: block;


	width: 1em;


	height: 1em;


	fill: currentColor;

}




.riven-wishlist-link:hover
.riven-wishlist-icon {


	transform:

		scale(1.08);

}








/*--------------------------------------------------------------
# Text
--------------------------------------------------------------*/

.riven-wishlist-text {


	display: inline-flex;


	align-items: center;


	line-height: 1;



	transition:

		color .3s ease;

}










/*--------------------------------------------------------------
# Counter Badge
--------------------------------------------------------------*/

.riven-wishlist-count {


	position: absolute;


	top: -8px;


	right: -8px;



	display: inline-flex;


	align-items: center;


	justify-content: center;




	min-width: 18px;


	height: 18px;




	padding:

		0 5px;



	background:

		#ff2d55;



	color:

		#fff;



	border-radius:

		50px;



	font-size:

		11px;



	line-height: 1;



	z-index: 2;



	transition:

		background-color .3s ease,

		color .3s ease,

		border-color .3s ease,

		transform .3s ease;

}









/*--------------------------------------------------------------
# Counter Animations
--------------------------------------------------------------*/


/* Pulse */

.riven-wishlist-animation-pulse
.riven-wishlist-count {


	animation:

		rivenWishlistPulse

		1.5s infinite;

}




@keyframes rivenWishlistPulse {


	0% {

		transform: scale(1);

	}


	50% {

		transform: scale(1.18);

	}


	100% {

		transform: scale(1);

	}

}








/* Bounce */

.riven-wishlist-animation-bounce
.riven-wishlist-count {


	animation:

		rivenWishlistBounce

		1.2s infinite;

}



@keyframes rivenWishlistBounce {


	0%,
	100% {


		transform:

			translateY(0);

	}



	50% {


		transform:

			translateY(-5px);

	}

}










/* Shake */

.riven-wishlist-animation-shake
.riven-wishlist-count {


	animation:

		rivenWishlistShake

		1s infinite;

}



@keyframes rivenWishlistShake {


	0%,
	100% {

		transform:

			translateX(0);

	}


	25% {

		transform:

			translateX(-2px);

	}


	75% {

		transform:

			translateX(2px);

	}

}









/*--------------------------------------------------------------
# Hover Effects
--------------------------------------------------------------*/

.riven-wishlist-link:hover
.riven-wishlist-count {


	transform:

		scale(1.1);

}



/*--------------------------------------------------------------
# Mobile
--------------------------------------------------------------*/

@media(max-width:768px){


	.riven-wishlist-link {


		gap: 6px;

	}



}


/*--------------------------------------------------------------
# Wishlist Products Widget
--------------------------------------------------------------*/

.riven-wishlist-products,
.riven-wishlist-products * {

	box-sizing: border-box;

}



/* Grid Layout
---------------------------------------------*/

.riven-wishlist-products-grid {


	display: grid;


	grid-template-columns:

		repeat(4, 1fr);


	gap: 20px;

}







/* List Layout
---------------------------------------------*/

.riven-wishlist-products-list {


	display: flex;


	flex-direction: column;


	gap: 16px;

}






.riven-wishlist-products-list
.riven-wishlist-product {


	display: grid;


	grid-template-columns:

		90px 1fr auto auto;


	align-items: center;

}









/*--------------------------------------------------------------
# Product Card
--------------------------------------------------------------*/

.riven-wishlist-product {


	position: relative;



	display: flex;


	flex-direction: column;


	gap: 15px;



	padding: 18px;



	background: #fff;



	border: 1px solid #eee;



	border-radius: 14px;



	transition:

		transform .3s ease,

		box-shadow .3s ease,

		border-color .3s ease;

}






.riven-wishlist-product:hover {


	transform:

		translateY(-3px);



	box-shadow:

		0 12px 35px rgba(0,0,0,.08);

}









/*--------------------------------------------------------------
# Image
--------------------------------------------------------------*/

.riven-wishlist-product-image {


	display: block;


	overflow: hidden;


	border-radius: inherit;

}





.riven-wishlist-product-image img {


	width: 100%;


	height: auto;



	display: block;



	object-fit: cover;



	transition:

		transform .4s ease;

}




.riven-wishlist-product:hover img {


	transform:

		scale(1.05);

}










/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/

.riven-wishlist-product-content {


	display: flex;


	flex-direction: column;


	gap: 8px;

}





.riven-wishlist-product-title {


	font-size: 16px;


	font-weight: 600;


	color: #111;



	line-height: 1.4;



	text-decoration: none;



	transition:

		color .3s ease;

}






.riven-wishlist-product-title:hover {


	color: #ff2d55;

}








/* Price
---------------------------------------------*/

.riven-wishlist-product-price {


	font-size: 15px;


	font-weight: 600;


	color: #555;

}






.riven-wishlist-product-price del {


	opacity: .5;


	margin-right: 5px;

}









/* Stock
---------------------------------------------*/

.riven-wishlist-product-stock {


	font-size: 13px;


	font-weight: 500;

}





.riven-wishlist-product-stock.in-stock {


	color: #00a86b;

}




.riven-wishlist-product-stock.out-stock {


	color: #e63946;

}










/*--------------------------------------------------------------
# Add Cart Button
--------------------------------------------------------------*/

.riven-wishlist-cart {


	display: inline-flex;


	align-items: center;


	justify-content: center;



	width: fit-content;



	padding:

		10px 20px;



	background:

		#111;



	color:

		#fff;



	border-radius:

		50px;



	text-decoration: none;



	font-size:

		14px;



	transition:

		background .3s ease,

		color .3s ease,

		transform .3s ease;

}






.riven-wishlist-cart:hover {


	background:

		#ff2d55;



	color:

		#fff;



	transform:

		translateY(-2px);

}









/*--------------------------------------------------------------
# Remove Button
--------------------------------------------------------------*/

.riven-wishlist-remove {


	position: absolute;


	top: 12px;


	right: 12px;




	display: flex;


	align-items: center;


	justify-content: center;




	width: 34px;


	height: 34px;



	border: none;



	border-radius: 50%;



	background:

		#f5f5f5;



	color:

		#ff2d55;



	cursor: pointer;



	transition:

		all .3s ease;

}







.riven-wishlist-remove svg {


	width: 16px;


	height: 16px;



	fill: none;



	stroke:

		currentColor;



	stroke-width:

		2;



	stroke-linecap:

		round;

}








.riven-wishlist-remove:hover {


	background:

		#ff2d55;



	color:

		#fff;

}










/*--------------------------------------------------------------
# Empty
--------------------------------------------------------------*/

.riven-wishlist-empty {


	padding:

		50px 20px;



	text-align:

		center;



	border-radius:

		15px;



	background:

		#fafafa;



	font-size:

		18px;



	font-weight:

		600;



	color:

		#555;

}









/*--------------------------------------------------------------
# Responsive
--------------------------------------------------------------*/

@media(max-width:768px){



	.riven-wishlist-products-grid {


		grid-template-columns:

			repeat(2,1fr);

	}





	.riven-wishlist-products-list
	.riven-wishlist-product {


		grid-template-columns:

			80px 1fr;


	}





	.riven-wishlist-cart {


		width:

			100%;

	}




}





@media(max-width:480px){


	.riven-wishlist-products-grid {


		grid-template-columns:

			1fr;

	}


}