/* Define custom color variables for the palette */
:root {
    --gs-blue-light: #00a2e2;
    --gs-amber: #f7b500;
    --gs-coral: #fc8b88;
    --gs-blue-dark: #2e53a5;
}
/* Apply custom font and primary text color */
body {
  height: 100%;
  font-family: 'Inter', sans-serif;
  color: var(--gs-blue-dark); 
  background-color: #f8f8f8; /* Very light gray background */
}

/* Custom color classes using the variables */
.bg-gs-blue-light { background-color: var(--gs-blue-light); }
.bg-gs-amber { background-color: var(--gs-amber); }
.bg-gs-coral { background-color: var(--gs-coral); }
.bg-gs-blue-dark { background-color: var(--gs-blue-dark); }

.text-gs-blue-light { color: var(--gs-blue-light) !important; }
.text-gs-amber { color: var(--gs-amber) !important; }
.text-gs-coral { color: var(--gs-coral) !important; }
.text-gs-blue-dark { color: var(--gs-blue-dark) !important; }

/* Custom link hover colors */
.nav-link.text-gs-blue-dark:hover { color: var(--gs-blue-light) !important; }

/* Custom card image style for object-fit: cover */
.card-img-top-cover { height: 200px; object-fit: cover; }

/* Custom shadow for prominence */
.shadow-custom { box-shadow: 0 0.5rem 1rem rgba(46, 83, 165, 0.2) !important; }

/* Adjusting padding and margin for the hero section to match previous design */
.hero-section {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
}

/* Ensure carousel images don't get squished */
.carousel-item .row {
    min-height: 480px; /* Adjust as needed */
}

.bg-custom {
  background-color: #00a2e2 !important;
}

.bgcustom {
  background: linear-gradient(rgba(0, 0, 0, .3), rgba(0, 0, 0, .7)), url(/static/img/savantsurfer.com/savantsurefer.jpg?v1=123123);
  background-size: cover;
  height: 500px;
}

.btn-search {
	color: #fff;
  background-color: #f7b500;
  border-color: #f7b500;
}

.btn-lang {
  color: #fff;
  background-color: #f7b500;
  border-color: #f7b500;
}

/*#00a2e2,#f7b500,#fc8b88 and #2e53a5*/
.logo-text-1 {
  color: #fc8b88;
}
.logo-text-2 {
  color: #2e53a5;
}