:root {
	--bg-featured-color: #262626;
}

body {
	font-family: "Raleway";
	overflow-x: hidden;
}

nav.top-site-header {
	min-height: 100px;
}

@media (min-width: 992px) {

	.top-site-header-menuitem:nth-of-type(n+2) {
		margin-left: 16px;
	}
}

.top-site-header-menuitem-hidden {
	display: none;
}


header #logo {
	display: block;
	overflow: auto;
	text-indent: 80px;
	height: 80px;
	color: var(--mdb-heading-color);
	background-image: url('/images/sa-logo-small.webp');
	background-repeat: no-repeat;
	background-position: left center;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
}

	header #logo .logo-title {
		margin-top: 6px;
		font-size: 24px;
	}

	header #logo .logo-slogan {
		color: darkgray;
		font-size: 16px;
	}

div .main-menu {
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
}

ul.cmd-menu {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	/*float: right;*/
}

li.cmd-menu-item, li.lang-menu-item {
	float: left;
	padding: 4px 0px 4px 24px;
}

	li.cmd-menu-item a {
		display: block;
		text-align: center;
		text-decoration: none;
		font-size: larger;
		font-weight: 500;
		padding: 4px;
	}

	li.cmd-menu-item a:hover {
		background-color: gainsboro;
	}

	li.lang-menu-item a {
		display: block;
		text-align: center;
		text-decoration: none;
		padding: 4px;
	}


	li.cmd-menu-item-hidden, li.lang-menu-item-hidden {
		display: none;
	}


.navigation-menu {
	margin-top: 24px;
}

@media (min-width: 992px) {

	.navigation-menu {
		margin-top: 80px;
	}
}

.scrollspy {
	padding-top: 32px;
}

.error_page_body {
	margin-top: 60px;
}

.mt-5 {
	margin-top: 3rem !important;
}

.mt-6 {
	margin-top: 4rem !important;
}

.bg-featured {
	background-color: var(--bg-featured-color);
}

.get-it-from-site-en-small {
	width: 173px;
	height: 52px;
	display: inline-block;
	background-image: url('/images/download-en-173x52.png');
}

.get-it-from-site-fr-small {
	width: 173px;
	height: 52px;
	display: inline-block;
	background-image: url('/images/download-fr-173x52.png');
}


.special-highlight {
	max-width: 480px;
	color: white;
	background-color: #00abf1;
	padding: 8px;
	text-align: center;
	clip-path: polygon( 0 0, 100% 0, 100% calc(100% - 32px), /* Beveled corner */
	calc(100% - 32px) 100%, /* Beveled corner */
	0 100% );
}