/*
Theme Name: Astra Child
Theme URI: https://example.com/astra-child
Description: A child theme for Astra.
Author: Your Name
Author URI: https://example.com
Template: astra
Version: 1.0.0
Text Domain: astra-child
*/

/* Lägg till dina egna anpassade stilar här */

.entry-content .wp-audio-shortcode, .entry-content .wp-embedded-audio, .entry-content .wp-embedded-video, .entry-content .wp-video, .entry-content p {
    margin-bottom: 1rem;
}

.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6
{
    margin-top: 0;
}
.entry-content .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
    padding: 0 32px 0 0;
}

.entry-content .wp-block-media-text .wp-block-media-text__content
{
    padding: 0 0 0 32px;
}

.ast-icon.icon-search.icon-custom svg {
    width: 25px;
    height: 25px;
}

.yes-js.js_active .ast-plain-container.ast-single-post #primary {
    margin-top: 0 !important;
}

.home .wp-block-cover.alignfull {
    margin-top: -80px;
}
 
.single-references.ast-narrow-container #primary,
.single-knowledgebase.ast-narrow-container #primary
{
    padding-top: 80px;
    padding-bottom: 80px;
}

.menu-item-heading span.menu-text {
    height: 14px;
    display: block;
}

span.woocommerce-Price-currencySymbol {text-transform: none;}

.single-references .entry-title
{
    font-size: 42px;
    color: #006454;
    margin-bottom: 2rem;
    text-align: center;
}

.single-references .alignwide,
.single-knowledgebase .alignwide
{
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    width: 1000px;
}
.single-references .alignfull,
.single-knowledgebase .alignfull
{
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    width: 1400px;
}
.single-references .entry-content p
{
    margin-bottom: 1rem;
}

.single-references .entry-content > p:first-of-type
{
    font-size: 1.3em;
    font-weight: 300;
    line-height: 1.53;
}
.current_page_parent > a,
.current-menu-item > a
{
    color: var(--ast-global-color-1) !important;
}

.ast-advanced-headers .ast-primary-header .main-header-menu > .menu-item > .menu-link:hover, 
.ast-advanced-headers .ast-primary-header .main-header-menu > .menu-item:hover > .menu-link
{
    color: var(--ast-global-color-1) !important;
}

/* Bara på toppnivå */
.main-header-menu > .current_page_parent > a:before,
.main-header-menu > .current-menu-item > a:before {
    animation: fadeIn .3s ease-in-out;
    background: var(--ast-global-color-1);
    bottom: 0;
    content: "";
    height: 4px;
    left: .8em;
    position: absolute;
    right: .8em;
}


.hh-reference-archive-wrapper,
.hh-knowledgebase-archive-wrapper
{
    padding: 80px 0;
}

.hh-reference-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
}

.hh-reference-item figure
{
    margin-bottom: 2em;
    overflow: hidden;
}
.hh-reference-item h2 { 
    font-size: 19.2px;
    line-height: 1.1em;
    margin-bottom: .5em;
    text-transform: uppercase;
}
.hh-reference-item h2 a{

    
    color: black;
}

.hh-reference-item h2 a:hover{
    text-decoration: underline;
    color: black;
}

.hh-reference-item p
{
    margin-bottom: 16px;
    line-height: 27.2px;
    font-size: 16px;
}

.kb-featured-image {
    margin-bottom: 80px;
}
.single-knowledgebase header.entry-header:not(.related-entry-header) .entry-title {
    font-size: 42px;
}

.single-knowledgebase .entry-header h2
{
    font-size: 20px;
    text-transform: uppercase;
}

.hh-knowledgebase-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2rem;
}

.hh-knowledgebase-item figure
{
    margin-bottom: 2em;
    overflow: hidden;
}
.hh-knowledgebase-item h2 { 
    font-size: 19.2px;
    line-height: 1.1em;
    margin-bottom: .5em;
    text-transform: uppercase;
}
.hh-knowledgebase-item h2 a{

    color: black;
}

.hh-knowledgebase-item h2 a:hover{
    text-decoration: underline;
    color: black;
}

.hh-knowledgebase-item p
{
    margin-bottom: 16px;
    line-height: 27.2px;
    font-size: 16px;
}



.ast-narrow-container .entry-content[data-ast-blocks-layout] > .alignwide {
    max-width: 1200px !important;
    width: 1200px;
    transform: translateX(-50%);
    left: 50%;
    position: relative;
}


.ast-narrow-container .entry-content[data-ast-blocks-layout] > .alignfull {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
}

.textilier .spectra-image-gallery__layout--grid-col-8 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
}

.documents-accordion h3 {
    font-size: 22px;
    
}

.documents-accordion button
{   
    border-bottom: 2px solid #006454;
    padding: 22px 0;
    box-shadow: none;
}

.documents-accordion .is-open
{
    border-bottom: 2px solid #006454;
}

.documents-accordion button:hover,
.documents-accordion button:focus
{
    background-color: transparent;
    border-color: #006454;
}

.documents-accordion .is-open h3
{
    font-size: 28px;
}

.documents-accordion .is-open button
{
    border-bottom-color: transparent;
}

.documents-accordion .accordion-content__wrapper {
    margin-bottom: 60px;
    padding-right: 60px;
}

.wp-block-accordion-item-is-layout-flow {
    margin-block-start: 0px;
}

.woocommerce-js div.product form.cart table.variations
{
   border: none !important;
}



@media screen and (min-width: 1024px) {
    .entry-content h2.green-h2 {
        font-size: 42px;
        color: #006454;
    }
}