/*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: book;src:url("../fonts/Franklin Gothic Book Regular.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 div{
	float: left;
	margin: 2em 0 2em 4em;
	/*set headerlogo í CSS til þess að þurfa ekki að loada það oft*/
	/*Content var að særa mig þannig að ég ákvað að nota þetta í staðinn*/
	background-image: url("http://eythormani.com/CISV/img/regularlandscape.png");
	/*Læt bakgrunninn vera jafn stórann og divið sem inniheldur hann*/
	background-size: contain ;
	/*Stilli default stærð logoisins*/
	width: 409px;
	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{
	/*width:100%;*/
	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 breydd á login inputtum*/
.login{
	width:50%;
}
/*mediaqiery sem minnkar header mynd og breytir staðsetningu dropdownmenuins*/
@media only screen and (max-width:106.5em) { 
	.dropdown{

	}
	header div{
		float: left;
		margin: 2em 1%;
		width: 329px;
		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:84em) and (min-width:76.125em) { 
	header div{
		/*content:url();*/
		background-image: url("../img/regularportrait.jpg");
		background-size: 154px 130px;
		width: 154px;
		height: 130px;
	}
	.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 div{
		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: 1017px) {
	#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:book;
}
.textlistitem{
	line-height: 3em;
	font-size: 1.2em;
	font-family: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ð*/
/*Hér set ég stíla fyrir textarea til þess að gera breytingar notendavænni*/
#edittext{
	font-size: 1.1em;
}
/*Ekki fleiri stílar fyrir textarea*/
/*Þetta er til að laga svalability á textarea*/
@media only screen and (max-width:63.5em){
	
}
/*Sér stílar fyrir forms*/
.formtext{
	font-family: interstatelight;
	font-size: 1.2em;
	margin: 0;
	padding: 5px 0 0 0;
}
.formhead{
	font-family: robotoslab;
	font-size: 1.8em;
	color:rgb(110,90,57);
	padding: 1em 0 0 0;
	border-bottom: 1px solid black;
}


/*Þetta eru sér stílar fyrir CISV bloggið*/
.blog{
	display: block;
	width: 100%;
	height:1000px;
}

/*Þetta eru sér stílar fyrir sjáanlegan bæklinginn*/
.displayBrochure{
	width:100%;
	height:1000px;
}