@media all {

/*--------------Um safnid-------------------*/
/*--------------textablock um safnid-------------------*/

div#block-block-9 {
    width: 25%;
    float: left;
    background-color: #f4f4f4;
    margin-right: 5%;
    margin-bottom: 200px;
    padding: 1em 2em;
}
/*--------------Deildir-------------------*/
.menu-block-wrapper.menu-block-11.menu-name-main-menu.parent-mlid-0.menu-level-3 li{
   width: 100%;
   padding:1em;
}
.menu-block-wrapper.menu-block-11.menu-name-main-menu.parent-mlid-0.menu-level-3 {
    width: 25%;
    float: left;
    background-color: #f4f4f4;
    margin-bottom: 200px;
    margin-right: 5%;
	margin-top: 40px;
}

/*--------------Heimsoknarsida---------------*/
.node-heimsokn.node-teaser .field-type-ds h2 {
  font-size: 1.2em;
}
.node-heimsokn.node-teaser p{
margin-left: 40px;
margin-right: 40px;
height: 120px;
}
.node-heimsokn.node-teaser h2 {
  margin-left: 40px;
  font-weight: bold;
  max-width: 80%;
}
.node-heimsokn.node-teaser .field-name-node-link a{
color: #282828;
}
.node-heimsokn.node-teaser .field-name-node-link {
height: 40px;
width: 250px;
background-color: #e1e1e1;
text-align: center;
color: #fff;
padding-top: 10px;
right: 0;
}
.node-heimsokn.node-teaser .field-name-node-link:hover{
background-color: #282828;
color: #fff;
}
.node-heimsokn.node-teaser .field-name-node-link:hover a:link{
background-color: #282828;
color: #fff;
}
.node-heimsokn.node-teaser .field-name-node-link a:hover {
color: #fff;
}

#block-menu-block-6 ul {
  margin-left: 40px;
}
.node-heimsokn.node-teaser{
border-bottom: none;
}
/*
.heimsokn-ds h6{
text-align: center;
width: 250px;
background: #505050;
padding-top: 1.2em;
padding-bottom: 1em;
position: absolute;
}

.heimsokn-ds h6:hover{
background: #000;
}*/

/*----------Content-Region---------*/
/*  #content ul.menu {
    height: 2em; 
    padding-top: 1em;
	padding-right: 1em;
	color: #858585;
	float: right;
}*/

/*----------Myndbönd-----------------*/
.media-youtube-video.media-youtube-1 {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
}
 
.media-youtube-video.media-youtube-1 iframe,
.media-youtube-video.media-youtube-1 object,
.media-youtube-video.media-youtube-1 embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.view-dags-single{
float: none;
padding-left: 20px;
}
.view.view-myndbond .views-exposed-form a {
  float: left;
  margin: 0.5em 0.5em 0 0;
  color: #000;
}
.view.view-myndbond .views-exposed-form a:hover,
.view.view-myndbond .views-exposed-form a:active{
background-color: #000;
color: #fff;
}
div#edit-field-tegund-myndbands-value-wrapper {
  width: 100%;
  margin-bottom: 60px;
}
/*
.view.view-myndbond.view-id-myndbond.view-display-id-block_3 a{
color: #282828;
background-color: blue;
padding: 20px;
display: block;
float: left;
width: 13%;
}

.views-exposed-form #views-exposed-form-myndbond-block-3{
width: 100%;
background-color: red;
}*/
/*div#edit-field-tegund-myndbands-value-wrapper{
float: none;
}*/
.node-myndband.node-full> .group-left{
width: 60%;
}
.node-myndband.node-full> .group-right{
width: 30%;
margin-left: 80px;
}
.node-myndband .social-share{
position: initial;
float: none;
background: none;
}
.node-type-myndband #page,
.node-type-myndband #main-wrapper,
.node-type-myndband div#content,
.node-type-myndband,
.node-type-myndband .region-header,
.node-type-myndband .region-content,
.page-myndbond,
.page-myndbond .region-header,
.page-myndbond .region-content,
.page-myndbond #page,
.page-myndbond #main-wrapper,
.page-myndbond div#content{
background-color: #0e0e0e;
}

div#block-views-myndbond-block-3 li{
background-color: #000;
}
.page-myndbond a,
.page-myndbond #page-title,
.page-myndbond a:link{
color: #fff;
}
.page-myndbond a:hover{
color: orange;
}


.page-myndbond .views-field.views-field-title {
  padding: 20px;
}
.view-myndbond ul.pager.pager-load-more a {
  background-color: #fff;
  color: #000;
  width: 100%;
  text-transform: uppercase;
  margin: 0;
  padding: 20px 0;
  font-weight: bold;
  
}


.node-type-myndband #page-title,
.node-type-myndband a,
.node-type-myndband div,
.node-type-myndband #block-menu-menu-hus-menu a,
.page-myndbond #block-menu-menu-hus-menu a{
color: #fff;
}
.page-myndbond .node-teaser{
margin-bottom: 0;
}
.page-myndbond .field-name-title{
font-size: 0.8em;
}
/*------------------myndbond enda-----------------*/

div#youtube-flex-slider-page{
background-color: #000;
}


.ds-2col-stacked > .group-header {
margin-bottom: 2em;
}
.field-label{
margin-top: 20px;
}
.field-name-field-listamadur-a-syningu .field-label{
margin-top: 0;
}
}

@media all and (max-width: 321px) {
.myndatexti-slideshow-hus{
position: initial;
}
.view.view-naestu-vidburdir.view-id-naestu_vidburdir li {
  width: 100%;
}

div#block-views-frettir-a-forsidu-block {
width: 100%;
max-width: 300px;
}
#block-views-naestu-vidburdir-block {
width: 100%;
max-width: 300px;
}
#block-menu-menu-syningar-menu li{
width: 100%;
margin: 20px;
}
} 


@media all and (max-width: 768px) {
div#block-views-e2a38ce814f0a9da89a07970b8ff4118, 
div#block-views-e92f3a31a7e76032a660a72e4a1b5ba7, 
div#block-views-8aaf602fc629ec3eba9709e3b9e1be22 {
  width: 45%;
  margin-right: 5%;
}

.forsida-slideshow .flex-control-nav {
position: relative;
bottom: 20px;
width: 100%;
padding: 0;
margin-left: 0;
font-size: 1em;
background-color: #000;
}

.view-naestu-vidburdir{
/*max-width: 300px;*/
}

.ds-2col-stacked > .group-right,
.ds-2col-stacked > .group-left {
  /* width: 25%; */
  width: 100%;
  padding: 0px;
  color: #000;
  float: left;
}

/*---------Viðburðasíða ----------*/
.node-vidburdir > .group-left {
float: left;
width: 100%;
margin-left: 0;
}
.node-vidburdir > .group-right {
float: left;
width: 100%;
margin-left: 0;
}

/*----------færa top niður vegna mean menu---------*/
#content .section, .sidebar .section {
margin-top: 100px;
}

/*----------Sýningar menu---------*/
.view-syningar-eftir-arum {
/*padding-top: 40px; */
position: relative;
float: none;
padding-right: 0;
padding-left: 0;
margin-top: -60px;
width: 100%;
}
select.form-select {
width: 80%;
margin: 0;
}

div#block-views-frettir-a-forsidu-block {
max-width: 700px;
width: 100%;
}

.ds-2col-stacked-fluid > .group-right {
    float: none;
    width: 100%;
}
.ds-2col-stacked-fluid > .group-left {
    width: 100%;
}


img.imageblock-image {
    margin-left: 0;
}
#block-imageblock-1,
#block-imageblock-8,
div#block-locale-language, 
div#block-search-form{
display: none;
}
#block-imageblock-2 {
z-index: 9999999;
width: 60%;
position: fixed;
margin: 0;
margin-top: 20px;
left: 0;
}

#block-menu-menu-hus-menu,
#block-menu-menu-husin-menu-hvitt {
display: none; 
}
#block-imageblock-1 {
margin-left: 40px;
}

/*----------------Viðburðir framundan--------------*/
#block-views-naestu-vidburdir-block li.views-fluid-grid-item{
width: 43%;
}
}

/*---------------------------------------------ENDA 768--------------------------------*/

/*---------------------------------------------ALMENNT----------------------------------*/

@media all {
.region.region-content,
.region.region-bakgrunnur-hvitur{
padding: 20px;
}
/*---------Reykjavíkurborg icon botni----------------*/
#block-imageblock-13 {
margin-left: 40px;
float: left;
}

.front #page-title {
display:none;
}
/*------------Asmundarsafn-logo-----------*/
#block-imageblock-8 img{
width: 90%;
}
/*------------Kjarvalsstaðir-logo-----------*/
#block-imageblock-14 img{
width: 90%;
}


/* -----------Sýningar eftir árum box -------------*/
select.form-select {
width: 100%;
margin: 0;
}

/*------- Verslun views Jcarousel ------------*/
#views_slideshow_jcarousel_pager_item {
width: 200px;
height: 200px;
}

.views_slideshow_jcarousel_pager_item img {
width: 200px;
height: 200px;
}
.jcarousel-skin-listasafn .jcarousel-container-horizontal {
    padding: 10px 20px;
    width: 280px;
}
#block-menu-menu-syningar-menu li {
margin: 0 0 10px 0;
}

/*------------verslun-------------*/

.views-summary-verslun .views-row{
border: solid 1px #f4f4f4;
}

.views-summary-verslun .views-field{
text-align: center;
padding: 20px;
}
.views-summary-verslun .views-field-field-image{
padding: 0;
}
/*------------VIÐBURÐIR-------------*/

.view-naestu-vidburdir .more-link,
.view-frettir-a-forsidu .more-link {
width: 100%;
text-align: center;
padding-top: 20px;
padding-bottom:20px;
border: solid 2px #282828;
margin: 60px 0;
}

.view-naestu-vidburdir .more-link:hover,
.view-frettir-a-forsidu .more-link:hover {
background-color: #282828;
width: 100%;
}
.view-naestu-vidburdir ..views-summary-verslunmore-link:hover a,
.view-frettir-a-forsidu .more-link:hover a {
color: #fff;
}
.view-naestu-vidburdir .more-link:hover, 
.view-frettir-a-forsidu .more-link:hover{
}
.view-naestu-vidburdir .more-link a:hover, 
.view-frettir-a-forsidu .more-link a:hover{
color: #fff;
display: block;
width: 100%;
height: 100%;
}
h2.vidburdir-title{
margin-top: 0;
padding: 0;
}
.view.view-naestu-vidburdir .flexslider .slides li {
border: 1px solid #282828;
height: 340px;
}


/* ------------------- Overall Specifications ------------- */
body {
  line-height: 1.5;
  font-size: 100%;
  word-wrap: break-word;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
}
a:link,
a:visited {
  text-decoration: none;
}
a:hover,
a:active,
a:focus {
  text-decoration: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 1.0em 0 0.5em;
  font-weight: inherit;
}
h1 {
  font-size: 1.357em;
  color: #000;
}
h2 {
  font-size: 1.143em;
}
p {
  margin: 0 0 1.2em;
  }
del {
  text-decoration: line-through;
}
tr.odd {
  background-color: #dddddd;
}
img {
  outline: 0;
}

code,
pre,
kbd,
samp,
var {
  padding: 0 0.4em;
  font-size: 0.77em;
  font-family: Menlo, Consolas, "Andale Mono", "Lucida Console", "Nimbus Mono L", "DejaVu Sans Mono", monospace, "Courier New";
}
code {
  background-color: #f2f2f2;
  background-color: rgba(40, 40, 0, 0.06);
}
pre code,
pre kbd,
pre samp,
pre var,
kbd kbd,
kbd samp,
code var {
  font-size: 100%;
  background-color: transparent;
}
pre code,
pre samp,
pre var {
  padding: 0;
}
.description code {
  font-size: 1em;
}
kbd {
  background-color: #f2f2f2;
  border: 1px outset #575757;
  margin: 0 3px;
  color: #666;
  display: inline-block;
  padding: 0 6px;
  border-radius: 5px;
}
pre {
  background-color: #f2f2f2;
  background-color: rgba(40, 40, 0, 0.06);
  margin: 10px 0;
  overflow: hidden;
  padding: 15px;
  white-space: pre-wrap;
}

.more-link {
font-size: 1.2em;
}
#first-time{ 
display: none;
}
/* ------------------- Fonts ------------------------------ */

body,
#site-slogan,
.ui-widget,
.comment-form label {
  font-family: Nunito,Helvetica,sans-serif;;
}
#header,
#footer-wrapper,
#skip-link,
ul.contextual-links,
ul.links,
ul.primary,
.item-list .pager,
div.field-type-taxonomy-term-reference,
div.messages,
div.meta,
p.comment-time,
table,
.breadcrumb {
  font-family: Nunito,Helvetica, sans-serif;
  list-style-image: none;
}
input,
textarea,
select,
a.button {
  font-family: Nunito,Helvetica,sans-serif;
}

/* ------------------- Reset Styles ----------------------- */

caption {
  text-align: left; 
  font-weight: normal;
}

blockquote {
  background: #f7f7f7;
  border-left: 1px solid #bbb;
  font-style: italic;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
}
blockquote:before {
  color: #bbb;
  content: "\201C";
  font-size: 3em;
  line-height: 0.1em;
  margin-right: 0.2em;
  vertical-align: -.4em;
}
blockquote:after {
  color: #bbb;
  content: "\201D";
  font-size: 3em;
  line-height: 0.1em;
  vertical-align: -.45em;
}
blockquote > p:first-child {
  display: inline;
}

a.feed-icon {
  display: inline-block;
  padding: 15px 0 0 0;
}
img {
  max-width: 100%;
  height: auto;
  border: 0;
  max-height: 100%;
}
credit  {
font-size: 0.5em;
color: #e9e9e9;
}

/* ------------------- Table Styles ----------------------- */

