/* TISA Styles */

body {
    font-family: 'Montserrat', sans-serif;
    color: #2d3235
}

a.link {
    color: #155724;
}

a.link:hover {
    color: #8ca152;
}

h5 {
    font-size: 1.5rem;
}
 
.header {
    background-color: #aeca64;
}

footer {
    width: 100%;
    height: 60px; 
    border-top: 1px solid #ddd;
    background-color: #aeca64;
    color: #2d3235;
    background-color: #aeca64;
    display: flex;
    align-items: center;
}


/* Navbar */

.navbar {
    /* border-bottom: 1px solid #ddd; */
    background-color: white;
}

.navbar-expand-sm {
    background-color: #aeca64;
}

.navbar-light .navbar-nav .nav-link {
    color: #292929;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500
}

.navbar-light .navbar-nav .nav-link:hover {
    color: #aeca64;
}

.navbar-light .navbar-nav .nav-link.active {
    color: #aeca64;
}

/* Mobile Navbar */

.mobile-navbar {
    background: none;
}

.navbar-light .navbar-nav .mobile-nav-link {
    color: white;
}

.navbar-light .navbar-nav .mobile-nav-link:hover {
    color: #292929;
}

.navbar-light .navbar-nav .mobile-nav-link.active {
    color: #292929;
}

.carousel-caption {
    top: 140px;
}

.carousel-caption > h6 {
    font-size: 2.0rem;
    color: #64150a;
    font-weight: 400;
    font-family: 'Montserrat', san-serif;
}

.carousel-title {
    font-size: 3.0rem;
    font-weight: 400;
    color: #3c4297;
    font-family: 'Montserrat', san-serif;
}

.carousel-caption > p {
    font-size: 1.5rem;
    font-weight: 400;
    color: #383d7d;
}

.btn-secondary {
    border-radius: 0;
}

.homepage-card {
    padding: 0;
}

@media only screen 
and (max-width : 768px) {
    .carousel-caption 
    {top: 0px;}
}

@media only screen 
and (max-width : 768px) {
    .carousel-caption > h5
    {font-size: 24px;}
}

@media only screen 
and (max-width : 768px) {
    .carousel-caption > h6
    {font-size: 18px;
    margin-top: 5px !important;}
}

@media only screen 
and (max-width : 768px) {
    .carousel-caption > p
    {font-size: 10px;
        margin-top: 5px !important;}
}

@media only screen
and (max-width: 768px) {
    #homepageCarousel > #registerButton {
        margin-top: 5px !important;
    }
}

@media only screen 
and (max-width : 768px) {
    .copyright
    {font-size: .85rem;
        text-align: center
    }
}



  /* Snowfall Effect
-----------------------------------------------------------------*/

.snowfall {
	background-image:	url('assets/snow/s1.png'),
						url('assets/snow/s2.png'),
						url('assets/snow/s3.png');
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-animation: snow 10s linear infinite;
	-moz-animation: snow 10s linear infinite;
	-ms-animation: snow 10s linear infinite;
	animation: snow 10s linear infinite;
}

@keyframes snow {
	0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
	50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
	100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}

@-moz-keyframes snow {
	0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
	50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
	100% {background-position: 400px 1000px, 200px 400px, 100px 300px;}
}

@-webkit-keyframes snow {
	0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
	50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
	100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}

@-ms-keyframes snow {
	0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
	50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
	100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}