/* color palette: */
/* 	blue:			rgba(15,42,131,1) / #0f2a83 */
/*	deep red:		rgba(73,31,31,1) / #491F1F */
/*	bright green: 	rgba(6,199,9,0.75) */

.font-1 {font-family: 'Chocolate Classical Sans' !important;}

.navbar {
	
    position: fixed !important;
    top: 0 !important; /* stick to top */
	left: 0 !important;
	width: 100% !important;
    z-index: 100 !important; /* floats above content */
    background-color: rgba(255,255,255,0) !important; /* transparent white */
	
}
.navbar-logo {
	
	color: white !important;
	transition: background-color 0.25s ease, transform 0.25s ease !important;
	
}
.navbar-logo:hover {
	
	background-color: rgba(15,42,131,1) !important;
	transform: scale(1.25) !important;

}
.navbar-anchor {
	
	color: white !important;
	transition: color 0.25s ease, background-color 0.25s ease, transform 0.25s ease !important;

}
.navbar-anchor:hover {
	
	background-color: rgba(15,42,131,1) !important;
	transform: scale(1.1) !important;
		
}
.navbar-cta {
	
	color: white !important;
	transition: background-color 0.25s ease, transform 0.25s ease !important;
	
}
.navbar-cta:hover {
	
	background-color: rgba(6,199,9,0.75) !important;
	transform: scale(1.1) !important;
	
}
.navbar-burger {
	
	background-color: rgba(15,42,131,0) !important; /* blue */
	border-radius: 0 !important;
	transition: background-color 0.25s ease, transform 0.25s ease !important;
	
}
.navbar-burger:hover {
	background-color: rgba(15,42,131,1) !important;
	transform: scale(1.1) !important;
}
.navbar-burger span {
	background-color: rgba(255,255,255,1) !important; /* white - hamburger */
}
.navbar-menu.is-active {background-color: rgba(0,0,0,0.8) !important;}
@media (max-width: 1023px) {
	
	.navbar-menu .navbar-item i {
		margin-right: 0.5em; /* space between icon & text on mobile */
	}
	
}

.modal-background {background-color: rgba(15,42,131,0.8) !important;}
.modal-content {
	
	padding-right: 2em !important;
	padding-left: 2em !important;
	
}

/* Pure CSS Gradient Background Animation from Codepen user Manuel Pinto */
#home {
    
	height: 100vh !important;
	
	/* two layers: first = static PNG, second = animated gradient */
    background-image: 
        url('photo_abhi.png'),
        linear-gradient(
            90deg,
            rgba(0,0,0,1) 0%,
            rgba(0,0,0,1) 40%,
            rgba(15,42,131,1) 40%,
            rgba(15,42,131,1) 55%,
            rgba(0,0,0,1) 55%,
            rgba(0,0,0,1) 65%,
            rgba(73,31,31,1) 65%,
            rgba(73,31,31,1) 67.5%,
            rgba(0,0,0,1) 67.5%,
            rgba(0,0,0,1) 100%
        );

    /* positioning & sizing */
    background-repeat: no-repeat, repeat; /* PNG doesn’t repeat, gradient repeats */
    background-position: bottom right, 0 0; /* PNG bottom-right, gradient default */
    background-size: 200px auto, 350% 100%; /* PNG fixed size, gradient stretched */
    animation: bg-ambulance 15s linear infinite; /* gradient animation */

}
@keyframes bg-ambulance {
	
    0% { background-position: bottom right, 0% 50%; }
    100% { background-position: bottom right, 100% 50%; }
	
}
/**/

.screen-reader {
	
  	position: absolute !important;
  	width: 1px !important;
  	height: 1px !important;
  	padding: 0 !important;
  	margin: -1px !important;
  	overflow: hidden !important;
  	clip: rect(0,0,0,0) !important;
  	border: 0 !important;
	
}

.font-2 {font-family: 'Ranga' !important;}

hr {
	
	height: 0.05em !important;
	background-color: rgba(255,255,255,0.5) !important;
	
}

.txt-green {color: rgba(6,199,9,0.75) !important;}

.hero-info-text {
	
    position: absolute !important;
    bottom: 65px !important;        /* distance from bottom */
    right: 150px !important;        /* space to hug the PNG (adjust PNG width + margin) */
    text-align: right !important;   /* aligns text toward PNG */
    pointer-events: none !important; /* doesn't interfere with clicks */
	
}

.bg-blue {background-color: rgba(15,42,131,1) !important;}

.footer-social {transition: transform 0.25s ease !important;}
.footer-social:hover {transform: scale(1.25) !important;}