@import url("https://use.typekit.net/dxx2zyk.css");
/*
font-family: "bebas-neue", sans-serif;
font-weight: 400;
font-style: normal;

font-family: "roboto", sans-serif;
font-weight: 400; /* 700
font-style: normal;

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

*/
:root {
	--primary: #95160b;
	--primary-hover: #e63a2b;
	--secondary: white;
	--secondary-hover: #e63a2b;
	--success: #198754;
	--success-hover: #198754;
	--white: #ffffff;
	--black: #000000;
	--red: #e63a2b;
	--dark-red: #95160b;
	--font-body: "roboto", sans-serif; 
	--font-body-weight: 400;
	--font-body-color: #fff;
	--font-heading: "ccmonstermash", sans-serif; 
	--font-heading-weight: 400;
	--font-heading-color: #fff;
	--border-radius-size: 0px;
	--padding-with-border-radius: .75rem 1.25rem; 
	--mask-img--top-edge: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 200 10%27 preserveAspectRatio=%27none%27%3E%3Cg id=%27Layer_2%27 data-name=%27Layer 2%27%3E%3Cg id=%27Layer_1-2%27 data-name=%27Layer 1%27%3E%3Cpath d=%27m200,10V.69c-1.69-.22-3.44-.39-5.24-.53-2.46-.13-4.92.13-7.38,0-.66,0-1.32.23-2,.26-3.57.11-7.17.15-10.76.13-1.32-.06-2.66-.38-4-.29-1.03.1-2,.24-2.88.42-1.2.25-2.67.37-4.16.36-1.02.07-1.98.51-2.98.62-1.32.08-2.66.13-4,.16-1.32,0-2.62.29-4-.04-.26-.06-.58-.11-.92-.12-2,0-4-.15-6,.13-.34.05-.76.05-1.1,0-1.62-.22-3.18.06-4.76.26-.77.12-1.74.07-2.3-.12-.37-.14-.91-.23-1.52-.27-3.62-.09-7.25-.13-10.88-.11-2,.05-4-.39-6-.18l-5.12-.55c-1.28-.15-2.54-.47-3.88-.44-2.38.08-4.78-.07-7.16.06-2.04.36-4.46.51-6.86.44-1.58,0-3.15-.05-4.7-.12-1.3-.06-2.58-.43-3.9-.17-.54.09-1.05.19-1.52.31-1.26.28-2.93.38-4.48.26-1.45-.2-3.08-.29-4.7-.26-.2,0-.4.02-.5.07-.8.38-1.7.29-2.52.11-2.5-.63-5.2.26-7.66-.34-1.78-.51-3.66-.26-5.52-.48-2.24-.41-4.5-.2-6.78-.07-1.45.04-2.88.12-4.26.26-.86.13-1.74.05-2.52-.23s-1.26-.17-1.72.17c-.46.33-1.14.4-1.72.23-.67-.13-1.55-.15-2.26-.03-1.18.15-2.5.13-3.64.41-1.26.51-2.72.22-4,.68-1.64.64-3.34.82-5,.2-1.12-.42-2.38-.56-3.6-.41-2.54.28-5.12-.14-7.62-.49-.9-.18-2.15-.14-2.9.08-.47.1-1.05.15-1.64.16-.98.04-2-.11-3,.17s-2,.28-3.12.42c-.3,0-.6-.02-.82-.08-1.78-.31-3.48-.63-5.18-.97-.26-.04-.53-.07-.82-.08v9.36h200Z%27/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    --mask-img--top-edge--width: 200px;
    --mask-img--bottom-edge: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 200 10%27 preserveAspectRatio=%27none%27%3E%3Cg id=%27Layer_2%27 data-name=%27Layer 2%27%3E%3Cg id=%27Layer_1-2%27 data-name=%27Layer 1%27%3E%3Cpath d=%27m0,0v9.31c1.69.22,3.44.39,5.24.53,2.46.13,4.92-.13,7.38,0,.66,0,1.32-.23,2-.26,3.57-.11,7.17-.15,10.76-.13,1.32.06,2.66.38,4,.29,1.03-.1,2-.24,2.88-.42,1.2-.25,2.67-.37,4.16-.36,1.02-.07,1.98-.51,2.98-.62,1.32-.08,2.66-.13,4-.16,1.32,0,2.62-.29,4,.04.26.06.58.11.92.12,2,0,4,.15,6-.13.34-.05.76-.05,1.1,0,1.62.22,3.18-.06,4.76-.26.77-.12,1.74-.07,2.3.12.37.14.91.23,1.52.27,3.62.09,7.25.13,10.88.11,2-.05,4,.39,6,.18l5.12.55c1.28.15,2.54.47,3.88.44,2.38-.08,4.78.07,7.16-.06,2.04-.36,4.46-.51,6.86-.44,1.58,0,3.15.05,4.7.12,1.3.06,2.58.43,3.9.17.54-.09,1.05-.19,1.52-.31,1.26-.28,2.93-.38,4.48-.26,1.45.2,3.08.29,4.7.26.2,0,.4-.02.5-.07.8-.38,1.7-.29,2.52-.11,2.5.63,5.2-.26,7.66.34,1.78.51,3.66.26,5.52.48,2.24.41,4.5.2,6.78.07,1.45-.04,2.88-.12,4.26-.26.86-.13,1.74-.05,2.52.23s1.26.17,1.72-.17c.46-.33,1.14-.4,1.72-.23.67.13,1.55.15,2.26.03,1.18-.15,2.5-.13,3.64-.41,1.26-.51,2.72-.22,4-.68,1.64-.64,3.34-.82,5-.2,1.12.42,2.38.56,3.6.41,2.54-.28,5.12.14,7.62.49.9.18,2.15.14,2.9-.08.47-.1,1.05-.15,1.64-.16.98-.04,2,.11,3-.17s2-.28,3.12-.42c.3,0,.6.02.82.08,1.78.31,3.48.63,5.18.97.26.04.53.07.82.08V0S0,0,0,0Z%27/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    --mask-img--bottom-edge--width: 200px;
    --mask-img--left-edge: url("data:image/svg+xml,%3Csvg%20id%3D%22Layer_2%22%20data-name%3D%22Layer%202%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014.62%20344%22%3E%3Cg%20id%3D%22Layer_1-2%22%20data-name%3D%22Layer%201%22%20fill%3D%22%2395160b%22%3E%3Cg%3E%3Cpath%20d%3D%22M14.5%2C2.5v328.5c-.77-.21-1.91.69-2-.73-.28-4.15.22-8.58%2C0-12.76-1.39%2C1.11-2.42%2C4.02-4.63%2C3.42-.43-.12-1.21-1.14-1.36-.92l.49%2C4c-2.55-2.38-1.22-6.99-1.5-10.24-.2-2.33-1.56-5.56-1.51-7.48.08-2.89%2C2.9-9.73%2C2.54-12.01-.06-.41-.11-.79-.49-1.04l-2.53-.22v-3.5s-.99.51-.99.51c6.16-33.25.17-67.24%2C3.53-100.73l-1.54-.28c2.35-3.52-2.03-5.67-2.02-8.25%2C0-2.13%2C3.85-7.5%2C3.84-9%2C0-.55-.6-1.55-1.15-1.71l-2.17.45c-.43-13.98%2C1.85-27.78%2C1.52-41.77-.04-1.77-1.32-5.04-.07-6.53.89-1.06%2C3.12-.08%2C3.06-2.44l-2%2C.25-1.92-14.27c1.86-2.86%2C1.53-15.82%2C3.91-16.99.78-.38%2C1.69-.24%2C2.51-.24-.11-2.59-.24-6.84-3.5-4-.26-4.31.34-8.97-.01-13.24-.38-4.58-.98-6.53-.97-11.49.03-13.42-1.1-27.16%2C1.98-40.27l-1.49.5-.51-9.5c-1.05-1.32-2.13%2C4.2-3%2C4V.5h7.75c.27%2C0%2C3.32%2C2%2C4.25%2C2Z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    --mask-img--left-edge--height: 200px;
    --mask-img--right-edge: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 10 200%27 preserveAspectRatio=%27none%27%3E%3Cg id=%27Layer_2%27 data-name=%27Layer 2%27%3E%3Cg id=%27Layer_1-2%27 data-name=%27Layer 1%27%3E%3Cpath d=%27m0,200h9.31c.22-1.69.39-3.44.53-5.24.13-2.46-.13-4.92,0-7.38,0-.66-.23-1.32-.26-2-.11-3.57-.15-7.17-.13-10.76.06-1.32.38-2.66.29-4-.1-1.03-.24-2-.42-2.88-.25-1.2-.37-2.67-.36-4.16-.07-1.02-.51-1.98-.62-2.98-.08-1.32-.13-2.66-.16-4,0-1.32-.29-2.62.04-4,.06-.26.11-.58.12-.92,0-2,.15-4-.13-6-.05-.34-.05-.76,0-1.1.22-1.62-.06-3.18-.26-4.76-.12-.77-.07-1.74.12-2.3.14-.37.23-.91.27-1.52.09-3.62.13-7.25.11-10.88-.05-2,.39-4,.18-6l.55-5.12c.15-1.28.47-2.54.44-3.88-.08-2.38.07-4.78-.06-7.16-.36-2.04-.51-4.46-.44-6.86,0-1.58.05-3.15.12-4.7.06-1.3.43-2.58.17-3.9-.09-.54-.19-1.05-.31-1.52-.28-1.26-.38-2.93-.26-4.48.2-1.45.29-3.08.26-4.7,0-.2-.02-.4-.07-.5-.38-.8-.29-1.7-.11-2.52.63-2.5-.26-5.2.34-7.66.51-1.78.26-3.66.48-5.52.41-2.24.2-4.5.07-6.78-.04-1.45-.12-2.88-.26-4.26-.13-.86-.05-1.74.23-2.52s.17-1.26-.17-1.72c-.33-.46-.4-1.14-.23-1.72.13-.67.15-1.55.03-2.26-.15-1.18-.13-2.5-.41-3.64-.51-1.26-.22-2.72-.68-4-.64-1.64-.82-3.34-.2-5,.42-1.12.56-2.38.41-3.6-.28-2.54.14-5.12.49-7.62.18-.9.14-2.15-.08-2.9-.1-.47-.15-1.05-.16-1.64-.04-.98.11-2-.17-3s-.28-2-.42-3.12c0-.3.02-.6.08-.82.31-1.78.63-3.48.97-5.18C9.31.56,9.34.29,9.36,0H0s0,200,0,200Z%27/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    --mask-img--right-edge--height: 200px;
    --mask-img--solid: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNk+A8AAQUBAScY42YAAAAASUVORK5CYII=");
    --mask-img--depth: 10px;
}

body{
	background: #000000;
	overflow-x:hidden;
	font-style: normal;
	overflow-x:hidden;
	font-size:1rem;
	font-family: var(--font-body);
	font-weight: var(--font-body-weight);
	color: var(--font-body-color);
	background-attachment: fixed;
	background-color: black;
	background-image: url("/assets/images/2025/bg-screamfest-40.jpg");
	background-size:cover;
	background-repeat:no-repeat;
}

/* without this code the user menu won't appear on the left hand side of the page */
@media (min-width: 768px) {
	#navbarMyAccount:not(.show) {
		display: block;
	}
}

