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

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

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

#hi_readspeaker_play > span.rsbtn_left.rsimg.rspart > span > span {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.7rem;
}
.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%;
}

/* photoswipe */
.pswp__dynamic-caption {
  font-size: 1.125rem;
}