@charset "UTF-8";
/* Insert your custom CSS styles */
.c-font-eb-blue-light {
  color: #00A3E0 !important; }

.c-font-eb-blue-dark {
  color: #0033A0 !important; }

.c-btn-eb-blue-light {
  background: #00A3E0;
  border-color: #00A3E0;
  border-width: 1px;
  color: white; }

.c-btn-eb-red {
  background: #C3251B;
  border-color: #C3251B;
  border-width: 1px;
  color: white; }

.c-btn-eb-blue-dark {
  background: #0033A0;
  border-color: #0033A0;
  border-width: 1px;
  color: white; }

.c-theme-eb-bg-dark {
  background: #0033A0; }

.c-theme-eb-bg-light {
  background: #00A3E0; }

.c-theme-eb-bg {
  background: #F5F5F5; }

.c-theme-eb-bg-darken {
  background: gainsboro; }

.c-theme-eb-bg-lighten {
  background: white; }

0.chosen-container-active .chosen-single, .chosen-container-active.chosen-with-drop .chosen-single {
  border-color: #cccccc;
  border-color: rgba(82, 168, 236, 0.8);
  outline: 0;
  outline: thin dotted \9;
  box-shadow: 0 0 8px rgba(82, 168, 236, 0.6); }

.chosen-container-single .chosen-single {
  height: 46px;
  border-radius: unset; }
  .chosen-container-single .chosen-single span {
    padding-top: 10px; }
  .chosen-container-single .chosen-single div {
    margin-top: 5px; }
    .chosen-container-single .chosen-single div b {
      margin-top: 2px; }

.form-control {
  color: #757575;
  background-color: white;
  padding: unset; }
  .form-control .input-lg {
    padding: unset; }

.c-breadcrumbs-wrapper {
  padding-top: 5em; }
  @media (max-width: 768px) {
    .c-breadcrumbs-wrapper {
      padding-top: 3em; } }

.eb-tags {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  list-style: none;
  padding-left: 1em; }
  .eb-tags li {
    margin: 0.25em; }

.eb-vefflokkar {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  list-style: none;
  padding-left: 1em; }
  .eb-vefflokkar li {
    margin: 0.25em; }

.c-content-title-eb h3 {
  font-size: 28px;
  color: #3f444a;
  font-weight: 500; }

.eb-p-divider-1 {
  margin-bottom: 0.5em; }

.commerce-product-extra-field-sku,
.field-name-field-product-vendor-name {
  color: #7f8c97;
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  font-style: italic; }

.field-name-field-product-vendor-name {
  float: right; }

.commerce-price-savings-formatter-price {
  padding-left: 1em; }

.commerce-add-to-cart #edit-quantity {
  margin-top: 10px; }

.commerce-add-to-cart .c-margin-t-20 {
  margin-top: unset; }

.commerce-add-to-cart .c-input-group-btn-vertical {
  margin-top: 10px; }

.commerce-add-to-cart input[type="submit"] {
  padding: 6px 12px 6px 12px;
  font-size: 12px;
  padding-top: 14px;
  padding-bottom: 9px;
  width: 100% !important;
  background: #5DC09C;
  border-color: #5DC09C; }
  .commerce-add-to-cart input[type="submit"]:hover {
    background: #4bb991;
    border-color: #4bb991; }

.c-content-title-1 > h3.c-font-uppercase {
  font-size: 28px; }

.related-files {
  padding-top: 2em; }
  .related-files ul {
    margin: 0;
    padding: 1em; }
  .related-files li {
    text-align: center;
    width: 31.9%;
    margin-bottom: 3px !important;
    display: inline-block;
    font-size: 18px; }
  .related-files a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 10px;
    font-size: 18px;
    text-decoration: none; }
  .related-files i {
    text-align: center; }

#ebinventory {
  margin-top: 1em;
  margin-bottom: 1em; }
  #ebinventory .eb-inventory-group {
    padding-left: 2em; }

.serpontun a {
  color: white; }
  .serpontun a:hover {
    color: white; }

.attribute-widgets label {
  display: block;
  font-weight: bold; }

.attribute-widgets .form-radios .form-type-radio {
  display: inline-block; }
  .attribute-widgets .form-radios .form-type-radio label {
    color: #009ddc;
    padding: 4px;
    cursor: pointer; }
  .attribute-widgets .form-radios .form-type-radio input {
    visibility: hidden; }
    .attribute-widgets .form-radios .form-type-radio input:checked + label {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      background-color: #008fc9;
      color: white;
      min-width: 1em;
      border-radius: 5%;
      vertical-align: middle;
      font-weight: bold; }

.attribute-widgets .form-item.form-type-select label {
  display: block; }

.attribute-widgets .form-item.form-type-select select {
  width: 30%;
  color: #009ddc;
  text-transform: capitalize;
  height: 45px;
  padding: 0 0.5em;
  border: 1px solid #d4d4d4; }

/* set tabstop=8 softtabstop=0 expandtab shiftwidth=4 smarttab */
.facetapi-checkbox {
  margin: 4px 4px 0 0 !important; }

.facetapi-facet-field-vefflokkur {
  padding-left: 1em;
  list-style: none; }
  .facetapi-facet-field-vefflokkur ul {
    list-style: none; }

.facetapi-active a {
  color: #8c2e0b; }

#block-facetapi-jminrl1q8h3xgvcm30slxvpckhzxr5zu ul li.expanded {
  color: #74818c; }
  #block-facetapi-jminrl1q8h3xgvcm30slxvpckhzxr5zu ul li.expanded .facetapi-active {
    font-weight: 400; }
    #block-facetapi-jminrl1q8h3xgvcm30slxvpckhzxr5zu ul li.expanded .facetapi-active:before {
      content: '\F105';
      font-family: 'FontAwesome';
      float: left;
      margin-left: -0.5em; }

#block-facetapi-jminrl1q8h3xgvcm30slxvpckhzxr5zu ul li.leaf {
  color: #74818c; }

.current-search-item-active-items ul {
  list-style-type: none; }

.current-search-item h3 {
  margin-top: 15px; }

.current-search-item ul {
  list-style-type: none;
  padding: 0;
  overflow: hidden;
  *zoom: 1; }

.current-search-item li {
  float: left;
  margin-right: 15px;
  padding: 5px 5px;
  line-height: initial;
  font-weight: 400;
  border: 1px solid  #0099db;
  border-radius: 16px;
  color: white;
  background-color: #0099db;
  transition: background-color 0.2s ease;
  cursor: pointer; }
  .current-search-item li a {
    font-size: 0px;
    color: white;
    vertical-align: text-bottom; }
    .current-search-item li a:before {
      display: inline-block;
      font-style: normal;
      font-variant: normal;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      font-family: FontAwesome;
      content: "\F205";
      font-size: 20px;
      color: white;
      padding: 5px 5px;
      margin-right: 4.5px;
      vertical-align: baseline; }
  .current-search-item li:hover {
    background-color: #007bb6;
    border-color: #007bb6;
    color: #ffffff; }
    .current-search-item li:hover a:before {
      color: #ffffff; }

.facetapi-facet-field-product-tags {
  padding: 0.5em;
  list-style: none; }

/*
#facetapi-facet-search-apiproduct-display-block-field-product-tags {
text-align: center;
li {
display:  inline;
}
}
 */
.facetapi-facet-field-product-vendor-name {
  padding: 0.5em;
  list-style: none; }

/*.facetapi-facet-field-productsfield-nav-skalastaerd*/
.facetapi-facetapi-checkbox-links {
  padding: 0.5em;
  list-style: none; }

.view-verslun .view-content .row,
.view-verslun-search-api .view-content .row {
  padding-top: 1em;
  padding-bottom: 1em; }

.view-verslun .view-content .row-last,
.view-verslun-search-api .view-content .row-last {
  clear: right; }

.view-verslun .view-content .row-first,
.view-verslun-search-api .view-content .row-first {
  clear: left; }

.views-exposed-form {
  margin-bottom: unset; }
  .views-exposed-form label {
    font-size: 14px;
    color: #00A3E0;
    font-weight: lighter; }
  .views-exposed-form .views-exposed-widget {
    float: left;
    width: 65%; }
  .views-exposed-form .views-widget-per-page {
    float: right;
    width: 27%; }
    .views-exposed-form .views-widget-per-page label {
      font-size: 14px; }

#taglist {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  list-style: none;
  text-transform: capitalize;
  padding: inherit; }
  #taglist li {
    margin: 2px; }

.verslun-main-content {
  background: #F5F5F5; }

.c-seperator-wrapper {
  margin-left: 2em !important;
  margin-right: 1em !important;
  margin-top: 3em !important; }

@media (min-width: 992px) {
  .c-mega-menu {
    display: inline !important; } }

.c-mega-menu .c-cart-toggler-wrapper {
  color: #579BCC !important; }

.c-content-product-2 {
  height: 100%; }

.eb-color-lightblue {
  color: #579BCC !important; }

@media (min-width: 992px) {
  .c-brand {
    padding-right: 2em; } }

.c-btn-product {
  border: none;
  color: white !important; }

.verslun-afmorkun {
  padding-left: 0px;
  padding-right: 23px;
  margin-right: 0.5em;
  /* or 4n+1 */ }
  .verslun-afmorkun:nth-child(4n-7) {
    padding-right: unset; }
  .verslun-afmorkun:last-child {
    clear: right; }
  .verslun-afmorkun:only-child {
    clear: both; }

.select-style {
  border: 1px solid #ccc;
  width: 95%;
  border-radius: 0px;
  overflow: hidden; }
  .select-style select {
    padding: 5px 8px;
    width: 130%;
    border: none;
    box-shadow: none;
    background: transparent;
    background-image: none;
    -webkit-appearance: none; }
    .select-style select:focus {
      outline: none; }

.truncate {
  width: 250px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.facetapi-facet-field-product-vendor-name,
.facetapi-facet-field-product-tags {
  padding: unset; }

.row-first {
  clear: left; }

/*
.facetapi-facet-field-vefflokkur,
.facetapi-facet-field-product-vendor-name,
.facetapi-facet-field-product-tags {
//colors
$color_pickled_bluewood_approx: #2c3e50;
$white: #fff;
$color_tree_poppy_approx: #f39c12;

select {
appearance: none;
outline: 0;
//Instead of the line below you could use @include box-shadow($shadow-1, $shadow-2, $shadow-3, $shadow-4, $shadow-5, $shadow-6, $shadow-7, $shadow-8, $shadow-9, $shadow-10)
box-shadow: none;
border: 0 !important;
background: $color_pickled_bluewood_approx;
background-image: none;
width: 100%;
height: 100%;
margin: 0;
padding: 0 0 0 .5em;
color: $white;
cursor: pointer;
}
.form-group {
position: relative;
display: block;
width: 20em;
height: 3em;
line-height: 3;
background: $color_pickled_bluewood_approx;
overflow: hidden;
//Instead of the line below you could use @include border-radius($radius, $vertical-radius)
border-radius: .25em;
&:hover::after {
color: $color_tree_poppy_approx;
}
}
select::-ms-expand {
display: none;
}
.form-group::after {
content: '\25BC';
position: absolute;
top: 0;
right: 0;
bottom: 0;
padding: 0 1em;
background: $color_pickled_bluewood_approx;
pointer-events: none;
//Instead of the line below you could use @include transition($transition-1, $transition-2, $transition-3, $transition-4, $transition-5, $transition-6, $transition-7, $transition-8, $transition-9, $transition-10)
transition: .25s all ease;
}
}
 */
/*
.facetapi-facet-field-vefflokkur {
//colors
$color_celeste_approx: #ccc;
$white: #fff;
$black: #000000;

.form-group {
padding: 0;
margin: 0;
border: 1px solid $color_celeste_approx;
width: 120px;
//Instead of the line below you could use @include border-radius($radius, $vertical-radius)
border-radius: 3px;
overflow: hidden;
background-color: $white;
background: $white;
position: relative;
&:after {
top: 50%;
left: 85%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(0, 0, 0, 0);
border-top-color: $black;
border-width: 5px;
margin-top: -2px;
z-index: 100;
}
select {
padding: 5px 8px;
width: 130%;
border: none;
//Instead of the line below you could use @include box-shadow($shadow-1, $shadow-2, $shadow-3, $shadow-4, $shadow-5, $shadow-6, $shadow-7, $shadow-8, $shadow-9, $shadow-10)
box-shadow: none;
background-color: transparent;
background-image: none;
appearance: none;
&:focus {
outline: none;
}
}
}


}
 */
a {
  color: #0061aa; }
  a:hover {
    color: #009ddc; }

#menu-left a {
  color: #0061aa; }
  #menu-left a:hover {
    color: #009ddc; }

.node-product-teaser {
  margin-bottom: 1em; }
  .node-product-teaser .c-title {
    color: #3262A4;
    text-transform: uppercase; }

/* Logo: */
.eb-verslun-image {
  /* Small Devices, Tablets */
  /* Medium Devices, Desktops */
  /* Large Devices, Wide Screens */ }
  @media only screen and (min-width: 1200px) {
    .eb-verslun-image {
      min-height: 400px;
      max-height: 400px; } }
  .eb-verslun-image .img-responsive {
    margin-left: auto !important;
    margin-right: auto !important; }

/* Small Devices, Tablets */
@media only screen and (min-width: 768px) {
  .c-font-verslun-title {
    font-size: 20px !important;
    width: 400px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .price-label {
    display: none; }
  .truncate {
    width: 400px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; } }

/* Medium Devices, Desktops */
@media only screen and (min-width: 992px) {
  .price-label {
    display: inline; } }

/* Large Devices, Wide Screens */
.eb-verslun-button-group {
  bottom: 0;
  left: 0;
  position: absolute;
  margin-left: 1em;
  margin-right: 1em; }

#eb-footer-menu-left .content {
  float: left; }
  #eb-footer-menu-left .content ul {
    list-style: none;
    font-weight: 400; }
  @media (max-width: 768px) {
    #eb-footer-menu-left .content ul {
      list-style: none;
      font-weight: inherit; } }

#eb-footer-menu-right .content {
  float: right;
  padding-right: 3em; }
  #eb-footer-menu-right .content ul {
    list-style: none;
    font-weight: 400; }
  @media (max-width: 768px) {
    #eb-footer-menu-right .content {
      float: left; }
      #eb-footer-menu-right .content ul {
        list-style: none;
        font-weight: inherit; } }

@media (max-width: 768px) {
  .eb-storetext {
    line-height: 80%; } }

.footer-flex-container {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  flex-flow: row wrap; }

@media (max-width: 768px) {
  .flex-item-outer:nth-of-type(1) {
    order: 1; }
  .flex-item-outer:nth-of-type(2) {
    order: 3; }
  .flex-item-outer:nth-of-type(3) {
    order: 2; } }

@media (max-width: 768px) {
  .flex-item-inner {
    font-size: 14px; }
    .flex-item-inner .opening-hours {
      display: none; }
    .flex-item-inner:nth-of-type(1) {
      order: 3; }
    .flex-item-inner:nth-of-type(2) {
      order: 2; }
    .flex-item-inner:nth-of-type(3) {
      order: 1;
      clear: right; }
    .flex-item-inner:nth-of-type(4) {
      order: 4; }
    .flex-item-inner:nth-of-type(5) {
      order: 5; }
    .flex-item-inner:nth-of-type(6) {
      order: 6; } }

#myFooter {
  background-color: #3c3d41;
  color: white;
  padding-top: 30px; }
  #myFooter .footer-copyright {
    background-color: #333333;
    padding-top: 3px;
    padding-bottom: 3px;
    text-align: center; }
    #myFooter .footer-copyright p {
      margin: 10px;
      color: #ccc; }
  #myFooter .row {
    margin-bottom: 60px; }
  #myFooter .navbar-brand {
    margin-top: 45px;
    height: 65px; }
  #myFooter ul {
    list-style-type: none;
    padding-left: 0;
    line-height: 1.7; }
  #myFooter h5 {
    font-size: 18px;
    color: white;
    font-weight: bold;
    margin-top: 30px; }
  #myFooter a {
    color: #d2d1d1;
    text-decoration: none; }
    #myFooter a:hover {
      text-decoration: none;
      color: white; }
    #myFooter a:focus {
      text-decoration: none;
      color: white; }
  #myFooter .social-networks {
    text-align: center;
    padding-top: 30px;
    padding-bottom: 16px; }
    #myFooter .social-networks a {
      font-size: 32px;
      color: #f9f9f9;
      padding: 10px;
      transition: 0.2s; }
      #myFooter .social-networks a:hover {
        text-decoration: none; }
  #myFooter .btn {
    color: white;
    background-color: #d84b6b;
    border-radius: 20px;
    border: none;
    width: 150px;
    display: block;
    margin: 0 auto;
    margin-top: 10px;
    line-height: 25px; }
  #myFooter h2 a {
    font-size: 50px;
    text-align: center;
    color: white; }
  #myFooter .facebook:hover {
    color: #0077e2; }
  #myFooter .google:hover {
    color: #ef1a1a; }
  #myFooter .twitter:hover {
    color: #00aced; }
  #myFooter .instagram:hover {
    color: #DCDCDC; }

