@charset "utf-8";
/* CSS Document */

/*
    Countdown Clock
*/

#clockdiv {
    font-family: sans-serif;
    color: #fff;
    display: block;
    font-weight: 100;
    text-align: center;
    font-size: 20px;
}

#clockdiv > div {
    padding: 10px;
    border-radius: 3px;
    background: #1A3555;
    display: inline-block;
}

#clockdiv div > span {
    padding: 15px;
    border-radius: 3px;
    background: #4582BC;
    display: inline-block;
}

/* 
    GLOBAL CSS
*/

@font-face {
    font-family: dauphin;
    src: url(../../fonts/Dauphinn.ttf);
}

body {
	/* background: url(../pics/main_back2.jpg) no-repeat center center fixed;  */
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;		
}

h1.header, h1.header2 {
    font-family: dauphin;
}

.header {
    height: 74px;
    font-size: 90px;
    margin-top: 20px;
}

.header2 {
    height: 30px;
    margin: 0 0 15px 0;
    text-align: right;
    font-size: 40px;
}


.navigation {
    font-size: 20px;
}

.left-nav-bar {
    padding: 45px 15px;
}

.content {
    padding: 10px 5px;
}

.footer {
    padding: 2px 0 45px 0;
    height: 38px;
    margin-bottom: 45px;
}

.footer p {
    margin: 0 0 0 15px;
    font-size: 14px;
    font-weight: bold;
}

input.form-check-input {
    margin-left: 20px;
    margin-top: 14px;
}

label.form-check-label {
    margin-top : 5px;
    margin-left: 20px;
}




.footer a {
    margin: 0 0 0 15px;
    font-size: 14px;
}

#contactform {
    padding: 20px 50px;
    
}

.signUpForm {
	max-width: 400px;
}

#error {
	max-width: 400px;
}

#logInForm {
	display: none;
}

a.toggleForms {
	font-weight: bold;
	color: #eee;
}

a:hover.toggleForms {
	font-weight: bold;
	color: #eee;
}

pre {
	color: #FFF;
}

.list-group-item.list-group-item-action.list-group-item-sub  {
    padding: 5px 20px 5px 50px;
}

input#rememberme.form-check-input {
    margin-left: 0;
}

.message {
    padding: 10px 10px;
    margin-bottom: 15px;
    margin-top: 15px;
    border-width: 1px;
    border-style: solid;
}

.message.success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}

.message.error {
	color: #fff;
	background-color: #ff5148;
	border-color: #ffb2ae;
}


/* 
    RESPONSIVE CSS
*/

@media (max-width: 767px) {
    h1.header2 {
        font-size: 30px;
    }
    
    h1.header {
        font-size: 80px;
    }
}

@media (max-width: 600px) {
    .content {
    padding: 5px 10px;
    }
    
    h1.header {
        padding: 0 10px;
    }
}

@media (max-width: 500px) {
    h1.header2 {
        font-size: 20px;
    }
    
    h1.header {
        font-size: 70px;
    }
}

@media (max-width: 400px) {
    h1.header {
        font-size: 60px;
    }
}

@media (max-width: 980px) {
    .list-group-item a {
        font-size : 0.8em;
    }
}

@media (max-width: 975px) {
    .left-nav-bar {
        padding: 5px;
    }
}