/**
Theme Name: Ledarportal.se
Author: Reklam & Co
Author URI: https://reklamco.se/
Description: Custom theme for Ledarportal.se
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: ledarportal-se
Template: astra
*/

/* Bakgrund */

.bkg1 .fl-row-content-wrap {
    background-size: 60%;
    background-position: 125% 120%;
}


/* Rubriker i mega-menu */
.mega-sub-menu .menu-header a {
    font-size: 20px !important;
    font-weight: 700 !important;
}



#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu {
    top: 80px !important;
}

.taxonomier a {
    background-color: #ffffff;
    padding: 6px 25px;
    border-radius: 30px;
    font-size: 16px;
    font-weight: 700;
    display: inline-block;
    margin-top: 5px;
}

.taxonomier {
    text-align: center;
}

.marquee {
  position: relative;
  width: 100vw;
  max-width: 100%;
  height: 66px;
  overflow-x: hidden;
  color: #ffffff;
}

.marquee2 {
  position: relative;
  width: 100vw;
  max-width: 100%;
  height: 156px;
  overflow-x: hidden;
  color: #ffffff;
}

.track {
  position: absolute;
  white-space: nowrap;
  will-change: transform;
  animation: marquee 60s linear infinite;
}

.track2 img {
    margin-left:70px;
}

.track2 {
  position: absolute;
  white-space: nowrap;
  will-change: transform;
  animation: marquee 50s linear infinite;
  font-size: 18px;
  font-family: cartograph-cf;
  text-transform: uppercase;
}

.track img {
    margin-right: 15px !important;
    margin-left: 7px !important;
}

.bkg2 .fl-row-content-wrap {
    background-size: 50% !important;
    background-position: 145% 100% !important;
}

.bkg3 .fl-row-content-wrap {
    background-size: 30% !important;
    background-position: -50px 100% !important;
}

.lp-menu-logo img {
    padding: 40px;
    width: 100%;
}

header .mega-hide-on-desktop {
    display: none !important;
}

.fl-post-grid-post {
    border: none !important;
}

.pp-card-slider-content::before {
    content: "Ledartips: ";
    font-weight: bold;
    margin-right: 5px;
    color: #ffffff;
    display: inline;
}

/* Favoritknapp */

.favorit-knapp {
  color: var(--ast-global-color-2); /* Ex: mörkgrön */
  background-color: #ffffff; /* Ex: ljus bakgrund */
  border-color: var(--ast-global-color-2);
}

.favorit-knapp.favorit-aktiv {
  background-color: var(--ast-global-color-0); /* Accentfärg */
  color: white;
  border-color: var(--ast-global-color-0);
}


/* För desktop - bredvid varandra */
@media (min-width: 768px) {
    .fl-html {
        display: flex;
        flex-wrap: nowrap;
        gap: 16px; /* Mellanrum mellan fälten */
        justify-content: right !important;

    }
    .fl-html .search-filter-base {
        flex: 1; /* Anpassar bredden på fälten jämnt */
    }
}

/* För mobilen - 100% bredd */
@media (max-width: 767px) {
    .fl-html {
        display: flex;
        flex-wrap: wrap;
        gap: 16px; /* Mellanrum mellan fälten */
    }
    .fl-html .search-filter-base {
        width: 100%;
    }
}



@keyframes marquee {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

@media only screen and (max-width: 768px) {
    .track2 {
          animation: marquee 20s linear infinite;
    }
    
    .bkg2 .fl-row-content-wrap {
    background-size: 80% !important;
    background-position: 295% 120% !important;
}

    .bkg3 .fl-row-content-wrap {
    background-size: contain !important;
    background-position: -30px 160% !important;
}
}

@media (min-width: 1185px) {
/* Huvudbehållaren för menyn */
#mega-menu-wrap-primary {
    display: flex !important; /* Aktiverar flexbox för huvudbehållaren */
    justify-content: center !important; /* Centrerar hela menyn horisontellt */
    align-items: center !important; /* Centrerar menyalternativen lodrätt */
    height: 100% !important; /* Säkerställer att behållaren fyller sin höjd */
    width: 100% !important;
    
}

/* Själva menyraden */
#mega-menu-primary {
    display: flex !important; /* Gör menyn flexbaserad */
    justify-content: space-between !important; /* Sprider menyalternativen jämnt över ytan */
    align-items: center !important; /* Centrerar menyalternativen lodrätt */
    width: 100% !important; /* Menyn fyller hela tillgängliga bredden */
    list-style: none !important;
    padding: 0 40px !important;
    margin: 0 !important;
}

/* Varje menyalternativ */
#mega-menu-primary > li {
    flex: 0 auto !important; /* Låter varje menyitem ta upp lika stor plats */
    display: flex !important; /* Flexbox för centrering av länkar */
    justify-content: center !important; /* Centrerar länken horisontellt inom varje menyitem */
    align-items: center !important; /* Centrerar länken lodrätt inom varje menyitem */
    height: 100% !important; /* Säkerställer full höjd */
}

/* Länkarna */
#mega-menu-primary > li > a {
    display: flex !important; /* Gör länkarna flexbaserade */
    align-items: center !important; /* Centrerar texten lodrätt */
    justify-content: center !important; /* Centrerar texten horisontellt */
    text-align: center !important; /* Texten centreras inom länken */
    padding: 10px 15px !important; /* Anpassa avståndet runt texten */
    text-decoration: none !important; /* Tar bort understrykning */
    color: #000 !important; /* Standardfärg för texten */
    line-height: normal !important; /* Förhindrar ojämn höjd */
    white-space: nowrap !important; /* Förhindrar radbrytning */
}

}