body {
	display: flex;
	min-height: 100vh;
	flex-direction: column;
}

a {
	transition: background-color 200ms ease;
}

.checkbox:hover,
.radio:hover {
 	color: #e8f0f1;
 }

 code {
 	color: #17bc9c;
 }

 h1 .tag.is-size-9,
 h2 .tag.is-size-9,
 h3 .tag.is-size-9,
 h4 .tag.is-size-9,
 h5 .tag.is-size-9,
 h6 .tag.is-size-9 { vertical-align: text-top; }

.navbar.is-link {
	background-color: #272f2e;
}

.hero-full {
	flex: 1;
}

.navbar-dropdown {
	background-color: #03807f;
}

.navbar.is-link .navbar-end .navbar-link.is-active, .navbar.is-link .navbar-end .navbar-link:focus, .navbar.is-link .navbar-end .navbar-link:hover, .navbar.is-link .navbar-end>a.navbar-item.is-active, .navbar.is-link .navbar-end>a.navbar-item:focus, .navbar.is-link .navbar-end>a.navbar-item:hover, .navbar.is-link .navbar-item.has-dropdown.is-active .navbar-link, .navbar.is-link .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-link .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-link .navbar-start .navbar-link.is-active, .navbar.is-link .navbar-start .navbar-link:focus, .navbar.is-link .navbar-start .navbar-link:hover, .navbar.is-link .navbar-start>a.navbar-item.is-active, .navbar.is-link .navbar-start>a.navbar-item:focus, .navbar.is-link .navbar-start>a.navbar-item:hover {
	background-color: #00afae;
}

.navbar.is-link .navbar-brand>.navbar-item {
	font-weight: bold;
	font-size: 1.25rem;
}

.navbar.is-link .navbar-brand>a.navbar-item:hover {
	background-color: #212726;
}

.navbar.is-link .navbar-brand>.navbar-item i {
	margin: 0 0.5em;
}

.menu-list > li > span {
	border-radius: 3px;
	color: #fff;
	display: block;
	padding: .5em .75em;
	cursor: default;
}

.is-size-8 {
	font-size: .65em!important;
}

.is-size-9 {
	font-size: 9px!important;
}

.is-justify-content-flex-end { justify-content: flex-end; }

.columns.tc-cards { margin-bottom: 2.5rem; }
.tc-cards .column { display: flex; }
.tc-cards .card { display: flex; flex-direction: column; width: 100%; }
.tc-cards .card-footer { margin-top: auto; }

.hero-body-full {
	display: flex;
}

.hero-body-full > .container-full {
	display: flex;
	flex-direction: column;
}

.hero-body-full > .container-full > .columns-full {
	flex-grow: 1;
}

.contains-menu {
	background-color: #2f3535;
}

.footer {
	padding: 3rem 1.5rem;
}

@media screen and (max-width: 1023px) {
	.navbar .navbar-menu {
		background-color: #394241;
	}
}