/**
Theme Name: Norco Hospitality Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: norco-astra-child
Template: astra
*/

html {
  font-size: 100%; /* 16px (standard i de flesta browsers) */
}


.dropshadow
{
    text-shadow: 1px 1px 1px #000;
}

.site-footer * {
    color: #ffffff;

}

.site-footer h5,
.site-footer .widget-title {
    font-weight: normal;
    text-transform: uppercase;
    font-size:14px;
    margin-bottom:5px;
}

.site-footer p,
.site-footer .widget_nav_menu li
{
    font-size:12px;
    line-height: 20px;
    
}

.site-footer p
{
    margin-bottom: 10px; 
}

.site-footer a:hover
{
    color: antiquewhite;
}

.ast-article-single .full-view-height:not(.three-cols) .wp-block-heading {
    font-size: 70px;
    color: #fff;
    line-height: 1.3;
    text-transform: uppercase;
    /* : 1px 1px 1px #000; */
}
body .wp-block-cover:not(.has-text-color.has-link-color) p,
.ast-article-single .full-view-height p
{
  font-size: 30px;
  color: #111;
  line-height: 1.5;
}

.home .ast-article-single .full-view-height p
{
  color: unset;
}

.ast-article-single .full-view-height .wp-block-buttons
{
  padding-top: 96px;
}
.full-view-height
{
    /* max-height: calc(100vh - 92px); */
    min-height: calc(100vh - 92px);
    
}

.single-post .full-view-height
{
  margin-bottom: 0;
}

.entry-content > .wp-block-cover.full-view-height
{
  padding: 0;
}

.ast-article-single .full-view-height .wp-block-columns,
.single-post .full-view-height .wp-block-columns
{
  max-width: 1960px;
  width: 1960px;
  /* padding-left: 20px;
  padding-right: 20px; */
  margin: auto;
}

.ast-article-single .full-view-height .wp-block-columns .wp-block-column:first-of-type,
.single-post .full-view-height .wp-block-columns .wp-block-column:first-of-type,
.ast-article-single .wp-block-columns.full-view-height:not(.three-cols) .wp-block-cover
{
  padding-left:150px;
  padding-top: var(--hero-title-offset);
}

.excerpt-arrow.white
{
  background-color: white;
}

a:hover .excerpt-arrow,
h2 a:hover::after {
  transform: translateX(3px);
  transition: transform 0.25s ease;
}


.three-cols .excerpt-arrow
{
  margin-left:0;
}

.ast-plain-container.blog .ast-grid-4 > .site-main > .ast-row
{
  margin-left: -20px;
}

.ast-article-inner {
    padding: 0;
}

.logged-in .full-view-height
{
    /* max-height: calc(100vh - 124px); */
    min-height: calc(100vh - 124px);
}

:root :where(.is-layout-flow) > * {
    margin-block-start: 10px;
}

.entry-content p
{
  margin-bottom: 1rem;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none !important;}
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6
{
    margin-bottom: 0;
}

h1.has-ast-global-color-4-color a::after, 
h2.has-ast-global-color-4-color a::after, 
h3.has-ast-global-color-4-color a::after, 
h4.has-ast-global-color-4-color a::after, 
h5.has-ast-global-color-4-color a::after, 
h6.has-ast-global-color-4-color a::after
{
  content: "";
  display: inline-block;
  /* background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 817 451.5" fill="currentColor"><path class="st0" d="M1803.7,219.2c12.5-12.5,12.5-32.8,0-45.3l-128-128c-12.5-12.5-32.8-12.5-45.3,0s-12.5,32.8,0,45.3l73.4,73.4h-434.7c-17.7,0-32,14.3-32,32s14.3,32,32,32h434.7l-73.4,73.4c-12.5,12.5-12.5,32.8,0,45.3s32.8,12.5,45.3,0l128-128h0Z"/><path d="M817,225.8l-219.9,219.9c-3.9,3.9-9,5.8-14.1,5.8s-10.2-2-14.1-5.8c-7.8-7.8-7.8-20.5,0-28.3l171.6-171.6h-408.4s-312,0-312,0c-11,0-20-9-20-20s9-20,20-20h720.5s-171.6-171.6-171.6-171.6c-7.8-7.8-7.8-20.5,0-28.3s20.5-7.8,28.3,0l219.9,219.9Z"/></svg>'); */
  color: #ffffff;
  /* Färgen på ikonen */
  background-color: #ffffff; 

  /* SVG som mask */
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 817 451.5'%3E%3Cpath d='M817,225.8l-219.9,219.9c-7.8,7.8-20.5,7.8-28.3,0-7.8-7.8-7.8-20.5,0-28.3l171.6-171.6H20c-11,0-20-9-20-20s9-20,20-20h720.5L568.9,34.2c-7.8-7.8-7.8-20.5,0-28.3s20.5-7.8,28.3,0l219.9,219.9z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 817 451.5'%3E%3Cpath d='M817,225.8l-219.9,219.9c-7.8,7.8-20.5,7.8-28.3,0-7.8-7.8-7.8-20.5,0-28.3l171.6-171.6H20c-11,0-20-9-20-20s9-20,20-20h720.5L568.9,34.2c-7.8-7.8-7.8-20.5,0-28.3s20.5-7.8,28.3,0l219.9,219.9z'/%3E%3C/svg%3E");

  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;

  -webkit-mask-size: contain;
  mask-size: contain;

  -webkit-mask-position: center;
  mask-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  transition: all 0.6s ease;
} 

