html {overflow-y: scroll;}/* to avoid jump due to scrollbar*/
body {font-family: 'Poppins', sans-serif; font-weight: 200;}
#homepage {overflow: hidden;}

.fz-navbar {background-color: #e9e9e9 !important;}
.navbar-light .navbar-nav .nav-link {color: #090909;
}

.fz-logo {padding-top: 27px;}
.fz-main {padding-top: 54px;}

.fz-pdf {
	width: 100%;
	padding: 0.9rem;
	margin-bottom: 0.9rem;
	border: 1px solid #999;
	background-color: #e9e9e9;
}
.fz-pdf a {
	color: #191919;
	font-weight: bold;
}

/* yeshe bracelets page */
.fz-left-yeshe {position: fixed; left: 0; top: 0; background-image: url("../images/yeshe/yeshe-2024-cover-01.jpg"); background-repeat: no-repeat; min-height: 100%;}
.fz-right-yeshe {margin-left: 50%; background-color: #fff;}
.fz-yeshe-all {margin-top: 0.9rem;}
.fz-yeshe-bracelets {border-bottom: 2px solid #999; margin-top: 0.9rem;}
.fz-yeshe-bracelets-last {margin-top: 0.9rem;}
.fz-yeshe-quote {position: absolute; bottom: 4.5rem;}
.fz-yeshe-quote-image {float: right;}
.fz-yeshe-tab {margin: 0 auto; padding: 0 15px;}
.fz-storia-img {float: right; padding-bottom: 0.9rem;}
/*
.fz-tab {padding: 0.9rem 0.9rem 1.9rem 0.9rem ; border-left: 1px solid #999; border-right: 1px solid #999; height: 100%;}

.nav-tabs {border-bottom: 1px solid #999;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
	color: #454545;
	background-color: #fff;
	border-color: #999 #999 #fff #999;
}
/*.nav-tabs .nav-link {color: #191919;}
.fz-nav-link {color: #191919;}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {border-color: #999 #999 #fff #999; color: #999;}
*/

.tab-content {
	margin-bottom: 50px;
}

/* when not active use specificity to override the !important on border-(color) */
.nav-tabs .nav-link:not(.active) {
    border-color: transparent !important;
	color: #999;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
	color: #191919;
	background-color: #fff;
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {color: #727272;}
.border {
	border: 1px solid #999 !important;
}
.fz-border {border-bottom: 1px solid #fff !important;}

@media (max-width: 768px) {
.fz-left-yeshe {background-image: none; min-height: 100%;}
.fz-right-yeshe {margin: 21.6rem auto auto auto;}
.fz-yeshe-quote {position: relative; bottom: 0;}
}

@media (min-width: 768px) {
.fz-yeshe-quote {background: rgba(255, 255, 255, 0.5);}
}

.fz-footer {
	z-index: 9;
	position: fixed;
	background-color: #d9d9d9;
	bottom: 0;
	left: 0;
	width: 100%;
}
.fz-footer a {color: #fc7c01; text-decoration: none;}
@media (max-width: 768px) {
.fz-footer {
	z-index: 9;
	position: relative;
	margin: 0;
	width: 100%;
}
}