@media screen and (max-width: 767px) {
  #myFooter {
    text-align: center; } }

#stbFooter {
  background-color: white;
  padding-top: 30px; }
  #stbFooter .footer-copyright {
    background-color: #333333;
    padding-top: 3px;
    padding-bottom: 3px;
    text-align: center; }
    #stbFooter .footer-copyright p {
      margin: 10px; }
  #stbFooter .row {
    margin-bottom: 60px; }
  #stbFooter .navbar-brand {
    margin-top: 45px;
    height: 65px; }
  #stbFooter ul {
    list-style-type: none;
    padding-left: 0;
    line-height: 1.7; }
  #stbFooter h5 {
    font-size: 18px;
    font-weight: bold;
    margin-top: 30px; }
  #stbFooter a {
    text-decoration: none; }
    #stbFooter a:hover {
      text-decoration: none; }
    #stbFooter a:focus {
      text-decoration: none; }
  #stbFooter .social-networks {
    text-align: center;
    padding-top: 30px;
    padding-bottom: 16px; }
    #stbFooter .social-networks a {
      font-size: 32px;
      color: #f9f9f9;
      padding: 10px;
      transition: 0.2s; }
      #stbFooter .social-networks a:hover {
        text-decoration: none; }
  #stbFooter .btn {
    color: white;
    background-color: #d84b6b;
    border-radius: 20px;
    border: none;
    width: 150px;
    display: block;
    margin: 0 auto;
    margin-top: 10px;
    line-height: 25px; }
  #stbFooter h2 a {
    font-size: 50px;
    text-align: center; }
  #stbFooter .facebook:hover {
    color: #0077e2; }
  #stbFooter .google:hover {
    color: #ef1a1a; }
  #stbFooter .twitter:hover {
    color: #00aced; }