table {
  border: 0;
  border-spacing: 0;
  font-size: 0.857em;
  margin: 10px 0;
  width: 100%;
}
table table {
  font-size: 1em;
}
#footer-wrapper table {
  font-size: 1em;
}
table tr th {
  background: #757575;
  background: rgba(0, 0, 0, 0.51);
  border-bottom-style: none;
}
table tr th,
table tr th a,
table tr th a:hover {
  color: #fff;
  font-weight: bold;
}
table tbody tr th {
  vertical-align: top;
}
tr td,
tr th {
  padding: 4px 9px;
  border: 1px solid #fff;
  text-align: left; 
}
#footer-wrapper tr td,
#footer-wrapper tr th {
  border-color: #555;
  border-color: rgba(255, 255, 255, 0.18);
}
tr.odd {
  background: #e4e4e4;
  background: rgba(0, 0, 0, 0.105);
}
tr,
tr.even {
  background: #efefef;
  background: rgba(0, 0, 0, 0.063);
}
table ul.links {
  margin: 0;
  padding: 0;
  font-size: 1em;
}
table ul.links li {
  padding: 0 1em 0 0;
}

/* ------------------- List Styles ------------------------ */
.block ol,
.block ul {
  margin: 0;
  padding: 0 0 0.25em 1em; 
}
.contextual-region .contextual .contextual-links a {
  font-size: 0.923em;
  text-shadow: 0 0 0 !important;
}
.item-list .pager {
  font-size: 0.929em;
}
.item-list .pager li {
  padding: 0;
}
.item-list .pager a {
  display: inline-block;
  padding: 10px 15px;
}
.item-list .pager .pager-first a {
  padding: 10px 10px 10px 0;
}
.item-list .pager .pager-previous a {
  padding: 10px 0;
}
.item-list .pager .pager-current {
  padding: 0 10px;
}
.item-list .pager .pager-next a,
.item-list .pager .pager-last a {
  padding: 10px 0 10px 10px;
}
ul.menu li {
  margin: 0;
  float: left;
  text-decoration: none;
  list-style-type: none;
}

ul.menu li a {
  padding: 10px 0;
  list-style-type: none;
}

.region-content ul,
.region-content ol {
  margin: 1em 0;
  padding: 0 0 0.25em 15px; 
}
.item-list ul li {
  margin: 0;
  padding: 0.2em 0.5em 0 0; 
}
ul.tips {
  padding: 0 0 0 1.25em; 
}
/* ------------------- Main ------------------------------- */

#main {
  margin-top: 20px;
  margin-bottom: 40px;
}

/* ------------------- Featured --------------------------- */
.front #featured{
background-color: #303030;
padding: 40px 0 60px 0;
}

#featured {
/*  text-align: center;*/
  font-size: 1.2em;
  font-weight: normal;
  line-height: 1.4;
  padding: 20px 10px 45px;
  margin: 0;
  background: #f0f0f0;
  background: rgba(30, 50, 10, 0.08);
  border-bottom: 1px solid #e7e7e7;
  text-shadow: 1px 1px #fff;
}
#featured h2 {
  font-size: 1.2em;
  line-height: 1;
}
#featured p {
  margin: 0;
  padding: 0;
}

/* ------------------- Highlighted ------------------------ */
/*
#highlighted {
  margin-bottom: 80px;
}*/
/* ------------------- Help ------------------------------- */
.region-help {
  border: 1px solid #d3d7d9;
  padding: 0 1.5em;
  margin-bottom: 30px;
}
/* ------------------- Content ---------------------------- */

.content {
  margin-top: 0;
}
h1#page-title {
  font-size: 2em;
  line-height: 1;
  margin-left: 40px;
  clear: both;
}
#content h2 {
   margin-bottom: 5px;
  line-height: 1.4;
}
#content h2 a:link {
  padding-top: 18px;
}
.node .content {
  font-size: 1.071em;
}
.node-teaser .content {
  font-size: 1em;
}
.node-teaser h2 {
  margin-top: 0;
  padding-top: 0.5em;
}
.node-teaser h2 a {
  color: #181818;
}
.node-teaser {
  border-bottom: 1px solid #d3d7d9;
  margin-bottom: 30px;
  padding-bottom: 15px;
}
.node-full {
  background: none;
  border: none;
  padding: 0 15px;
}
.node-teaser .content {
  clear: none;
  line-height: 1.6;
}
.meta {
  font-size: 0.857em;
  color: #68696b;
  margin-bottom: 10px;
}
.submitted a {
  padding: 10px 0 15px;
}
.submitted .user-picture img {
  float: left; 
  height: 20px;
  margin: 1px 5px 0 0; 
}
.field-type-taxonomy-term-reference {
  margin: 0 0 1.2em;
}
.field-type-taxonomy-term-reference .field-label {
  font-weight: normal;
  margin: 0;
  padding-right: 5px; 
}
.field-type-taxonomy-term-reference .field-label,
.field-type-taxonomy-term-reference ul.links {
  font-size: 0.8em;
}
.view-mode-teaser .field-type-taxonomy-term-reference .field-label,
.view-mode-teaser .field-type-taxonomy-term-reference ul.links {
  font-size: 0.821em;
}
.field-type-taxonomy-term-reference ul.links {
  padding: 0;
  margin: 0;
  list-style: none;
}
.field-type-taxonomy-term-reference ul.links li {
  float: left; 
  padding: 0 1em 0 0; 
  white-space: nowrap;
}
.field-type-taxonomy-term-reference ul.links li a {
  padding: 5px 0 20px;
}
.link-wrapper {
  text-align: right;
}
ul.links {
  color: #68696b;
  font-size: 0.821em;
}
ul.links.inline li a {
  display: inline;
  padding: 18px 0 5px;
}
.unpublished {
  margin: -20px -15px 0;
  padding: 20px 15px 0;
}
.unpublished .comment-text .comment-arrow {
  border-left: 1px solid #fff4f4;
  border-right: 1px solid #fff4f4;
}

/* ------------------- Comments --------------------------- */

.comment h2.title {
  margin-bottom: 1em;
}
.comment div.user-picture img {
  margin-left: 0; 
}
.comment {
  margin-bottom: 20px;
  display: table;
  vertical-align: top;
}
.comment .attribution {
  display: table-cell;
  padding: 0 30px 0 0; 
  vertical-align: top;
  overflow: hidden;
}
.comment .attribution img {
  margin: 0;
  border: 1px solid #d3d7d9;
}
.comment .attribution .username {
  white-space: nowrap;
}
.comment .submitted p {
  margin: 4px 0;
  font-size: 1.071em;
  line-height: 1.2;
}
.comment .submitted .comment-time {
  font-size: 0.786em;
  color: #68696b;
}
.comment .submitted .comment-permalink {
  font-size: 0.786em;
  text-transform: lowercase;
}
.comment .submitted .comment-permalink a {
  padding: 8px 0 18px;
}
.comment .content {
  font-size: 0.929em;
  line-height: 1.6;
}
.comment .comment-arrow {
  background: url(../images/comment-arrow.gif) no-repeat 0 center transparent; 
  border-left: 1px solid;
  border-right: 1px solid;
  height: 40px;
  margin-left: -47px; 
  margin-top: 10px;
  position: absolute;
  width: 20px;
}
.comment .comment-text {
  padding: 10px 25px;
  border: 1px solid #d3d7d9;
  display: table-cell;
  vertical-align: top;
  position: relative;
  width: 100%;
}
.comment .comment-text h3  a{
  padding-top: 22px;
}
.comment .indented {
  margin-left: 40px; 
}
.comment ul.links {
  padding: 0 0 0.25em 0;
}
.comment ul.links li {
  padding: 0 0.5em 0 0; 
}
.comment.unpublished {
  margin-right: 5px; 
  padding: 5px 2px 5px 5px; 
}
.comment.unpublished .comment-text .comment-arrow {
  border-left: 1px solid #fff4f4;
  border-right: 1px solid #fff4f4;
}

/* ------------------- Sidebar ---------------------------- */
.sidebar .section {
  padding-top: 10px;
}
.sidebar .block {
  padding: 15px 20px;
  margin: 0 0 20px;
}
.sidebar h2 {
  margin: 0 0 0.5em;
  border-bottom: 1px solid #d6d6d6;
  padding-bottom: 5px;
  text-shadow: 0 1px 0 #fff;
  font-size: 1.2em;
  line-height: 1.2;
}
.sidebar .block .content {
  font-size: 1em;
  line-height: 1.4;
}
.sidebar tbody {
  border: none;
}
.sidebar tr.even,
.sidebar tr.odd {
  background: none;
  border-bottom: 1px solid #d6d6d6;
}
/* ------------------- Bakgrunnur-svart --------------------------- */
#bakgrunnur-svart{
background-color: #282828;
padding-top: 40px;
padding-bottom: 60px;
}
/* ------------------- Bakgrunnur-hvitur --------------------------- */
#bakgrunnur-hvitur{
background-color: #fff;
margin-top: 40px;
margin-bottom: 40px;
}
/* ------------------- Triptych --------------------------- */
#triptych{
}
#triptych p{
background-color: #fff;
color: #282828;
font-weight: bold;
position: absolute;
bottom: 40px;
font-size: 1em;
padding: 1em 1em 1em 0.3em;
}
#triptych-wrapper {
  background-color: #666;
  background: rgba(102, 102, 102, 1);
  padding-top: 40px;
  padding-bottom: 40px;
}
#triptych h2 {
  color: #fff;
  margin-bottom: 0.6em;
  line-height: 1;
}
#triptych .block {
  margin-bottom: 1em;
  padding-bottom: 1em;
  line-height: 1.3;
}
#triptych .block.last {
  border-bottom: none;
}
#triptych .block ul li,
#triptych .block ol li {
  list-style: none;
}
#triptych .block ul,
#triptych .block ol {
  padding-left: 0;
}
#triptych #block-user-login .form-text {
  width: 185px;
}
#triptych #block-user-online p {
  margin-bottom: 0;
}
#triptych #block-node-syndicate h2 {
  overflow: hidden;
  width: 0;
  height: 0;
}
#triptych-last #block-node-syndicate {
  text-align: right;
}
#triptych #block-search-form .form-type-search input {
  width: 185px;
}
#triptych-middle #block-system-powered-by {
  text-align: center;
}
#triptych-last #block-system-powered-by {
  text-align: right;
}
/* ------------------- Footer ----------------------------- */
#footer-wrapper {
  color: #c0c0c0;
  color: rgba(255, 255, 255, 0.65);
  font-size: 0.857em;
}
#footer-wrapper a {
  color: #fcfcfc;
  color: rgba(255, 255, 255, 0.8);
}
#footer-wrapper a:hover,
#footer-wrapper a:focus {
  color: #fefefe;
  color: rgba(255, 255, 255, 0.95);
  text-decoration: underline;
}
#footer-wrapper .block {
  margin: 20px 0;
  border: 1px solid #444;
  border-color: rgba(255, 255, 255, 0.1);
  padding: 10px;
}
#footer-columns .block-menu,
#footer .block {
  margin: 0;
  padding: 0;
  border: none;
}
#footer .block {
  margin: 0.5em 0;
}
#footer .block .content {
  padding: 0.5em 0;
  margin-top: 0;
}
#footer .block h2 {
  margin: 0;
}
#footer-columns h2 {
  border-bottom: 1px solid #555;
  border-color: rgba(255, 255, 255, 0.15);
  font-size: 1em;
  margin-bottom: 0;
  padding-bottom: 3px;
  text-transform: uppercase;
}
#footer-columns .content {
  margin-top: 0;
}
#footer-columns p {
  margin-top: 1em;
  margin-left: 0;
}
#footer-columns .content ul {
  list-style: none;
  padding-left: 0; 
  margin-left: 0;
}
#footer-columns .content li {
  list-style: none;
  margin: 0;
  padding: 0;
}
#footer-columns .content li a {
  display: block;
  border-bottom: 1px solid #555;
  border-color: rgba(255, 255, 255, 0.15);
  line-height: 1.2;
  padding: 0.8em 2px 0.8em 20px; 
  text-indent: -15px;
}
#footer-columns .content li a:hover,
#footer-columns .content li a:focus {
  background-color: #1f1f21;
  background-color: rgba(255, 255, 255, 0.05);
  text-decoration: none;
}
#footer {
  letter-spacing: 0.2px;
  margin-top: 30px;
  border-top: 1px solid #555;
  border-color: rgba(255, 255, 255, 0.15);
}
#footer .region {
  margin-top: 20px;
}
#footer .block {
  clear: both;
}
#footer ul,
#footer li {
  list-style: none;
  margin: 0;
  padding: 0;
}
#footer li a {
  float: left; 
  padding: 0 12px;
  display: block;
  border-right: 1px solid #555; 
  border-color: rgba(255, 255, 255, 0.15);
}
#footer li.first a {
  padding-left: 0; 
}
#footer li.last a {
  padding-right: 0; 
  border-right: none; 
}
#footer-wrapper tr.odd {
  background-color: transparent;
}
#footer-wrapper tr.even {
  background-color: #2c2c2c;
  background-color: rgba(0, 0, 0, 0.15);
}
.region-footer-firstcolumn, 
.region-footer-secondcolumn{
border-right: 1px solid #dbdbdb;
}