img{
	max-width:100%;
}

a{
	color: var(--primary);
}

a:hover{
	color: var(--secondary);
}

.container{
	max-width: 1376px;
}


/* Stop bootstrap adding padding right to the body */
body.modal-open{
  padding-right: 0px !important;
}

html{
	height: 100%;
	display: flex;
	flex-direction: column;
}
body{
	flex-grow: 1; 
	display: flex;
	flex-direction: column;
}

#navbarMyAccount .list-group-item{
	padding: 5px 0px;
	border: 0px;
	background: none;
}

#navbarMyAccount .list-group-item.list-group-item-parent{
	margin-top:15px;
}

@media (min-width: 576px) {
	.collapse-sm-none:not(.show) {
		display: block;
	}
	
	.w-sm-auto{
		width: auto !important;
	}
}

@media (min-width: 768px) {
	.collapse-md-none:not(.show) {
		display: block;
	}
	.w-md-auto{
		width: auto !important;
	}
}

@media (min-width: 992px) {
	.collapse-lg-none:not(.show) {
		display: block;
	}
	.w-lg-auto{
		width: auto !important;
	}
}

@media (min-width: 1200px) { 
	.collapse-xl-none:not(.show) {
		display: block;
	}
	.w-xl-auto{
		width: auto !important;
	}
	
}
/*  ----------------------------------------------------------	*/
/*  					Dark Theme Resets						*/
/*  ----------------------------------------------------------	*/
/* 
uncomment the below classes if you want to have a dark themed website, the below will reset most bootstrap classes to have a black background and white text depending on styling when otherwise they'd be white. If you want modals to have a dark theme too, add .modal to the list below. If not, you'll also need the .modal class that resets the text colour back to black rather than what you've set in body 

.basketIcon resets the svgs used on checkout from black to white
*/
.card,
.list-group-item,
.list-group-item:hover,
.list-group-item-light.list-group-item-action:focus,
.list-group-item-light.list-group-item-action:hover {
	background: var(--dark-red);
	color:var(--white);
	border-color: transparent;
}

