/*
  BASIC STYLES & TYPOGRAPY
*/
html, body {
      width: 100%;
      height: 100%;
      background: #f7f6f6;
      -webkit-font-smoothing: antialiased;
}
body {
	font-family: "adobe-garamond-pro", serif;
	font-size: 20px;
	line-height: 125%;
	color: #a29161;
	font-weight: 100;
	overflow-x: hidden;
	overflow-y: hidden;
}
a {
	color: #a29161;
    text-decoration:underline;
}
a:hover {
    text-decoration:none;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 44px;
	font-weight: 800;
    margin: 0 0 .25em 0;
    line-height: 120%;
}
h1 {
	margin-top: -.15em;
}
h4 {
	font-size: 20px;
}
.black {
	color: #424241;
	margin-bottom: 0;
}

p {
    margin:0 0 1em 0;
}
.light p, .nanar ul, .nanar .light b,  p.light, p.light a {
	color: rgba(163,146,98,0.75);
	font-size: 20px;
	line-height: 125%;
	font-weight: 500;
}
.nanar a {
	text-decoration: none;
	border-bottom: 1px dotted rgba(163,146,98,0.75);
	display: inline;
}
.nanar .light b {
	font-weight: 900;
}
a.light {
	color: rgba(163,146,98,0.75);
}
.row.info {
	margin-top: 1em;
}
.more {
	margin-top: 1em;
	clear: both;
	float: left;
}
.scrollv { 
	overflow-y: auto !important; 
	margin-bottom: 3em !important;
	float: left;
	clear: both;
}

figure {
	color: #424241;
	font-size: 20px;
	line-height: 140%;
}
figcaption {
	margin-top: .5em;
}
figure span {
	display: block;
	float: right;
	width: 100%;
	clear: both;
	color: #9d9ea1;
}
img {
	width: 100%;
	height: auto;
}
.logo {
	clear: both;
	float: left;
	margin-top: 1em;
}
.logo img {
	width: auto;
	height: 77px;
	float: left;
	clear: none;
}
.logo img.thoka {
	height: 43px;
	margin-left: 1.5em;
	margin-top: 20px;
}

::selection {
	background: rgba(163,146,98,0.75);
	color: #fff;
}
::-moz-selection {
	color: #fff;
	background: rgba(163,146,98,0.75);
}
::-webkit-scrollbar-thumb:vertical { 
    width: .5em;
    background: #a29161;
}
::-webkit-scrollbar { 
    width: .5em; 
    height: 1em;
    background: #f1eee8;
    border-left: 1px solid rgba(163,146,98,0.75);
}
::-webkit-scrollbar-thumb:active {
    background-color: #c1ab70;
}
::-webkit-scrollbar:active {
    background-color: #f1eee8;
}   

.hide {
    display:none;
}
.dropdown-menu {
    border: 1px solid #ddd;
    background-color: white;
    min-width: 300px;
}
.dropdown-menu img {
	max-width: 95px;
	margin-right: .25em;
	float: left;
	clear: none;
	background: #f7f6f6;
}
.dropdown-menu li {
	width: 100%;
    border-top: 1px solid #ddd;
    padding: 2px 5px;
    float: left;
    clear: both;
}
.dropdown-menu li:first-child {
    border-top: none;
}
.dropdown-menu li:hover,
.dropdown-menu .active {
    background-color: rgb(110, 183, 219);
}
.dropdown-menu {
    list-style: none;
    padding: 0;
    margin: 0;
}
.dropdown-menu a:hover {
    cursor: pointer;
}



/*
	Inputs, forms and buttons
*/
button, .button {
	background: #a29066;
	color: #f7f6f6;
	border: 0;
	font-weight:500;
	margin: 1em 0 0 0;
	padding: .75em 1.5em;
	text-decoration: none;
	font-family: "adobe-garamond-pro", serif;
	cursor: pointer;
	font-size: 20px;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}
input.button {
	width: auto !important;
}
.fandagar input.button {
	width: 20%
}

