/* Global. */

html.hidden {
	overflow: hidden;
}

@media screen and (max-width: 1030px) {
	body.no-scroll {
		overflow: hidden;
	}
}

.bone {
	width: 100%;
	max-width: calc(var(--bone_w) + var(--bone) * 2);
	margin: 0 auto;
	padding: 0 var(--bone);
}

.static_content img {
	display: inline;
	width: 100%;
	height: auto;
}

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

.overflow-scroll {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.overflow-scroll::-webkit-scrollbar {
  display: none;
}


.custom-scroll::-webkit-scrollbar {
  width: 5px;
	height: 5px;
}

.custom-scroll::-webkit-scrollbar-track {
  background: var(--gray-200);
}

.custom-scroll::-webkit-scrollbar-thumb {
  background-color: var(--primary);
	border-radius: 10px;
}

.custom-scroll::-webkit-scrollbar-thumb:hover {
  background-color: #555;
}

.transition-opacity {
	transition-property: opacity;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 250ms;
}

.transition-opacity:hover {
	opacity: 0.75;
}

.transition-colors {
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 250ms;
}

.transition-colors:hover {
	color: var(--primary);
}

.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
/* .hidden {
  display: none !important;
} */

@media screen and (min-width: 1536px) {
	.container {
			max-width: 1536px;
			margin: 0 auto;
	}
}

/* Global. */