.card a:not(.btn),
.list-group-item a{
	color: var(--black);
}

.basketIcon{
	filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(55deg) brightness(109%) contrast(101%);
}
.basketIcon svg{
	
}

.ll-skin-melon .ui-datepicker-prev:before, .ll-skin-melon .ui-datepicker-next:before{
	filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(55deg) brightness(109%) contrast(101%);
}

/* If you want to keep modals white with black text, uncomment the below as that resets the text colour back to black rather than what you've set in body */

.modal {
	color: #000;
}

.card .btn-primary,
.list-group-item .btn-primary{
	background: var(--black); 
	border-color: var(--black); 
	color: var(--white); 
}

.card .btn-primary:hover,
.list-group-item .btn-primary:hover{
	background: var(--white); 
	border-color: var(--white); 
	color: var(--black); 
}


.card h2, .card h3, .card h4, .card h5, .card h6,
.list-group-item h2, .list-group-item h3, .list-group-item h4, .list-group-item h5, .list-group-item h6{
	 text-shadow: 1px 1px 0 #000, -1px 1px 0 #000, 1px -1px 0 #000, -1px -1px 0 #000, 0px 1px 0 #000, 0px -1px 0 #000, -1px 0px 0 #000, 1px 0px 0 #000, 2px 2px 0 #000, -2px 2px 0 #000, 2px -2px 0 #000, -2px -2px 0 #000, 0px 2px 0 #000, 0px -2px 0 #000, -2px 0px 0 #000, 2px 0px 0 #000, 1px 2px 0 #000, -1px 2px 0 #000, 1px -2px 0 #000, -1px -2px 0 #000, 2px 1px 0 #000, -2px 1px 0 #000, 2px -1px 0 #000, -2px -1px 0 #000;
}
/*  ----------------------------------------------------------	*/
/*  					Rounded Corner Resets					*/
/*  ----------------------------------------------------------	*/
/* Adjusting border radius on all boostrap items */

