@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('//cdn.jsdelivr.net/npm/@mdi/font@6.9.96/css/materialdesignicons.min.css');

$fontFamilies: "poppins" 'Poppins', sans-serif,
"playfair" 'Playfair Display', serif;

$fontSizes: "13px" 13px,
"14px" 14px,
"16px" 16px,
"20px" 20px,
"30px" 30px,
"36px" 36px,
"48px" 48px,
"60px" 60px;

$fontWeights: "100" 100,
"200" 200,
"300" 300,
"400" 400,
"500" 500,
"600" 600,
"700" 700,
"800" 800,
"900" 900;

$fontColors: "000" #000,
"222" #222,
"ccc" #ccc,
"666" #666,
"999" #999;

html,
body {
	height: 100%;
	overflow: visible;
}

p {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

@each $fontFamilyName, $fontFamily in $fontFamilies {
	.f-#{$fontFamilyName} {
		font-family: $fontFamily;
	}
}

@each $fontSizeName, $fontSize in $fontSizes {
	.f-#{$fontSizeName} {
		font-size: $fontSize;
		line-height: $fontSize;
	}
	.f-ls-#{$fontSizeName} {
		letter-spacing: $fontSize;
	}
	.f-lh-#{$fontSizeName} {
		line-height: $fontSize;
	}
}

@each $fontWeightName, $fontWeight in $fontWeights {
	.f-fw-#{$fontWeightName} {
		font-weight: $fontWeight;
	}
}

@each $fontColorName, $fontColor in $fontColors {
	.f-#{$fontColorName} {
		color: $fontColor;
	}
}


.v-input__control .v-field__field {
	align-items: inherit !important;
}

.v-text-field__prefix {
	opacity: inherit !important;
}

.v-input__control .v-field__input,
.v-input__control .v-field__input:focus,
.v-input__control .v-field__input:hover {
	background-color: inherit !important;
	color: inherit !important;
	line-height: inherit !important;
	border: inherit !important;
	border-radius: inherit !important;
	box-shadow: inherit !important;
	appearance: inherit !important;
	outline: inherit !important;
	height: var(--v-input-control-height) !important;
}

.v-autocomplete input,
.v-text-field input {
	outline: 0 !important;
	box-shadow: none !important;
	border-color: transparent !important;
}

.skeleton {
	animation: skeleton-loading 1s linear infinite alternate;
	border-radius: 3px;
	min-height: 20px;
}

@keyframes skeleton-loading {
	0% {
		background-color: #aaa;
	}
	100% {
		background-color: #bbb;
	}
}


.wp-admin .v-input input {
	background: none !important;
	padding: 0;
	margin: 0;
	height: auto;
}

.saswp-vcalendar {
	.vc-header {
		background: #eeeeee44 !important;
		height: 60px;
		margin: 0;
	}

	.vc-title, .vc-title * {
		text-transform: uppercase;
		font-weight: 800;
	}

	.vc-day {
		width: 45px;
		height: 45px;
	}

	.vc-saswp-vcalendar {
		background-color: rgb(var(--v-theme-primary)) !important;
		color: #fff !important;
	}
}

[test], [test] * {
	outline: solid 1px red;
}

.container-global-index {
	margin: 0;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
	padding: 0 10px;
	height: 100%;

	min-height: 100vh;
	overflow: visible;
	display: flex;
	flex-direction: column;
}

.floater-nav-card {
	z-index: 999;
	margin: 0;
	background: transparent;
	opacity: 0.95;
	box-shadow: -5px 0px 14px 0px rgba(0, 0, 0, 0.3);
}

.fixed-nav {
	width: inherit;
	position: fixed;
	bottom: 0;
	max-width: 100%;
	left: 0;
}

.cursor-pointer {
	cursor: pointer;
}

.price-box {
	font-size: 1rem;
	color: #000;

	.price {
		font-size: 1.5rem;
		font-weight: 600;
		//color: #cc3333;
		color: #000;
	}
}

.box {
	box-shadow: 0px 3px 20px -7px rgba(0, 0, 0, 0.35);
	padding: 1rem;
	border-radius: 10px;
}

.basic-icons {
	.icon {
		font-size: 30px;
	}
}

.title-configs {
	text-align: center;
	font-size: 2rem;
	line-height: 48px;
	color: #000000;
	margin-top: 20px;
	margin-bottom: 30px;
	font-weight: 500;
	font-family: "Poppins", sans-serif;
}

.title {
	color: #000000;
	font-family: "Poppins", sans-serif;
	font-size: 2.25rem;
	font-weight: 500;
	line-height: 1;
	text-align: center;
}