/* ------------------- System Tabs ------------------------ */
.tabs {
  font-family: Nunito,Helvetica, Arial, sans-serif;
  margin-bottom: 20px;
}
.tabs ul.primary {
  padding: 0 3px;
  margin: 0;
  overflow: hidden;
  border: none;
  background: transparent url(../images/tabs-border.png) repeat-x left bottom;
  clear: both;
}
.tabs ul.primary li {
  display: block;
  float: left; 
  vertical-align: bottom;
  margin: 0 5px 0 0; 
}
.tabs ul.primary li.active a {
  border-bottom: 1px solid #ffffff;
}
.tabs ul.primary li a {
  color: #000;
  background-color: #ededed;
  height: 1.8em;
  line-height: 1.9;
  display: block;
  font-size: 0.929em;
  float: left; /* not LTR */
  padding: 0 10px 3px;
  margin: 0;
  text-shadow: 0 1px 0 #fff;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.tabs ul.primary li.active a {
  background-color: #ffffff;
}
.tabs ul.secondary {
  border-bottom: none;
  padding: 0.5em 0;
}
.tabs ul.secondary li {
  display: block;
  float: left; 
}
.tabs ul.secondary li:last-child {
  border-right: none; 
}
.tabs ul.secondary li:first-child {
  padding-left: 0; 
}
.tabs ul.secondary li a {
  padding: 0.25em 0.5em;
}
.tabs ul.secondary li a.active {
  background: #f2f2f2;
  border-bottom: none;
  border-radius: 5px;
}
ul.action-links {
  list-style: none;
  margin: 5px;
  padding: 0.5em 1em;
}
ul.action-links li {
  display: inline-block;
  margin-left: 10px;
}
ul.action-links li a {
  padding-left: 15px;
  background: url(../images/add.png) no-repeat left center;
  margin: 0 10px 0 0;
}
/* ------------------- Messages --------------------------- */
#messages {
  padding: 20px 0 5px;
  margin: 0 auto;
}
.featured #messages {
  background: #f0f0f0;
  background: rgba(30, 50, 10, 0.08);
}
div.messages {
  margin: 8px 15px;
}
/* ------------------- Breadcrumbs ------------------------ */
.breadcrumb {
  font-size: 0.929em;
  padding: 10px;
}
.breadcrumb a {
  padding: 12px 0;
}
/* ------------------- User Profile ----------------------- */
.profile .user-picture {
  float: none;
}
/* ------------------- Password Meter --------------------- */
.confirm-parent,
.password-parent {
  width: 34em;
}
.password-parent,
div.form-item div.password-suggestions {
  position: relative;
}
.password-strength-text,
.password-strength-title,
div.password-confirm {
  font-size: 0.82em;
}
.password-strength-text {
  margin-top: 0.2em;
}
div.password-confirm {
  margin-top: 2.2em;
  width: 20.73em;
}

a.button:link,
a.button:visited,
a.button:hover,
a.button:focus,
a.button:active {
  text-decoration: none;
  color: #5a5a5a;
}
/* ------------------- Form Elements ---------------------- */
fieldset {
  background: #ffffff;
  border: 1px solid #c6c6c6;
  margin-top: 10px;
  margin-bottom: 32px;
  padding: 0 0 10px;
  position: relative;
  top: 12px;
}
.fieldset-wrapper {
  margin-top: 25px;
}
.node-form .vertical-tabs .fieldset-wrapper {
  margin-top: 0;
}
.filter-wrapper {
  top: 0;
  padding: 1em 0 0.2em;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.filter-help a {
  font-size: 0.857em;
  padding: 2px 20px 0;
}
.filter-wrapper .form-item label {
  margin-right: 10px;
}
.filter-wrapper .form-item {
  padding: 0 0 0.5em 0.5em;
}
.filter-guidelines {
  padding: 0 1.5em 0 0.5em;
}
fieldset.collapsed {
  background: transparent;
  border-radius: 0;
}
fieldset legend {
  background: #666;
  border: 1px solid #c6c6c6;
  border-bottom: none;
  color: #fff;
  display: block;
  height: 2em;
  left: -1px; 
  font-family: Nunito,Helvetica, Arial, sans-serif;
  line-height: 2em;
  padding: 0;
  position: absolute;
  text-transform: uppercase;
  top: -12px;
  width: 100%;
}
fieldset.collapsed legend {
}
fieldset legend a {
  color: #fff;
  text-transform: uppercase;
}
fieldset legend a:hover,
fieldset legend a:focus,
fieldset legend a:active {
  color: #000;
}
fieldset .fieldset-wrapper {
  padding: 0 10px;
}
fieldset .fieldset-description {
  margin-top: 5px;
  margin-bottom: 1em;
  line-height: 1.4;
  color: #3c3c3c;
  font-style: italic;
}
input {
  margin: 2px 0;
}
input,
textarea {
  font-size: 0.929em;
}
textarea {
  line-height: 1.5;
}
textarea.form-textarea,
select.form-select {
  padding: 4px;
}
input.form-text,
input.form-tel,
input.form-email,
input.form-url,
input.form-search,
input.form-number,
input.form-color,
textarea.form-textarea,
select.form-select {
  border: 1px solid #282828;
/*padding: 10px;*/
}
input.form-submit:hover,
input.form-submit:focus {
  background: #dedede;
}
.password-suggestions ul li {
  margin-left: 1.2em; 
}
.form-item {
  margin-bottom: 1em;
  margin-top: 2px;
}
.form-item label {
  font-size: 0.929em;
}
.form-type-radio label,
.form-type-checkbox label {
  margin-left: 4px;
}
.form-type-radio .description,
.form-type-checkbox .description {
  margin-left: 2px;
}
.form-actions {
  padding-top: 10px;
}
.contact-form #edit-name {
  width: 75%;
  border-radius: 4px;
}
.contact-form #edit-mail {
  width: 75%;
  border-radius: 4px;
}
.contact-form #edit-subject {
  width: 75%;
  border-radius: 4px;
}
.contact-form #edit-message {
  width: 76.3%;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.contact-form .resizable-textarea .grippie {
  width: 76%;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

/*-------------------- Webform-fraedsla----------------------*/
.form-item.form-type-radio.form-item-submitted-tegund-pontunar {
    background-color: #f4f4f4;
/*   border: 2px solid;
    width: 45%;
    float: left;
    margin-right: 10px;*/
    padding: 20px;
}
.form-item.webform-component.webform-component-radios.webform-component--tegund-pontunar {
    width: 80%;
}
/*-------------------- Webform-fraedsla-end----------------*/

/*--------------------menu-fraedsla----------------------*/
nav#block-menu-menu-fraedsla-menu{
background-color: #282828;
}
/*--------------------fraedslusidur----------------------*/
.view.view-fyrir-fjolskylduna-block.view-id-fyrir_fjolskylduna_block {
    margin-top: 30px;
    border-top: 1px solid #e5e5e5;
    padding-top: 40px;
}

/* ------------------- Disabled Form Elements ------------- */
input.form-button-disabled,
input.form-button-disabled:hover,
input.form-button-disabled:focus,
input.form-button-disabled:active,
.form-disabled input,
.form-disabled select,
.form-disabled textarea {
  background: #ededed;
  border-color: #bbb;
  color: #717171;
}
.form-disabled label {
  color: #717171;
}
/* ------------------- Animated Throbber ------------------ */
.js input.form-autocomplete {
  background-position: 100% 4px; 
}
.js input.throbbing {
  background-position: 100% -16px; 
}
/* ------------------- Comment Form ----------------------- */
.comment-form label {
  float: left; 
  font-size: 0.929em;
  width: 120px;
}
.comment-form input,
.comment-form .form-select {
  margin: 0;
  border-radius: 4px;
}
.comment-form .form-type-textarea label {
  float: none;
}
.comment-form .form-item,
.comment-form .form-radios,
.comment-form .form-type-checkbox,
.comment-form .form-select {
  margin-bottom: 10px;
  overflow: hidden;
}
.comment-form .form-type-checkbox,
.comment-form .form-radios {
  margin-left: 120px; 
}
.comment-form .form-type-checkbox label,
.comment-form .form-radios label {
  float: none;
  margin-top: 0;
}
.comment-form input.form-file {
  width: auto;
}
.no-sidebars .comment-form .form-text {
  width: 800px;
}
.one-sidebar .comment-form .form-text {
  width: 500px;
}
.two-sidebars .comment-form .form-text {
  width: 320px;
}
.comment-form .form-item .description {
  font-size: 0.786em;
  line-height: 1.2;
  margin-left: 120px; 
}
#content h2.comment-form {
  margin-bottom: 0.5em;
}
.comment-form .form-textarea {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.comment-form fieldset.filter-wrapper .fieldset-wrapper,
.comment-form .text-format-wrapper .form-item {
  margin-top: 0;
  margin-bottom: 0;
}
.filter-wrapper label {
  width: auto;
  float: none;
}
.filter-wrapper .form-select {
  min-width: 120px;
}
.comment-form fieldset.filter-wrapper .tips {
  font-size: 0.786em;
}
#comment-body-add-more-wrapper .form-type-textarea label {
  margin-bottom: 0.4em;
}
#edit-actions input {
  margin-right: 30px;
}
div.region.region-sidebar-second {
padding-top: 60px;
}

/* ------------------- Other Overrides -------------------- */

div.password-suggestions {
  border: 0;
}
.ui-widget-overlay {
  background: #222222;
  opacity: 0.7;
}
div.vertical-tabs .vertical-tabs-panes fieldset.vertical-tabs-pane {
  padding: 1em;
}
#forum .name {
  font-size: 1.083em;
}
#forum .description {
  font-size: 1em;
}

/* ------------------- Shortcut Links --------------------- */

.shortcut-wrapper {
  margin: 2.2em 0 1.1em 0; /* Same as usual h1#page-title margin. */
}
.shortcut-wrapper h1#page-title {
  float: left; 
  margin: 0;
}
div.add-or-remove-shortcuts {
  padding-top: 0.9em;
}
.overlay div.add-or-remove-shortcuts {
  padding-top: 0.8em;
}

/* ------------------- Admin-specific Theming ------------- */

.page-admin #content img {
  margin-right: 15px; 
}
.page-admin #content .simpletest-image img {
  margin: 0;
}
.page-admin-structure-block-demo .block-region {
  background: #ffff66;
  border: 1px dotted #9f9e00;
  color: #000;
  font: 90% "Lucida Grande", "Lucida Sans Unicode", sans-serif;
  margin: 5px;
  padding: 5px;
  text-align: center;
  text-shadow: none;
}
.page-admin-structure-block-demo #featured .block-region {
  font-size: 0.55em;
}
.page-admin-structure-block-demo #header .block-region {
  width: 500px;
}
.page-admin #admin-dblog img {
  margin: 0 5px;
}
/* Fix spacing when Seven is used in the overlay. */
#system-theme-settings fieldset {
  padding: 0;
}
#system-theme-settings fieldset .fieldset-legend {
  margin-top: 0;
}
/* Configuration. */
div.admin .right,
div.admin .left {
  width: 49%;
  margin: 0;
}
div.admin-panel {
  background: #fbfbfb;
  border: 1px solid #ccc;
  margin: 10px 0;
  padding: 0 5px 5px;
}
div.admin-panel h3 {
  margin: 16px 7px;
}
div.admin-panel dt {
  border-top: 1px solid #ccc;
  padding: 7px 0 0;
}
div.admin-panel dd {
  margin: 0 0 10px;
}
div.admin-panel .description {
  margin: 0 0 14px 7px;
}

/* ------------------- Overlay Layout Styles -------------- */

.overlay #main,
.overlay #content {
  width: auto;
  float: none;
}
.overlay #page {
  padding: 0 2em;
}
.overlay .region-page-top,
.overlay #header,
.overlay #page-title,
.overlay #featured,
.overlay #sidebar-first,
.overlay #triptych-wrapper,
.overlay #footer-wrapper {
  display: none;
}
.overlay-processed .field-type-image {
  display: block;
  float: none;
}
.overlay #messages {
  width: auto;
}

/* ------------------- Poll ------------------------------- */

.node .poll {
  margin: 2em 0;
}
.node .poll #edit-choice {
  margin: 0 0 1.5em;
}
.poll .vote-form {
  text-align: left; 
  margin: 0;
}
.poll .percent {
  font-size: 0.857em;
  font-style: italic;
  margin-bottom: 3em;
  margin-top: -3.2em;
  float: right; 
  text-align: right; 
}
.poll .choice-title {
  clear: right; 
}
.poll .total {
  font-size: 0.929em;
  font-style: italic;
  text-align: right; 
  clear: both;
}
.node .poll {
  margin: 1.8em 0 0;
}
.node .poll .text {
  margin-right: 6.75em;
}
.node .poll #edit-choice {
  margin: 0 0 1.2em;
}
.poll .bar .foreground {
  background-color: #666;
}
#footer-wrapper .poll .bar {
  background-color: #666;
}
#footer-wrapper .poll .bar .foreground {
  background-color: #ddd;
}

/* ------------------- Book ------------------------------- */
.book-navigation .menu {
  border-top: 1px solid #d6d6d6;
}
.book-navigation .book-pager {
  border-bottom: 1px solid #d6d6d6;
  border-top: 1px solid #d6d6d6;
  margin: 0;
}

/* ------------------- Menu Toggle Link ------------------- */
a#menu-toggle {
  display:none;
  background: none repeat scroll 0 0 rgba(255, 255, 255, 0.7);
  padding: 0.7em;
  text-decoration: none;
  text-shadow: 0 1px #EEEEEE;
  position:relative;
}

a#menu-toggle:after {
  content:"";
  background: url('../images/toggle.png') no-repeat;
  width: 22px;
  height: 30px;
  display: inline-block;
  position: absolute;
  right: 10px;
}

/*----svanur byrjar hér - sleppti því að ná í header, main menu og secondary menu, search og search result ----- */


h5{
font-size: 2em;
line-height: 1em;
color: #535353;
font-weight: bold;
}
h6{
font-size: 1.3em;
color: #484848;
}
body a {
    font-family: Nunito,Helvetica,Verdana,san-serif;
	font-size: 1em;
	font-size: 1em;
}
#logo {
    position: relative;
    left: 20px;
    padding: 0;
    margin: 0;
    z-index: 2;
    top: 30px;
}

#page-wrapper {
  min-height: 100%;
  min-width: 100px; /* skoða betur */
  width: 100%;  
}
#main {
  height: 100%;
  max-width: 100%;
  width: 1000px;
  margin: 0 auto;
  background-color: #fff;
  }

#block-menu-block-6 {
   float:left;
   width:100%;
   background:#282828;
   padding: 1.6em 0;
}
#block-menu-block-6 a{
   color: #fff;
}
#block-menu-block-6 a:first{
   margin-left: 0;
}