.card, .list-group-item.mb-1, .list-group-item.mb-2, .list-group-item.mb-3, .list-group-item.mb-4, .list-group-item.mb-5, .list-group-item.mt-1, .list-group-item.mt-2, .list-group-item.mt-3, .list-group-item.mt-4, .list-group-item.mt-5, .list-group-item.my-1, .list-group-item.my-2, .list-group-item.my-3, .list-group-item.my-4, .list-group-item.my-5, .btn, .form-control{
	border-radius: var(--border-radius-size);
}

.card{
	overflow:hidden;
	border: none;
}

.list-group-item:first-child, .list-group-item:first-of-type{
	border-top-left-radius: var(--border-radius-size) !important;
	border-top-right-radius: var(--border-radius-size) !important;
}

.list-group-item:last-child{
	border-bottom-left-radius: var(--border-radius-size) !important;
	border-bottom-right-radius: var(--border-radius-size) !important;
}

.card .card-body, .card .card-footer, .list-group-item{
	padding: var(--padding-with-border-radius);
}

.card-body + .card-footer {
	padding-top:0px;
}


/*
.list-group-item{
	position: relative;
	-webkit-backdrop-filter: none !important;
	backdrop-filter: none !important;
	border: 0px;
}

.list-group-item:before{
	content: "";
	display: block;
	position: absolute;
	z-index: 0;
	z-index: -1; 
	top: -1%;
	left: -1%;
	width: 102%;
	height: 102%;
	top: -5px;
	left: -5px;
	width: calc(100% + 10px);
	height: calc(100% + 10px);
	background: var(--white);
	-webkit-backdrop-filter: var(--theme--backdrop-filter, none);
	backdrop-filter: var(--theme--backdrop-filter, none);
	border: 0;
	border-radius: 0;
	border: 0;
	-webkit-backdrop-filter: none !important;
	backdrop-filter: none !important;
	-webkit-mask: 
	var(--mask-img--top-edge), 
    var(--mask-img--left-edge), 
	var(--mask-img--bottom-edge),  
	var(--mask-img--right-edge);
	mask-size: 99% auto, 10px calc(100% - 7px), 99% auto, 10px calc(100% - 6px);
	mask-position: 2px 0px , 1px 5px , 5px 100%, 100% 3px;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
}

.list-group-item div{
	position:relative;
}


.list-group-item.active {
	z-index: 2;
	color: var(--primary);
	background-color: var(--white);
	border-color: var(--white);
  }
*/
/*  ----------------------------------------------------------	*/
/*  						Backgrounds 	 					*/
/*  ----------------------------------------------------------	*/
.bg-primary{
	background: var(--primary) !important;
	border-color: var(--primary) !important;
	color: var(--white);
}

