/*tek inn interstate fontið sem er mælt með í design giudelines CISV*/
@font-face{font-family: interstate;src:url(../fonts/Interstate-Regular.ttf);}
@font-face{font-family: interstatelight;src:url(../fonts/Interstate-Light.ttf);}
@font-face{font-family: interstatebold;src:url(../fonts/Interstate-Bold.ttf);}
@font-face{font-family: twentytwelve;src:url(../fonts/TwentytwelveSlab-Regular.ttf);}
@font-face{font-family: robotoslab;src:url(../fonts/RobotoSlab-Regular.ttf);}
@font-face{font-family: crete;src:url(../fonts/CreteRound-Regular.otf);}
/*flýt logoið til þess að NavBar geti fallið við hliðina á því í hausnum*/
header img{
	float: left;
	margin: 2em 0 2em 4em;
	/*set headerlogo í CSS til þess að þurfa ekki að loada það oft*/
	content:url(../img/regularlandscape.png);
	/*Stilli default stærð logoisins*/
	width: 410px;
	height: 113px;
}
/*stilli (og núllstilli) stíla sem eiga við alla lista*/
header ul{
	z-index: 400;/*sé til þess að dropdownin fari ofaná allt annað*/
	list-style: none;
	padding:0;
	margin:0;
}
.dropdown{
	float:right;
	list-style: none;
	margin:4em 10% 0 0;
}
/*Set stíla sem eiga bara við dropdown ul*/
.dropdownlist{
	margin-top: 3px;/*Þetta sér til þess að dropdownin birtist ekki yfir borderinu á efsta navinum*/
	background-color:rgba(0,118,190,0.8); 
}
/*Læt mobile menu vera ósýnilegan by default*/
.slicknav_menu, .none{
	display: none;
}
/*Þessir stílar eiga bara við item sem eru aldrei ósýnileg*/
.navitem{
	text-align: center;
	display: inline-block;
	width:7em;
	font-size: 1.5em;
	font-family:interstate;
	height:3em;
	cursor: default;
	padding-top: 0.8em;
	color: #336699;
	border-bottom:3px solid rgba(0,0,0,0);
}
/*set hover effect á efsta navbarinn*/
.navitem:hover{
	border-bottom:3px solid rgba(0,118,190,0.8);
	background-color: rgba(0,118,190,0.1);
}
/*set pointercursor á linka sem eiga sér ekki dropdown*/
.rootlink{
	cursor:pointer;
}
/*Læt carouselið spanna allan browserinn*/
.image{
	max-height: 40em;
	margin:0 auto;
}
footer{
	padding:2em 0 0em 5em;
	width:100%;
}
/*stílar fyrir stærstu fyrirsögn í footerinum*/
.foothead{
	margin: 0;
	display: block;
	font-size: 2.5em;
	font-family:interstatebold;
	padding-bottom: 0;
}
/*stílar fyrir undirfyrirsagnir í footerinum*/
.footsubhead{
	margin: 0;
	display: block;
	font-size: 1.8em;
	font-family: interstate;
	padding-top: 1%;
	margin:0;
}
/*stílar fyrir texta í footerinum*/
.foottext{
	margin: 0;
	padding: 1% 0 1% 5%;
	font-family: interstatelight;
	font-size: 1.2em;
}
/*læt font awesome iconin vera aðeins frá hvoru öðru*/
.fa{
	margin:2% 0 0 4%;
}
/*læt örvariconið fara aðeins frá textanum í dropdowni*/
.fa-angle-right{
	margin-left: 5%;
}
/*breyti default fonti í bootstrap tökkum*/
.btn-default{
	font-family: interstatelight;
	font-size: 1.3em
}
/*set hover effect á alla bootstrap takka*/
.btn-default:hover{
	background-color: rgba(0,118,190,0.1);
}
/*stytti aðeins breytt á login inputtum*/
.login{
	width:50%;
}
/*mediaqiery sem minnkar header mynd og breytir staðsetningu dropdownmenuins*/
@media only screen and (max-width:106.5em) { 
	.dropdown{
		float:left;
		list-style: none;
		display: inline-block;
		padding-left: 0;
		margin:5em 0 0 0;
	}
	header img{
		float: left;
		margin: 2em 1%;
		max-width: 329px;
		max-height: 91px;
	}
}
/*Minnkar stærð navbarsins við ákveðna stærð*/
@media only screen and (max-width:97.813em) { 
	.navitem{
		font-size: 1.2em
	}
}
/*Læt headermyndina hverfa og stækka navbarinn, bara á milli þessara skjástærða*/
@media only screen and (max-width:83.125em) and (min-width:76.125em) { 
	header img{
		display: none;
	}
	.navitem{
		font-size: 1.5em;
	}
	.vanish{
		width:100%;
	}
	.dropdown{
		margin: 4em 13% 2em 0;
	}

}
/*skipti desktop navbarnum út fyrir mobile navbarinn og minnka headermynd*/
@media only screen and (max-width:76.125em) { 
	.vanish{
		display:none;
	}
	header img{
		max-width: 329px;
		max-height: 91px;
	}
	.slicknav_menu{
		display: block;
	}

}
/*Minnka texta í footerinum þegar hann stackast*/
@media only screen and (max-width:62em) {
	.row{
		padding: 0;
		margin:0;
	}
	.fa{
		margin-right: 8%;
	}
	.foothead{
		font-size: 2em;
	}
	.footsubhead{
		font-size: 1.3em;
	}
	.foottext{
		font-size: 1em;
	}
	.login{
		width:100%;
	}
}




/*Sér stílar fyrir contact síðu*/

.formbutton{
	display: block;
	margin-top:1em;
}

/*Contact síðu er lokið*/

/*General stílar fyrir texta*/
#pagewrapper{
	padding-top: 3em;
	width:1000px;
	margin:0 auto 5em;
}
	/*læt formið vera miðjað alveg þar til ákveðinni skjástærð er náð
	þá á það að vera öll breidd skjásins*/
@media only screen and (max-width: 902px) {
	#pagewrapper{
		width:100%;
	}
}
.textsubhead{
	font-family: robotoslab;
	color:rgb(110,90,57);
	line-height: 1em;
	font-size: 1.3em;
}
.texthead{
	font-family: robotoslab;
	color:rgb(110,90,57);
	line-height: 1em;
}
.text{
	font-size: 1.25em;
	line-height: 1.5em;
	font-family: 'Franklin Gothic Book';
}
.textlistitem{
	line-height: 3em;
	font-size: 1.2em;
	font-family: 'Franklin Gothic Book';
}
.blockquote{
	font-family: interstate;
	font-size: 1.5em;
	margin-left: 3em;
	padding-left: 1em;
	color: rgb(149,127,90);
	border-left: 5px solid rgb(110,90,57);
}
@media only screen and (max-width:62em) {
	.textlistitem{
		line-height: 1em;
		font-size: 1em;
	}
	.text{
		line-height: 1em;
	}
}
/*General stílum fyrir texta lokið*/
/*Sér stílar fyrir fararstjórasíðu*/
.announce{
	text-align: center;
	font-size: 2em;
	
}