#block-menu-block-6 a:hover,
#block-menu-block-6 a.active {
border-bottom:7px solid #fff;
padding-bottom: 22px;
}
#block-menu-block-6 li:after {
    color: #f7f7f7;
    content: "\\";
	padding-left: 1.6em;
}
#block-menu-block-6 li.menu-mlid-574,
#block-menu-block-6 li.menu-mlid-589{
float: right;
margin-right: 15px;
}
#block-menu-block-6 .menu-mlid-574 li:after {
content: "";
}

#block-menu-block-6 .menu-mlid-1704 li:after{
content: "";
}
li.leaf.has-children.menu-mlid-588 {
margin-left: 0;
}

/*----------- menu liðnar/framundan osfrv -------*/
#block-menu-menu-syningar-menu {
font-weight: 600;
padding-top: 60px;
}
#block-menu-menu-syningar-menu a.active-trail.active{
background-color: #929292;
color: #fff;
padding: 1em;
}
.views-exposed-form a,
#block-menu-menu-syningar-menu a{
color: #666;
background-color: #f4f4f4;
padding: 1em;
}
.views-exposed-form a:hover a:active,
#block-menu-menu-syningar-menu a:hover, a:active{
background-color: #929292;
}
#block-menu-menu-syningar-menu li:hover a{
color: #fff;
}
.views-exposed-form li,
#block-menu-menu-syningar-menu ul{
position: relative;
text-align: center;
margin-bottom: 80px;
float: left;
}
.views-exposed-form h2,
#block-menu-menu-syningar-menu h2{
margin-top: 60px;
margin-bottom: 40px;
margin-left: 15px;
}

#block-menu-menu-syningar-menu li.first.leaf{
margin-left: 0px;
}


.view-syningar-eftir-arum {
float: right;
right: 0;
bottom: 0;
margin-top: -1em;
margin-left: 1.3em;
}
.views-field.views-field-field-syningarstadur{
margin-left: 20px;
}
.node-syningar .node-teaser{
margin: 0;
padding: 0;
}
/*-------------------------SÝNINGAR EFTIR ÁRUM LISTI ----------*/
ul.views-fluid-grid-items-h-margin-1em li.views-fluid-grid-item{
margin-left: 0;
}
/*-------------------- syningar listamanns --------------------------*/
.node-listamadur > .field-name-field-listamadur-nafn {
font-size: 2em;
}
.field.field-name-field-syningarstadur.field-type-list-text.field-label-hidden{
font-size: 1.4em;
}
.node.node-syningar .field.field-name-title.field-type-ds h2{
margin-top: 20px;
}
.field.field-name-field-veggtexti-syningar.field-type-text-with-summary.field-label-hidden{
padding-top: 20px;
}
.group-result-syningar .field.field-name-field-syningarstadur.field-type-list-text.field-label-hidden{
margin-bottom: 0px;
font-size: 1em;
}
div#block-views-s-ningar-listamanns-block h2{
font-size: 2em;
}
/* ------------------- Velja ár í sýningum --------------------------*/ 
select.form-select {
width: 240px;
height: 4em;
}

/* ------------------- Mailchimp --------------------*/
input#edit-mergevars-email,
input#edit-mergevars-fname,
input#edit-mergevars-lname{
width: 100%;
height: 2em;
}
form#mailchimp-signup-subscribe-block-skr-ning-p-stlista-form {
color: #fff;
font-weight: normal;
}

#block-mailchimp-signup-skr-ning-p-stlista input#edit-submit--2 {
  width: 100%;
  height: 2em;
  text-transform: uppercase;
}
/* ------------------- superfish Menu -------------------------- */
.sf-menu.sf-style-listasafn-superfish a {
padding: 2em 1.5em;
}
.sf-menu {
line-height: 1;
}
.sf-menu a {
z-index: 99;
float: left;
position: relative;
margin: 0;
padding: 2.2em 1em;
}
ul.sf-menu li:after {
    content: "\\";
	font-size: 2em;
	color: #7f7f7f;
	float: right;
	position: relative;
	top: 30px;
}
ul.sf-menu li.last:after {
    content:"";
}
.sf-menu ul li {
width: 100%;
}
.block-superfish {
background: #262626;
width: 100%;
max-width: 100%;
height: 80px;
z-index: 444;
}
.block-superfish-1 li a {
background: #262626;
width: 100%;
max-width: 100%;
margin: 0;
font-size: 1.2em;
color: #fff;
}
.region-header .block ul {
    margin: 0;
    padding: 0;
}
.region-header .block {
    margin: 0px;
}
#block-imageblock-2 {
    margin-left: 40px;
	margin-top: 20px;
    z-index: 999999;
	float: left;
	clear: both;
}

#block-imageblock-1 {
    margin-top: 20px;
	margin-bottom: 40px;
    z-index: 99;
    float: left;
	clear: both;
	margin-left: 40px;
}
#block-imageblock-8,
#block-imageblock-14,
#block-imageblock-10 {
    margin-top: 40px;
    z-index: 99;
    float: left;
	clear: both;
	margin-left: 40px;
	position: relative;
}
/* ------------------- husin á forsíðunni ------------------------- */

#forsida-hus a:hover {
color: purple;
background-color: #000;
}

/* ------------------- Views ------------------------- */
/*---- center all fluid grids----------*/
ul.views-fluid-grid-list {
/*text-align: center;*/
}
li.views-fluid-grid-item {
border-color: #282828;
border: 1px solid #282828;
}
/*-----------Meðal annars pressu fluid grid title-----------*/
div.views-fluid-grid h3{
text-align: left;
font-size: 1.6em;
margin: 0;
}

ul.block-block-instagram-block{
text-align: center;
}
#block-instagram-block-instagram-block{
text-align: center;
}
#block-instagram-block-instagram-block h2{
text-align: left;
}
.block-instagram-block .content {
  display: inline-block;
}

.views-title {
    text-align: center;
    font-size: 2em;
    font-weight: bold;
}
tr.odd {
    background: #e4e4e4;
    background: rgba(0, 0, 0, 0);
}
tr,
tr.even {
    background: #efefef;
    background: rgba(0, 0, 0, 0);
}
.view-title {
    padding-left: 20px;
	padding-right: 20px;
    padding-bottom: 50px;
/*    width: 200px;*/
    font-size: 1.2em;
    margin-top: 10px;
	max-width: 80%;
}
.view-title a {
	color: #484848;
	font-weight: 600;
}

.view-dags {
    padding-left: 20px;
    float: left;
    display: block;
    color: #7d7d7d;
	margin-top: 2em;
	font-size: 0.9em;
}
.view-dags-til {
    display: block;
    color: #7d7d7d;
    margin-bottom: 10px;
	margin-top: 2em;
	font-size: 0.9em;
	}
.view-syningarstadur {
    padding-left: 40px;
    width: 200px;
    font-size: 1em;
    margin-top: 10px;
	max-width: 80%;
}
.event-view-dags {
    padding-left: 40px;
    display: block;
    color: #7d7d7d;
	margin-top: 1em;
}
.event-view-title {
    padding-left: 40px;
    padding-bottom: 20px;
    width: 250px;
    font-size: 1.33em;
    margin-top: 10px;
	max-width: 80%;
}
.event-view-title a {
	color: #484848;
	font-weight: 600;
}
.masonry-item.masonry-brick {
border: 1px solid #e8e8e8;
margin-right: 20px;
margin-bottom: 20px;
}

/* ------ Listamenn í stafrófsröð ------*/
.view-listamadur-list-view .item-list li{
display: inline-block;
border: none;
float: left;
width: 2.6%;
}
.view-listamadur-list-view .item-list a{
padding-left: 0;
}
.view-listamadur-list-view ul li{
padding: 0.2em 0.2em;
}
.view-listamadur-list-view li{
padding: 0.2em 0.2em;
}

.view-listamadur-list-view a:hover{
color: #fff;
background: #282828;
}
.view-listamadur-list-view a:active{
color: #fff;
background: #282828;
}

.view-listamadur-list-view ul{
max-width: 90%;
clear: both;
text-align: center;
}

.view-listamadur-list-view{
padding-bottom: 2em;
margin-bottom: 40px;
}
.view-id-listamadur_list_view li{
border: none;
float: left;
}
.view-id-listamadur_views_summary ul{
text-align: center;
}
.block-views-listamadur-list-view-block-1 ul li{
padding: 2em;
background: yellow;
}

/* ------ Listamenn í stafrófsröð lýkur ------*/
li.view-syningar li {
margin-right: 40px;
margin-bottom: 40px;
}
#view-video-accodion {
background: purple;
color: #000;
background-color: pink;
}
.views-summary {
left: 40px;
margin: 40px;
}
.views-summary li {
background: #fff;
padding: 30px;
font-size: 1.4em;
border: 1px solid #ebebeb;
float: left;
width: 20%;
color: #878787;
}
.views-summary ul {
margin: 40px;
padding: 40px;
}
.view-display-id-attachment_1 li {
    background-color: #fff;
    border: 1px solid #e6e6e6;
    color: #484848;
    border-bottom: 5px solid #d42532;
    width: 460px !important;
    height: 300px;
    padding: 0;
    float: left;
}
/* ------------Vidburdir/events -----------*/

/* ------------Sýningar styling á view -----------*/
.view-syningar-hh ul, 
.view-syningar-as ul,
.view-syningar-ks ul {
background-color: #fff;
}/*
div#block-views-e2a38ce814f0a9da89a07970b8ff4118,
div#block-views-e92f3a31a7e76032a660a72e4a1b5ba7,
div#block-views-8aaf602fc629ec3eba9709e3b9e1be22{
clear: both;
}*/

/*--------------yfirstandandi sýningar view div --------------*/
div#block-block-31 {
  margin-top: 40px;
  font-size: 0.8em;
}
div#block-views-e2a38ce814f0a9da89a07970b8ff4118,
div#block-views-e92f3a31a7e76032a660a72e4a1b5ba7,
div#block-views-8aaf602fc629ec3eba9709e3b9e1be22{
width: 33%;
float: left;
}

#block-views-e92f3a31a7e76032a660a72e4a1b5ba7 .field.field-name-title.field-type-ds {
margin-left: 40px;
margin-bottom: 60px;
}
/*------- Syningar framundan view -------------*/
div#block-views-syningar-framundan-hh-block,
div#block-views-syningar-framundan-ks-block,
div#block-views-syningar-framundan-as-block{
width: 33%;
float: left;
}

/*------------Syningar a forsidu KS og HH-----------*/
#block-views-c53887d09fc8dff1ba8217fcb485f2bd,
#block-views-93fa0adc69751390b77bc21b9c4c0b20{
clear: both;
}
#block-views-c53887d09fc8dff1ba8217fcb485f2bd li,
#block-views-93fa0adc69751390b77bc21b9c4c0b20 li {
  width: 46%;
  float: left;
  height: 550px;
}

/*------------- Sýningar view title----------*/
#block-views-e2a38ce814f0a9da89a07970b8ff4118 h2,
#block-views-8aaf602fc629ec3eba9709e3b9e1be22 h2,
#block-views-727c74746756dd2d9f76e7e9000e74ff h2,
#block-views-e92f3a31a7e76032a660a72e4a1b5ba7 h2,
#block-views-syningar-framundan-hh-block h2,
#block-views-syningar-framundan-ks-block h2,
#block-views-syningar-framundan-as-block h2{
  font-weight: bold;
  font-size: 1.3em;
  margin-bottom: 10px;
}
li.views-fluid-grid-inline.views-fluid-grid-item.views-row.views-row-1.views-row-odd.views-row-first{
/*margin-left: 0;*/
}
li.views-fluid-grid-inline.views-fluid-grid-item.views-row.views-row-1.views-row-odd.views-row-first.views-row-last{
/*margin-right: 0;*/
}

/*----------------Hafnarhús---------------*/
/*----------------Hafnarhús sýningar framundan---------------*/
#block-views-e2a38ce814f0a9da89a07970b8ff4118{
width: 100%;
max-width: 1000px;
}
/*----------------Hafnarhús stök sýning---------------*/
.view-syningar-hh li {
    background-color: #fff;
    border: 1px solid #e6e6e6;
    color: #484848;
    border-bottom: 5px solid #d42532;
    /*height: 340px;*/
    padding: 0;
	display: inline-block;
	text-align: left;
	padding-top: 100px;
	background: #000;
}

.view-syningar-hh li:hover{
background-color: #d42532;
color: #fff;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.view-syningar-hh li:hover a{
color: #fff;
}
.view-syningar-hh li:hover div{
color: #fff;
}
.view-syningar-hh a:hover{
color: #fff;
}

.view-syningar-hh picture:hover {
background: #000 url(../images/magnifying-hv.png) no-repeat 50% 50%;    
display: inline-block;
}

.view-syningar-hh img:hover {
opacity: 0.33;
position: relative;
}

/*--------------Kjarvalsstadir-------------*/
/*----------Yfirstandandi sýningar---------*/
div#block-views-e92f3a31a7e76032a660a72e4a1b5ba7{
}
/*----------Stök sýning -----------------*/
.node-syningar h2 {
font-size: 2em !important;
}

.view-syningar-ks li {
    background-color: #fff;
    border: 1px solid #e6e6e6;
    color: #484848;
    border-bottom: 5px solid #03abdc;
    /*height: 340px;*/
    padding: 0;
	display: inline-block;
	text-align: left;
	padding-top: 100px;
	background: #000;
}

.view-syningar-ks li:hover{
background-color: #03abdc;
color: #fff;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.view-syningar-ks li:hover a{
color: #fff;
}
.view-syningar-ks li:hover div{
color: #fff;
}
.view-syningar-ks a:hover{
color: #fff;
}

.view-syningar-ks picture:hover {
background: #000 url(../images/magnifying-hv.png) no-repeat 50% 50%;    
display: inline-block;
}

.view-syningar-ks img:hover {
opacity: 0.33;
position: relative;
}