.bg-secondary{
	background: var(--secondary) !important;
	border-color: var(--secondary) !important;
	color: var(--white);
}
/*  ----------------------------------------------------------	*/
/*  					Buttons / Headings 	 					*/
/*  ----------------------------------------------------------	*/
.btn, .time-slot, .connect-btn, .connect-checkout-btn{
	font-family: var(--font-heading);
	font-weight: var(--font-heading-weight);
	font-size: 1.2rem;
	border-radius:0px;
}

/* For Payment Sense they override the button styling and there's no way to add our btn btn-primary class to it. Set styling here (the same as your .btn and .btn-primary class) - you will need to !important nearly all styling in .conntect-btn class */
.connect-btn, .connect-checkout-btn{
	background-color: var(--black) !important;
	border:  !important;
	border-radius: 0px !important;
	color: #FFF !important;
	margin-left: 0px !important;
	margin-right: 0px !important;
	width: 100% !important;
	height: ; 
	font-size: 1.2rem !important;
}

.connect-btn:hover, .connect-checkout-btn:hover{
	background-color: var(--white) !important;
	color: var(--black) !important;
}

.payment-container .connect-btn{
	width: auto !important;
	max-width: 100% !important;
	margin-left: 16px !important;
	margin-right: 16px !important; 
	font-size: 1rem;
}

.payment-container .connect-btn:hover, .payment-container .connect-checkout-btn:hover{
	background-color: var(--primary) !important;
	color: var(--white) !important;
	cursor
}

