/* - - - - - - - - - GLOBAL - - - - - - - - - */

/* GOOGLE FONT IMPORT */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700&display=swap&subset=latin-ext');

/*
	Open Sans
	300 - light
	400 - regular
	700 - bold
*/

html {
  position: relative;
  min-height: 100%;
}
body {
  margin-bottom: 60px; /* Margin bottom by footer height */
}

body {
	/* font-family: 'FontCallName', sans-serif; */
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	background-color: #e0e0e0 !important;
	background: url("../images/frame/gearing_bg_3d.jpg") center top no-repeat;
	background-size: cover;
}

a:link, a:visited {
	color: inherit;
}

	a:hover {
		color: gray;
		text-decoration: underline;
	}

h1 {
	font-size: 16px;
	font-weight: normal;
}

p {
	text-align: justify;
}

hr {
	border-top: 1px solid black;
}


/* - - - - - - - - - NAVBAR - - - - - - - - - */

.navbar {
	background-color: #202022 !important;
}

	@media only screen and (max-width: 414px) {
		.navbar-brand img {
			width: 150px;
		}
	}

	.navbar .nav-link {
		color: darkgray !important;
	}
	
		.navbar .nav-link:hover {
			color: black !important;
		}
		
		.navbar .active .nav-link {
			color: red !important;
		}


/* - - - - - - - - - FRAME - - - - - - - - - */

.content {
	height: 100%;
}

.register-window {
	margin-top: 10%;
	margin-bottom: 50px;
	border-radius: 10px;
	color: white;
	background-color: rgba(0, 0, 0, 0.6);
}

	p.error {
		padding: 5px;
		margin: 0 0 5px 0;
		width: 100%;
		color: #7c1e1e;
		border-radius: 5px;
		background-color: #f9d6d6;
	}
	
	p.success {
		padding: 5px;
		margin: 0 0 5px 0;
		width: 100%;
		color: #195a1e;
		border-radius: 5px;
		background-color: #c7e6dc;
	}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 60px;
  color: white;
  text-align: center;
  line-height: 60px;
  background-color: #202022;
}

	.footer a:link, .footer a:visited {
		color: #acacac !important;
	}


.fade-in {
		opacity: 1;
		animation-name: fadeInOpacity;
		animation-iteration-count: 1;
		animation-timing-function: ease-in;
		animation-duration: 3s;
	}
	
	@keyframes fadeInOpacity {
		0% {
			opacity: 0;
		}
		
		50% {
			opacity: 0;
		}
		100% {
			opacity: 1;
		}
	}


/* - - - - - - - - - HOME PAGE - - - - - - - - - */

@media only screen and (max-width: 970px) {
	.applied-class {
		max-width: 500px;
	}
}

/* - - - - - - - - - CONTACT PAGE - - - - - - - - - */

		
input[type="text"] {
	/*width: 100%;*/
}

input[type="checkbox"] {
	margin-right: 5px;
}