/*------------quick-tabs--------------------------*/
div#quicktabs-asmundarsafn_quicktabs,
div#quicktabs-hafnarhus_quicktababs{
  margin-top: 60px;
}
/*ul.quicktabs-tabs.quicktabs-style-icons li.active a{
color: #29a468;
}*/
ul.quicktabs-tabs.quicktabs-style-icons{
margin-bottom: 20px;
font-size: 1.3em;
height: 40px;
}

ul.quicktabs-tabs.quicktabs-style-icons li{
padding: 20px;
}
/*----------Quicktabs hafnarhus---------------------*/
#quicktabs-tabpage-hafnarhus_quicktabs_en-1 div,
#quicktabs-tabpage-hafnarhus_quicktabs_en-2 div,
#quicktabs-tabpage-hafnarhus_quicktabs_en-0 div,
#quicktabs-tabpage-hafnarhus_quicktababs-2 div,
#quicktabs-tabpage-hafnarhus_quicktababs-1 div,
#quicktabs-tabpage-hafnarhus_quicktababs-0 div {
  color: #fff;
}

#quicktabs-hafnarhus_quicktababs a.active {
  color: #fe0034;
}
#quicktabs-hafnarhus_quicktababs a:link {
  color: #fe0034;
}
#quicktabs-hafnarhus_quicktababs .field-name-node-link a:link {
  background-color: #fff;
  padding: 10px 20px;
  float: right;
}

/*----------Quicktabs kjarvalsstadir---------------------*/

/*-------------Asmundarsafn ds--------------------*/
.ds-2col.node-fraedsla > .group-right,
.ds-2col.node-asmundarsafn > .group-right{
width: 40%;
padding: 0 3.5%;
}


/*---------Yfirstandandi sýningar -------------*/
div#block-views-727c74746756dd2d9f76e7e9000e74ff{
width: 100%;
max-width: 1000px;
margin: 0 auto;
}

/*---------Stök yfirstandandi sýning ---------*/
.view-syningar-as li {
   background-color: #fff;
   border: 1px solid #e6e6e6;
   color: #484848;
   border-bottom: 5px solid #29a468;
   padding: 0;
}

.view-syningar-as li:hover{
background-color: #29a468;
color: #fff;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.view-syningar-as li:hover a{
color: #fff;
}
.view-syningar-as li:hover div{
color: #fff;
}
.view-syningar-as a:hover{
color: #fff;
}

.view-syningar-as picture:hover {
background: #000 url(../images/magnifying-hv.png) no-repeat 50% 50%;    
display: inline-block;
}

.view-syningar-as img:hover {
opacity: 0.33;
position: relative;
}
.node-asmundarsafn.node-full{
padding: 0;
}
/*------------Ásmundarsafn DS----------------*/
.ds-2col.node.node-asmundarsafn > .group-left{
width: 50%;
}

.ds-2col.view-mode-image_right_text_left > .group-left {
  width: 43%;
  padding: 3.5%;
}
/*------------Ásmundarsafn byggingin og aðrar 1col síður----------*/
.ds-1col.node.node-asmundarsafn {
}
/*------------Ásmundarsafn viðburðir framundan----------*/
div#block-views-naestu-vidburdir-block-1 h2 {
font-weight: bold;
}

.ds-2col.node.node-vidburdir.contextual-links-region.view-mode-image_left_text_right {
border-bottom: 2px solid #29a468;
padding: 40px 0;
}
.ds-2col.node.node-vidburdir.contextual-links-region.view-mode-image_right_text_left {
border-bottom: 2px solid #29a468;
padding: 40px 0;
}
.ds-2col.node.node-vidburdir.contextual-links-region.view-mode-image_right_text_left > .group-left{
margin-left: 40px;
}
/* ------------Sýningar styling á view lýkur -----------*/

.view-deildir li {
    background-color: #fff;
    border: 1px solid #e6e6e6;
    color: #484848;
    border-bottom: 5px solid #262626;
    padding: 0;
    width: 250px;
    height: 250px;
	float: left;
	margin: 25px;
}
.view-starfsfolk li {
    background-color: #fff;
    border: 1px solid #e6e6e6;
    color: #858585;
    padding: 0;
    width: 540px;
    height: 230px;
	float: left;
	margin-left: 40px;
	margin-top: 40px;
}
/* --------------  Fræðslu menu----------------*/
#block-menu-block-2 {
font-weight: 600;
clear: both;
}
#block-menu-block-2 ul{
padding: 2em 0 0 0;
}
.menu-block-2 li:hover a{
color: #fff;
}
#block-menu-block-2 li{
padding: 1em 2em;
float: left;
background-color: #f4f4f4;
margin-bottom: 1em;
}
#block-menu-block-2  .active{
background-color: #929292;
color: #fff;
}
#block-menu-block-2 li:hover{
background-color: #929292;
color: #fff;
}
.block-menu-block-2:hover{
color: #fff;
}


.menu-block-2 li a{
    font-size: 1em;
    width: 100%;
    margin: 0;
    padding: 0;
    color: #666;
}

.block-menu-block-3 ul a {
    font-size: 1.5em;
    width: 100%;
    margin: 0;
    padding: 0;
    float: none;
    color: #fff;
}
.menu-block-4 ul a{
    font-size: 1.3em;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0.5em;
    float: none;
    color: #fff;
}

.full-width-height { 
    position: relative;
    width: 100%;
	max-width:100%;
	margin-top: 0;
	top: 0px;
    left: 0px;
    z-index: 0; 
}
/* ----------------------- Kort view-------------------- */
.map {
    max-width: 100%;
    width: 100%;
}
/* ------------------- Menu ------------------------- */
#block-menu-menu-hus-menu{
    font-size: 1.2em;
    z-index: 2;
    float: left;
    margin-top: 40px;
	color: #505050;
	font-weight: 600;
	position: relative;
	margin-left: 60px;
}
#block-menu-menu-hus-menu li{
 	float: left;
	display: inline;
	padding-right: 30px;
	color: #505050;
}
#block-menu-menu-hus-menu a li{
    color: #505050;
  }
.region-header .block-menu li a {
    padding: 0;
}
.region-header,
.region-header a,
.region-header li a.active {
color: #505050;
/*padding-left: 40px;*/
}

#block-menu-menu-husin-menu-hvitt {
 font-size: 1.2em;
    z-index: 2;
    float: left;
    margin-top: 40px;
    color: #505050;
    font-weight: 600;
    position: relative;
}
#block-menu-menu-husin-menu-hvitt li.expanded, 
#block-menu-menu-husin-menu-hvitt li.collapsed, 
#block-menu-menu-husin-menu-hvitt li.leaf {
  padding: 0;
  margin: 0;
}

#block-menu-menu-husin-menu-hvitt li a {
    color: #fff;
	margin-right: 30px;
}
#block-menu-menu-husin-menu-hvitt .last a.active-trail{
background-color: #29a468;
padding: 10px;
}

#block-menu-menu-husin-menu-hvitt .last a.active-trail,
#block-menu-menu-husin-menu-hvitt .last a:hover ,
#block-menu-menu-hus-menu .last a.active-trail,
#block-menu-menu-hus-menu .last a:hover{
border-bottom: 4px solid #29a468;
}

#block-menu-menu-husin-menu-hvitt .kjarvalsstadir_hvitt a.active-trail,
#block-menu-menu-husin-menu-hvitt .kjarvalsstadir_hvitt:hover,
a.kjarvalsstadirsvart:hover,
.kjarvalsstadir.active-trail,
a.kjarvalsstadir_hvitt.active-trail.active{
border-bottom: 4px solid #03abdc;
}
a.kjarvalsstadir_hvitt.active-trail.active{
background-color: #03abdc;
padding: 10px;
}

#block-menu-menu-husin-menu-hvitt .first a.active-trail,
#block-menu-menu-husin-menu-hvitt .first a:hover ,
#block-menu-menu-hus-menu .first a.active-trail,
#block-menu-menu-hus-menu .first a:hover {
border-bottom: 4px solid #fe0034;
}
#block-menu-menu-husin-menu-hvitt .node-type-hafnarhus .first a.active-trail,
#block-menu-menu-hus-menu .node-type-hafnarhus .first a.active-trail,
.node-type-hafnarhus #block-menu-menu-husin-menu-hvitt .first a.active-trail{
background-color: #fe0034;
padding: 10px;
}


/* ------------------- Svanur - featured region ------------------------- */
#featured {
    text-shadow: none;
}
#featured h2 {
    font-size: 1.3em;
    line-height: 1.3em;
}
#featured ul.menu {
    padding-top: 1em;
	padding-right: 1em;
	color: #858585;
	float: right;
}

#featured ul.menu li a {
    background-color: #f4f4f4;
    font-size: 0.875em;
    color: #666;
	display: block;
	padding: 1em 0 1em 1em;
}
#featured ul.menu a {
padding-right: 0;
}
#featured ul.menu a.active {
    background-color: #929292;
	color: #fff;
	text-decoration: none;
}

#featured ul.menu a:active {
  color: #fff;
  background-color: #929292;
  text-decoration: none;
}

#featured ul.menu a:hover {
  text-decoration: none;
  color: #fff;
  background-color: #929292;
}
#featured a:link {
/*	color: #fff;*/
}
#featured ul.menu a:visited {
}
#featured div.section{ 
    width: 100%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
  }
#featured {
    padding: 0;
    margin: 0;
    background: #fff;
    background: rgba(255, 255, 255, 1);
    border-bottom: none;
}

/* ------------------- Svanur - footer region - Gera upp á nýtt ------------------------- */
#footer-wrapper {
    color: #262626;
    color: rgba(38, 38, 38, 0.65);
}
#footer .block h2 {
    margin: 0;
}
#footer-wrapper a {
    color: #262626;
    color: rgba(38, 38, 38, 0.65);
    font-size: 1em;
}
#footer-columns h2 {
    border-bottom: 1px solid #262626;
    border-color: rgba(255, 255, 255, 0.15);
    font-size: 1.6em;
    margin-bottom: 0;
    padding-bottom: 3px;
    color: #555454;
    text-transform: none;
}
#footer-botn {
background-color: #262626;
padding-right: 40px;
padding-top: 40px;
padding-bottom: 40px;
margin-bottom: 0px;
display: block;
}
#footer-botn li{
float: right;
font-size: 1em;
}
#footer-botn a{
color: #bdbdbd;
}
#footer-botn li.after{
 content: "\\";
 color: #fff;
}
/*-----------Menu í botni-------------*/
#block-menu-menu-botn-menu {
float: left;
margin-left: 60px;
color: #fff;
}

#block-menu-menu-botn-menu li:after{
 content: "\\";
 color: #bdbdbd;
 padding-left: 13px;
}

#block-menu-menu-botn-menu li.first.leaf:after {
  display: none;
}
/* ---------social media hnappar í botni -----------*/
.social-media-links.platforms.inline.horizontal {
  bottom: -35px;
  right: 0px;
}
/*---------------------Front imageblock-------------*/
#block-imageblock-15,
#block-imageblock-16,
#block-imageblock-17,
#block-imageblock-20,
#block-imageblock-23,
#block-imageblock-22{
 width: 31%;
 float: left;
 position: relative;
 }
#block-imageblock-15,
#block-imageblock-16,
#block-imageblock-20,
#block-imageblock-22{
margin-right: 3.5%;
}

#block-imageblock-15 h2,
#block-imageblock-16 h2,
#block-imageblock-17 h2,
#block-imageblock-20 h2,
#block-imageblock-23 h2,
#block-imageblock-22 h2{
  position: absolute;
  padding: 20px;
  bottom: 10%;
  line-height: 1;
  font-weight: bold;
  margin: 0;
}
#block-imageblock-15 h2,
#block-imageblock-22 h2{
  color: #fff;
  background: rgba(254, 0, 52, 0.85);
}
#block-imageblock-16 h2,
#block-imageblock-20 h2{
  color: #fff;
  background: rgba(3, 171, 220, 0.85);
}
#block-imageblock-17 h2,
#block-imageblock-23 h2{
  color: #fff;
  background: rgba(41, 164, 104, 0.85);
}

#block-imageblock-15 p,
#block-imageblock-16 p,
#block-imageblock-17 p,
#block-imageblock-20 p,
#block-imageblock-23 p,
#block-imageblock-22 p{
  position: absolute;
  bottom: 10%;
  background: rgba(72, 72, 72, 0.8);
  text-align: left;
  padding: 20px;
  font-size: 0.9em;
  color: #fff;
  right: 0;
}
#block-imageblock-15 p,
#block-imageblock-22 p{
  height: 54px;
  padding: 8px 20px 0px 20px;
}

/*--------textablock front ---------*/
#block-block-25{
color: #fff;
margin-bottom: 60px;
text-align: left;
}
/*--------textablock heimsokn ------*/
#block-block-8 {
width: 60%;
text-align: left;
margin-left: 3%;
float: left;
}
#block-block-8 h2{
font-size: 1.6em;
font-weight: bold;
}
#block-imageblock-4{
margin-top: 140px;
padding-left: 65%;
}
/*---------Blokkir-----------*/

/*---------block tilkynningar--------*/
div#block-block-30 {
  background-color: yellow;
  padding: 20px;
  margin-left: 0;
  padding: 20px;
  font-weight: bold;
  margin-top: 20px;
}

#block-block-30 h2{
background-color: #000;
color: #fff;
width: 100%;
padding: 10px;
}


#block-block-10,
#block-block-11,
#block-block-13,
#block-block-16,
#block-block-20,
#block-block-24,
#block-block-26,
#block-block-28 {
width: 45%;
text-align: left;
margin-right: 3%;
float: left;
}
#block-block-20 {
width: 60%;}

#block-block-10 h2,
#block-block-11 h2,
#block-block-12 h2,
#block-block-13 h2,
#block-block-16 h2,
#block-block-20 h2,
#block-block-26 h2,
#block-block-28 h2{
font-size: 1.6em;
font-weight: bold;
}

#block-block-14,
#block-block-15,
#block-block-17,
#block-block-18,
#block-block-22,
#block-block-27{
padding-left: 50%;
margin-top: 65px;
}
#block-block-23,
#blovk-blovk-29{
padding-left: 50%;
}
#block-block-22{
padding-left: 70%;
}
/*-----------Fræðsla end----------*/

