/* overwrite ul height on create from template page so title doesn't overlap */
.template-list ul.category-list {
  min-height: 300px;
}

.template-list ul.category-list li{
  min-height: 250px;
}

/* Readspeaker */
#hi_readspeaker_play,
#hi_readspeaker_button > div > span {
  background-color: #ffffff;
  border: 1px solid #d3d3d3;
  border-radius: 2px;
  height: 44px;
  min-width: 44px;
}

#hi_readspeaker_button > button {
  background-color: #ffffff !important;
  border: 1px solid #d3d3d3 !important;
  min-width: 44px;
}

#hi_readspeaker_play > span.rsbtn_left.rsimg.rspart > span > span {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.7rem;
}

#hi_readspeaker_play > span.rsbtn_left.rsimg.rspart {
  margin-left: 3.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

#hi_readspeaker_play > span.rsbtn_right.rsimg.rsplay.rspart {
  min-width: 44px;
  margin: 0;
  margin-left: 7px;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
#hi_readspeaker_play > span.rsbtn_left.rsimg.rspart > span {
  height: unset;
}

.rs_addtools a,
.rs_addtools span,
.rsbtn a,
.rsbtn span {
  font-family: 'Atkinson Hyperlegible', serif !important;
}

#hi_readspeaker_play > span.rsbtn_right.rsimg.rsplay.rspart::before,
#hi_readspeaker_button > div.rsbtn_exp.rsimg.rspart > span > button.rsbtn_pause.rsbtn_player_item > span.rsicn.rsicn-pause::before,
#hi_readspeaker_button > div > span > span.rsbtn_volume_container.rsbtn_dropdown > input,
#hi_readspeaker_button > div > span > span.rsbtn_speed_container.rsbtn_dropdown > input,
#rs-controlpanel > button.rs-controlpanel-btn.rs-controlpanel-playpause > span::before,
#rs-controlpanel > button.rs-controlpanel-scroll-toggler.enabled > span.rs-controlpanel-scroll-state {
  color: #bf125d !important;
}
.rsbtn_player_item:active,
.rsbtn_player_item:focus {
  background-color: #e5edff !important;
}

.rsbtn .rsbtn_play:focus .rsbtn_left .rsbtn_text span,
.rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item:focus span.rsicn {
  color: #000 !important;
}
#rs-controlpanel,
#hi_readspeaker_button > div > span > span.rsbtn_dropdown {
  background-color: #ffffff !important;
}

#rs-controlpanel button:active,
#rs-controlpanel button:focus {
  background-color: #e5edff !important;
  color: #000;
}

#rs-controlpanel button:focus.rs-controlpanel-scroll-toggler span {
  color: #000 !important;
}

#hi_readspeaker_button > div > span > span.rs-player-loadindicator {
  background: #f4b8ce;
}

#hi_readspeaker_button > div > span > span.rs-player-loadindicator > span.rsbtn-progress {
  background: #bf125d;
}


#hi_readspeaker_button > div > span > span.rsbtn_speed_container.rsbtn_dropdown > input.rs-slider,
#hi_readspeaker_button > div > span > span.rsbtn_volume_container.rsbtn_dropdown > input.rs-slider {
  accent-color: #bf125d;
}

/* footer blockir */

#block-custom-custom-contact p,
#block-custom-volcano-contactus p,
#block-custom-openinghours p {
  font-size: 0.875rem;
  font-weight: 700;
}

/* Skólasamningar */

#view-field-land-table-column,
#view-field-borg-table-column,
#view-field-tegund-samnings-table-column {
  width: 7%;
  min-width: 7%;
}
#hi_readspeaker_button > div > span > button {
  min-width: 44px;
}

#rs-controlpanel {
  display: flex;
  min-height: 48px;
}

#rs-controlpanel .rsicn-logo {
  top: 8px !important;
}
#rs-controlpanel button {
  min-height: 44px !important;
  min-width: 44px !important;
}

#results-loading-wrapper {
  position: relative;
  min-height: 100px;
}

/* Hylkið utan um Quartz */
#results-loading-wrapper {
  position: relative;
  min-height: 150px; /* Tryggir að spinnerinn sjáist þótt engar niðurstöður séu */
}

/* Hylkið utan um Quartz */
#results-loading-wrapper {
  position: relative;
  min-height: 150px;
}

/* Overlay og Spinner */
#results-loading-wrapper.is-throttled::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* Bakgrunnur með litnum þínum #10099F (skrifað sem %2310099F) */
  background: rgba(255, 255, 255, 0.7) url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" fill="none" stroke="%2310099F" stroke-width="8" r="35" stroke-dasharray="164.93361431346415 56.97787143782138"><animateTransform attributeName="transform" type="rotate" repeatCount="indefinite" dur="1s" values="0 50 50;360 50 50" keyTimes="0;1"></animateTransform></circle></svg>');
  background-repeat: no-repeat;
  background-position: center 80px; /* Stillir hversu neðarlega spinnerinn birtist */
  background-size: 60px;
  z-index: 100;
  display: block;
}

/* Dofna Quartz hlutann */
#results-loading-wrapper.is-throttled qz-section {
  opacity: 0.25;
  filter: blur(0.5px);
  pointer-events: none;
}

/* Spinner fyrir takkann þegar smellt hefur verið á hann */
input[type="submit"].is-loading {
  color: transparent !important;
  position: relative;
  background-color: #10099F; /* Haltu bláa litnum þínum */
  background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" fill="none" stroke="white" stroke-width="10" r="35" stroke-dasharray="164.9 56.9"><animateTransform attributeName="transform" type="rotate" repeatCount="indefinite" dur="1s" values="0 50 50;360 50 50"/></circle></svg>');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 22px;
  pointer-events: none; /* Kemur í veg fyrir fleiri smelli */
  opacity: 0.8;
}
/* spinner fyrir infinite scroll síður */
.infinite-scroll-loader.is-loading::after {
  content: "";
  display: block;
  width: 60px;
  height: 60px;
  margin: 2rem auto;

  background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" fill="none" stroke="%2310099F" stroke-width="8" r="35" stroke-dasharray="164.93361431346415 56.97787143782138"><animateTransform attributeName="transform" type="rotate" repeatCount="indefinite" dur="1s" values="0 50 50;360 50 50" keyTimes="0;1"></animateTransform></circle></svg>');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 60px;
}

.infinite-scroll-loader.is-loading {
  display: block;
}

/* Sitewide alerts */
.sitewide-alert.alert-info {
  background-color: #BF125D;
  color: white;
}