@font-face {
	font-family: BebasNeue;
	src: url("https://fonts.googleapis.com/css2?family=Dosis:wght@300&display=swap");
}
.calendly {
	display: none;
}
.nav-text {
	color: #588165;
}

.home-bg {
	background-image: url("../www/images/abstract_white.jpg");
	object-fit: cover;
}

.carousel {
	width: 90vw;
	height: 70vh;
	margin-left: 5vw;
}

.carousel-item > img {
	justify-content: center;
	width: 100vw;
	height: 40vw;
	object-fit: cover;
}

.card {
	display: inherit;
	margin: 1vw;
	border: 5px solid transparent; /* Set an initial transparent border */
	border-radius: 10px;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	background-color: #f8faf9;
	overflow: hidden;
}

.card-link {
	color: black;
	text-decoration: underline !important;
}

.card a:hover {
	color: blue;
}

.card:hover {
	background-color: white;
    transform: translateY(-5px);
    box-shadow: 0 6px 12px rgba(0,0,0,0.15);
}

.card-holder {
	display: inline-flex;
	margin-left: 18vw;
	margin-top: 2vw;
	justify-content: center;
}

.review {
	font-weight: 300;
	font-size: calc(1vh + 1vw);

	vertical-align: center;
}

.reviewer {
	font-weight: 700;
	align-content: left;
}

.nav-img {
	display: block;
	position: absolute;
	height: 8vh !important;
	max-width: 30vw !important;
	left: 1vw;
	top: 1vh;
}

.nav-links {
	list-style: none;
	position: absolute;
	left: 75vw;
	margin-right: 1vw;
	margin-top: 10px;
	overflow: scroll;
}

.nav-links > li {
	display: inline;
	color: #588165;
	overflow: scroll;
}

.nav-links > li:hover {
	color: black;
}

.nav-links a {
	color: inherit;
	text-decoration: none;
}

.gavo-search {
	position: absolute;
	left: 57vw;
	margin-top: 4px;
	width: calc(12vw + 10vh);
}

.gavo-nav {
	position: sticky !important;
	overflow: hidden;
	top: 0;
	height: 10vh;
	background: linear-gradient(to bottom, white 95%, #534e53); /* Define the gradient border */
	z-index: 10;
}

.nav-font {
	font-family: Dosis, sans-serif;
	font-size: 15px;
}

.jumbo-gavo {
	text-align: center;
	width: 80vw;
	margin-top: 50px;
	margin-left: 10vw;
	color: #588165;
}

.carousel-card-1 {
	position: absolute !important;
	opacity: .9;
	bottom: 0;
	width: 40vw;
	left: 25vw;
	min-height: 12vw;
}


@media screen and (max-width: 500px) {
    .hide-on-mobile {
        display: none;
    }
    .block-on-mobile {
    	display: block;
    	padding: 3vh;
    }
    .center-on-mobile {
    	left: 10vw;
    	min-width: 80vw;
    }

    .squish-on-mobile {
    	padding-top: 10vh;
    }
}