@import url('https://fonts.googleapis.com/css?family=Questrial:300,400,500,700,900');
@import url('https://fonts.googleapis.com/css?family=Viga:300,400,500,700,900');


div.event-description {
	font-family: 'Questrial', sans-serif, Arial, sans-serif;
	font-size: 12px;
	font-weight:300;
	color: #000000;
	line-height: 1.8;
}

div.event-name > h1, h2, h3, h4, h5, h6 {
	font-family: 'Viga', Arial, sans-serif;
	font-weight: 400;
	padding-bottom: 15px;
}

pre {
	font-family: 'Lato', Arial, sans-serif;
}

dt {
	font-weight: 400;
}


h1 {
    text-transform: uppercase;

    letter-spacing: 5px;
    font-size: 20px;
}


h2 {
font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 2px;

}

h3 {
    font-size: 16px;
    letter-spacing: 1px;
    text-transform: uppercase;
    letter-spacing: 4px;
}

h4 {
	font-size: 30px;
	margin-bottom: 15px;
	color: #462574;
}

h5 {
	font-size: 25px;
	margin-bottom: 15px;
	color: #462574;
}

h6 {
	font-size: 20px;
	margin-bottom: 15px;
	color: #462574;
}

p {
	font-family: 'Montserrat', sans-serif, Arial, sans-serif;
	font-size: 12px;
	font-weight:300;
	color: #000000;
	line-height: 1.8;
	margin: 15px 0 15px 0;	
}

pre {
	font-size: 16px;
	line-height: 1em;
	margin: 15px 0 15px 0;
	color: #462574;
}

.site-heading h1 {
	text-decoration: none;
	border: none;
}

.intro-header .site-heading {
    padding-top: 10%;
    height: 20%;
}







/* Button styles  */

div.registration-button > .btn {
    font-family: 'Raleway';
    text-transform: uppercase;
    letter-spacing: 3px
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 1px;
    border: 1px solid black;
    border-radius: 3px;
    padding: 15px 25px;
background-colour: #ffa100;
border-color: #ffa100;
    
}

div.registration-button > .btn-primary, .btn.btn-primary {
    color: #000000;
    background-color: #ffa100;
    border-color: #ffa100;
}

.btn-primary.focus,
.btn-primary:focus {
    color: #ffffff;
    background-color: #CA7F00;
    border-color: #CA7F00;
}

.btn-primary:hover {
    color: #ffffff;
    background-color: #CA7F00;
    border-color: #CA7F00;
}

.btn-primary.active,
.btn-primary:active,
.btn-primary.dropdown-toggle {
    color: #ffffff;
    background-color: #CA7F00;
    border-color: #CA7F00;
}

.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.btn-primary.dropdown-toggle.focus,
.btn-primary.dropdown-toggle:focus,
.btn-primary.dropdown-toggle:hover {
    color: #000000;
    background-color: #ffffff;
    border-color: #ffffff;
}

.btn-primary.active,
.btn-primary:active,
.btn-primary.dropdown-toggle {
    background-image: none;
}

.btn-primary.disabled.focus,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary[disabled].focus,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary.focus,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:hover {
    background-color: #000000;
    border-color: #000000;
}

.btn-primary .badge {
    color: #ffffff;
    background-color: #000000;
}

.btn-lg {
    font-size: 16px;
    padding: 25px 35px
}

.btn-default:focus,
.btn-default:hover {
    background-color: #000000;
    border: 1px solid #000000;
    color: #ffffff;
}

body {
    -webkit-tap-highlight-color: #ffffff;
}

.btn-danger, .btn.btn-danger {
  color: #000000;
  background-color: transparent;
  border-color: #000000;
}



.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active {
color: #ffffff;
  background-color: #111111;
  border-color: #111111;
}
.btn-danger.disabled:hover,
.btn-danger.disabled:focus,
.btn-danger.disabled:active,
.btn-danger.disabled.active,
.btn-danger[disabled]:hover,
.btn-danger[disabled]:focus,
.btn-danger[disabled]:active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger:hover,
fieldset[disabled] .btn-danger:focus,
fieldset[disabled] .btn-danger:active,
fieldset[disabled] .btn-danger.active {
color: #ffffff;
  background-color: #111111;
  border-color: #111111;
}

.event-date {
        min-width: 150px;
        max-width: 150px;
}

.eventdetail {
    line-height: 1.7;
}

#eventregistrationphase {
    margin: 20px 0 40px 0;
    border-radius: 4px;
}

#eventregistrationphase ul li.current {

    border-radius: 4px;
}



/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

		#eventregistrationphase {
    margin: 20px 0 80px 0;
}
}

.form-group input[type=text] {
    margin: 0 15px 8px 0;
}

#eventorganizer p {
    margin: 0 0 5px 0;
}

#eventvenue p {
    line-height: 24px;
}

.event-image {
    height: 250px;
    background-size: cover;
    background-position: center;
}

/*
HEADER KUVAN ASETUKSET_________________________________________
*/

.intro-header {
	height: 420px;
	background-size: cover;
	background-position: center;
}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1500px) {
 .intro-header {
            height: 350px;
            background-size: cover;
	        background-position: center;
		}

}

/* Medium large Devices, Desktops */
@media only screen and (max-width : 1200px) {
 .intro-header {
            height: 300px;
            background-size: cover;
	        background-position: center;
		}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
 .intro-header {
            height: 230px;
            background-size: cover;
	        background-position: center;
		}
		#eventregistrationphase {
    margin: 20px 0 80px 0;
}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 730px) {
 .intro-header {
            height: 160px;
            background-size: cover;
	        background-position: center;
		}

}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 505px) {

 .intro-header {
            height: 130px;
            background-size: cover;
	        background-position: center;
		}

	
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 420px) {
 .intro-header {
            height: 120px;
            background-size: cover;
	        background-position: center;
		}

}

.intro-header .site-heading {
    padding-top: 10%;
    height: 20%;
display:none;
}

/* intro heading responsive*/


@media only screen and (max-width : 730px) {
 .intro-header .site-heading h1{
            padding-bottom: 9%;
            font-size: 24px;
	line-height: 1.5em;
	text-align: center
	position: absolute
		}
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 420px) {
     .intro-header .site-heading h1{
padding-bottom: 6%;
            font-size: 20px;

}
}

body > header,
#events > h1,
body > footer {
display:none;
}