/*
Theme Name: Unique Flatsome Child
Theme URI: https://unique-fachschule.ch
Description: Child theme for the Unique Fachschule redesign based on Flatsome.
Author: Unique Fachschule
Template: flatsome
Version: 0.1.5
Text Domain: unique-flatsome
*/

/*
Use this file only for changes that cannot be configured via Flatsome Theme
Options, Header Builder, UX Builder, global colors or typography settings.
*/

body:not(.home) #content.page-wrapper {
    padding-top: 56px;
}

.unique-hero-image-col .col-inner {
    position: relative;
}

.unique-hero-image {
    margin-left: auto;
    max-width: 96%;
}

.unique-hero-image .img-inner {
    background-color: rgb(252, 246, 237);
    overflow: hidden;
    position: relative;
}

.unique-hero-image .img-inner::before {
    background:
        linear-gradient(90deg, rgb(252, 246, 237) 0%, rgba(252, 246, 237, 0.92) 7%, rgba(252, 246, 237, 0.48) 24%, rgba(252, 246, 237, 0) 44%),
        linear-gradient(180deg, rgba(252, 246, 237, 0.28) 0%, rgba(252, 246, 237, 0) 20%, rgba(252, 246, 237, 0) 78%, rgba(252, 246, 237, 0.34) 100%);
    content: "";
    inset: 0;
    pointer-events: none;
    position: absolute;
    z-index: 2;
}

.unique-home-hero p.lead {
    font-size: 1.08em;
    line-height: 1.52;
    margin-bottom: 1.1em;
}

.unique-home-hero .button {
    line-height: 1.25;
    margin-bottom: 10px;
    min-height: 0;
    padding-bottom: 9px !important;
    padding-top: 9px !important;
}

.unique-course-card .box-text {
    background-color: #fff;
}

@media (max-width: 849px) {
    body:not(.home) #content.page-wrapper {
        padding-top: 40px;
    }

    .unique-hero-image {
        max-width: 100%;
    }

    .unique-hero-image .img-inner::before {
        background:
            linear-gradient(180deg, rgb(252, 246, 237) 0%, rgba(252, 246, 237, 0.45) 18%, rgba(252, 246, 237, 0) 42%),
            linear-gradient(0deg, rgba(252, 246, 237, 0.34) 0%, rgba(252, 246, 237, 0) 32%);
    }
}