/* fonts.css */
@font-face{
  font-family:'Open Sans';
  font-style:normal;
  font-weight:400;
  src:url('/public/fonts/open-sans-v43-latin-regular.woff2') format('woff2');
  font-display:swap;
}
@font-face{
  font-family:'Open Sans';
  font-style:normal;
  font-weight:600;
  src:url('/public/fonts/open-sans-v43-latin-600.woff2') format('woff2');
  font-display:swap;
}
@font-face{
  font-family:'Open Sans';
  font-style:normal;
  font-weight:700;
  src:url('/public/fonts/open-sans-v43-latin-700.woff2') format('woff2');
  font-display:swap;
}


body {
	font-family: 'Open Sans', sans-serif;
	scroll-behavior: smooth;
}

.hero-gradient {
	background: linear-gradient(135deg, #0C71B7 0%, #6CA6CD 50%, #76BDEB 100%);
}

.nav-link:hover {
	color: #76BDEB;
}

.logo-icon {
	background-image: url('/public/img/logo.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	width: 48px;
	height: 48px;
	display: inline-block;
}


.btn-primary {
	background-color: #0C71B7;
	transition: all 0.3s ease;
}

.btn-primary:hover {
	background-color: #6CA6CD;
	transform: translateY(-2px);
}

.section-title {
	position: relative;
	display: inline-block;
}

.section-title:after {
	content: '';
	position: absolute;
	width: 50%;
	height: 4px;
	bottom: -8px;
	left: 25%;
	background-color: #76BDEB;
}

.team-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.gallery-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.toggle-team {
        display: none;
        opacity: 0;
        max-height: 0;
        overflow: hidden;
        transition: all 0.5s ease;
	transform: translateY(24px);
}

.toggle-team.visible {
        display: block;
        opacity: 1;
        max-height: 800px;
	transform: translateY(0);
}

#sponsoring .toggle-team {
        display: none;
        opacity: 0;
        max-height: 0;
        overflow: hidden;
        transition: all 0.5s ease;
}

#sponsoring .toggle-team.visible {
        display: block;
        opacity: 1;
        max-height: 200px;
}

.news-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}