/* Theme */

:root,
[data-bs-theme=light] {
	--bs-blue: #006FB7;
	/* --bs-blue: #0d6efd; */
	--bs-indigo: #6610f2;
	--bs-purple: #6f42c1;
	--bs-pink: #d63384;
	--bs-red: #dc3545;
	--bs-orange: #fd7e14;
	--bs-yellow: #ffd54f;
	/*--bs-yellow: #ffc107;*/
	--bs-green: #20c997;
	/*--bs-green: #198754;*/
	--bs-teal: #20c997;
	--bs-cyan: #0dcaf0;
	--bs-black: #000;
	--bs-white: #f8f8f8;
	/*--bs-white: #fff;*/
	--bs-gray: #6c757d;
	--bs-gray-dark: #343a40;
	--bs-gray-100: #f8f9fa;
	--bs-gray-200: #e9ecef;
	--bs-gray-300: #dee2e6;
	--bs-gray-400: #ced4da;
	--bs-gray-500: #adb5bd;
	--bs-gray-600: #6c757d;
	--bs-gray-700: #495057;
	--bs-gray-800: #343a40;
	--bs-gray-900: #212529;
	--bs-primary: #006FB7; 
	/*--bs-primary: #0d6efd;*/
	--bs-secondary: #6c757d;
	--bs-success: #20c997;
	/*--bs-success: #198754;*/
	--bs-info: #0dcaf0;
	--bs-warning: #ffd54f;
	/*--bs-warning: #ffc107;*/
	--bs-danger: #dc3545;
	--bs-light: #f8f9fa;
	--bs-dark: #212529;
	--bs-primary-rgb: 35, 88, 166;
	/*--bs-primary-rgb: 13, 110, 253;*/
	--bs-secondary-rgb: 108, 117, 125;
	--bs-success-rgb: 32, 201, 151;
	/*--bs-success-rgb: 25, 135, 84;*/
	--bs-info-rgb: 13, 202, 240;
	--bs-warning-rgb: 255, 213, 79;
	/*--bs-warning-rgb: 255, 193, 7;*/
	--bs-danger-rgb: 220, 53, 69;
	--bs-light-rgb: 248, 249, 250;
	--bs-dark-rgb: 33, 37, 41;
	--bs-primary-text-emphasis: #052c65;
	--bs-secondary-text-emphasis: #2b2f32;
	--bs-success-text-emphasis: #0a3622;
	--bs-info-text-emphasis: #055160;
	--bs-warning-text-emphasis: #664d03;
	--bs-danger-text-emphasis: #58151c;
	--bs-light-text-emphasis: #495057;
	--bs-dark-text-emphasis: #495057;
	--bs-primary-bg-subtle: #cfe2ff;
	--bs-secondary-bg-subtle: #e2e3e5;
	--bs-success-bg-subtle: #d1e7dd;
	--bs-info-bg-subtle: #cff4fc;
	--bs-warning-bg-subtle: #fff3cd;
	--bs-danger-bg-subtle: #f8d7da;
	--bs-light-bg-subtle: #fcfcfd;
	--bs-dark-bg-subtle: #ced4da;
	--bs-primary-border-subtle: #9ec5fe;
	--bs-secondary-border-subtle: #c4c8cb;
	--bs-success-border-subtle: #a3cfbb;
	--bs-info-border-subtle: #9eeaf9;
	--bs-warning-border-subtle: #ffe69c;
	--bs-danger-border-subtle: #f1aeb5;
	--bs-light-border-subtle: #e9ecef;
	--bs-dark-border-subtle: #adb5bd;
	--bs-white-rgb: 255, 255, 255;
	--bs-black-rgb: 0, 0, 0;
	--bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	--bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
	--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
	--bs-body-font-family: var(--bs-font-sans-serif);
	--bs-body-font-size: 1rem;
	--bs-body-font-weight: 400;
	--bs-body-line-height: 1.5;
	--bs-body-color: #212529;
	--bs-body-color-rgb: 33, 37, 41;
	--bs-body-bg: #fff;
	--bs-body-bg-rgb: 255, 255, 255;
	--bs-emphasis-color: #000;
	--bs-emphasis-color-rgb: 0, 0, 0;
	--bs-secondary-color: rgba(33, 37, 41, 0.75);
	--bs-secondary-color-rgb: 33, 37, 41;
	--bs-secondary-bg: #e9ecef;
	--bs-secondary-bg-rgb: 233, 236, 239;
	--bs-tertiary-color: rgba(33, 37, 41, 0.5);
	--bs-tertiary-color-rgb: 33, 37, 41;
	--bs-tertiary-bg: #f8f9fa;
	--bs-tertiary-bg-rgb: 248, 249, 250;
	--bs-heading-color: inherit;
	--bs-link-color: #006FB7;
	/*--bs-link-color: #0d6efd;*/
	--bs-link-color-rgb: 13, 110, 253;
	--bs-link-decoration: underline;
	--bs-link-hover-color: #0a58ca;
	--bs-link-hover-color-rgb: 10, 88, 202;
	--bs-code-color: #d63384;
	--bs-highlight-color: #212529;
	--bs-highlight-bg: #fff3cd;
	--bs-border-width: 1px;
	--bs-border-style: solid;
	--bs-border-color: #dee2e6;
	--bs-border-color-translucent: rgba(0, 0, 0, 0.175);
	--bs-border-radius: 0.375rem;
	--bs-border-radius-sm: 0.25rem;
	--bs-border-radius-lg: 0.5rem;
	--bs-border-radius-xl: 1rem;
	--bs-border-radius-xxl: 2rem;
	--bs-border-radius-2xl: var(--bs-border-radius-xxl);
	--bs-border-radius-pill: 50rem;
	--bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
	--bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
	--bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
	--bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
	--bs-focus-ring-width: 0.25rem;
	--bs-focus-ring-opacity: 0.25;
	--bs-focus-ring-color: rgba(13, 110, 253, 0.25);
	--bs-form-valid-color: #198754;
	--bs-form-valid-border-color: #198754;
	--bs-form-invalid-color: #dc3545;
	--bs-form-invalid-border-color: #dc3545;
	--bs-nav-pills-link-active-color: var(--bs-primary);
    --bs-nav-pills-link-active-bg: var(--bs-primary);
}