div#quicktabs-skolar {
    float: left;
}

div#quicktabs-skolar .item-list{
    float: left;
}


#block-quicktabs-skolar ul.quicktabs-tabs li{
	display: block;
	width: 20%;
}
div#quicktabs-container-skolar {
    float: right;
    width: 80%;
    display: block;
}

/*---------VIÐBURÐIR-----------*/
div#block-quicktabs-events-series-en,
div#block-quicktabs-vidburdir-seriur {
    margin-top: 40px;
}

div#block-views-200025d87edf965c7032d0cda82278e8 h2,
div#block-views-c5839cc4186228999fd2f08389cba7c6 h2,
div#block-views-naestu-vidburdir-block-2 h2,
div#block-views-ahugavert-efni-block-block-1 h2,
div#block-views-frettir-a-forsidu-block-2 h2,
div#block-views-naestu-vidburdir-block h2,
div#block-views-22347c49d2885e3d434757160b55ee8a h2,
div#block-views-c53887d09fc8dff1ba8217fcb485f2bd h2,
div#block-views-naestu-vidburdir-block-6 h2,
div#block-views-93fa0adc69751390b77bc21b9c4c0b20 h2,
div#block-views-a65414dca2c399ad7a075e3b342eeec2 h2,
div#block-views-naestu-vidburdir-block-3 h2{
color: #484848;
margin-bottom: 60px;
font-size: 1.6em;
}
div#block-views-93fa0adc69751390b77bc21b9c4c0b20 h2{
padding-top: 60px;
margin-bottom: 40px;
}

div#block-views-ahugavert-efni-block-block-1 h2,
div#block-views-22347c49d2885e3d434757160b55ee8a h2{
/*padding-top: 60px;*/
clear: both;
}
div#block-views-naestu-vidburdir-block-6 h2{
padding-top: 40px;
}
div#block-views-200025d87edf965c7032d0cda82278e8 h2:after,
div#block-views-c5839cc4186228999fd2f08389cba7c6 h2:after,
div#block-views-frettir-a-forsidu-block-2 h2:after,
div#block-views-naestu-vidburdir-block-2 h2:after,
div#block-views-ahugavert-efni-block-block-1 h2:after,
div#block-views-frettir-a-forsidu-block h2:after,
div#block-views-naestu-vidburdir-block h2:after,
div#block-views-22347c49d2885e3d434757160b55ee8a h2:after,
div#block-views-c53887d09fc8dff1ba8217fcb485f2bd h2:after,
div#block-views-naestu-vidburdir-block-6 h2:after,
div#block-views-93fa0adc69751390b77bc21b9c4c0b20 h2:after,
div#block-views-a65414dca2c399ad7a075e3b342eeec2 h2:after,
div#block-views-naestu-vidburdir-block-3 h2:after{
  content: ' ';
  border-bottom: solid #e5e5e5 1px;
  width: 75%;
  display:inline-block;
  float: right;
  margin-top: 1em;
  }
div#edit-field-vidburdategund-tid-wrapper {
  width: 100%;
  margin-bottom: 60px;
} 
.view.view-naestu-vidburdir .views-exposed-form a {
  float: left;
  margin: 0.5em 0.5em 0 0;
}
.view.view-naestu-vidburdir .views-exposed-form a.active-trail.active {
  background-color: #929292;
  color: #fff;
  padding: 1em;
  }
  
/*Viðburðir framundan undir sýningum-------*/
.ds-1col.node.node-vidburdir {
border-bottom: none;
}
/*END Viðburðir framundan undir sýningum-------*/

.field.field-name-field-stadur-vidburdur {
text-transform: uppercase;
margin-top: 10px;
}
.ds-2col-fluid.node.node-vidburdir {
border: 1px solid #e6e6e6;
margin-bottom: 40px;
height: 196px; /*------MÁ BREIKKA ÞETTA OG HÆKKA Í STÆRRA EN 1024----*/
margin-left: 40px; /*------MÁ SLEPPA Í STÆRRA EN 1024----*/
margin-right: 40px; /*------MÁ SLEPPA Í STÆRRA EN 1024----*/
}
.field.field-name-body.field-type-text-with-summary {
margin-top: 10px;
margin-bottom: 0;
padding-bottom: 0;
}
.field.field-name-field-adalmynd-vidburdar.field-type-image img {
margin: 0;
}
.ds-2col-fluid.node.node-vidburdir > .group-right{
width: 58%;
padding-right: 20px;
padding-left: 40px;
}
.ds-2col-fluid.node.node-vidburdir > .group-left{
width: 35%;
}
.field.field-name-field-dags-vidburdur {
text-transform: uppercase;
}
/*-----------VIÐBURÐIR-OVERLAY-HOVER------*/

.ds-2col-fluid.node.node-vidburdir {
    background-color: #fff;
    color: #484848;
    height: 196px;
}
.ds-2col-fluid.node.node-vidburdir h2{
   color: #fff;
   }

.view-vidburdir-hero-block > .ds-2col-fluid.node.node-vidburdir div:hover{
background-color: #262626;
color: #fff;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.ds-2col-fluid.node.node-vidburdir div:hover a{
color: #fff;
}
.ds-2col-fluid.node.node-vidburdir:hover h2{
color: #fff;
}
#vidburdur-titill h2:hover,
#vidburdur-titill h2:focus,
#vidburdur-titill h2{
color: #fff;
}

.ds-2col-fluid.node.node-vidburdir:hover{
background: #262626 url(../images/magnifying-hv.png) no-repeat 15% 50%;    
color: #fff;
height: 196px;
position: relative;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.ds-2col-fluid.node.node-vidburdir img:hover {
background: #000 url(../images/magnifying-hv.png) no-repeat 50% 50%;    
display: inline-block;
color: #fff;
opacity: 0.33;
position: relative;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

/* -------------- Search block in region header. */

.region-header #block-locale-language a{
  color: #9b9b9b; 
  font-size: 1em;
}
#block-locale-language a {
    color: #9b9b9b;
    font-size: 0.875em;
}
.node-type-hafnarhus #block-locale-language a{
color: #fff;
}

.region-header #block-locale-language {
    margin-top: 40px;
   	margin-left: 35px;
    margin-right: 10px;
    padding-left: 22px;
	right: 12em;
}

.language-switcher-locale-url li.active a{
    display: none;
}
.block-locale {
    border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	position: absolute;
	height: 2.4em;
	width: 75px;
	}
.block-locale ul li {
    list-style-type: none;
	list-style: none;
}
/*--------Ásmundarsafn/kjarvalsstaðir locale hvítt --------*/
.page-node-204 #block-locale-language a,
.page-node-205 #block-locale-language a{
color: #fff;
}

/*----------forsida-flex-slider-------------*/

#block-views-forsida-slideshow-block-1 .forsida-slideshow .flex-control-nav li {
width: 33.3%;
background: #282828;
color: #fff;
}
#block-views-forsida-slideshow-block-1 .forsida-slideshow .flex-control-nav a {
color: #fff;
}
#block-views-forsida-slideshow-block-1 .forsida-slideshow .flex-control-nav {
padding-top: 0;
}
#block-views-forsida-slideshow-block-1 .forsida-slideshow .flex-control-nav p{
padding: 20px;
position: absolute;
background: #282828;
font-size: 1.2em;
bottom: 20px;
width: 180px;
height: 40px;
}
#block-views-forsida-slideshow-block-1 .flex-control-thumbs img{
display: inline-block;
}
/*-------------Vidburdir caption---------------*/
.ds-2col.node.node-vidburdir.node-full.view-mode-full.clearfix .caption {
  position: relative;
}

.node-type-vidburdir .field.field-name-title.field-type-ds.field-label-hidden{
padding: 0;
}

/*-------------Vidburdir flex caption---------------*/
.vidburdir-flex .field.field-name-title,
.vidburdir-flex .field.field-name-field-stadur-vidburdur,
.vidburdir-flex .field.field-name-field-dags-vidburdur{
   position: absolute;
   left: 60px;
   text-align: left;
   width: 33%;
   background-color: #ffeb00;
   color: #1e1e1d;
}
.vidburdir-flex .field.field-name-field-dags-vidburdur{
  bottom: 30%;
  padding: 20px 20px 10px 20px;
  background-color: #1e1e1d;
  color: #ffeb00;
  left: 60px;
}
.vidburdir-flex .field.field-name-title{
  bottom: 40%;
  padding: 10px 20px 15px 20px;
}
.vidburdir-flex .field-name-title h2 {
margin: 0;
}
.vidburdir-flex .field.field-name-field-stadur-vidburdur{
  bottom: 22%;
  padding: 10px 20px 10px 20px;
}
.node-type-vidburdir .field.field-name-title.field-type-ds.field-label-hidden {
  font-size: 1.4em;
/*  padding: 20px;*/
  }

#block-views-naestu-vidburdir-block .views-field.views-field-title a,
#block-views-vidburdir-hero-block-block .views-field.views-field-title a {
font-weight: bold;
}
#block-views-naestu-vidburdir-block .views-field.views-field-title a {
font-size: 1em;
}

div#block-views-vidburdir-hero-block-block{
/*text-align: center;*/
margin-top: 40px;
}
#block-views-vidburdir-hero-block-block .views-field-field-stadur-vidburdur {
/*position: absolute;*/
top: 0;
left: 0;
margin: 0;
padding: 0;
}
#block-views-vidburdir-hero-block-block .views-field-field-stadur-vidburdur a {
padding: 10px;
}
#block-views-naestu-vidburdir-block .views-field-field-dags-vidburdur,
#block-views-vidburdir-hero-block-block .views-field-field-dags-vidburdur{
}

#block-views-vidburdir-hero-block-block .views-field.views-field-field-adalmynd-vidburdar{
position: relative;
}
.view-id-vidburdir_hero_block li {
*/position: relative;*/
}

.view-vidburdir-hero-block ol.flex-control-nav.flex-control-thumbs {
  margin-top: 40px;
}

.view-id-vidburdir_hero_block .flex-control-thumbs li{
background-color: #000;
text-align: left;
font-size: 0.9em;
}
.view-id-vidburdir_hero_block .flex-control-thumbs a{
  padding-left: 20px;
  padding-right: 20px;
  display: block;
  position: absolute;
  top: 60px;
  color: #fff;
  font-weight: bold;
  text-shadow: 1px 1px 2px rgba(150, 150, 150, 1);
}
.views-field.views-field-field-adalmynd-vidburdar div.field-content {
  background-color: #ffeb00;
}

.views-field.views-field-field-adalmynd-vidburdar{
}
.node-vidburdir > .group-right {
float: left;
width: 40%;
margin-left: 40px;
}

/*----------end viðburðir flex ----------------*/
/*-----------hafnarhus forsida flexslider------------*/

.flexslider-hh .field.field-name-field-dags-vidburdur, 
.flexslider-hh .field.field-name-field-stadur-vidburdur,
.flexslider-hh .flex-caption{
background: #000;
color: #fff;
position: absolute;
left: 60px;
/*width: 33%;*/
text-align: left;
}

.flexslider-hh .field.field-name-field-stadur-vidburdur{
bottom: 250px;
border-top: 10px solid #fe0034;
z-index: 2;
padding: 20px;
}

.slideshow .field.field-name-field-dags-vidburdur,
.flexslider-hh .field.field-name-field-dags-vidburdur{
bottom: 240px;
z-index: 3;
background: #000;
padding-left: 20px;
padding-right: 20px;
}
.flexslider-hh .flex-caption{
  bottom: 135px;
  padding: 20px;
  padding-top: 40px;
  border-top: 10px solid #fe0034;
}
.slideshow .flex-caption{
  position: absolute;
  left: 60px;
  width: 33%;
  text-align: left;
}

.slideshow .flex-caption a{
  position: absolute;
  bottom: 135px;
  line-height: 1em;
  color: #fff;
  font-size: 1.6em;
  background-color: #000;
  padding: 20px;
}

.flexslider-hh .flex-caption a{
  color: #fff;
  font-size: 1.6em;
  text-decoration: underline;
}
.flexslider-hh .field-name-field-syningardags-til,
.flexslider-hh .field-name-field-syningardags-fra{
  bottom: 200px;
  left: 80px;
  position: absolute;
  width: 33%;
  text-align: left;
  color: #fff;
  z-index: 10;
}
.slideshow .field-name-field-syningardags-til,
.slideshow .field-name-field-syningardags-fra{
  bottom: 60px;
  background: #000;
  position: absolute;
  text-align: left;
  color: #fff;
  left: 60px;
  padding:20px;
}

.slideshow .field-name-field-syningardags-til{
  left: 180px;
  width: 150px;
  padding-left: 0;
}

.flexslider-hh .field-name-field-syningardags-til{
  left: 165px;
}

.flexslider-hh .flex-control-nav{
  bottom: 40px;
  text-align: center;
  z-index: 2;
}
.flexslider-hh .flexslider {
margin: 0;
}

/*------------slideshow---------------*/

.slideshow .field-name-field-stadur-vidburdur,
.slideshow-ks .field-name-field-dags-vidburdur,
.slideshow-ks .field-name-field-syningardags-fra,
.slideshow-as .field-name-field-syningardags-fra{
position: absolute;
bottom: 160px;
left: 60px;
z-index: 3;
}
.slideshow .field.field-name-field-dags-vidburdur{
position: absolute;
bottom: 80px;
left: 60px;
z-index: 3;
color: #fff;
padding: 20px;
}

.slideshow-ks .field-name-field-syningardags-til,
.slideshow-as .field-name-field-syningardags-til{
position: absolute;
bottom: 160px;
left: 145px;
z-index:3;
width: 105px;
}

.slideshow-ks .field.field-name-field-stadur-vidburdur {
  position: absolute;
  bottom: 220px;
  left: 60px;
  z-index: 10;
}