.btn-primary{
	background: var(--primary);
	border-color: var(--primary);
}
.btn-primary.disabled, .btn-primary:disabled {
	color: #fff;
	background: var(--primary);
	border-color: var(--primary);
	opacity: 0.3;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle{
	background: var(--primary-hover);
	border-color: var(--primary-hover);
	color: var(--white);
}

.btn-secondary{
	background: var(--secondary);
	border-color: var(--secondary);
	color: black 
}

.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active, .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show > .btn-secondary.dropdown-toggle{
	background: var(--secondary-hover);
	border-color: var(--secondary-hover);
	color: white 
}

.btn-outline-primary{
	color: var(--primary);
	border-color: var(--primary);
}

.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active{
	color: var(--white);
	border-color: var(--primary);
	background: var(--primary);

}
.btn-outline-secondary{
	color: var(--secondary);
	border-color: var(--secondary);
}

.btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn-outline-secondary:active{
	color: var(--black);
	border-color: var(--secondary);
	background: var(--secondary);
}

.btn-success{
	background: var(--success);
	border-color: var(--success);
}

.btn-success:hover{
	background: var(--success-hover);
	border-color: var(--success-hover);
	color: var(--white);
}

.form-control{
	height: calc(1.5em + .75rem + 7px);
	border-color: white; 
}
/* needed for bootstrap 5*/
/*
select.form-control{
	background-image: url('/common/assets/images/icons/down-arrow.svg');
	background-repeat: no-repeat;
	background-position: right 14px center;
	background-size: 0.8em;
	cursor: pointer;
	padding-right: 35px
}
*/
.input-group-quantity .form-control{
	max-width: 80px;
	-webkit-appearance: none;
	 -moz-appearance: textfield;
}

.input-group-quantity .btn{
	
}

.input-group-quantity .btn:hover{
	color: ;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6{
	font-family: var(--font-heading);
	font-weight: var(--font-heading-weight);
}

h1, .h1{ font-size: 2.375rem;  color: var(--red);}
h2, .h2{ font-size: 1.6rem; }
h3, .h3{ font-size: 1.5rem;}
h4, .h4{ font-size: 1.4rem;}
h5, .h5{ font-size: 1.2rem;}
h6, .h6{ font-size: 1rem;}

@media (min-width: 576px) {
	
}

@media (min-width: 768px) {
	h1, .h1{ font-size: 4rem; }
	h2, .h2{ font-size: 1.8rem; }
	h3, .h3{ font-size: 1.6rem;}
	h4, .h4{ font-size: 1.4rem;}
	h5, .h5{ font-size: 1.2rem;}
	h6, .h6{ font-size: 1rem;}
}

@media (min-width: 992px) {
	
}

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

.breadcrumbWrap{
	display: none;
}

/*  ----------------------------------------------------------	*/
/*  						Header 	 							*/
/*  ----------------------------------------------------------	*/
#header {
	color: var(--white);
	margin-bottom:-20px;
}

#headerWrapper{
	background: var(--black);	
}

#headerJaggedLine{
	margin-top: -25px;
}

#header a {
	color: var(--white);
}

#header #headerLogo{
	width: 190px;
}

#header .btn{
	background: none;
	border-color: transparent;
	color: var(--white);
	font-size: 25px;
	line-height: 1;
	text-transform:uppercase;
}

#header .headerHandPrint{
	height: 80px;	
}

#topBar {
	
}

#header .basket-count{
	position: absolute;
	top:0px;
	right:0px;
	font-size: 0.8rem;
	background: var(--primary);
	border: 2px solid var(--white);
	display:flex;
	align-items:center;
	justify-content:center;
	height: 20px;
	width:20px;
	border-radius: 50px;
}

@media (min-width: 768px) {
	#header #headerLogo{
		width: 240px;
		margin-top:-13px;
	}
	
	#header .btn{
		font-size: 34px;
	}

	#header .basket-count{
		top:-5px;
		right:-5px;
		font-size: 1.2rem;
		height: 25px;
		width:25px;
	}
}	

@media (min-width: 992px) {
	#header #headerLogo{
		width: 440px;
	}
}	
/*  ----------------------------------------------------------	*/
/*  						Footer 	 							*/
/*  ----------------------------------------------------------	*/
#footer {
	color:  #4b5257;
}

#footerTrees{
	z-index:-1;
	position:relative;
	margin-top:-50px;
}
/*footer-trees*/

#footer #footerWrapper{
	background: var(--black);

}

#footer a{
	color:  #4b5257;
}

#footer #footerLogo{
	height: 110px;
	margin-top:-20px;
}

