@font-face {
	font-family: HussarBoldOutline;
	src: url(HussarBoldOutline.otf);
}


html, body {
	overflow-x: hidden;
}

#navbar {
	background-color: #350c14;
	color: #fff;
	font-family: 'Libre Baskerville', serif;
	transition: .4s ease;
}


span.bar {
	margin-top: 4px;
	display: none;
}

.navbar-fixed-top.scrolled {
  background-color: #350c14 !important;
}

.navbar a , .navbar-dark .navbar-nav .nav-link {
	color: #fff;
	font-size: 12px;
	padding-left: 15px;
	padding-right: 15px;  
	text-transform: uppercase;
	border-bottom: 2px solid transparant;
	padding-top: 0px;
	padding-bottom: 0px;
}

.navbar a:hover , .navbar-dark .navbar-nav .nav-link:hover, .navbar a.active , .navbar-dark .navbar-nav .nav-link.active {
	color: #fff;
	border-bottom: 2px solid #ecd06d;
}

#navbar ul.navbar-nav.ml-auto {
	align-items: center;
}

.box-button {
	background-color: #ecd06d;
	color: #350c14 !important;
	padding: 5px 10px;
	cursor: pointer;
	margin: auto 10px;
	border: 0px;
}
.box-button .nav-link,
.box-button .nav-link:hover {
	border-bottom: 0px;
	color: #350c14 !important;
}

#navbar.scrolled {
	background-color: #350c14;
	color: #f3f3f3 !important;
	font-family: 'Libre Baskerville', serif;
}
#navbar.scrolled a {
	color: #fff;
}
#navbar.scrolled a:hover , #navbar.scrolled .navbar-nav .nav-link:hover, #navbar.scrolled a.active , #navbar.scrolled .navbar-nav .nav-link.active {
	color: #fff;
	border-bottom: 2px solid #ecd06d;
}

a.home-link, a.home-link:hover, #navbar.scrolled a.home-link, #navbar.scrolled a.home-link:hover {
	border-bottom: 2px solid transparent;
}

h1 {
	font-size: 3rem;
	font-weight: bolder;
}

h1::after {
	font-family: HussarBoldOutline;
	font-size: 7rem;
   color: rgb(187, 182, 182);
	color: rgba(187, 182, 182, 0.5);
	position: absolute;
   top: 0;
   left: 0;
   z-index: -1;
   margin-top: 5rem;
   margin-left: 5rem;
}

.square-button {
	padding: 10px 20px;
	margin: 20px auto;
	font-size: 16px;
	background-color: #350c14;
	color: #fafafa;
	border: 1px solid #350c14;
	text-decoration: none;
	transition: 0.2s ease;
}

.square-button:hover {
	background-color: #fafafa;
	color: #350c14;
	text-decoration: none;
}

.square-button-inverse {
	background-color: #fafafa;
	color: #350c14;
	border: 1px solid #350c14;
	text-decoration: none;
	transition: 0.2s ease;
	padding: 10px 20px;
	margin: 20px auto;
	font-size: 16px;
}

.square-button-inverse:hover {
	background-color: #350c14;
	color: #fafafa;
	text-decoration: none;
}

.action-ribbon {
	background: linear-gradient(to bottom right, rgba(221, 108, 108, 0.2), rgba(255, 42, 42, 0.3));
	background: #350c14;
	padding-top: 20px;
	padding-bottom: 7px;
	margin: 30px auto;
	color: #fff;
}

.action-ribbon a.square-button {
	display: inline-block;
	margin: 0px;
	float: right;
	margin-top: -10px;
	background-color: #f8f7f5;
	color: #350c14;
}

.action-ribbon a.square-button:hover {
	background-color: #d7b144;
	color: #350c14;
}


.center {
	text-align: center;
}

.desktop-only {
	display: block;
}
.mobile-only {
	display: none;
}

.card-box {
	min-height: 200px;
	background-color: #f3f1ef;
	border-radius: 10px;
	padding: 10px;
	padding-top: 40px; 
	margin-bottom: 10px;
	box-shadow: 4px 8px 8px rgba(40,40,40,0.2);
	transition: 0.3s;
}

.card-box:hover {
	box-shadow: 4px 8px 16px rgba(40,40,40,0.2);
}
  		
#scroll {
    position:fixed;
    right:10px;
    transition: 0.2s;
    bottom:10px;
    cursor:pointer;
    width:50px;
    height:50px;
    background-color:#3498db;
    text-indent:-9999px;
    display:none;
    -webkit-border-radius:60px;
    -moz-border-radius:60px;
    border-radius:60px; 
    z-index: 99;
}
#scroll span {
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-8px;
    margin-top:-12px;
    height:0;
    width:0;
    border:8px solid transparent;
    border-bottom-color:#ffffff;
}
#scroll:hover {
    /*background-color:#e74c3c;*/
    background-color:#350c14;
    opacity:1;
    filter:"alpha(opacity=100)";
    -ms-filter:"alpha(opacity=100)";
}


.social-links {
	display: inline-block;
	width: 40px;
	height: 40px; 
	margin-right: 5px; 
}

.social-links:hover {
}

.donate_QRCode {
	width: min(100%, 300px);
	height: auto;
}

.UPIApps {
	width: min(100%, 400px);
	height: auto;
}




footer {
	padding: 30px;
	color: #fafafa;
	background: #0b0304;
	background: #0b03049c;
	background: linear-gradient(120deg, #0b0304f0, #0b03049c 50%, #0b0304f0 80%), url(images/footerbg.png);
	background-position: center center;
	background-size: cover;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	-moz-backdrop-filter: blur(10px);
	-o-backdrop-filter: blur(10px);
}

footer .row a {
	text-decoration: none;
	color: #fafafa;	
}

footer .row a:hover {
	text-decoration: underline;
	color: #fdfdfd;
}

footer .footnotes {
	font-size: 13px;
	color: #ddd;
}

footer .footnotes a {
	color: #ddd;
	text-decoration: underline;
}

footer .footnotes a:hover {
	color: #eee;
	text-decoration: none;
}


@media only screen and (max-width: 768px){
	.navbar a , .navbar-dark .navbar-nav .nav-link {
		color: #fff;
		border-bottom: 2px solid transparent;
		margin-bottom: 5px;
	}
	h1::after {
		margin-left: 1rem;
	}
	.desktop-only {
		display: none;
	}
	.mobile-only {
		display: block;
	}
}