.view-forsida-slideshow .myndatexti {
position: absolute;
/*right: 0;*/
padding: 1em;
color: #fff;
} 
.view-forsida-slideshow .myndatexti:after{
  color: #fff;
  content: "\232A";
  font-size: 1em;
  float: right;
}
.field-content.myndatexti a{
color: #fff;
padding: 1em 4em 1em 1em;
}



/* ----------forsida Slideshow-------------- */
div#widget_pager_bottom_forsida_slideshow-block{
float: left;
background: #282828;
color: #fff;
width: 100%;
padding-top: 20px;
}

div#views_slideshow_pager_field_item_bottom_forsida_slideshow-block_0 {
float: left;
width: 33%;
text-align: left;
}
div#views_slideshow_pager_field_item_bottom_forsida_slideshow-block_0 a.active {
background-color: #fe0034;
color: #fff;
}
div#views_slideshow_pager_field_item_bottom_forsida_slideshow-block_0 a{
color: #fff;
}
div#views_slideshow_pager_field_item_bottom_forsida_slideshow-block_1 {
float: left;
width: 33%;
text-align: left;
}
div#views_slideshow_pager_field_item_bottom_forsida_slideshow-block_1 a{
color: #fff;
}
div#views_slideshow_pager_field_item_bottom_forsida_slideshow-block_2 {
float: left;
width: 33.35%;
text-align: left;
}
div#views_slideshow_pager_field_item_bottom_forsida_slideshow-block_2 a{
color: #fff;
}

div#widget_pager_bottom_forsida_slideshow-block div.active{
cursor: pointer;
height: 100px;
background: #222;
font-weight: bold;
}
#widget_pager_bottom_forsida_slideshow-block a.active{
color: #fff;
}

#widget_pager_bottom_forsida_slideshow-block a {
padding-left: 66px;
}
#widget_pager_bottom_forsida_slideshow-block p {
padding-left: 66px;
}

div#views_slideshow_pager_field_item_bottom_forsida_slideshow-block_2 a{
color: #fff;
}
div#widget_pager_bottom_forsida_slideshow-block .views-field-body:before{
}

/* ---------------------Slideshow-------------- */
.views_slideshow_jcarousel_pager_item img{
    width: auto;
    height: 200px;
}
.slideshow-ks img,
.slideshow-as img {
    height: 100%;
    margin-top: -140px;
    padding: 0;
    width: 100%;
    max-width: 100%;
	z-index: -10;
	margin-bottom: -7px;
}

.view-kjarvalsstadir-forsida-slideshow,
.view-forsida-top-slideshow,
.view-forsida-as-slideshow,
.view-kjarvalsstadir-forsida-slideshow{
  position: relative;
  left: 0;
  float: left;
  margin-top: -100px;
  z-index: 0;
}

.ds-2col > .group-right {
text-align: left;
width: 47%;
margin-left: 3%;
}

/* ---------------------HENDA-------------------- EKKI NOTAD-------------*/
.view-kjarvalsstadir-forsida-slideshow .flex-caption,
.view-forsida-as-slideshow .flex-caption {
  position: absolute;
  bottom: 125px;
  left: 40px;
  background: rgba(255,255,255,0.9);
  padding: 20px;
  font-size: 1.4em;
  text-align: left;
  border-top: 10px solid #29a468;
  padding-top: 40px;
  padding-bottom: 60px;
  }

.view-kjarvalsstadir-forsida-slideshow .flex-caption{
 border-top: 10px solid #03abdc;
 }  
  
.view-forsida-ks-slideshow .flex-control-nav,
.view-forsida-as-slideshow .flex-control-nav{
bottom: 20px;
z-index: 10;
}
.view-kjarvalsstadir-forsida-slideshow .flexslider .slides img,
.view-kjarvalsstadir-forsida-slideshow .flexslider,
.view-forsida-as-slideshow .flexslider .slides img,
.view-forsida-as-slideshow .flexslider{
margin: 0;
}


.slideshow_fw_img {
    width: 100% !important;
    max-width: 100% !important;
    position: relative;
    margin-top:0;
}
/* ----------Caroufredsel ks Slideshow-------------- */
#block-block-7 {
width: 40%;
background: rgba(255,255,255,0.95);
position: absolute;
bottom: 120px;
right: 40px;
padding: 10px 40px 40px 40px;
border-top: 10px solid #03abdc;
font-size: 0.8em;
z-index: 100;
}


/* Textabox yfir slideshow */
.myndatexti {
    font-size: 1.2em;
    color: #282828;
    background: rgba(40,40,40,0.75);
}

.myndatexti-slideshow-hus {
    font-size: 1.5em;
    color: #282828;
    font-weight: bold;
    position: absolute;
    bottom: 10%;
    left: 15%;
    z-index: 10;
    background: rgba(40,40,40,0.75);
    padding: 40px;
	text-align: left;
	color: #fff;
}

.views-field.views-field-field-texti-yfir-mynd {
margin-left: 120px;
}

/*--------Áhugavert efni ----------*/
.text-over-image {
  background: orange;
  position: absolute;
  font-weight: bold;
  color: #fff;
  text-align: left;
}


.field-content.text-over-image {
position: relative;
bottom: 100px;
max-width: 200px;
color: #fff;
padding: 0.6em 0.6em 0.6em 0.4em;
}
ul.views-fluid-grid-items-height-250 li.views-fluid-grid-item{
position:relative;
}
.text-over-image a{
color: #fff;
}
.text-over-image a:hover{
color: #fff;
}
.myndatexti a:link{
color: #fff;
}

/*--------Áhugavert efni endar----------*/

.view-id-starfsfolk_view h3{
width: 100%;
text-align: left;
}

/*------- Sidebar------------*/
#sidebar-first ul.menu li {
    list-style-type: none;
    padding: 0.5em 0.5em;
	float: none;
	background: #fff;
	color: #fff;
	margin: 0;
}
.block ol, .block ul {
    margin: 0;
    padding: 0;
}
/* ------ Sidebars -----*/
.region-header {
background: #fff;
margin: 0;
width: 100%;
}
/*------- FELA \ í menu ------------*/
#block-menu-block-6 li.leaf.menu-mlid-2503:after {
content: "";
display: none;
}
li.first.leaf.menu-mlid-2503,
li.leaf.menu-mlid-2562,
li.leaf.menu-mlid-2563 {
margin-left: 0;
display: none;
}
#block-menu-block-6 li.leaf.menu-mlid-2563:after {
content: "";
display: none;
}
#block-menu-block-6 li.leaf.menu-mlid-2562:after {
content: "";
display:none;
}

#block-menu-block-6 li.menu-mlid-574:after {
content: "";
}
#block-menu-block-6 li.menu-mlid-1704:after {
content: "";
}
#block-menu-block-6 li.menu-mlid-574:after,
#block-menu-block-6 li.menu-mlid-1704:after,
#block-menu-block-6 li.menu-mlid-589:after,
#block-menu-block-6 li.menu-mlid-1914:after {
content: "";
}
/* -------------- hafnarhus_menu --------------------*/
div#block-menu-block-10 {
float: left;
padding: 0;
margin: 0;
width: 25%;
background: #fe0034;
z-index: 1000;
}
#block-menu-block-10 li{
width: 100%;
border-bottom: 1px solid #000;
font-size: 1.4em;
}
#block-menu-block-10 ul{
width: 75%;
margin-left: 40px;
}

/*------- samanfallinn menu mobile prufa ------------*/
#superfish-1-select {
width: 100%;
line-height: 2em;
height: 2em;
color: #fff;
background-color: #282828;
margin-bottom: 1em;
font-size: 1.4em;
}

.sidr {
display: none;
position: absolute;
position: fixed;
top: 0;
height: 100%;
z-index: 999999;
width: 260px;
overflow-y: auto;
font-family: Nunito,Helvetica,Verdana,san-serif;
font-size: 15px;
background: #333;
color: #fff;
-webkit-box-shadow: inset 0 0 5px 5px #222;
-moz-box-shadow: inset 0 0 5px 5px #222;
box-shadow: inset 0 0 5px 5px #222;
text-decoration: none;
list-style-type: none;
}

.sidr li a {
color: #fff;
font-weight: bold;
}
/* ------ REsponsive menu mean menu------------*/
.mean-container .mean-bar{
color: #282828;
padding: 0;
float: none;
position: fixed;
padding-bottom: 1em;
background-color: #282828;
}
.mean-container a.meanmenu-reveal {
width: 22px;
height: 22px;
padding: 20px 13px 11px;
}
.mean-container .mean-bar, .mean-container .mean-bar *{
background-color: #282828;
}

/*------- Ásmundarsafn Display Suite ------------*/

.ds-2col-stacked-fluid > .group-left {
    margin-top: 20px;
	font-size: 1.2em;
}
.ds-2col-stacked-fluid > .group-right {
    width: 48%;
}
img.imageblock-image {
    margin-left: 0;
}

/*--------Dagsetningar sýninga sem Display Suite í views------*/

.field-name-field-syningardags-til:before  {
content: "\a0-\a0";
float: left;
}
.field-name-field-syningardags-til a {
float: left;
}
.field-name-field-syningardags-fra {
float: left;
}

.myndatexti-forsida-hus {
	font-size: 1.4em;
}

/*--------------Þetta er styling fyrir öll fluid grid-----------*/
li.views-fluid-grid-item {
background-color: #fff;
text-align: left;
padding: 0;
}

img.views-fluid-grid-item:hover{
background-color: blue;
}
/*----------- View næstu viðburðir ----------*/
.views-fluid-grid.picture p {
display: none;
}

#block-views-naestu-vidburdir-block h2{
font-weight: normal;
margin-top: 0;
color: #282828;
}

.more-link a{
font-size: 1em;
}

.view-naestu-vidburdir .views-field-title{
padding: 10px 30px;
/*font-size: 1.1em;*/
}

#block-views-naestu-vidburdir-block td{
background: #fff;
padding: 0;
width: 280px;
height: 340px;
border: 1px solid #e8e8e8;
float: left;
margin-right: 20px;
margin-bottom: 20px;
}

.views-field-field-stadur-vidburdur{
margin-left: 0;
}

.views-field-field-dags-vidburdur{
padding: 0;
margin: 0;
color: #7b7b7b;
margin-left: 30px;
}
.views-field-field-dags-vidburdur-1{
padding: 0;
margin: 0;
color: #7b7b7b;
margin-left: 30px;
padding-bottom: 10px;
}
.views-field-field-adalmynd-vidburdar{
position: relative;
}

/*------------Search----------------------*/
input#edit-search-block-form--2 {
  border: none;
  outline: none;
}
.search-form {
margin-bottom: 1em;
margin-top: 40px;
border: none;
}
.form-item.form-type-textfield.form-item-search-block-form input {
width: 40px;
position: absolute;
background: transparent;
cursor: pointer;
z-index: 10000;
height: 2em;
margin-top: -0.5em;
right: 0;
}
.form-item.form-type-textfield.form-item-search-block-form input:focus {
width: 60%;
position: absolute;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
transition: all 0.4s linear;
display: block;
right: -20px;
background: #fff;
opacity: 1;
padding-left: 20px;
padding-right: 20px;
}
.region-header #block-search-form .form-text:focus{
border: 1px solid #282828;
}
.region-header #block-search-form .form-text {
height: 2.4em;
z-index: 100000;
font-size: 1.2em;
}
#edit-actions input {
z-index: 100000000;
margin-right: 0;
}
#edit-actions input:focus {
z-index: 1200000;
}
#block-search-form {
right: 40px;
position: relative;
z-index: 10;
}

/*-----------Search results ---------*/
.group-result{
width: 100%;
}
.region-content  .search-form{
width: 100%;
float: none;
}
.region-content input#edit-keys{
height: 60px;
width: 90%;
font-size: 1.4em;
padding-left: 20px;
}
/*-----------Search results ends---------*/
/*------------ News - fréttir -----------*/
.view.view-frett-view.view-id-frett_view.view-display-id-page .views-row {
  padding-bottom: 20px;
}

.node-frett .field-label{
margin-top: 0;
font-weight: normal;
}
.node-frett .field-name-title h2 {
margin-top: 0;
}

.node-frett .field.field-name-post-date{
font-size:0.8em;
}

 /*------------------Nánar hnappur fréttir--------------*/
/*--------------- útleiga -----------------------*/
.ds-2col-fluid.node.node-utleiga > .group-right{
width: 58%;
padding-right: 20px;
padding-left: 40px;
}
.ds-2col-fluid.node.node-utleiga > .group-left{
width: 35%;
}
div#block-views-80ad3d048508bd04c764c09fc30bd1db li,
div#block-views-d3ea41a87fa9600d22d9c3a348f2c286 li,
div#block-views-tleiga-myndir-block li {
  text-align: center;
  border: none;
}

/* -------------- Myndir útleiga -----------------------*/
/* -------------- slideshow-utleiga -----------------------*/
.node-utleiga .flex-caption {
position: relative;
bottom: 80px;
font-size: 1.5em;
background: rgba(255,255,255,0.6);
width: 40%;
text-transform: uppercase;
}
.node-utleiga .flexslider {
margin: 0;
}
.node-utleiga .field.field-name-node-link.field-type-ds{
float: none;
}
.view-id-utleiga_hus_menu{
margin-top: 60px;
}
/*-----------Flexslider-syningar-exhibitions---------*/

.node-syningar.node-full .flexslider{
margin: 0;
clear: both;
}

#flexslider-1 .flex-direction-nav a{
background: rgba(0,0,0,0.5);
padding-top: 10px;
}

/*-----------Flexslider---------*/
.flex-direction-nav a{
width: 30px;
}

.flex-direction-nav a.flex-next:before  { 
    content: " "; 
    display: block;
    background: url('../img/next-horizontal.png') no-repeat;
    width: 40px;
    height: 40px;
	background-position: 110% 0%;
}
.flex-direction-nav a.flex-prev:before  { 
    content: " "; 
    display: block;
    background: url('../img/prev-horizontal.png') no-repeat;
    width: 40px;
    height: 40px;
}

