/* Reset 
		* {
			box-sizing: border-box;
		}*/
		/*
		font-family: 'Open Sans', sans-serif;
		font-family: 'Red Hat Display', sans-serif;*/

		body {
			margin: 0;
			min-height: 100vh;
			font-weight: 300;
			/* font-size: clamp(1.2rem, 3vw, 3rem); */
			font-family: "Arial", sans-serif;
			/*font-family: "Open Sans", sans-serif;
			font-family: 'Poppins', sans-serif;*/
		}

		* {
			-moz-font-feature-settings: "liga" on;
			-webkit-font-smoothing: antialiased;
			font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
			text-rendering: optimizeLegibility;
		}

		hr {
			border: none !important;
			height: 1px;
			background-color: #eaeaea;
		}












		.curios-blue {
			background-color: #0d0e2c !important;
		}
		.curios-blue-text {
			color: #0d0e2c !important;
		}

		.curios-blue-dark {
			background-color: #0d0e2c !important;
		}














		/* The sticky class is added to the header with JS when it reaches its scroll position */
		.sticky {
			position: fixed;
			top: 0;
			width: 100%;
			background-color: white !important;
			box-shadow: 0 0px 38px 0px rgb(0 0 0 / 15%);
		}

		/* Add some top padding to the page content to prevent sudden quick movement (as the header gets a new position at the top of the page (position:fixed and top:0) */
		.sticky + #index-banner {
			padding-top: 77px;
		}

		nav {
			background-color: transparent;
			/*position: fixed;*/
    		z-index: 10000;
    		box-shadow: none;
    		transition: all 0.2s linear;
    		min-height: 62px;
		}
		/*.nav-scroll {
			background-color: white !important;
			box-shadow: 0 0px 38px 0px rgb(0 0 0 / 15%);
		}*/







		#slider-showcase div img {
			transition: all 0.5s ease-in-out;
		}
		#slider-showcase div img.scale-down {
			transform: scale(0.90);
		}







		a {
			text-decoration: none;
			display: inline-block;
			vertical-align: bottom;
			position: relative;
		}

		/* Fade in */
		a.link::after {
			content: '';
			position: absolute;
			bottom: 0;
			left: 0;
			width: 100%;
			height: 0.1em;
			background-color: hotpink;
			opacity: 0;
			transition: opacity 300ms, transform 300ms;
		}

		a.link:hover::after,
		a.link:focus::after {
			opacity: 1;
			transform: translate3d(0, 0.1em, 0);
		}

		/* Slide in */
		a.link {
			overflow: hidden;
		}

		a.link::after {
			opacity 1;
			transform: translate3d(-100%, 0, 0);
		}

		a.link:hover::after,
		a.link:focus::after{
			transform: translate3d(0, 0, 0);
		}