@media screen and (min-width:600px) {

	.offcanvas-navigation .nav .sub-nav-check:checked ~ .sub-nav {
		width: 320px !important;
		left: 320px !important;
	}
}


@media screen and (min-width:600px) {
	.navigationMenu {
		width: 320px !important;
	}
}

@media screen and (min-width:600px) {

	#BurgerMenuButton {
		background-color: #00283C !important;
		border: 2px solid #F7F7F7;
	}
}

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

	#BurgerMenuButton {
		border: 0px;
		background-color: var(--swift-background-color);
		/*Equivalent to bootstrap p-2*/
		padding: .5rem !important
	}
}

/*  %23FFCD00 is hardcoded color. %23 is used instead of #  */
.form-check-input:checked[type=radio] {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='2' fill='%23FFCD00'/%3E%3C/svg%3E") !important;
}

.yellowBorder {
	border-top: 1px solid var(--swift-accent-color);
	border-right: none !important;
}

.yellowText {
	background-color: var(--swift-background-color) !important;
}

	.yellowText > label {
		color: var(--swift-accent-color) !important;
		text-align: end;
	}

.sub-NavStyle {
	background-color: var(--swift-foreground-color) !important;
}

	.sub-NavStyle .notHeader {
		color: var(--swift-background-color) !important;
		
	}

	.sub-NavStyle .nav-item {
		padding-left: 1rem;
		padding-right: 1rem;
	}

.offcanvas-navigation .nav .nav-header:before {
	background-color: rgba(0,0,0,0) !important;
}

.offcanvas-navigation .nav .nav-link.in-path.notHeader:before {
	background-color: var(--swift-background-color) !important;
	left:2px;
}

.fgSVG > svg > path {
	fill: var(--swift-foreground-color);
}

.bgSVG > svg > path {
	fill: var(--swift-background-color);
}

.accentSVG > svg > path {
	fill: var(--swift-accent-color);
}

body {
	padding: 0 !important;
}

.SpecialPriceProductDetailPage {
	background-color: #EDF0F0;
}

.opin-kerfi-semi-bold {
	font-family: var(--swift-header-font);
	font-weight: 600;
	font-style: normal;
}

.nav-line:before {
	content: "";
	background-color: rgb(0, 0, 0,0.05);
	position: absolute;
	bottom: 0;
	left: 0;
	height: 100%;
	width: 2px;
}

/*@media screen and (max-height:1044px) {
	.offcanvas-navigation.desktopOffcanvas * {
		font-size: 1.8vh !important;
	}
	.megaMenuIcon svg{
		height:1.5vh;
		width:1.5vh;
	}
}
	*/

.CustomBadgeOutOfStock {
	background-color: #e04a24;
	color: #edf0f0;
}


@keyframes slideInFromRight {
	from {
		transform: translateX(20%); /* Start off-screen */
	}

	to {
		transform: translateX(0); /* End at the original position */
	}
}

@keyframes slideOutFromLeft {
	from {
		transform: translateX(0); /* Start at the original position */
	}

	to {
		transform: translateX(30%); /* End off-screen */
	}
}

@keyframes fadeOut {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}



/* Class to trigger the slide-in animation */
.slide-in {
	animation: slideInFromRight 0.25s ease-out, fadeIn 0.25s ease-out;
}
.slide-out {
	animation: slideOutFromLeft 0.25s ease-out, fadeOut 0.25s ease-out;
}

.addToCartCustomIcon.icon-3 svg{
	height:1.2rem;
	width:1.2rem;

}

#EcomOrderCustomerAccepted:checked {
	background-color: var(--swift-accent-color);
}

.readonlyCountrySelect:read-only {
	pointer-events: none;
	background-image: none;
}
#newsCheckBox:checked {
	background-color: var(--swift-accent-color);
}
.custom-discount {
	display: inline-block;
	/*font-size: 16px;*/
	font-weight: 600;
	/*line-height: 0.7;*/
	margin-left: 10px;
	border-radius: 15px !important;
	/*vertical-align:middle;*/

}
.product-list .custom-discount {
	font-size: 20px;
}
.custom-discount + div{
	font-weight:600;
	vertical-align: middle;
}