@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;1,400;1,700&family=Prata&display=swap');

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

:root {
	--highlight: #f2d3d6;
	--main: #556e9d;  
}

/* Typography
--------------------------------------------- */
body,
input,
select,
optgroup,
textarea {
	color: black;
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

li {
	margin-bottom: .4em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", courier, monospace;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Colors
--------------------------------------------------------------*/

.bg-light {
	background: white !important;
}

.text-light {
	color: white !important;
}

.border-light {
	border-color: white !important;
}

.bg-highlight {
	background: var(--highlight);
}

.text-highlight {
	color: var(--highlight);
}

.border-highlight {
	border-color: var(--highlight) !important;
}

.bg-main {
	background: var(--main);
}

.text-main {
	color: var(--main);
}

.border-main {
	border-color: var(--main) !important;
}

.bg-dark {
	background: black !important;
}

.text-dark {
	color: black !important;
}

.border-dark {
	border-color: black !important;
}

/*--------------------------------------------------------------
# Extras
--------------------------------------------------------------*/

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Prata', serif;
}

.text-lato {
	font-family: 'Lato', sans-serif;
}

.text-18 {
	font-size: 18px;
	font-size: 1.125rem;
}

.text-28 {
	font-size: 28px;
	font-size: 1.75rem;
}

/*--------------------------------------------------------------
# Links
--------------------------------------------------------------*/

a {
	color: var(--main);
	text-decoration: underline;
}

button,
a.btn {
	font-size: 18px !important;
	font-size: 1.125rem !important;
}

.site-info a {
	color: white;
	text-decoration: underline;
}

.news a {
	text-decoration: none;
}

a:hover,
a:focus,
a:active {
	color: var(--highlight);
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

a.btn:hover,
a.btn:focus,
a.btn:active,
.btn:hover,
.btn:focus,
.btn:active {
	background: var(--highlight) !important;
	color: var(--main) !important;
}

a.btn:hover .fas,
a.btn:focus .fas,
a.btn:active .fas {
	color: var(--main) !important;
}

a.back-to-top:hover,
a.back-to-top:focus,
a.back-to-top:active {
	background: var(--main) !important;
	color: white !important;
	border: 1px solid var(--highlight) !important;
}

.partners a:hover img,
.partners a:focus img,
.partners a:active img {
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
	border-radius: 14px;
}

.dropdown-item:hover,
.dropdown-item:focus,
.dropdown-item:active {
	background: var(--highlight) !important;
	color: var(--main) !important;
}


/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/

body {
	background-image: url('../images/pink-bg-2500.png');
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

/* navigation */

.navbar-nav .nav-link.active {
	color: var(--main);
	padding-bottom: 1px;
	border-bottom: 1px solid var(--main);
}

.nav-item a:hover,
.nav-item a:focus,
.nav-item a:active {
	color: var(--main);
}

/* heading decoration */
h1::before {
	content: '';
	display: block;
	width: 32px;
	height: 32px;
	margin-top: -40px;
	margin-left: 101%;
	border-radius: 50%;
	background-color: var(--main);
}

.article h1::before {
	display: none;
}

.heading-line::before {
	content: "";
	width: 100%;
	height: 1px;
	display: block;
	margin: 0 auto;
	background-color: var(--main);
}
  
.heading-line::after {
	height: 25px;
	width: 25px;
	background-color: var(--main);
	border-radius: 50%;
	display: inline-block;
}

.circle {
	height: 25px;
	width: 25px;
	background-color: #bbb;
	border-radius: 50%;
	display: inline-block;
  }

/* partners */

img.logo {
	max-width: 100%;
}

/* results */

.result ol {
	list-style-position: outside;
}

.result li {
	margin-left: -32px;
}

@media only screen and (max-width: 767px) {

	.result li {
		margin-left: 0px;
	}

}

/* footer */

.site-info ul {
	list-style-type: none;
}

.site-info li {
	margin-bottom: 0.5rem;
	text-decoration: none;
}

.site-info img {
	max-height: 100px;
	max-width: 100%;
}

/* back to top */

.back-to-top {
	position: fixed;
	width: 3rem;
	height: 3rem;
	right: 1.875rem;
	bottom: 1.875rem;
	z-index: 9999;
}
.back-to-top i {
	font-size: 1rem;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}