/* styles for website pages */
body {
	background-color: white;
	overflow-x: hidden;
	text-size-adjust: 100%;
}
main { min-height: 80vh; }
.main_background {
	background-repeat: no-repeat;
	position: absolute;
	width: 100%;
	height: max-content;
	min-height: 800px;
	-webkit-mask-image: linear-gradient(black, black, black, transparent);
	mask-image: linear-gradient(black, black, black, transparent);
}
#loading-spinner-image { animation: spin 1s linear infinite; }
@keyframes spin {
	from { transform: rotate(0deg); }
	to { transform: rotate(360deg); }
}
.navbar-brand img { transition: opacity 0.5s ease-in-out; }
body.loading .navbar-brand img { opacity: 0; }
iframe { margin-bottom: 1rem; }
p { text-align: justify; }
.dwh3Header2 {
	position: relative;
	mix-blend-mode: difference;
}
.dwh3User {
	text-decoration: none;
	white-space: nowrap;
	/*color: var(--bs-nav-link-color);*/
}
.dwh3ColorLight { color: #aec6de; }
.dwh3BgDark { background-color: #1d2734 !important; } /* #2B4371 o #0A4371 */
.dwh3FgDark { color: #1d2734 !important; } /* in usse? */
.dwh3ColorDark { color: #47164c; }
.dwh3Description {
	text-align: justify;
	text-transform: uppercase;
	font-weight: lighter;
	font-size: x-large;
}
.dwh3FigureShadow { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }
.dwh3FigureLink { text-decoration: none; }
.dwh3CardArt { background-color: #0074FF; }
.dwh3CardBiography { background-color: #E25405; }
.dwh3CardInfrastructure { background-color: #CC0606; }
.dwh3CardPolitics { background-color: #FFCE00; color: #264172 !important; }
.dwh3CardScience { background-color: #059696; }
.dwh3CardWar { background-color: #8900AA; }
.dwh3CardSports { background-color: #E200A8; }
.dwh3CardCrime { background-color: #575757; }
.dwh3CardNature { background-color: #5EAF00; }
.dwh3ImageSelected {
	background-color: yellowgreen !important;
	border-color: darkgreen !important;
}
.btn:hover { border-color: #d95d00 !important; }
.btn-outline-secondary { border-color: #aec6de; color: #aec6de; }
.btn-outline-light {
	border-width: 2px;
	padding: 1rem 2 rem;
	font-weight: 600;
}
.btn-outline-light:hover { color: #333 !important; background-color: #ffffff; }
.dwh3CardPolitics .btn-outline-light { color: #264172 !important; border-color: #264172; }
.dwh3CardPolitics .btn-outline-light:hover { color: #ffffff !important; background-color: #264172; }
.fira-sans-light {
	font-family: "Fira Sans", sans-serif;
	font-weight: 300;
	font-style: normal;
}
.fira-sans-regular {
	font-family: "Fira Sans", sans-serif;
	font-weight: 400;
	font-style: normal;
}
.text-justify { text-align: justify; }
.screencapture {
	border: 1px solid #ddd;
	padding: 5px;
	border-radius: 8px;
	margin-bottom: 1rem;
}
/*div.polaroid {
	width: 80%;
	background-color: white;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
div.polaroid-container {
	text-align: center;
	padding: 10px 20px;
}*/
h6.ayuda {
	color: darkcyan;
}
.modal-width {
	max-width: 1140px;
}
@media screen and (max-width: 1100px) {
	.modal-width {
		max-width: 800px;
	}
}
@media screen and (max-width: 850px) {
	.modal-width {
		max-width: 500px;
	}
}