/*
Theme Name: Nordisk Hjälp
Description: This is a custom theme for Nordisk Hjälp
Author: Design by Farzad
Author URI:  https://farzad.se
Template: salient
Version: 1.0
*/

/* ----- General ----- */
.nectar-button,
.nectar-button-type {
  text-transform: unset !important;
}

.default-logo {
  top: -5px !important;
}

.image-svg img {
  width: 150px !important;
}

.nectar-social {
  display: none;
}

.nectar-post-grid-item-bg img {
  aspect-ratio: 16/11 !important;
}

.nectar-scrolling-text[data-using-bg="true"] .background-image {
  border-radius: 20px;
}

/* ----- Header ----- */
body .sf-menu > li:not(.nectar-woo-cart):not(.slide-out-widget-area-toggle) {
  overflow: visible !important;
}

.weglot-lang .sub-menu {
  width: unset !important;
}


/* ----- Content ----- */
.page-header-bg-image {
  border-radius: 0 0 40px 40px;
}

/* ----- Single Blog Post ----- */
body.material #page-header-bg.fullscreen-header .inner-wrap > a {
  background-color: unset !important;
  padding: 0 !important;
  display: block !important;
}

.material #page-header-bg.fullscreen-header .inner-wrap > a {
  margin: 0 !important;
  margin-bottom: 1em !important;
}

body[data-ext-responsive="true"].single-post.material #page-header-bg.fullscreen-header h1 {
  margin: unset !important;
  background-color: #2a368c;
  color: white;
  line-height: 1.55;
  padding: 0.1em 0.2em;
  display: inline; /* krävs för att clone-tricket funkar */
  box-decoration-break: clone;

  @media screen and (max-width: 690px) {
    font-size: 29.5px !important;
  }
}

@media screen and (max-width: 690px) {
  article.post .post-header h2 {
    font-size: 29.5px !important;
    line-height: 1.2 !important;
  }
}

#page-header-bg.fullscreen-header .author-section {
  display: block !important;
  text-align: left !important;
}

.single .fullscreen-header .blog-title,
.single.single-post .fullscreen-header .blog-title {
  text-align: left !important;
}

/* ----- Blog ----- */
.post-featured-img img {
  border-radius: 20px;
}

.article-content-wrap .more-link {
  display: none;
}
