/* ============== Header ============= */

section:not(.page-inventory-details) .header .header-container {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	width: 100%;
	z-index: 1030;
}

/** Adds top margin to all pages to account for fixed header**/
section[class*="page-"]:not(.page-inventory-details) {
	margin-top: var(--cw-headerHeight);
}

/* There's a script to make the variable always the size of the header container */
:root {
	--cw-headerHeight: 140px;
}


section:not(.page-inventory-details) .header-container nav {
	/* position: fixed; */
	/* top: 30px; */
	/* left: 0; */
	/* width: 100%; */
	/* z-index: 1030; */
	color: #fff;
	background: var(--color-theme-secondary) !important;
}

.header {
	/* margin-bottom: 7em; */
}

.navbar .container {
	/* padding-top: 10px; */
	/* padding-bottom: 10px; */
	max-width: 100%;
	border-bottom: solid 2px var(--color-theme-primary);
}



.cw-topHeaderContact i {
	color: var(--color-theme-primary);
}

.cw-topHeaderNav a {
	color: #fff;
	text-decoration: none;
	margin: 0 10px;
}

.cw-topHeaderNav a:hover {
	text-decoration: underline;
}

.cw-topHeaderSocial i {
	color: #fff;
	margin-left: 10px;
}

.cw-topHeader {
	background: var(--color-theme-secondary);
	color: #fff;
	padding: 10px 20px;
	text-align: center;

	/* position: fixed; */
	overflow: hidden;
	/* z-index: 100; */
	text-align: center;
}

@media (min-width: 992px) {

	.cw-topHeader {
		display: flex;
		align-items: center;
		justify-content: space-between;
		--cw-left-before-width: 250px;
		padding-left: calc(var(--cw-left-before-width) * .8 - 20px);
		position: relative;
	}

	.cw-topHeader::before {
		content: "";
		position: absolute;
		left: 0;
		top: 0;
		width: var(--cw-left-before-width);
		height: 100%;
		background-color: #fff;
		clip-path: polygon(0 0, 70% 0, 80% 100%, 0 100%);
	}

	.cw-topHeaderContent {
		position: relative;
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding-left: 20px;
		z-index: 1;
	}

	.cw-topHeaderContact {
		display: flex;
		align-items: center;
		gap: 15px;
		/* padding-left: 10em; */
	}

	.navbar .container {
		border-bottom: none !important;
	}
}

@media (min-width: 1600px) {
	.cw-topHeader {
		--cw-left-before-width: 550px;
	}
}



.header .navbar .active>.nav-link,
.header .navbar .dropdown-item.active,
.header .navbar .dropdown-item:active,
.header .navbar .show>.nav-link {
	background-color: transparent !important;
}

.navbar-nav .nav-item {
	text-transform: uppercase;
	display: flex;
	align-items: center;
	/* Vertically center all nav-links */
}


@media (min-width: 992px) {

	:root {
		/* Variable set to the width of a standard BS container width. used in the fancy navbar to calculate a padding and a width */
		--cw-bs-container-width: 960px
	}

	.header .navbar .container {
		/* padding-top: 0 ; */
		/* padding-bottom: 0 ; */
		max-width: 100%;
		padding-right: calc((100vw - var(--cw-bs-container-width)) / 2 + 1rem);
	}

	.header .nav-link-cart,
	.header .navbar .nav-link {
		line-height: 20px;
		font-size: 14px;
	}

	.header .navbar {
		/* padding-top: 0 !important; */
	}

	.header .navbar-nav {}

	/* keeps nav items on the right side of header */
	.header.has-cart .collapse.justify-content-center,
	.header .navbar-collapse.justify-content-center {
		-webkit-box-pack: flex-end !important;
		-ms-flex-pack: flex-end !important;
		justify-content: flex-end !important;
	}

	.header .navbar-nav:not(.navbar-cart) {
		/* set pixels to logo width (or more) */
		/* max-width: calc(100% - 285px); */
		justify-content: flex-end;
	}

	.header .navbar-nav {
		justify-content: flex-end;
	}

	.navbar-nav .nav-item:last-child {
		background: var(--color-theme-primary);
		color: var(--color-theme-text-btn);
		transform: skewX(-15deg);
		/* margin-right: -4em; */
		padding: 20px 50px;
		margin-left: 10px;
		position: relative;
		z-index: 2;
	}

	.navbar-nav .nav-item:last-child .nav-link {
		color: inherit;

		display: inline-block;
		transform: skewX(15deg);
		/* Reverse skew to keep text straight */
		padding: 10px 20px;
		/* Adjust padding */
		transition: 0.3s ease-in-out;
	}

	.navbar-nav .nav-item:last-child:hover {
		background: var(--color-theme-primary);
		/* Darker red on hover */
	}

	/* Extending the red background from last nav-item to the right edge */
	.header .navbar::after {
		content: "";
		position: absolute;
		bottom: 0;
		right: 0;
		background: var(--color-theme-primary);
		/* width: 20vw; */
		/* width is set to the size of the navbar container's right padding + a little to get past the skew */
		width: calc((100vw - var(--cw-bs-container-width)) / 2 + 40px);
		/* height: 100%; */
		/* height is set to exactly the height of the big skewed button. Currently 20px line height + two 10px paddings + two 20px paddings*/
		height: 80px;
		z-index: 0;
	}

	.header .navbar,
	.header .navbar.bg-primary {
		border-bottom: 3px solid var(--color-theme-primary);
	}
}


