/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/


:root {
	--cnvs-themecolor: #C8002D;
	--cnvs-themecolor-rgb: 89, 79, 70;
}


:root {
	--cnvs-body-font: "josefin-sans", sans-serif;
	--cnvs-primary-font: "josefin-sans", sans-serif;
	--cnvs-secondary-font: "Playfair Display", serif;
}

.bg-color {
	background-color: #F2E8DC;
	}

.font-negative {
	color: #FFF7EC !important;
	}

.payment-cards {
    list-style: none;
    text-align: right;
    margin: 0;
}

.payment-cards li {
    display: inline-block;
    margin: 0 5px;
    width: 90px;
}

	

font-family: "josefin-sans", sans-serif;
font-weight: 400;
font-style: normal;


/* Image Hover */
.img-hover-block {
	z-index: 0;
}

.img-hover-block span {
	position: relative;
}

.img-hover-block:hover span {
	mix-blend-mode: difference;
	color: #FFF;
	z-index: 2;
}

.hover-reveal {
	position: fixed;
	width: 220px;
	height: 320px;
	top: 0;
	left: 0;
	pointer-events: none;
	opacity: 0;
	z-index: 1;
}

.hover-reveal__inner,
.hover-reveal__img {
	width: 100%;
	height: 100%;
	position: relative;
}

.hover-reveal__inner {
	overflow: hidden;
}

.hover-reveal__img {
	background-size: cover;
	background-position: 50% 50%;
}


.mega-menu-content .mega-menu-links li {
	position: relative;
	list-style: none;
	display: inline-block;
}

.mega-menu-content .mega-menu-links li a {
	display: block;
	padding: 0.25rem 1.125rem;
	color: #111;
	font-family: var(--cnvs-primary-font);
	color: rgba(0,0,0,.5);
	font-size: calc(1.5vw + 0.875rem);
	font-weight: 300;
	transition: all 0.2s ease-in-out;
}

.mega-menu-content .mega-menu-links li.target-link-active a,
.mega-menu-content .mega-menu-links li:hover a {
	color: rgba(0,0,0,1);
	letter-spacing: 1px;
}

.mega-menu-content .mega-menu-links li:not(:last-child)::before {
	content: "";
	position: absolute;
	top: 50%;
	left: calc(100% - 3px);
	transform: translateY(-50%) rotate(45deg);
	width: 6px;
	height: 6px;
	background-color: #DDD;
	will-change: transform;
}

.target-content {
	position: relative;
	overflow: hidden;
	background-color: rgba(0,0,0,.1);
}

.target-content > div {
	position: relative;
	opacity: 0.7;
	z-index: 1;
	transform: scale(1);
	will-change: transform;
	transition: all 0.2s linear;
}

.target-content > .target-active {
	opacity: 1;
	z-index: 2;
	transform: scale(1.02);
}

.target-content > div:not(:first-child) {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.border-color-2, .h-border-color-2:hover {
    border-color: white !important;
}

#footer .social-icon {
			--cnvs-socialicon-size: 4rem;
			--cnvs-socialicon-fontsize: 1.5rem;
		}