@charset "UTF-8";
/*!
* SOAR website theme
* Copyright 2024 SOAR
*/

/* Colors */
:root {
	--soar-green: #658017;
	--soar-light-green: #CCCC99;
	--soar-med-green: #AEAE70;
	--soar-dark-green: #526814;
	--soar-table-green: #E8E8C0;
}

.btn-primary {
	--bs-btn-bg: var(--soar-green);
	--bs-btn-border-color: var(--soar-green);
	--bs-btn-hover-bg: var(--soar-dark-green);
	--bs-btn-hover-border-color: var(--soar-dark-green);
}

.btn-secondary {
	--bs-btn-bg: var(--soar-light-green);
	--bs-btn-border-color: var(--soar-light-green);
	--bs-btn-color: black;
	--bs-btn-hover-bg: var(--soar-green);
	--bs-btn-hover-border-color: var(--soar-green);
	--bs-btn-hover-color: white;
}

.accordion {
	--bs-accordion-active-color: black;
	--bs-accordion-active-bg: var(--soar-light-green);
	--bs-accordion-btn-focus-box-shadow: none;
}

.circle .gradient-start-color {
  stop-color: var(--soar-green) !important;
}

.circle .gradient-end-color {
  stop-color: var(--soar-med-green) !important;
}

.text-soar-green {
	color: var(--soar-dark-green);
}

.bg-gradient-primary-to-secondary {
	background: linear-gradient(45deg, var(--soar-green), var(--soar-dark-green)) !important;
}

/* Nav */
#mainNav {
	max-width: 100vw;
}

.navbar-brand img {
	width: 150px;
	height: auto;
}

#mainNav button.navbar-toggler {
	font-size: 2rem;
}

/* Hero/Masthead */
.masthead {
	position: relative;
	background-image: url('https://images.unsplash.com/photo-1517164850305-99a3e65bb47e?q=80&w=2322&auto=format&fit=crop');
	background-size: cover;
	background-position: top center;
	background-repeat: norepeat;
}

@media screen and (min-width: 768px) {
	.masthead {
		background-size: 150%;
		background-position: top left;
	}
}

.masthead::after {
	content: '';
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	background: rgba(0, 0, 0, .5);
}

.masthead > .container {
	position: relative;
	z-index: 1;
}

/* Features section */
.features-device-mockup {
	position: relative;
	height: 65vw;
}

@media screen and (min-width: 920px) {
	.features-device-mockup {
		height: 100%;
	}
}

.features-device-mockup .circle {
	width: 75%;
}

@media screen and (min-width: 768px) {
	.features-device-mockup .circle {
		left: 0;
	}
}

.features-device-mockup img {
	position: absolute;
	left: 0;
	width: 100%;
	height: auto;
	z-index: 2;

	transition: opacity 0.35s ease-in-out;
}

.features-device-mockup img.hidden {
	opacity: 0;
	z-index: 1;
}

/* Plans section */
#plans-table thead th:not(:first-child), #plans-table td {
	text-align: center;
}

#plans-table tbody th {
	width: 25%;
	min-width: 150px;
	font-weight: 700;
}

#plans-table tbody td {
	width: 25%;
	min-width: 125px;
}

#plans-table td.table-primary {
	background-color: var(--soar-table-green);
}

#plans-table th.table-primary {
	background-color: var(--soar-light-green);
}

#why-soar img {
	width: 40px;
	height: auto;
	margin-bottom: 1.75rem;
}

section.cta {
	padding: 8rem 0;
	background-image: url('https://images.unsplash.com/photo-1478131143081-80f7f84ca84d?q=80&w=2208&auto=format&fit=crop&ixlib=rb-4.0.3');
}

/* Trial modal */
.modal {
	--bs-modal-width: 900px;
}

#modal-body-submitted {
	display: none;
}