:root {
	--olea-olive: #595334;
	--olea-gold: #7D7348;
	--olea-cream: #f5f2ea;
	--olea-dark: #333333;
}

body {
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	color: var(--olea-dark);
	background: #e0cb89 url('../img/bg_body.jpg');
}

a {
	color: var(--olea-olive);
}

a:hover {
	color: var(--olea-gold);
}

#logo {
	max-width: 113px;
	height: auto;
}

#lang_switch {
	background-color: var(--olea-olive);
	padding: 2px;
}

#lang_switch a {
	text-decoration: none;
	font-size: 0.85rem;
	text-transform: uppercase;
	color: #DED9A6;
}

#acc_cli {
	font-size: 0.85rem;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: 700;
}

.olea-nav {
	border: none;
	margin-bottom: 1rem;
}

.olea-nav-list .nav-link {
	color: var(--olea-olive);
	text-transform: uppercase;
	font-size: 0.9rem;
	padding: 0.5rem 0.75rem;
}

.olea-nav-list .nav-link.cur_nav,
.olea-nav-list .nav-link:hover {
	color: var(--olea-gold);
	font-weight: 700;
	border-bottom: 1px solid var(--olea-gold);
}

.nav-sep {
	color: var(--olea-gold);
	padding: 0.5rem 0.25rem;
}

#img_home img,
.box-shadow {
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
}

#img_home {
	margin-bottom: 1.5rem;
}

#sep_h {
	height: 40px;
}

.h_ul h1,
.h_ul h2 {
	color: var(--olea-olive);
}

.h_ul h1 {
	font-family: 'Dancing Script', cursive;
	font-size: 2rem;
}

.b_1 {
	font-weight: 700;
}

.a_prod {
	display: block;
	text-decoration: none;
	color: inherit;
	margin-bottom: 2rem;
}

.a_prod:hover {
	color: var(--olea-gold);
}

.a_prod h1 {
	font-size: 1.25rem;
	margin-top: 1rem;
}

.m100 {
	margin-top: 3rem;
}

.olea-footer {
	border-top: 1px solid var(--olea-gold);
	font-size: 0.9rem;
	color: #666;
}

.footer-logo {
	max-width: 217px;
}

.footer_credits {
	font-size: 0.8rem;
}

.cert-logo {
	max-width: 92px;
	height: auto;
	margin-left: 0.5rem;
}

.cert-logo.no_m {
	margin-left: 1rem;
}

.btn-olea {
	background: var(--olea-olive);
	border-color: var(--olea-olive);
	color: #fff;
}

.btn-olea:hover {
	background: var(--olea-gold);
	border-color: var(--olea-gold);
	color: #fff;
}

.form-control.is-invalid,
.form-control.alerta {
	border-color: #dc3545;
}

.f_h {
	color: var(--olea-olive);
	margin: 1rem 0;
}

.carousel-item img {
	width: 100%;
	height: auto;
	object-fit: cover;
	max-height: 480px;
}

@media (max-width: 767.98px) {
	.cert-logo {
		margin: 0.5rem 0.5rem 0 0;
	}

	.olea-footer {
		text-align: center;
	}

	.olea-footer .text-md-end {
		text-align: center !important;
	}
}
