/*
Theme Name: YOOtheme Gnisten El-Teknik ApS
Theme URI: https://gnisten-el-teknik.com
Description: Child theme til YOOtheme Pro. Alle tilpasninger af CSS, funktioner og skabeloner lægges her, så de overlever en opdatering af YOOtheme Pro.
Author: IT-NØRDEN
Author URI: https://arslan.dk
Template: yootheme
Version: 1.0.7
Text Domain: yootheme-child
*/

/* ==========================================================================
   Egne tilpasninger skrives herunder.
   Skriv IKKE i YOOtheme Pro-temaets egen style.css - den bliver overskrevet
   ved næste opdatering.
   ========================================================================== */

/* Eksempel: telefonnummeret i headeren
.tm-header .uk-button-primary {
    font-weight: 700;
}
*/

/* ==========================================================================
   Fuldbredde-sektioner i sidens indhold
   YOOtheme laegger indholdet i en 1200px container. Sektionerne brydes ud,
   saa farvebaand og hero naar helt ud til kanten, mens teksten holdes centreret.
   ========================================================================== */
.uk-article .uk-section {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    padding-left: calc(50vw - 600px);
    padding-right: calc(50vw - 600px);
}
@media (max-width: 1279px) {
    .uk-article .uk-section { padding-left: 40px; padding-right: 40px; }
}
@media (max-width: 639px) {
    .uk-article .uk-section { padding-left: 20px; padding-right: 20px; }
}

/* ==========================================================================
   Hero
   ========================================================================== */
.uk-article .itn-hero {
    margin-top: -70px;
    padding-left: 0;
    padding-right: 0;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    min-height: 78vh;
    display: flex;
    align-items: center;
}
.itn-hero-overlay {
    background: linear-gradient(90deg, rgba(14,18,24,.92) 0%, rgba(14,18,24,.78) 45%, rgba(14,18,24,.55) 100%);
}
.itn-hero h1 {
    margin-bottom: .2em;
    line-height: 1.1;
}
.itn-hero .uk-text-lead {
    max-width: 34em;
}
.itn-hero .itn-trust {
    border-top: 1px solid rgba(255,255,255,.22);
    padding-top: 22px;
}
.itn-hero .itn-trust .el-item {
    font-size: .8125rem;
    letter-spacing: .06em;
    text-transform: uppercase;
    opacity: .85;
}
@media (max-width: 959px) {
    .uk-article .itn-hero { min-height: 0; margin-top: -40px; }
    .itn-hero-overlay { background: rgba(20,26,33,.8); }
}

/* ==========================================================================
   Baggrundsvideo i hero
   ========================================================================== */
.itn-hero-video {
    position: absolute;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
    z-index: 0;
}
.itn-hero-video { filter: brightness(.72) contrast(1.02); }
.itn-hero-video iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 56.25vw;
    min-width: 177.78vh;
    min-height: 100%;
    border: 0;
}
.itn-hero-video + .itn-hero-overlay { z-index: 1; }
@media (max-width: 959px) {
    .itn-hero-video { display: none; }
}

/* Kraftigere overlay naar der koerer video bag ved */
.itn-hero:has(.itn-hero-video) .itn-hero-overlay {
    background: linear-gradient(90deg, rgba(10,14,20,.88) 0%, rgba(10,14,20,.72) 28%, rgba(10,14,20,.3) 55%, rgba(10,14,20,0) 78%);
}
.itn-hero h1, .itn-hero .uk-text-lead {
    text-shadow: 0 1px 18px rgba(0,0,0,.55);
}

/* Sikr fuld kontrast paa hero-tekst */
.itn-hero h1 { color: #fff; }
.itn-hero .uk-text-lead { color: rgba(255,255,255,.92); }
.itn-hero .itn-trust .el-item { color: rgba(255,255,255,.8); }

/* Tekstkontrast i hero */
.uk-article .itn-hero h1 { color: #fff !important; }
.uk-article .itn-hero .uk-text-lead { color: rgba(255,255,255,.95) !important; }
.uk-article .itn-hero .itn-trust .el-item { color: rgba(255,255,255,.82) !important; }