.arrow {
	display: block;
	float: right;
	width: 0;
	height: 0;
	border: 20px solid transparent;
	border-width: 28px 0px 28px 17px;
	border-left-color: #a29066;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	margin-top: -11px;
	margin-left: 0px !important;
}
.verkefnid .button {
	margin-top: 0;
	padding-right: 1.25em;
}
button:hover, .button:hover {
	background: #424241;
}
.button:hover .arrow {
	border-left-color: #424241;
}
textarea {
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	border: 1px solid transparent;
	width: 98%;
	display: block;
	font-size: 44px;
	font-weight: 600;
    margin: -.65em 0 .35em 0;
	padding: .5em .5em;
    line-height: 120%;
   	color: #a29161;
	font-family: "adobe-garamond-pro", serif;
	resize: none;
	background: transparent;
	outline: none;
	box-shadow: 0 0 2px transparent;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
}
input {
	font-size: 20px;
	background: transparent;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	color: #a29161;
	font-family: "adobe-garamond-pro", serif;
	border: 1px solid #a29161;
	padding: .75em;
	margin: 0 0 .5em 0;
	width: 98%;
	clear: both;
	outline: none;
	box-shadow: 0 0 2px transparent;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
}
input:hover::-webkit-input-placeholder, textarea:hover::-webkit-input-placeholder {
   color: #424241;
}
input:hover:-moz-placeholder, textarea:hover:-moz-placeholder {
   color: #424241;  
}
input:hover::-moz-placeholder, textarea:hover::-moz-placeholder { 
   color: #424241;  
}
input:hover:-ms-input-placeholder, textarea:hover:-ms-input-placeholder {  
   color: #424241;  
}
input[type=text]:focus, input[type=email]:focus, textarea:focus {
  box-shadow: 0 0 2px #a29161;
  border: 1px solid #a29161;
  background: #fff;
}
label.error {
	background: #ed5325;
	color: #f7f6f6;
	position: absolute;
	margin-top: -26px;
	font-size: 15px;
	width: 98.6%;
	float: left;
	padding: 0 1em;
	font-weight: 600;
	z-index: 99;
}
.mc-field-group label.error {
	max-width: 344px;
	margin-top: 54px;
}
input.error, textarea.error {
	border-color: #ed5325;
}
.lb_label {
	color: #9d9ea1;
	font-size: 20px;
	line-height: 140%;
	margin: 0;	
	font-weight: 600;
}
.lb_label.top {
	min-width: 400px !important;
	margin-top: -345px !important;
	margin-left: 20px !important;
}
::-webkit-input-placeholder {
	-webkit-transition: color .5s ease-in-out;
	-moz-transition: color .5s ease-in-out;
	-o-transition: color .5s ease-in-out;
	transition: color .5s ease-in-out;
   color: #a29066;
}
:-moz-placeholder {
	-webkit-transition: color .5s ease-in-out;
	-moz-transition: color .5s ease-in-out;
	-o-transition: color .5s ease-in-out;
	transition: color .5s ease-in-out;
   color: #a29066;  
}
::-moz-placeholder { 
	-webkit-transition: color .5s ease-in-out;
	-moz-transition: color .5s ease-in-out;
	-o-transition: color .5s ease-in-out;
	transition: color .5s ease-in-out;
   color: #a29066;  
}
:-ms-input-placeholder {  
	-webkit-transition: color .5s ease-in-out;
	-moz-transition: color .5s ease-in-out;
	-o-transition: color .5s ease-in-out;
	transition: color .5s ease-in-out;
   color: #a29066;  
}
#mce-EMAIL {
	width: 60%;
	float: left;
	clear: none;
}

#mc-embedded-subscribe {
	clear: right;
	margin: 0;
	padding: .81em 1.5em;
}
#mc_embed_signup {
	float: left;
	width: 100%;
	clear: both;
	display: block;
	margin-bottom: 1em;
}

/*
	Checkboxes
*/

/* Base for label styling */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
  font-size: 20px;
}
[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
  position: relative;
  padding-left: 2em;
  cursor: pointer;
}