h1.has-ast-global-color-4-color a:hover::after, 
h2.has-ast-global-color-4-color a:hover::after, 
h3.has-ast-global-color-4-color a:hover::after, 
h4.has-ast-global-color-4-color a:hover::after, 
h5.has-ast-global-color-4-color a:hover::after, 
h6.has-ast-global-color-4-color a:hover::after
{
    /* background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 106 53"><circle cx="16" cy="36" r="15" style="fill: %23fff;"/><g><circle cx="53" cy="36" r="15" style="fill: %23fff;"/></g><g><circle cx="90" cy="36" r="15" style="fill: %23fff;"/></g></svg>'); */
}

h2.has-ast-global-color-4-color a::after {
  width: 45px;
  height: 26px;
  margin-left: 10px;
  margin-top: -8px;
}

h4.has-ast-global-color-4-color a::after {
  width: 36px;
  height: 18px;
  margin-left: 10px;
  margin-top: 10px;
}

.norco-blockquote {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.norco-blockquote .wp-block-quote:not(.has-text-align-right):not(.has-text-align-center)
{
    border-left: none;  
}
.norco-blockquote .wp-block-quote
{
    position: relative;
}

.norco-blockquote .wp-block-quote p:first-of-type
{
    position: relative;
}

:root {
  --content-width: 1920px; /* Ändra om ditt tema är smalare/bredare */
  --hero-title-offset: 22vh; /* rekommenderat: 18vh–28vh */
}

/* Hela sektionen fyller hela fönstrets bredd */
.split-hero {
  width: 100vw;
  margin-left: calc(50% - 50vw) !important;
  height: calc(100vh - 92px);
}
.logged-in .split-hero
{
  height: calc(100vh - 124px);
  margin-top: -8px;
}
/* Två kolumner: bild vänster, text höger */
.split-hero__inner {
  display: grid;
  grid-template-columns: 60% 40%; /* 👈 Bild 60%, text 40% */
  height: 100%;
}

/* Bildkolumnen */
.split-hero__image {
  position: relative;
  overflow: hidden;
}

.split-hero__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* TEXTEN PÅ BILDEN — VERTIKALT CENTRERAD + RÄTT MARGINAL */
.split-hero__image-content {
  position: absolute;
  z-index: 5;
  max-width: 80%;
  padding-left: 150px;
  top: var(--hero-title-offset); /* ← styr vertikal startpunkt globalt */
  /* top: calc(50vh / 2 + 100px); */
}

/* Höger kolumn med vanlig content-bredd */
.split-hero__content {
  padding: 0 5rem;
  display: flex;
  /* padding-right: 5rem; */
  flex-direction: column;
  justify-content: center;
  height: 100%;
}

.split-hero__content p
{
  font-size: 24px !important;
  word-break: break-word;
  hyphens: auto;
}

.entry-content p {
    word-break: break-word;
    hyphens: auto;
}

/* NYTT: begränsa textbredden i högerkolumnen */
/* .split-hero__content-inner {
  max-width: 30rem;  /* testa 30–36rem efter smak */
  /*width: 100%;
} */

/* Mobil */
@media (max-width: 768px) {

  .split-hero__inner {
    flex-direction: column;
  }

  .split-hero__image-content {
    /* position: absolute; */
    left: 20px;
    top: auto;
    bottom: 20px;
    transform: none;
    max-width: 85%;
  }

  .split-hero__content {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

    .split-hero__content-inner {
    max-width: 100%;
  }
}

.ast-related-posts-title-section
{
  padding-bottom: 0;
}

/* .category-kunskapsbank.hentry {
    margin-bottom: 2.5rem;
} */

.category-kunskapsbank .post-content {
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.twocolumns p,
.twocolumns ul{
  break-inside: avoid; /* Förhindrar att stycken bryts mitt i */
}

#tooltip {
  position: fixed;
  background: rgba(255, 255, 255, 0.95);
  border: 1px solid #ccc;
  padding: 8px 12px;
  border-radius: 6px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  font-size: 14px;
  max-width: 250px;
  pointer-events: none;
  display: none;
  z-index: 10000;
  color: #333;
}

path {
  cursor: pointer;
}

.ast-desktop .ast-menu-hover-style-underline > .menu-item-has-children:hover > .menu-link:before
{
    background-color: unset;
}

      /* Fyll ytan och zooma: hög specifikhet + !important */
      .wp-block-cover.kb-zoom > img.wp-block-cover__image-background {
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        max-width: none !important;
        max-height: none !important;
        width: auto !important;
        height: auto !important;
        min-width: 100% !important;
        min-height: 100% !important;
        transform-origin: center center !important;
        will-change: transform;
        animation: kbZoomFix 20s ease-in-out infinite alternate !important;
      }

      /* Behåll centrerings-translate och lägg bara till scale */
      @keyframes kbZoomFix {
        0%   { transform: translate(-50%, -50%) scale(1.02); }
        100% { transform: translate(calc(-50% + 56px), calc(-50% - 56px)) scale(1.58); }
      }

      /* Pausa vid hover (valfritt) */
      /* .wp-block-cover.kb-zoom:hover > img.wp-block-cover__image-background {
        animation-play-state: paused;
      } */

      /* Mindre rörelse på mobil */
      @media (max-width: 782px) {
        .wp-block-cover.kb-zoom > img.wp-block-cover__image-background {
          animation-duration: 26s !important;
        }
      }

      /* Respekt för reducerad rörelse */
      @media (prefers-reduced-motion: reduce) {
        .wp-block-cover.kb-zoom > img.wp-block-cover__image-background {
          animation: none !important;
          transform: translate(-50%, -50%) scale(1) !important;
        }
      }


        .three-cols h2 a
  {
    font-size: 3rem;
  }


@media (min-width: 768px) {
  .twocolumns {
    columns: 2;
    column-gap: 48px;
    max-width: 1440px;
    width: 1440px;
  }
}

@media (max-width: 767px) {
  .twocolumns {
    columns: 1;
  }
}

@media (min-width: 1960px) {
  .split-hero__content
  {
    padding-right: calc((100vw - min(var(--content-width), 100vw)) / 2);
  }
  .split-hero__image-content
  {
    left: calc((100vw - var(--content-width)) / 2);
  }
  .three-cols h2 a
  {
    
    font-size: 4.5rem;
  }

}

/* Laptops */
@media (max-height: 900px) {
  :root {
    --hero-title-offset: 14vh; /* mindre vertikalt avstånd på mobil */
  }
}


/* Mellanstora skärmar */
@media (max-width: 1200px) {

  html {
    font-size: 93.75%; /* 15px */
  }

  .three-cols a
  {
    font-size: 40px;
    font-size: 3.5rem;
  }

}

/* Mindre surfplattor */
@media (max-width: 900px) {
  html {
    font-size: 87.5%; /* 14px */
  }
      .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
        flex-basis: 100% !important;
    }
}

/* Mobil */
@media (max-width: 600px) {
  html {
    font-size: 81.25%; /* 13px */
  }
}

/* ============================
   GRUND: BLOCK & KONTEXT
   ============================ */

.story-media-animate {
  position: relative;
  overflow: hidden;
  background: var(--ast-global-color-6);
  color: var(--ast-global-color-0);
}

/* Media wrapper */
.story-media-animate .wp-block-media-text__media {
  position: relative;
  overflow: hidden;
}

/* Text wrapper */
.story-media-animate .wp-block-media-text__content {
  position: relative;
}


/* ============================
   BILD: STATISK FILMLOOK
   ============================ */

.story-media-animate .wp-block-media-text__media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: relative;
  z-index: 1;
}

/* ============================
   TEXT: REN & STABIL
   ============================ */

.story-media-animate .wp-block-media-text__content > * {
  opacity: 1;
  transform: none;
  filter: none;
}

.story-media-animate .wp-block-media-text__content  p {
    text-align: justify;
    word-break: normal;
    hyphens: none;
}

.wp-block-quote:not(.has-text-align-right):not(.has-text-align-center)
{
  border-left: none;
}