/* Components */

.btn:hover {
	transform: translateY(-2px);
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    background-color: var(--bs-primary);
}

.btn-outline-primary {
	--bs-btn-active-border-color: #006FB7;
	--bs-btn-color: #006FB7;
	--bs-btn-border-color: #006FB7;
	--bs-btn-hover-bg: #006FB7;
	--bs-btn-hover-border-color: #006FB7;
	--bs-btn-active-bg: #006FB7;
	--bs-btn-disabled-color: #006FB7;
	--bs-btn-disabled-border-color: #006FB7;
}

.btn-primary {
	--bs-btn-bg: #006FB7;
	--bs-btn-border-color: #006FB7;
	--bs-btn-disabled-bg: #006FB7;
	--bs-btn-disabled-border-color: #006FB7;
	--bs-btn-hover-bg: #024e95;
	--bs-btn-hover-border-color: #024e95;
	--bs-btn-active-bg: #024e95;
	--bs-btn-active-border-color: #024e95;
}

.btn-outline-success {
	--bs-btn-active-border-color: #20c997;
	--bs-btn-color: #20c997;
	--bs-btn-border-color: #20c997;
	--bs-btn-hover-bg: #20c997;
	--bs-btn-hover-border-color: #20c997;
	--bs-btn-active-bg: #20c997;
	--bs-btn-disabled-color: #20c997;
	--bs-btn-disabled-border-color: #20c997;
}

.btn-success {
	--bs-btn-bg: #20c997;
	--bs-btn-border-color: #20c997;
	--bs-btn-disabled-bg: #20c997;
	--bs-btn-disabled-border-color: #20c997;
	--bs-btn-hover-bg: #00bd80;
	--bs-btn-hover-border-color: #00bd80;
	--bs-btn-active-bg: #00bd80;
	--bs-btn-active-border-color: #00bd80;
}