/* checkbox aspect */
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  left:0; top: 1px;
  width: 1.25em; height: 1.25em;
  border: 1px solid #a29161;
  background: transparent;
  margin-right: .5em;
  float: left;
  display: block;
}
/* checked mark aspect */
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
  content: '✓';
  position: absolute;
  top: 2px; left: 6px;
  font-size: 30px;
  color: #00b25a;
  transition: all .2s;
}
/* checked mark aspect changes */
[type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
[type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}
/* disabled checkbox */
[type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}
[type="checkbox"]:disabled:checked + label:after {
  color: #999;
}
[type="checkbox"]:disabled + label {
  color: #aaa;
}
/* accessibility */
[type="checkbox"]:checked:focus + label:before,
[type="checkbox"]:not(:checked):focus + label:before {
  border: 1px dotted blue;
}
label {
	font-size: 20px;
	display: block;
	width: 90%;
}




/*
 Navigation
*/
.navigation, .fbbar {
	background: #f1eee8;
	width: 100%;
	position: fixed;
	bottom: 0;
	z-index: 9;
}
.fbbar {
	bottom: auto !important;
	top: 5px;
	background: transparent;
	font-size: 20px;
}
.fbbar .col {
	float: right;
}
.fbbar a {
	background: url("../images/facebook.png") no-repeat left 44%;
	background-size: 16px;
	padding-left: 22px;
	text-decoration: none;
	color: rgba(163,146,98,0.75);
	opacity: .8;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}
.fbbar a:hover {
	opacity: 1;
}
.navigation ul, .navigation li {
	width: 90%;
	max-width: 1200px;
	margin: auto;
	list-style-type: none;
	clear: none;
	display: block;
	margin: auto;
}
.navigation li {
 	float: left;
	width:24.6%;
	padding: .5em 0;
	text-align: center;
	border-right: 2px solid #f7f6f6;
	border-top: 0;
	border-bottom: 0;
	font-size: 20px;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}
.navigation li:first-child {
     margin-left:0;
     border-left: 2px solid #f7f6f6;
}
.navigation a {
	text-decoration: none;
	font-weight: 600;
	width: 100%;
	display: block;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}
.navigation li.active {
	background: #f7f6f6;
}
.navigation li:hover {
	background: #fff;
}
.navigation li:hover a {
	color: #424241;
}
.navigation li.active a {
	font-weight: 900;
	color: #424241;
}

/*
  PAGES
*/
.verkefnid, .senda, .baekurnar, .nanar {
	display: block;
	background: #f7f6f6;
	z-index: 3;
}
.baekurnar {
	background: #fff;
}
.baekurnar img {
	margin-top: -2em;
}
.verkefnid {
	z-index: 2;
}
.senda {
	z-index: 1 !important;
}
.wrap {
	max-width: 1200px;
	width: 90%;
	margin: auto;
	position: relative;
	top: 15%;
}
.takk {
	margin-top: 2.5em;
}
.fanadagar {
	background: #fff url("../images/fani_a_stong.png") no-repeat bottom left;
	background-size: cover;
	z-index: 3;
}
.fanadagar hr {
	border: 0;
	background: #a29161;
	height: 2px;
	width: 8%;
	margin: auto;
}
.fanadagar ul {
	background: url("../images/flagcal.png") no-repeat top center;
	background-size: 56px;
	float: left;
	height: 100%;
	list-style: none;
	color: #424241;
	font-size: 20px;
	line-height: 140%;
	padding: 50px .25em .25em .25em;
}
.fanadagar ul li {
	width: 45%;
	padding-top: .5em;
	padding-left: 4.75%;
	padding-bottom: 1em;
	clear: both;
	text-align: left;
	float: right;
	background: transparent;
}
.fanadagar ul li:nth-child(odd) {
	padding-left: 0;
	padding-right: 4.75%;
	text-align: right;
	float: left;
}
.fanadagar ul li b {
	clear: both;
	display: block;
}
.gras {
	width: 100%;
	background: #1fb25a;
	height: 13%;
	position: absolute;
	bottom: 0;
}

.sticky {
	top: 0;
	left: 0;
	opacity: 0;
	-webkit-transition: opacity 1.5s ease-out;
	-moz-transition: opacity 1.5s ease-out;
	-o-transition: opacity 1.5s ease-out;
	transition: opacity 1.5s ease-out;
	animation-delay:3s;
	-webkit-animation-delay:3s;
	width: 58%;
	overflow: none;
}
.stycky .col {
	position: relative;
}
.scroll {
	height: 550px;
	overflow-y: scroll;
	overflow-x: hidden;
}
body.page_senda .sticky {
	opacity: 1 !important;
}
.senda ul {
	list-style: none;
	color: #424241;
	font-size: 20px;
	line-height: 140%;
}
.senda ul li {
	font-weight: 600;
	padding: .25em 2em;
	float: left;
	width: 100%;
	background: transparent;
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out;
}
.senda ul li img {
	margin: 0.25em .5em 0 .5em;
	max-width: 1.25em;
	position: absolute;
	left: 0;
	float: left;
	clear: none;
	background: #fff;
}
.senda ul li:hover {
	background: #a29161;
	color: #f7f6f6;
	cursor: pointer;
}
.charCount {
	float: right;
	text-align: right;
	font-size: 20px;
	color: #a7a9ab;
	margin-top: -3.25em;
	margin-right: -1.15em;
	padding: .5em;
	font-weight: 600;
	cursor: default;
}
.senda .span_1, .fanadagar .span_2 {
	margin-top: -1.15em;
	float: right;
}

.clear:before,
.clear:after {
    content: " ";
    display: table;
}

.clear:after {
    clear: both;
}

.row.clear {
    clear: both;
    float: left;
    min-height: 200px;
}
.m {
	display: none;
}
.mobnav:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.25em;
  width: 1em;
  height: 0.15em;
  background: #a29161;
  box-shadow: 
    0 0.25em 0 0 #a29161,
    0 0.5em 0 0 #a29161;
}
/*
 GRID
*/
.col {
    border:0px solid rgba(0,0,0,0);
    float:left;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    -moz-background-clip:padding-box !important;
    -webkit-background-clip:padding-box !important;
    background-clip:padding-box !important;
    display: inline-block;
}

	@media screen and (max-width: 700px) {
        body {
	        overflow: auto !important;
        }
        .d {
	        display: none;
        }
        .m {
	        display: block;
        }
        .verkefnid, .senda, .baekurnar, .nanar {
        	float: left;
        	clear: both;
		}
		.wrap {
			top: 0;
			width: 98%;
			margin: 2.5em auto;
		}
		.col {
            margin-left:0;
        	padding:0 0%;
        }
        .span_1, .span_2, .span_3, .span_4 {
	        width: 100%;
        }
        .mobnav {
	        top: 5px;
	        right: 5px;
	        z-index: 99;
	        position: fixed;
	        clear: both;
	        height: 1em;
	        width: 1em;
        }
        .navigation {
        	padding-top: 20px;
	        display: none;
	        top: 0;
	        bottom: auto;
        }
        .navigation li,.navigation li:first-child {
	        width: 100%;
	        border: 0;
        }
        .sticky {
	        opacity: 1 !important;
	        width: 93%;
        }
        textarea {
        	font-size: 20px;
	        width: 100%;
	        height: 7em;
	        border: 1px solid #a29161;
        }
        .senda input {
	        width: 97%;
        }
        .scroll {
	        display: none;
        }
        .charCount {
	        margin-right: auto;
        }
        .feat_flags {
			padding-bottom: 1em;
			border-bottom: 1px solid #a29161;
			float: left;
			clear: both;
		}
		.verkefnid h1 {
			margin-top: 1em;
		}
		.arrow {
			margin-top: -16px;
		}
		.fanadagar {
			background-size: contain;
			background-attachment: fixed;
		}
		.scrollv {
			margin-bottom: 0 !important;
		}
		h1, h2 {
			font-size: 30px;
			float: left;
			margin-bottom: .5em;
			clear: both;
			width: 100%;
		}
		.logo {
			display: none;
		}
		.nanar {
			margin-top: 0;
			border-top: 1px solid #a29161;

			color: rgba(163,146,98,0.75);
			font-size: 20px;
			line-height: 125%;
			font-weight: 500;
			margin-bottom: 1em;
		}
		.nanar .wrap {
			margin-top: 1em;
		}
		.row.clear {
			min-height: 2em;
		}
		#mce-EMAIL {
			width: 55%;
		}
		#takk p a {
			float: left;
			margin-bottom: 2em;
		}
	}

    @media screen and (min-width: 700px) {
        .col {
            margin-left:5%;
        	padding:0 0%;
        }
        .row .col:first-child {
            margin-left:0;
        }
        
        .span_1 {
            width:21.25%;
        }
        .span_2 {
            width:47.5%;
        }
        .span_3 {
            width:73.75%;
        }
        .span_4 {
            margin-left:0;
            width:100%;
        }
    }