@media screen and (max-width: 767px) {
  #myFooter {
    text-align: center; } }

.c-layout-eb-slider-1 .c-highlight-title {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 5px !important;
  text-align: center; }

.c-layout-eb-slider-1 .c-sub-title {
  display: none; }

.c-layout-eb-slider-1 .c-slider-line {
  height: 1px;
  width: 80%;
  display: block;
  margin: 0 auto 5px auto !important; }

.c-layout-eb-slider-1 p {
  text-align: center; }

.c-layout-eb-slider-1 .btn-eb-slide {
  padding: 6px 8px 4px 8px; }

.c-layout-eb-slider-2 .c-highlight-title {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 5px !important;
  text-align: center; }

.c-layout-eb-slider-2 .c-sub-title {
  display: none; }

.c-layout-eb-slider-2 .c-slider-line {
  display: none; }

.c-layout-eb-slider-2 p {
  text-align: center; }

.c-layout-eb-slider-2 .btn-eb-slide {
  padding: 6px 8px 4px 8px; }

@media (min-width: 576px) {
  .c-layout-eb-slider-1 .c-highlight-title {
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 10px !important;
    text-align: center; }
  .c-layout-eb-slider-2 .c-highlight-title {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 10px !important;
    text-align: center; } }

@media (min-width: 768px) {
  .c-layout-eb-slider-1 .c-highlight-title {
    font-size: 60px;
    font-weight: 600;
    margin-bottom: 10px !important;
    text-align: center; }
  .c-layout-eb-slider-1 .c-sub-title {
    display: block; }
  .c-layout-eb-slider-1 .btn-eb-slide {
    padding: 11px 26px 9px 26px; } }

