/**
 * Sonata: Light
 */

/* Nav */

nav.navbar,
.dropdown-menu {
	background-color: rgba(255,255,255,0.80) !important;
	}

.navbar-light .navbar-nav .active > .nav-link {
	background-color: rgba(var(--primary-r),var(--primary-g),var(--primary-b),0.8);
}

.navbar-light .navbar-nav .nav-link:hover {
	color: rgba(0,0,0,0.7);
	background-color: rgba(255,255,255,0.20);
}

.navbar-light .navbar-nav .nav-link.show {
	color: rgba(0,0,0,0.7);
}

 nav .nav-item.active,
.dropdown-item.active,
.dropdown-item:active {
	color: #fff;
	background-color: rgba(var(--primary-r),var(--primary-g),var(--primary-b),0.6);
	}

nav .nav-item:hover {
	background-color: rgba(0,0,0,0.10);
	}

.dropdown-menu {
	box-shadow: 0.5rem 0.5rem 1.5rem rgba(0,0,0,0.3);
	box-shadow: none;
	}

.dropdown-item {
	color: rgba(0,0,0,0.6);
	transition: all 0.4s;
	}

.dropdown-item:hover {
	color: rgba(0,0,0,0.95);
	background-color: rgba(0,0,0,0.05) !important;
	}

/* Modbox */

.modbox {
	background-color: #fff;
	background-image: linear-gradient(to bottom right, #fff, #f2f2f2);
	color: rgba(0,0,0,0.7);
	}

.quotator-back {
	background-color: rgba(var(--primary-r),var(--primary-g),var(--primary-b),1);;
	}

.rec-text {
	color: initial;
	}

/* Name Box */

.name-box {
	background: rgba(255,255,255,0.5);
	color: #000;
	}

/* Info Box */

.info-box {
	background: rgba(0,0,0,0.01);
	border: 1px solid rgba(0,0,0,0.1);
	color: rgba(0,0,0,0.45);
	}

.info-box h1,
.info-box h2,
.info-box h3,
.info-box h4,
.info-box h5 {
	color: rgba(0,0,0,0.8);
	}

.info-box > hr {
	border-bottom: 1px solid rgba(0,0,0,0.15);
	}

.has-full-link:hover .info-box {
	color: rgba(0,0,0,0.6);
	}

/* Photo Albums */

.album-body {
	background: rgba(255,255,255,0.6);
	color: #222;
	}

.album-title {
	text-shadow: none;
	}

.album-body .badge-light {
	color: #fff;
	background-color: #343a40;
	}

/* Calendar date box */

#calendar .cal-datebox {
	text-shadow: none;
	background-color: rgba(255,255,255,0.6);
	color: #222;
	}

.next-month {
	background-color: rgba(0,0,0,0.15);
	color: rgba(0,0,0,0.6);
	}

 /* Footer */

footer {
	background-color: #222;
	}