.btn-outline-warning {
	--bs-btn-active-border-color: #ffd54f;
	--bs-btn-color: #ffd54f;
	--bs-btn-border-color: #ffd54f;
	--bs-btn-hover-bg: #ffd54f;
	--bs-btn-hover-border-color: #ffd54f;
	--bs-btn-active-bg: #ffd54f;
	--bs-btn-disabled-color: #ffd54f;
	--bs-btn-disabled-border-color: #ffd54f;
}

.btn-warning {
	--bs-btn-bg: #ffd54f;
	--bs-btn-border-color: #ffd54f;
	--bs-btn-disabled-bg: #ffd54f;
	--bs-btn-disabled-border-color: #ffd54f;
	--bs-btn-hover-bg: #ffca28;
	--bs-btn-hover-border-color: #ffca28;
	--bs-btn-active-bg: #ffca28;
	--bs-btn-active-border-color: #ffca28;
}

.pagination {
	--bs-pagination-active-bg: #006FB7;
	--bs-pagination-active-border-color: #006FB7;
}

.dropdown-menu {
	background-color: #007fcb;
}

.dropdown-item {
	color: #fff;
}

.dropdown-item:focus, .dropdown-item:hover {
	background-color: #7ecef8;
}

.accordion-button:focus {
    box-shadow: none;
}

.accordion-button::after, .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    /*transform: var(--bs-accordion-btn-icon-transform);*/
}

/* Fonts */

@font-face {
	font-family: Gabarito;
	src: url('../fonts/Gabarito/static/Gabarito-Regular.ttf');
	font-weight: normal;
}
@font-face {
	font-family: Gabarito;
	src: url('../fonts/Gabarito/static/Gabarito-Medium.ttf');
	font-weight: 500;
}
@font-face {
	font-family: Gabarito;
	src: url('../fonts/Gabarito/static/Gabarito-SemiBold.ttf');
	font-weight: 600;
}
@font-face {
	font-family: Gabarito;
	src: url('../fonts/Gabarito/static/Gabarito-Bold.ttf');
	font-weight: bold;
}
@font-face {
	font-family: Roboto;
	src: url('../fonts/Roboto/Roboto-Regular.ttf');
	font-weight: normal;
}
@font-face {
	font-family: Roboto;
	src: url('../fonts/Roboto/Roboto-Bold.ttf');
	font-weight: bold;
}

/* Global styles */

