/* 
	Blue banner & font: 	#0099da
	PIE = behavior: url(PIE/PIE.php);
*/

@font-face {
    font-family: 'Sofia';
    src: url('webfonts/SofiaProLight-webfont.eot');
    src: url('webfonts/SofiaProLight-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/SofiaProLight-webfont.woff2') format('woff2'),
         url('webfonts/SofiaProLight-webfont.woff') format('woff'),
         url('webfonts/SofiaProLight-webfont.ttf') format('truetype'),
         url('webfonts/SofiaProLight-webfont.svg#sofia_prolight') format('svg');
    font-weight: normal;
    font-style: normal;

}

.dontshow {
	display: none;
}

/* Generic */
body {
	font-family: "Sofia", "Helvetica Neue", Arial, sans-serif;
    padding-top: 100px;
	color: #6a1b9a;
}

.signin {
	color: white;
	margin-bottom: 20px;
}

.title {
	padding-bottom: 30px;
}

.leadtext {
	line-height: 1.8em;
    text-align: justify;
    text-justify: inter-word;
}




.spacer {
	padding-top: 20px;
	padding-bottom: 30px;
}


.yellowcontainer {
	background-color: #ffc400;
	min-height: 300px;
}

.yellowcontainer input {
	color: #6a1b9a;
/*	min-width: 300px;
*/	width: 100%;
	margin-bottom: 40px;
	font-size: 26px;
	padding: 5px;
}

.yellowcontainer label {
	font-weight: normal;
	font-size: 22px;
}

.yellowcontainer h1 {
	padding-top: 15px;
	padding-bottom: 10px;
}

.yellowcontainer a {
	color: white;
}

.yellowcontainer p {
	line-height: 1.5em;
    text-align: justify;
    text-justify: inter-word;
}

.jlclogo {
	padding-top: 30px;
	padding-bottom: 30px;
}

.smalllogo {
	position: relative;
	top: -55px;
	padding-bottom: 0px;
	max-width: 150px;
}

.onebnphoto {
	padding-top: 40px;
	padding-bottom: 40px;
}



*::-webkit-input-placeholder {
    color: #d2aaea;
}
*:-moz-placeholder {
    /* FF 4-18 */
    color: #d2aaea;
}
*::-moz-placeholder {
    /* FF 19+ */
    color: #d2aaea;
}
*:-ms-input-placeholder {
    /* IE 10+ */
    color: #d2aaea;
}



.signinbutton {
	padding: 10px 16px;
	font-size: 18px;
	line-height: 1.33;
	border-radius: 6px;
	color: #fff;
	background-color: #6a1b9a;
	border-color: #481468;
	display: inline-block;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 1px solid transparent;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	font: inherit;
	font-size: 22px;
}

.signinbutton:hover {
	background-color: #521a74;
}

.signinbutton:focus {
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}


.signinbutton:active {
	-webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
	box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
}

.linksrow {
	margin-top: 15px;
	min-height: 100px;
	padding-left: 0px !important;
}

.linksrow a{
	color: white;
}

.linksrow a:hover {
	text-decoration: underline solid #ff8f00;
/*	-moz-text-decoration-color: #ff8f00;
	text-decoration-color: #ff8f00;*/
}


@media (min-width: 996px) {
	.container {
		font-size: 18px;
		padding-left: 150px;
		padding-right: 150px;
	}
	
	.container-faq {
		padding-left: 50px;
		padding-right: 50px;
	}
	.featureimage-left {
		padding-right: 50px;
	}
	
	.featureimage-right {
		padding-left: 50px;
	}
	
	.alignright {
		text-align: right;
	}

	.alignleft {
		text-align: left;
	}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 
	.container {
		font-size: 18px;
		padding-left: 50px;
		padding-right: 50px;
	}
	
}


.dividingline {
	padding-left: 15%;
	padding-right: 15%;
	margin-top: 40px;
	margin-bottom: 40px;
}

.dividingline hr {
	border-color: #a3a3a3;
}



.featureheading {
	color: #0099da;
	font-size: 30px;
}

.featuredescription {
    text-align: justify;
    text-justify: inter-word;
}



/*FAQ PAGE*/

.faq-question {
	color: #6a1b9a;
	font-size: 16px;
}
.faq-question-bullet {
	color: #6a1b9a;
	font-size: 16px;
	padding-top: 5px;
}

@media (min-width: 996px) {
	.faq-question {
		font-size: 25px;
	}
	.faq-question-bullet {
		font-size: 25px;
	}
	.languagelist ul {
		width: 22%;
		float: left;
	}
}

.faq-item {
	margin-bottom: 25px;
}

.languagelist ul {
	font-size: 14px;
}


/*CONTACT PAGE*/

.contactbox {
	text-align: center;
	min-height: 250px;
	color: #0099da;
	font-size: 25px;
}

.contactbox img {
	height: 200px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 10px;

}

@media (max-width: 996px) {
	.contactbox {
		font-size: 16px;
	}
	.contactbox img {
		height: 100px;
	}
}

.contactbox a {
	color: #0099da;
}

.footer {
	padding-top: 60px;
	font-size: 12px;
	color: #aaa;
	text-align: center;
	padding-bottom: 30px;
}

.footer a {
	color: #aaa;
}

/*NAVBAR*/

.navbar-yellow {
  background-color: #ffc400;
  border-color: #ff8f00;
  font-size: 20px;
}
.navbar-yellow .navbar-brand {
  color: #ffffff;
  font-size: 20px;
}
.navbar-yellow .navbar-brand:hover, .navbar-yellow .navbar-brand:focus {
  color: #ff8f00;
}
.navbar-yellow .navbar-text {
  color: #ecf0f1;
}
.navbar-yellow .navbar-nav > li > a {
  color: #ffffff;
}
.navbar-yellow .navbar-nav > li > a:hover, .navbar-yellow .navbar-nav > li > a:focus {
  color: #ffe1ba;
}
.navbar-yellow .navbar-nav > .active > a, .navbar-yellow .navbar-nav > .active > a:hover, .navbar-yellow .navbar-nav > .active > a:focus {
  color: #ffffff;
  background-color: #ff8f00;
}
.navbar-yellow .navbar-nav > .open > a, .navbar-yellow .navbar-nav > .open > a:hover, .navbar-yellow .navbar-nav > .open > a:focus {
  color: #ffe1ba;
  background-color: #ff8f00;
}
.navbar-yellow .navbar-toggle {
  border-color: #ff8f00;
}
.navbar-yellow .navbar-toggle:hover, .navbar-yellow .navbar-toggle:focus {
  background-color: #ff8f00;
}
.navbar-yellow .navbar-toggle .icon-bar {
  background-color: #ff8f00;
}
.navbar-yellow .navbar-collapse,
.navbar-yellow .navbar-form {
  border-color: #ff8f00;
}
.navbar-yellow .navbar-link {
  color: #ecf0f1;
}
.navbar-yellow .navbar-link:hover {
  color: #ff8f00;
}

.nav > li > a:hover {
	background-color: #ff8f00;
}

@media (max-width: 767px) {
  .navbar-yellow .navbar-nav .open .dropdown-menu > li > a {
    color: #ffffff;
  }
  .navbar-yellow .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-yellow .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #ffffff;
  }
  .navbar-yellow .navbar-nav .open .dropdown-menu > .active > a, .navbar-yellow .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-yellow .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #ffffff;
    background-color: #ff8f00;
  }
}