@charset "utf-8";

// colours
$eerie-black: #1B1B1B;
$outer-space: #414A4C;

$own-black: #121212;
$own-grey: #343a40;
$white: #ffffff;
$green: #30ad23;
$light-green: #82CD7B;

// update bulma variables
$text: $white;
$text-strong: $white;
$link: $light-green;
$link-hover: $green;

$body-background-color: $eerie-black;

$card-color: $white;
$card-header-color: $white;
$card-background-color: #3D3D3D;
$card-header-color: #3D3D3D;

$navbar-background-color: #3D3D3D;
$navbar-item-color: $white;
$navbar-item-hover-background-color: #3D3D3D;

$footer-background-color: #3D3D3D;

// own styles
.hero-body {
	background-image: url(./images/hero_tea_field.jpeg);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

.logo-image {
	height: 300px;
	min-height: 200px;
	width: auto;
}

.card {
	height: 450px;
}

// Import only what you need from Bulma
// @import "./bulma/sass/utilities/_all.sass";
// @import "./bulma/sass/base/_all.sass";
// @import "./bulma/sass/layout/_all.sass";
// @import "./bulma/sass/form/_all.sass";

// @import "./bulma/sass/components/card.sass";
// @import "./bulma/sass/components/level.sass";
// @import "./bulma/sass/components/modal.sass";
// @import "./bulma/sass/components/navbar.sass";
// @import "./bulma/sass/components/pagination.sass";
// @import "./bulma/sass/elements/button.sass";
// @import "./bulma/sass/elements/container.sass";
// @import "./bulma/sass/elements/content.sass";
// @import "./bulma/sass/elements/table.sass";
// @import "./bulma/sass/elements/title.sass";
// @import "./bulma/sass/helpers/visibility.sass";
// @import "./bulma/sass/helpers/typography.sass";
// @import "./bulma/sass/helpers/spacing.sass";

@import "./bulma/bulma.sass"