@import '../includes/fonts/titillium';

.site-header {
	background: $primary-color;
}

#header {
	color: white;
	font-family: Titillium;
	#logo a {
		line-height: 170px;
		font-size: 2.667rem;
		color: white;
		font-weight: normal;
		background-size: auto 150px;
		width: 90%;
	}
}

#toplinks {
	.sep, .registration {
		display: none;
	}
}

#nav {
	li {
		border-left: 1px;
		border-right: 1px;
		border-top: 0;
		border-bottom: 0;
		border-style: solid;
		border-color: $primary-color;
	}
	ul {
		margin-top: 0;
		a {
			font-weight: normal;
			padding: 20px 30px;
		}
		li.selected > a {
			background-image: url(img/coin-menu.png);
			background-position: top right;
			background-repeat: no-repeat;
		}
	}
}

#footer-wrapper {
	border-top: 15px solid $secondary-color;
	#footer {
		min-height: 100px;
		background: url(img/logo-footer.png) top right no-repeat;
	}
}

body.has-picture .site-nav::after {
	background-size: contain;
}

#columns div.cell {
	background-image: linear-gradient(to top right, white 50%, $secondary-color);
	background-size: 50px 40px;
	background-repeat: no-repeat;
	background-position: top right;
	h2:first-child {
		font-weight: bold;
		font-size: 1.2em;
		background: none;
	}
}

#sidebar div.cell {
	background-color: $primary-color;
	border-left: 1px;
	border-left-style: solid;
}

div.submit-button {
	button {
		background: $tertiary-color;
	}
}

div.cell {
	&.foldable > div > h2:first-child::after,
	a.add-more-items--button {
		color: $secondary-color;
		font-size: 1.5rem;
		font-weight: bold;
		line-height: 15px;
	}
}