#footer #footerLinks{
	font-family: "bebas-neue", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1.4rem;
}

#footer .footer-socials img{
	width: 60px;
}

@media (min-width: 576px) {
	#footer #footerLogo{
		margin-top:-50px;
	}

}

@media (min-width: 768px) {
	#footer #footerLogo{
		height: 160px;
		margin-top:-50px;
	}

}


@media (min-width: 992px) {
	#footer #footerLogo{
		margin-top:-50px;
	}

	#footerTrees{
		margin-top: -100px;
	}
}

@media (min-width: 1200px) {
	#footer #footerLogo{
		margin-top:-100px;
	}

	#footerTrees{
		margin-top: -230px;
	}
}

/*  ----------------------------------------------------------	*/
/*  						Cards 	 							*/
/*  ----------------------------------------------------------	*/
/*.card{
	position: relative;
	-webkit-backdrop-filter: none !important;
	backdrop-filter: none !important;
	
	border: 0px;
}


.card:before{
	content: "";
	display: block;
	position: absolute;
	z-index: 0;
	top: -5px;
	left: -5px;
	width: calc(100% + 10px);
	height: calc(100% + 10px);
	background: var(--white);
	-webkit-backdrop-filter: var(--theme--backdrop-filter, none);
	backdrop-filter: var(--theme--backdrop-filter, none);
	border: 0;
	border-radius: 0;
	border: 0;
	-webkit-backdrop-filter: none !important;
	backdrop-filter: none !important;
	-webkit-mask: 
	var(--mask-img--top-edge), 
    var(--mask-img--left-edge), 
	var(--mask-img--bottom-edge), 
	var(--mask-img--right-edge);
	mask: 
	var(--mask-img--top-edge), 
    var(--mask-img--left-edge), 
	var(--mask-img--bottom-edge), 
	var(--mask-img--right-edge);
	
	-webkit-mask-size: 99% auto, 10px calc(100% - 7px), 99% auto, 10px calc(100% - 6px);
	mask-size: 99% auto, 10px calc(100% - 7px), 99% auto, 10px calc(100% - 6px);
	-webkit-mask-position: 2px 0px , 1px 5px , 5px 100%, 100% 3px;
	mask-position: 2px 0px , 1px 5px , 5px 100%, 100% 3px;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
}
*/

/*
.card *{
	z-index:0;
}

.card-image, .card-body{
	z-index:1;
	padding: 1rem;
}

.card-footer{
	z-index:1;
} 
*/
/*
.card-image{
	padding-bottom: 0px;
	-webkit-mask-image: var(--mask-img--left-edge),var(--mask-img--solid),var(--mask-img--right-edge);
	mask-image: var(--mask-img--left-edge),var(--mask-img--solid),var(--mask-img--right-edge);
	-webkit-mask-position: 0 0,calc(100% - var(--mask-img--depth) + 1px) 0,100% 0;
	mask-position: 0 0,calc(100% - var(--mask-img--depth) + 1px) 0,100% 0;
	-webkit-mask-repeat: repeat-y,no-repeat,repeat-y;
	mask-repeat: repeat-y,no-repeat,repeat-y;
	-webkit-mask-size: var(--mask-img--depth) var(--mask-img--left-edge--height),calc(100% - (var(--mask-img--depth) - 1px)*2) 100%,var(--mask-img--depth) var(--mask-img--right-edge--height);
	mask-size: var(--mask-img--depth) var(--mask-img--left-edge--height),calc(100% - (var(--mask-img--depth) - 1px)*2) 100%,var(--mask-img--depth) var(--mask-img--right-edge--height);
	overflow: hidden;
}
*/
.card-footer{
	background: transparent;
	border-top:0px;
	padding: 1rem;
	padding-top:0px;
}
/*  ----------------------------------------------------------	*/
/*  					Calendar  	 							*/
/*  ----------------------------------------------------------	*/
.ll-skin-melon .ui-datepicker td:not(.ui-state-disabled):hover .ui-state-default:not(.ui-state-active){
	color: var(--black);
}