@import "https://cdn.jsdelivr.net/npm/bulma@1.0.2/css/bulma.min.css";

/* Bulma overrides */

:root {
	--bulma-family-primary: Outfit,Inter,SF Pro,Segoe UI,Roboto,Oxygen,Ubuntu,Helvetica Neue,Helvetica,Arial,sans-serif;
	--bulma-primary-h: 16deg;
	--bulma-primary-l: 58%;
	--bulma-link-h: 16deg;
	--bulma-link-l: 58%;
	--bulma-link-light: #FF6027;
	--bulma-link-text: #FF6027;
	--bulma-navbar-height: 6rem;
}

body {
	background-image: url("../img/background.png");
	background-repeat: repeat;
}

.navbar-item {
	--bulma-navbar-item-img-max-height: 55px;
}

.card {
	--bulma-card-background-color: #24272A;
	height: 100%;
}

/* Preserve images aspect ratio */
.image img {
	height: 100%;
	object-fit: cover;
}

/* Custom CSS */

html {
	scroll-padding-top: 96px;
}

.logo {
	margin-top: 18px;
}

.my-navbar-item {
	color: var(--bulma-link);
	margin-top: 18px;
	padding-top: 32px;
}

.my-navbar-item:hover, .my-navbar-item:active {
	color: var(--bulma-link-light);
	/* text-decoration: underline; */
}

.hero-image {
	background: linear-gradient(rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.5)), url('../img/hero.webp') center center;
	background-size:cover;
}

.image.card-header {
    height: 48px;
    width: 6px;
	opacity: 0.2;
}

a:hover {
	text-decoration: underline;
}

.footer-item {
	color: white;
	opacity: 0.5;
}

.footer-item:hover {
	opacity: 1;
}