.fretta-block  #flexslider-1 ol.flex-control-nav.flex-control-paging {
position: relative;
text-align: left;
margin-top: 0;
bottom: -20px;
}
.fretta-block .flex-direction-nav .flex-next{
left: -20px;
}
.fretta-block .flex-direction-nav .flex-prev {
right: 60px;
}


.flex-direction-nav .flex-next {
right: 10px;
}

.flex-direction-nav .flex-prev{
left: 10px;
}
#flexslider-1 ul.flex-direction-nav a{
opacity: 1;
color: #7a7a7a;
transition: none;
display: block;
}
/* ------------Flexslider front END ------------*/

.view-footer{
float: right;
color: #FF6347;
font-size: 0.875em;
}
.post-date {
font-size: 0.77em;
color: #FF6347;
}
.post-title {
font-size: 0.875em;
 padding-bottom: 1em;
}
/*   ----- taka 2 Þetta virkar EF ÞAÐ ER 2EM stillt í margin inni í views ---- */
li.views-fluid-grid-items-v-margin-2em .views-field-field-mynd-fyrir-slideshow {
   opacity: 0;
   transition: opacity 0.5s 0s ease-in-out;
   position: absolute;
   width: 300px;
   height: 200px;
   top:-10px; 
}

#featured .forsida-masonry-texti {
    font-size: 1em !important;
	height: auto;
	text-align: left;
}
.masonry-item.views-row-4 {
width: 40%;
}
 
#featured {
font-size: 1.2em;
}
/*-------------Fræðsla----------------*/
.ds-2col.node-fraedsla > .group-right{
width: 44%;
padding: 0;
}

.ds-2col.node.node-fraedsla.contextual-links-region.view-mode-image_left_text_right.clearfix {
margin-bottom: 40px;
}
.ds-2col.node.node-fraedsla.view-mode-image_left_text_right img {
  border: 1px solid #e3e3e3;
}

div#block-views-fraedsla-main-slideshow-block h2 {
text-align: left;
font-size: 1.8em;
}
.view-fraedsla-main-slideshow .flex-caption {
position: absolute;
font-size: 1.4em;
background: purple;
text-transform: uppercase;
color: #fff;
padding: 20px;
bottom: 40px;
}
.view-fraedsla-main-slideshow .flexslider {
margin: 0;
}

/*--------menu fyrir asmund sveinsson------*/
#block-menu-block-7 {
background-color: #29a468;
margin-bottom: 60px;
margin-top: 60px;
}

#block-menu-block-7 a {
color: #fff;
font-size: 1.2em;
float: left;
width: 100%;
}

#block-menu-block-7 li{
width: 25%;
text-align: center;
padding: 0;
margin: 0;
}

 #block-menu-block-7 a.active {
 border-bottom: 4px solid #fff;
 color: #29a468;
 background-color: #fff;
 border: 1px solid #29a468;
 }
 #block-menu-block-7 a:hover {
 border-bottom: 4px solid #fff;
 color: #29a468;
 background-color: #fff;
 border: 1px solid #29a468;
 }
/*-------Ásmundarsafn 4 myndir------------*/
 .field-slideshow.field-slideshow-1.effect-fade.timeout-4000.with-pager.with-controls.field-slideshow-processed {
 display: none;
 }
 img.field-slideshow-thumbnail.field-slideshow-thumbnail {
 padding: 2em;
 }
 div#field-slideshow-1-wrapper {
 }
 
 /* --------FACEBOOK LIKE BOX --------------*/
._4s7c {
 background: #fff;
 }
 div#block-fb-likebox-0 h2{
 background-color: #666;
}
 /*-------PRUFA FYRIR LEITAR EXPANSION------------*/
.custom-search-button {
	margin-top: 10px;
	width: 0%;
	min-width: 40px;
	height: 40px;
	float: right;
	overflow: hidden;
	-webkit-transition: width 0.3s;
	-moz-transition: width 0.3s;
	transition: width 0.3s;
	-webkit-backface-visibility: hidden;
	width: 40px !important;
}
/* ----------search expand endar hér -----------*/


/*------gerir ekkert held ég -----------*/
li.view-naestu-vidburdir {
border-bottom: 5px solid #000;
}
li.view-id-naestu_vidburdir a h2{
color: blue;
}

.field-name-field-syningarstadur {
font-size: 2em;
color: #878787;
clear: both;
}
.ds-2col.node.node-syningar.contextual-links-region.view-mode-search_result.clearfix {
  border-bottom: 1px solid #999;
  padding-bottom: 20px;
  padding-top: 20px;
}

/* ------þetta er nafnið á sýningu í node full --------*/
.field-type-ds h2{
font-size: 1.6em;
color: #484848;
margin-bottom: 1em;
}
.node-teaser div.field.field-name-title.field-type-ds {
font-size: 1em;
color: #484848;
font-weight: 500;
}
.field-name-field-ljosmyndari-af-syningu {
font-size: 0.75em;
color: #484848;
font-style: italic;
margin-top:20px;
}

.field-name-field-ljosmyndari-af-syningu .field-label{
font-weight: normal;
margin-top: 0;
}
/* ---- social share buttons ----------*/

div.social-share span {
font-size: 1em;
color: #9b9b9a;
font-weight: bold;
padding-right: 1em;
}

/* ---- fela titil sýninga ----*/
.node-type-syningar #page-title {
   position: absolute !important;
   top: -9999px !important;
   left: -9999px !important;
}
.page-syningar-lidnar-syningar-eftir-arum- #page-title {
  position: absolute !important;
  top: -9999px !important;
  left: -9999px !important;
}

/*----------Forsíðu slideshow ---------------*/
.forsida-slideshow .flex-caption{
   position: relative;
   z-index: 100;
   background: rgba(255,255,255,0.4);
   font-size: 0.875em;
}

ol.flex-control-nav.flex-control-paging {
/*position: relative;*/
   text-align: center;
   bottom: 20px;
   z-index: 100;
}

.forsida-slideshow .flex-control-nav li{
/*padding: 10px;*/
}

.forsida-slideshow .flex-control-nav{
bottom: 20px;
text-align: left;
color: #282828;
padding-top: 20px;
font-size: 0.75em;
}

/* ---------Allir flexsliderar ---------------*/
.flexslider {
position: relative;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: 0;
-moz-box-shadow: 0;
-o-box-shadow: 0;
box-shadow: none;
border: none;
}


#bakgrunnur-svart h2{
color: #fff;
/*padding: 1em;*/
font-weight: bold;
}
#bakgrunnur-hvitur h2{
color: #999;
font-weight: bold;
font-size: 1.2em;
}
.flexslider .slides{
/*text-align: center;*/
}
.flexslider .slides > li {
margin: 0;
padding: 0;
}
.flex-control-paging li a {
background-color: #808080;
}
.flex-control-paging li a.flex-active {
background: #fff;
}
#youtube-flex-slider{
background-color: #282828;
border: none;
}
#view-display-id-block_2 li{
width: 410px;
}

div#block-views-forsida-slideshow-block{
margin-bottom: 40px;
}

/*-----------Flex slider youtube myndbönd block ---------*/
#view-dom-id-cc4a7fdca272a6630d5ac5145f124dd5 {
max-width: 200px;
width: 200px;
}
div#block-views-myndbond-block-2 {
width: 100%;
max-width: 1000px;
margin: 0 auto;
}

/*---------Viðburðir / Events theming -----*/
.views-field.views-field-field-stadur-vidburdur{
color: #7b7b7b;
font-weight: bold;
padding-top: 20px;
padding-left: 30px;
}
.stadur-Kjarvalsstaðir{
color: #03abdc;
}
.views-field.views-field-field-stadur-vidburdur .stadur-Hafnarhús{
color: #d42532;
}
.stadur-Ásmundarsafn{
color: #29a468;
}

/*-----------Næstu viðburðir á Kjarvalsstöðum -----------*/
/*-----------Næstu viðburðir á Kjarvalsstöðum endar -----------*/

.group-left > .social-share{
float: none;
right: initial;
}
}
/*--------------Media all endar ---------------*/
@media all and (min-width: 992px) {
.social-share {
   float: right;
   position: relative;
   background: #fff;
   top: 20px;
}
.ds-2col-stacked > .group-left {
width: 72%;
margin-right: 2%;
margin-bottom: 1em;
}
.ds-2col-stacked > .group-right {
width: 20%;
background-color: #fff;
padding: 20px;
padding-top: 6px;
color: #000;
}

.node-syningar.ds-2col-stacked > .group-right{
padding-top: 110px;
}

.ds-2col-stacked > .group-right a:link,
.ds-2col-stacked > .group-right a:visited{
color: #000;
}
div#block-views-naestu-vidburdir-block-3{
clear: both;
padding-top: 40px;
}

#block-views-naestu-vidburdir-block-2 li.views-fluid-grid-item,
#block-views-naestu-vidburdir-block-3 li.views-fluid-grid-item,
#block-views-naestu-vidburdir-block-4 li.views-fluid-grid-item,
#block-views-naestu-vidburdir-block-5 li.views-fluid-grid-item,
#block-views-vidburdir-tengdir-syningu-block li.views-fluid-grid-item{
position: relative;
}

#block-views-naestu-vidburdir-block .views-row-first,
#block-views-naestu-vidburdir-block-2 .views-row-first{
margin-left: 0px;
}
#block-views-naestu-vidburdir-block .views-row-last,
#block-views-naestu-vidburdir-block-2 .views-row-last{
margin-right: 0px;
}


#block-imageblock-2{
display: none;
}
/* ----- fela husa menu efst uppi ------*/
#block-menu-block-6 #hafnarhus-main-menu-link {
display: none; /*------- Fela menu linka ------------*/
}
#block-menu-block-6 #kjarvalsstadir-main-menu-link {
display: none;
}
#block-menu-block-6 #asmundarsafn-main-menu-link {
display: none;
}
#menu-2562-1 a li {
display: none;
}
#menu-2563-1 a li  {
display: none; /* ----- fela husa menu efst uppi ------*/
}
#block-imageblock-2 img {
width: 75%;
height: 75%;
}
.region-header #block-locale-language {
	right: 5em;
	z-index: 10;
	line-height: 2.4em;
}
#block-menu-menu-husin-menu-hvitt {
    margin-left: 80px;
}
}

@media all and (min-width: 1200px) {
h1#page-title{
margin-left: 0;
}
#block-menu-menu-husin-menu-hvitt,
#block-menu-menu-hus-menu{
margin-left: 320px;
}
#block-menu-menu-botn-menu {
float: left;
margin-left: 320px;
color: #fff;
}
div#block-views-ahugavert-efni-block-block-1 {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  clear: both;
  }

/*------------house-logo-------*/
#block-imageblock-8 img,
#block-imageblock-14 img,
#block-imageblock-10 img{
width: 100%;
}
/*----------Almennt------------------*/
#main {
height: 100%;
width: 100%;
margin: 0 auto;
background-color: #fff;
max-width: 1200px;
}
#block-search-form {
margin-right: 0;
}

#page-wrapper {
min-height: 100%;
min-width: 100px;
width: 100%;
max-width: 1280px;
margin-left: auto;
margin-right: auto;
}
body, body.overlay {
background: #e1e1e1;
}
.node-type-hafnarhus{
background: #282828;
}

.region.region-content{
   padding: 0;
}

/*------------Viðburðir-------------------*/
.ds-2col-fluid.node.node-vidburdir {
height: 210px;
margin-left: 0;
margin-right: 0;
}
.ds-2col-fluid.node.node-vidburdir:hover{
height: 210px;
}
#block-views-naestu-vidburdir-block .views-field-field-adalmynd-vidburdar{
height: 170px;
}
#block-views-naestu-vidburdir-block img{
width: 100%;
max-width: 370px;
height: 170px;
}


/*-----------logo á forsíðu---------------*/
#block-imageblock-1 {
/*margin-left: 80px;*/
}

/* -----Main-menu---- */
#block-menu-block-6 {
  max-width: 100%;
  margin-left: 0;
  padding-left: 0;
}
#block-menu-block-6 a {
font-size: 1em;
}
#block-menu-menu-hus-menu a {
font-size: 1em;
}

#block-block-8 {
width: 60%;
margin-left: 5%;
}

/* -----Sýningar---- */

/*--------------yfirstandandi sýningar view div --------------*/
div#block-views-e2a38ce814f0a9da89a07970b8ff4118,
div#block-views-e92f3a31a7e76032a660a72e4a1b5ba7,
div#block-views-8aaf602fc629ec3eba9709e3b9e1be22,
.view-syningar-hh,
.view-syningar-ks,
.view-syningar-as{
width: 380px;
margin-right: 20px;
}


/*.view-syningar-as picture:hover {
width: 362px;
height: 246px;
}
 .view-yfirstandandi-syningar-asmundarsafni picture:hover {
width: 100%;
height: auto;
}*/
.view-syningar-hh li,
.view-syningar-ks li,
.view-syningar-as li {
   height: 440px; 
   width: 100%;
}
.view-syningar-hh img {
    margin: 0;
}
/*
.view-syningar-hh picture:hover {
width: 362px;
height: 246px;
}*/

.view-yfirstandandi-syningar-hafnarhus picture:hover {
width: 100%;
height: auto;
}
}
@media all and (min-width: 1300px) {
/* -----Main-menu---- */
#block-menu-block-6 ul {
  max-width: 100%;
  padding-left: 0px;
}

.ds-2col-stacked.node.node-syningar.node-full.view-mode-full {
padding: 0;
}

.social-share {
right: 0;
}
}
@media all and (min-width: 1900px) {
/*-----------logo á forsíðu---------------*/
/* -----Main-menu---- */
#block-menu-block-6 a {
font-size: 1.1em;
}
#block-menu-menu-hus-menu a {
font-size: 1.1em;
}
#block-menu-menu-hus-menu {
  margin-left: 290px;
}
/* -----Main-menu----*/

#block-menu-block-6 li.menu-mlid-574 {
}
#block-search-form {
}
}