:root {
	--sugarblue: #5f9bce;
	--sugarblue-t50: rgba(95, 155, 206, 0.5);
	--text: #202124;
}

body,
html {
	font-family: "Chivo", sans-serif;
	font-weight: 300;
	color: var(--text);
	letter-spacing: 0.04rem;
}
strong{
	font-weight: 600;
}
.header,
nav {
	font-family: "Comfortaa", cursive;
	font-size: 14px;
	color: var(--sugarblue);
}
.header a {
	color: inherit;
	text-decoration: none;
}
.navbar-brand {
	font-size: 1.4rem;
}
.navbar-toggler-icon {
	color: var(--sugarblue);
}
.bg-primary {
	background-color: var(--sugarblue) !important;
}
.bg-primary-t50 {
	background-color: var(--sugarblue-t50) !important;
}
.text-primary {
	color: var(--sugarblue) !important;
}
.border-primary {
	border-color: var(--sugarblue) !important;
}

.btn-primary {
	background-color: var(--sugarblue) !important;
	text-transform: uppercase;
	padding: 1.2rem 3rem;
	font-family: "Comfortaa", sans-serif;
	font-weight: 400;
}
.btn-outline-primary {
	border-color: var(--sugarblue) !important;
	color: var(--sugarblue) !important;
	text-transform: uppercase;
	font-family: "Comfortaa", sans-serif;
	font-weight: 400;
}
.btn-outline-primary:hover {
	background-color: var(--sugarblue) !important;
	border-color: var(--sugarblue-t50) !important;
	color: white !important;
}
.btn-outline-primary:hover * {
	color: white !important;
}

.shadow-md {
	box-shadow: 0 0 5px grey;
}
.nav-link {
	color: var(--sugarblue) !important;
}

.container {
	max-width: 1080px !important;
}
.carousel-inner {
	max-heightsss: calc(100vh - 100px);
}
h2 {
	font-family: "Comfortaa", sans-serif;
	font-weight: 700;
	font-size: 1em;
	margin: 0 0 48px;
	text-align: center;
	text-transform: uppercase;
	position: relative;
	margin: 40px auto;
}
h2:before {
	border-top: 2px solid black;
	content: "";
	position: absolute;
	left: calc(100% / 2 - 25px);
	top: -10px;
	height: 1px;
	width: 50px;
}
h3 {
	font-size: 1.2em !important;
	font-weight: 600;
	line-height: 1em !important;
	margin: 0 0 24px;
}
p {
	margin-top: 24px;
}
nav a {
	color: var(--sugarblue);
	text-decoration: none;
}
footer {
	color: var(--sugarblue);
	font-weight: 100;
}
.display-4 {
	fot-weight: semi-bold;
	font-family: "Comfortaa", cursive;
	color: var(--sugarblue);
	margin-top: 60px;
}

/* SQURED IMAGE*/
.image {
	position: relative;
	overflow: hidden;
	padding-bottom: 100%;
}
.image img {
	position: absolute;
	object-fit: cover;
	object-position: center;
	width: 100%;
	height: 100%;
	cursor: pointer;
}

.carousel-item img {
	object-fit: contain;
	object-position: center;
	height: 100vh;
}
.carousel-img-container {
}

.menu {
	z-index: 999;
	height: 100vh;
	width: 100%;
	max-width: 600px;
	position: fixed;
	top: 0;
}

.strikethru {
	text-decoration: line-through;
	opacity: 0.6;
}
.cursor-pointer {
	cursor: pointer;
}

/*
DATE PICKER
 */
.dp {
	width: 100%;
	min-width: 280px;
	/*max-width: 320px;*/
	margin: 0 auto;
}
.dp td{
	text-align: center;
}
.dp th {
	color: rgba(33, 37, 41, 0.6);
	text-align: center;
}
.dp-hilite{
	font-size: 110%;
	/*text-decoration: underline;
	text-decoration-color: #d8e4bc;
	text-decoration-thickness: 3px;*/
	background-color: #d8e4bc !important;
	/*
	background-color: #b5e6a2 !important;
	*/
}
.dp-sel {
	background-color: #ffc107ff !important;
}
.dp-start {
	border-radius: 50% 0 0 10%;
}
.dp-end {
	border-radius: 0 10% 50% 0;
}
.dp-disabled {
	text-decoration: line-through;
	color: rgba(255, 0, 0, 0.6);/*rgba(33, 37, 41, 0.6);*/
	cursor: not-allowed;
	font-size: 100%;

}

tfoot tr td .form-control {
	font-weight: 100;
	font-size: smaller;
	background-color: transparent;
	background-clip: padding-box;
	border: 1px solid transparent;
	border-top-color: transparent;
	border-right-color: transparent;
	border-bottom-color: transparent;
	border-bottom-width: 1px;
	border-left-color: transparent;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0.25rem;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

#cookieChoiceInfo {
	top: unset !important;
	bottom: 20px;
	left: unset !important;
	right: 20px;
	width: 25% !important;
	min-width: 300px;
	padding: 10px 20px;
	border: 2px solid rgba(100, 100, 100, 0.7);
}
.btn-iupay {
	max-height: 30px;
	filter: brightness(0) invert(100%);
}

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 276px) and (width<576px) {
	.carousel-img-container img {
		width: 100%;
	}
}

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

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
}

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

#s2wPrivacyBtnIO {
	left: 10px !important;
	bottom: 30px !important;
	padding: 0.7vmax !important;
}
#s2wPrivacyBtnIO img {
	filter: brightness(0) invert(100%);
}