:root {
	--theme-primary: #004680;
	--theme-blue: #004680;
}

a:link:not(.btn),
a:visited:not(.btn) {
	border: 0px !important;
}

body {
	background-color: var(--theme-blue);
}

/*******************************************************************************
**** page header **************************************************************/

.atl-page-header {
	background-color: var(--theme-blue);
}

.atl-page-header a:active:not(.btn),
.atl-page-header a:hover:not(.btn) {
	color: inherit;
	text-decoration: underline;
}

.atl-page-header .atl-page-header-spacer {
	display: none;
}

.atl-page-header .btn-outline-light {
	border-color: var(--theme-white) !important;
	color: var(--theme-white) !important;
}

.atl-page-header .btn-outline-light:hover {
	background-color: var(--theme-white) !important;
	color: var(--theme-black) !important;
}

.atl-page-header-logo-img {
	max-height: 80px;
}

@media(min-width: 767.9px) {
	.atl-page-header-logo-img {
		max-height: 80px;
	}
}

@media(min-width: 991.9px) {
	.atl-page-header-logo-img {
		max-height: 80px;
	}
}

/*******************************************************************************
**** page footer **************************************************************/

.atl-page-main {
	background-color: var(--theme-white);
	color: var(--theme-black);
}

/*******************************************************************************
**** page footer **************************************************************/

.atl-page-footer {
	background-color: var(--theme-blue);
	color: var(--theme-white);
}

.atl-page-footer a:link,
.atl-page-footer a:visited {
	color: var(--theme-white) !important;
	font-weight: bold;
}

/*******************************************************************************
**** site menu ****************************************************************/

.atl-sitemenu-page-container {
	background-color: var(--theme-black);
}

.atl-sitemenu-page-container a:link,
.atl-sitemenu-page-container a:visited {
	color: var(--theme-white) !important;
}

/*******************************************************************************
**** buttons menu *************************************************************/

.atl-page-main .btn {
	border-radius: 300px;
}

.btn-blue:active,
.btn-blue:hover {
	background: color-mix(in srgb, var(--theme-blue), #ffffff 25%);
	border-color: color-mix(in srgb, var(--theme-blue), #ffffff 25%);
}