/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	:root {
		--cw-bs-container-width: 1140px;
	}
}

@media (min-width: 1400px) {
	:root {
		--cw-bs-container-width: 1320px;
	}
}


/* =========== BTN Section ============ */
.Cw-background-text {
	position: absolute;
	top: 0;
	left: 0;
	font-size: 6rem;
	color: #000;
	font-weight: 900;
	opacity: 0.05;
	z-index: 0;
	white-space: nowrap;
	pointer-events: none;
	transform: translateY(-20%);
}

.Cw-title-text {
	font-size: 2.75rem;
	color: #871111;
	font-weight: 800;
}

.Cw-highlight {
	position: relative;
	display: inline-block;
}

.Cw-underline {
	position: absolute;
	bottom: -6px;
	left: 0;
	width: 100%;
	height: 6px;
	background-color: #ea0000;
	z-index: -1;
}

.Cw-card {
	border: none;
	border-radius: 0;
	transition: transform 0.3s ease;
}

.Cw-card:hover {
	transform: translateY(-5px);
}

/* ========= Shop by bodystyle ========= */
.cw-style-search {
	text-align: center;
	position: relative;
	border-radius: 1vw;
	background: var(--color-theme-background);
	color: var(--color-theme-text);
}

.cw-style-search h2::after {
	content: "";
	display: block;
	height: 3px;
	width: 80px;
	margin: 0.5rem 0 1.5rem;
	background-color: var(--color-theme-primary);
}

.cw-style-search h2::after {
	margin-right: auto;
	margin-left: auto;
}

.cw-style-search .cw-bs-button-text {
	color: var(--color-theme-text);
	position: relative;
	top: 0;
	height: 100%;
	width: 100%;
	display: block;
	height: auto;
	transition: 0.25s ease-in;
	transition-delay: 0.1s;
	z-index: 5;
	font-weight: 700;
}

.cw-style-search .cw-bs-link {
	position: relative;
	display: block;
	z-index: 2;
}

.cw-style-search .cw-bs-link .cw-bs-link-img {
	position: relative;
	z-index: 5;
	max-width: 200px;
	margin: auto;
}

.cw-style-search .cw-bs-button {
	margin-top: -45px;
	padding: 43px 0.5rem 0.5rem;
	width: 100%;
	text-align: center;
	display: block;
	position: relative;
	background: #eeeeee;
	border: 1px solid var(--color-theme-border);
	border-radius: 0.5vw;
	transition: 0.3s ease-in-out;
	transition-delay: 0.35s;
	overflow: hidden;
	z-index: 1;
}

.cw-style-search .cw-bs-button:before {
	content: "";
	display: block;
	background: var(--color-theme-primary);
	position: absolute;
	width: 200%;
	height: 500%;
	border-radius: 100%;
	transition: 0.8s cubic-bezier(0.4, 0, 1, 1);
	z-index: 3;
}

.cw-style-search .cw-bs-button:after {
	content: "";
	display: block;
	background: var(--color-theme-highlight);
	position: absolute;
	width: 300%;
	height: 600%;
	border-radius: 100%;
	transition: 0.4s cubic-bezier(0.4, 0, 1, 1);
	z-index: 2;
}

.cw-style-search .cw-bs-link:hover .cw-bs-button .cw-bs-button-text {
	color: var(--color-theme-text-btn);
}

.cw-style-search .cw-bs-link:hover .cw-bs-button {
	color: transparent;
}

.cw-style-search .cw-bs-link .cw-bs-button:before {
	transform: translate(-110%, -80%) translateZ(0);
}

.cw-style-search .cw-bs-link:hover .cw-bs-button:before {
	transform: translate(-45%, -34%) translateZ(0);
}

.cw-style-search .cw-bs-link .cw-bs-button:after {
	transform: translate(-110%, -80%) translateZ(0);
}

.cw-style-search .cw-bs-link:hover .cw-bs-button:after {
	transform: translate(-55%, -54%) translateZ(0);
}

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

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
	.cw-style-search .cw-bs-button {
		margin-top: -50px;
		padding: 45px 2rem 0.7rem;
	}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {}

/* Large devices (desktops, 992px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 992px) {}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {}

/* ================== Two big Section ======== */
.cw-image-circle {
	width: 250px;
	height: 250px;
	object-fit: cover;
	border-radius: 50%;
	margin-bottom: 20px;
}

.cw-section {
	text-align: center;
	padding: 40px 20px;
}

.cw-red-button {
	background-color: red;
	color: #fff;
	border: none;
	padding: 10px 20px;
	margin-top: 20px;
}

.cw-black-button {
	background-color: #000;
	color: #fff;
	border: none;
	padding: 10px 20px;
	margin-top: 20px;
}

.cw-text-muted {
	color: #444;
	font-size: 14px;
	margin-top: 10px;
}

@media (min-width: 992px) {
	.cw-bigLeftSection {
		border-right: 1px solid #ddd;
	}
}



 /*.builder-canvas__sticky-container {
	z-index: -2000 !important;
	padding-top: 2em;
	position: absolute!important;
} */



.photo__item .photo__thumbnail .photo__showMore[PhotoGalleryWidgetCssScope] {
	background: rgba(95, 50, 50, 0.7);
	z-index: 6 !important;
}