body { font-family: Roboto, sans-serif !important; color:#080808; background-color:#f0f0f0; }
body header { height:60px; background-color: var(--bs-primary); }
body img { vertical-align:middle; max-width:100% !important; }
body .img-thumbnail { padding: .05rem; width:100%; }
body form label, body form textarea, body form input { margin-bottom:10px; }
body .news-date.text-muted { color:#aaa !important; }
body div.list-group a.list-group-item span.text-danger, body div.list-group a.list-group-item span.text-primary, body div.list-group a.list-group-item span.text-success { font-size:2rem; }
/*.document-item:hover { transform: translateX(-3px); }*/

.page-content {
	padding: 1.5rem!important;
	border-radius: var(--bs-border-radius-xxl)!important;
	margin-bottom: 1.5rem!important;
	box-shadow: var(--bs-box-shadow)!important;
	border-top: 3px solid var(--bs-warning)!important;
	border-right: 0!important;
	border-bottom: 0!important;
	border-left: 0!important;
}

.floating {
	animation-name: floating;
	-webkit-animation-name: floating;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
	-webkit-animation-timing-function: ease-in-out;
	animation-duration: 4s;
	position:relative;
	display:inline-block;
}

/* Cards */

.card-image-wrapper .card-img-top {
    max-width: 100%;
    height: auto;
}

.card-image-wrapper {
    min-height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.card-image-blur {
    position: absolute;
    top: -10%;
    left: -10%;
    width: 120%;
    height: 120%;
    background-size: cover;
    background-position: center;
    filter: blur(20px) brightness(1.1);
    z-index: 1;
    opacity: 0.6;
}

/* Titles */

body h1, body h2, body h3, body h4, body h5, body h6 { font-family: Gabarito, arial, sans-serif !important; }

.main-title { max-width: 80%; }

h2 { margin-bottom: 1.5rem!important; }

h2::after {
    content: '';
    display: block;
    width: 100px;
    height: 4px;
    background: linear-gradient(90deg, var(--bs-primary), var(--bs-danger));
    margin-top: 10px;
    border-radius: 2px;
}

h2.text-center::after {
	margin-left: auto;
	margin-right: auto;
}

/* Carousel */

#carousel-index { width:100%; position:absolute; z-index:1; background-color:#080808; height:65vh; }
#carousel-index .carousel-inner { height:100%; opacity:0.5; }
#carousel-index .carousel-inner .carousel-item { height:100%; }
#carousel-index .carousel-inner .carousel-item div { background-size:cover; background-position:center; background-repeat:no-repeat; height:100%; }

/* Countdown */

#countdown-index { text-align:center; color:#f8f8f8; position:relative; z-index:99; height:65vh; display:flex; justify-content:center; align-items:center; }
#countdown-index h1.countdown-title { font-size:4rem; margin-bottom:1rem; }
#countdown-index .row { font-weight:bold; }
#countdown-index .number { font-size:3rem; }

/* Footer */

.footer-social-link:hover img {
	border-color: var(--bs-warning) !important;
}

.footer-link:hover {
	color: var(--bs-warning) !important;
}

.footer-title::after {
	content: '';
    display: block;
    width: 100px;
    height: 4px;
    background: linear-gradient(90deg, var(--bs-warning), var(--bs-primary));
    margin-top: 10px;
    border-radius: 2px;
}

/* Sponsors */

.sponsor-title { 
	color: #666;
}

.sponsor-title::before, .sponsor-title::after {
    content: '';
    display: inline-block;
    width: 100px;
    height: 2px;
    background-color: #ddd;
    vertical-align: middle;
    margin: 0 15px;
}

.sponsor-container:hover .sponsor-track {
	animation-play-state: paused;
}

.sponsor-container {
	overflow: hidden;
	display: flex;
}

.sponsor-track {
	display: flex;
	gap: 40px;
	will-change: transform; 
	/*animation: sponsor-scroll 30s linear infinite;*/
	height: 150px;
	flex: 0 0 content;
	padding-right: 40px;
}

.sponsor-img-container {
	display: flex; 
	height:150px;
	width:200px;
}

.sponsor-img-container img {
	max-width: 100%;
	max-height: 100%;
	height: auto;
	margin: auto;
}

/* Animations */

@keyframes sponsor-scroll {
	0% { transform: translateX(0); }
    100% { transform: translateX(-100%); }
}

@keyframes floating {
	0% { transform: translateY(0%);	}
	25% { transform: translateY(15%); }	
	50% { transform: translateY(5%); }	
	75% { transform: translateY(15%); }	
	100% { transform: translateY(0%); }			
}
@-webkit-keyframes floating {
	0% { -webkit-transform: translateY(0%); }
	25% {-webkit-transform: translateY(15%); }
	50% { -webkit-transform: translateY(5%);	}
	75% { -webkit-transform: translateY(15%); }	
	100% { -webkit-transform: translateY(0%); }			
}

/* Device screen */

@media (max-width: 325px) {
	.sponsor-title::before, .sponsor-title::after {
		display:none;
	}
}

@media (max-width: 543px) {
	body #countdown-index .number { font-size:1.5rem; }
	body #countdown-index .text { font-size:0.5rem; }
	body .countdown-title { font-size:2.5rem !Important; }
}

@media (max-width: 575px) {
	.sponsor-title::before, .sponsor-title::after {
		width: 25px;
		margin: 0 10px;
	}
}

@media (max-width: 767px) {
	body #countdown-index .number { font-size:2rem; }
	body .countdown-title { font-size:3rem !Important; }
}

/* Small devices (landscape phones, 544px and up) */
@media (min-width: 544px) {}
 
/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {}
 
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {}
 
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	.card-image-wrapper .card-img-top { max-width: 80%; }
}