/* --------------------------------------------
   OVERRIDE GT CSS
---------------------------------------------*/


/* -------------------------- 
   Modified variables
---------------------------*/
html:root {

/** General **/
    /* Save parent theme’s intended viewport scaling */
    --calc-size-base: calc((100vw - 320px) / (1440 - 320));

    /* Active scaling variable (used by theme) */
    /*--calc-size: 1;*/

/** Color **/
    --lightGrey: #f2f2f2;
   
/** Fonts **/
    --fs-base: calc( 14px + ( 20 - 14 ) * var( --calc-size-base ) );
    --font-size: calc( 14px + ( 16 - 14 ) * var( --calc-size-base ) );
    
    --fs-small: calc( 13px + ( 16 - 13 ) * var( --calc-size-base ) );

    --ff-base: 'Raleway', sans-serif;
    --ff-alt: 'Verdana', serif;
    
    --ff-fa: 'Font Awesome 5 Pro';
}

/* --------------------------
   Modified content & page
---------------------------*/

/** General Styles **/
.gt-green-headline {   
    font-family: var( --ff-alt );
    font-weight: 900;
    color: var( --lightGreen );
    font-style: normal !important;
    letter-spacing: 0.3px;
}

/** Menu **/
#gt-logo {
    display: flex;
    justify-content: center;   /* centrerar horisontellt */
    align-items: center;
    width: 100% !important;
}

#gt-logo .logo-inner {
    display: flex;
    justify-content: center;
    align-items: center;
}

#gt-logo svg {
    width: auto !important;
    margin-bottom: 5px;
    max-height: 65px; /* startstorlek */
    transition: transform 0.2s ease, max-height 0.2s ease;
    transform-origin: center center; /* eller center center */
}

#header.scrolled #gt-logo svg,
#header.scrolled #gt-logo-text h6 {
    max-height: 40px; /* slutstorlek */
    font-size: 5pt;
}

#header.scrolled #gt-logo-text p {
    font-size: 4pt;
    padding-bottom: 5px;
}

#gt-logo img {
   max-height: 40% !important;
   margin-bottom: 5px !important;
}

#gt-logo-text {
   /* width: calc(130px + (167 - 130) var(--calc-size));*/

   font-family: var( --ff-alt );
   text-align: center;  /* horisontellt */
   transition: font-size 0.2s ease;
}

#gt-logo-text h6 {
   font-weight: 900;
   font-size: 8pt;
   color: var( --white );
   font-style: normal;
   
   padding: 0;
}

#gt-logo-text p {
   font-family: var( --ff-alt );
   font-size: 5pt;
   font-style: italic;
   color: var( --white );
}

/** Hero section **/
/**.gt-start-hero-section.gt-section {
     min-height: calc( 400px + ( 550 - 400 ) var( --calc-size ) ) !important;
}**/

.gt-bg-image {
    background-size: 100% auto !important;
    background-position: top left !important; 
}

.gt-hero-section.gt-section {
    min-height: calc(300px + (400px - 250px) var(--calc-size));
    padding-bottom: calc(30px + (41px - 30px) var(--calc-size));
}

/** List modules **/
.gt-newsfeed-listing .gt-listing-post {
    width: 50%;
    padding: var( --gutter );
}

.gt-listing-year {
    margin-top: 30px;
    margin-bottom: 10px;
    font-size: 22px;
    font-weight: 700;
    color: var(--gt-color-heading, #222);
}

.gt-listing-year-group {
    margin-bottom: 20px;
}

.gt-media-icon-pdf {
    width: 100%;
    background: var( --lightGreen );
    border: 1px solid var( --darkGreen );
    border-radius: 4px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    padding: var(--gutter);
}

.gt-media-pdf-label {
    font-size: var( --fs-h5 );
    font-weight: 600;
    color: var( --white );
}

/** Single post **/
.gt-single-section {
    display: flex;
    align-items: flex-start;
    gap: 40px;
    padding-top: 60px;
}

/** Footer **/
.gt-footer-logo {
    margin-left: 0 !important;

/** Media settings **/

/* Large screen */
@media (min-width: 1400px) {
    ..gt-start-hero-section.gt-section {
        min-height: 45vh !important;
    }
}

/* Mobile screen */
@media (max-width: 767px) {
    ..gt-start-hero-section.gt-section {
        min-height: 0;
        padding-top: 130px; /* som temat redan gör */
    }
}