@media (min-width: 992px) {
  .c-layout-eb-slider-1 .c-highlight-title {
    font-size: 80px;
    font-weight: 600;
    margin-bottom: 10px !important;
    text-align: center; } }

/*Overlay Dökkur texti*/
.c-content-overlay-dark-text h3 {
  background-color: rgba(47, 53, 59, 0.4) !important; }

.c-content-overlay-dark-text .c-line {
  border-top: none;
  border-bottom: none; }

.c-content-overlay-dark-text .c-btn-grey-1 {
  color: #777777;
  background: #f7f7f7;
  opacity: 0.9; }
  .c-content-overlay-dark-text .c-btn-grey-1:hover {
    color: #f7f7f7;
    background: none; }

.c-content-overlay-text-margin-30 h3 {
  margin: 30px 0; }

.c-content-overlay-text-margin-40 h3 {
  margin: 40px 0; }

.c-content-overlay-text-margin-50 .c-wrapper {
  padding: 30% 0; }

.c-content-product-5 .c-detail {
  position: absolute;
  bottom: 0;
  padding: 30px 45px;
  width: 100%; }

.eb-tb-padding-40 .c-wrapper.c-center-vertical {
  padding: 40% 0; }

.eb-bakgrunnur-grar {
  padding: 0.5em;
  border-radius: 0.5em;
  background-color: rgba(238, 238, 238, 0.7) !important; }

.eb-staff {
  padding-top: 2em;
  padding-bottom: 2em; }
  .eb-staff .c-name {
    font-size: 16px !important; }
  .eb-staff .c-position {
    font-size: 12px !important; }

@media (min-width: 992px) and (max-width: 1199px) {
  .eb-staff .c-name {
    font-size: 12 !important; }
  .eb-staff .c-position {
    font-size: 10px !important; } }

.c-form-register input, #user-login input {
  border-left: 3px solid;
  transition: border-color 1s ease-out; }
  .c-form-register input[type="text"], #user-login input[type="text"] {
    padding-left: 1em; }
  .c-form-register input[type="password"], #user-login input[type="password"] {
    padding-left: 1em;
    border-left-color: #C3251B; }
  .c-form-register input:required, #user-login input:required {
    border-left-color: #C3251B; }
    .c-form-register input:required:not(:placeholder-shown), #user-login input:required:not(:placeholder-shown) {
      border-color: #C3251B; }
    .c-form-register input:required:valid, #user-login input:required:valid {
      border-color: #88a109; }