@import url('https://fonts.googleapis.com/css2?family=Almendra+SC&display=swap');

:root {
	--dark-color: #212121;
	--light-color:#FCFDFF;
	--main-background: #FDF9EC;
	--primary-background: #7da7ab;
	--primary-textColor: #FCFDFF;
	--secondary-background: #CED9DB;
	--secondary-textColor: #FCFDFF;
	--accent-background: #7da7ab;
	--accent-textColor: #FFFFFF;
	--primary-gradient: linear-gradient(180deg, #7da7ab, #234064);
	--secondary-gradient: linear-gradient(180deg, #CED9DB, #006a70);
}
body {
	background: var(--main-background);
	color: var(--main-color);
	font-family: 'Mulish', sans-serif;
}
a {
	color: var(--primary-background);
}
.container-header {
	background-color: var(--secondary-background);
	background-image: none;
}
.mod-articlesnews-horizontal li, .no-card .newsflash-horiz li {
	background-color: var(--primary-background);
	color: var(--primary-color);
	border: 1px solid var(--primary-background);
}
.btn.btn-primary {
	background-color: var(--primary-background);
	border-color: var(--primary-background);
	color: var(--primary-textColor);
}
.mod-articlesnews-horizontal li .btn.btn-secondary, .no-card .newsflash-horiz li .btn.btn-secondary {
	background-color: var(--accent-background);
	border-color: var(--accent-background);
	color: var(--dark-color);
}
.btn.btn-secondary {
	background-color: var(--secondary-background);
	border-color: var(--secondary-background);
	color: var(--secondary-textColor);
}
.bg-info {
	color: var(--accent-textColor);
	background-color: var(--accent-background) !important;
}
.card {
	border: 1px solid var(--primary-background);
	border-radius: 0;
	background-color: var(--primary-background);
}
.card-header {
	background-color: var(--primary-background);
	border-bottom: 1px solid var(--primary-background);
	color: var(--primary-textColor);
}
.card-body {
	background-color: var(--main-background);
	border-bottom: 3px solid var(--accent-background);
	color: var(--dark-color);
}
.card-body a {
	color: var(--primary-textColor);
}
.card.secondary {
	border: 1px solid var(--secondary-background);
	border-radius: 0;
	background-color: var(--secondary-background);
}
.card-header.secondary {
	background-color: var(--secondary-background);
	border-bottom: 1px solid var(--secondary-background);
	color: var(--secondary-textColor);
}
.card-body.secondary {
	background-color: var(--secondary-background);
	border-bottom: 3px solid var(--secondary-background);
	color: var(--secondary-textColor);
}
.card-body.secondary a {
	color: var(--secondary-textColor);
}
.plg_system_webauthn_login_button svg {
	fill: var(--primary-color);
}
.footer {
	background-color: var(--secondary-background);
	background-image: none;
	color: var(--secondary-color);
}
::selection {
	background-color: var(--accent-background);
	color: var(--dark-color);
}
.metismenu.mod-menu .metismenu-item > ul {
	background-color: var(--secondary-background);
	border: 1px solid var(--secondary-background);
	color: var(--secondary-color);
}
.metismenu.mod-menu .metismenu-item > ul a {
	color: var(--secondary-color);
}
.main-top.card.colorpicker-module {
	background-color: var(--main-background);
	color: var(--dark-color);
	border: none;
}
.colorpicker-module .card-header, .colorpicker-module .card-body {
	background-color: var(--main-background);
	color: var(--dark-color);
}
.article-info {
	background-color: var(--main-background);
	padding: 15px 20px;
}
.article-info dd {
	color: var(--main-color);
}
.btn.btn-info {
	background-color: var(--primary-background);
	border: 1px solid var(--main-background);
	color: var(--primary-color);
}
.btn-primary .icon-white:before {
	color: var(--primary-textColor);
}
.btn-secondary .icon-white:before {
	color: var(--secondary-textColor);
}
.form-control {
	background-color: var(--main-background);
	border: 1px solid var(--main-color);
	color: var(--primary-color);
	border-radius: 0;
}
label {
	font-weight: bold;
}
h1, .h1 {
	font-size: clamp(18px, 5vw, 28px);
	font-family: 'Montserrat', sans-serif;
}
h2, .h2 {
	font-size: clamp(16px, 5vw, 26px);
	font-family: 'Montserrat', sans-serif;
}
h3, .h3 {
	font-size: clamp(14px, 5vw, 24px);
	font-family: 'Montserrat', sans-serif;
}
h4, .h4 {
	font-size: clamp(12px, 5vw, 22px);
	font-family: 'Montserrat', sans-serif;
}
.metismenu-item a {
	color: #000000!important;
}
.merriweather-light {
	font-family: "Merriweather", serif;
	font-weight: 300;
	font-style: normal;
}
.merriweather-regular {
	font-family: "Merriweather", serif;
	font-weight: 400;
	font-style: normal;
}
.merriweather-bold {
	font-family: "Merriweather", serif;
	font-weight: 700;
	font-style: normal;
}
.merriweather-black {
	font-family: "Merriweather", serif;
	font-weight: 900;
	font-style: normal;
}
.merriweather-light-italic {
	font-family: "Merriweather", serif;
	font-weight: 300;
	font-style: italic;
}
.merriweather-regular-italic {
	font-family: "Merriweather", serif;
	font-weight: 400;
	font-style: italic;
}
.merriweather-bold-italic {
	font-family: "Merriweather", serif;
	font-weight: 700;
	font-style: italic;
}
.merriweather-black-italic {
	font-family: "Merriweather", serif;
	font-weight: 900;
	font-style: italic;
}
.header .grid-child {
	display: inline-block;
	width: inherit;
}
@media (min-width: 991px) and (max-width: 1365px) {
	.container-header {
		padding: 0 190px;
	}
	.navbar {
		display: inline-block !important;
		margin-bottom: -22px;
	}
}
@media (min-width: 1366px) {
	.container-header {
		padding: 0 230px;
	}
	.navbar {
		display: inline-block !important;
		margin-bottom: -22px;
	}
}
.container-header .grid-child {
	padding: 0;
}