/************* MAIN PANEL ************/
#home-main-panel {
    background: var(--mixer-color-blue-darker);
    color: white;
}

#home-main-panel h1, h4 {
    font-weight: var(--mixer-header-h-font-weight);
}

#home-main-panel h1 a,
#home-main-panel h4 a {
    color: white;
}

#home-main-panel #in-person-section {
    background: var(--mixer-color-blue-standard);
}

#home-main-panel #virtual-section {
    background: #204058;
}

/* DESKTOP */
@media (min-width: 1200px) {
    #home-main-panel .img-container {
        height: 157px;
    }
}

@media (max-width: 1199px) {
    #home-main-panel .img-container {
        height: 105px;
    }
}

/************* ADDITIONAL INFO ************/
#home-additional-info {
    color: var(--mixer-color-gray);
    font-size: 13pt;
}

#home-additional-info h2,
#home-additional-info h3,
#home-additional-info a{
    color: var(--bs-primary);
}

#home-additional-info li {
    list-style-type: square;
}

#home-additional-info ul li::marker {
    color: var(--bs-primary);
}

@media (min-width: 1200px) {
    #home-additional-info #segment-1,
    #home-additional-info #segment-2,
    #home-additional-info #segment-3,
    #home-additional-info #segment-4 {
        height: 470px;
        background-repeat: no-repeat;
    }

    #home-additional-info #segment-1 {
        background-image: url('/assets/v2/images/homepage-panel-1-background.jpg');
        background-position: right;

    }

    #home-additional-info #segment-2 {
        background-image: url('/assets/v2/images/homepage-panel-2-background.svg');
        background-position: left;
        background-size: auto 100%;
        background-color: #F4F6F8;
    }

    #home-additional-info #segment-3 {
        background-image: url('/assets/v2/images/homepage-panel-3-background.svg');
        background-position: right;
        background-size: auto 100%;
    }

    #home-additional-info #segment-4 {
        background-image: url('/assets/v2/images/homepage-panel-4-background.jpg');
    }
}

@media (max-width: 1199px) {
    #home-additional-info #segment-1,
    #home-additional-info #segment-2,
    #home-additional-info #segment-3,
    #home-additional-info #segment-4 {
        height: 540px;
        background-repeat: no-repeat;
        background-size: 100% auto;
    }

    #home-additional-info #segment-1 {
        height: 360px;
        background-image: url('/assets/v2/images/homepage-panel-1-background-mobile.jpg');
        background-position: bottom;
    }

    #home-additional-info #segment-2 {
        height: 540px;
        background-image: url('/assets/v2/images/homepage-panel-2-background-mobile.png');
        background-position: top;
        background-color: #F4F6F8;
    }

    #home-additional-info #segment-3 {
        height: 540px;
        background-image: url('/assets/v2/images/homepage-panel-3-background-mobile.png');
        background-position: bottom;
    }

    #home-additional-info #segment-4 {
        height: 540px;
        background-image: url('/assets/v2/images/homepage-panel-4-background-mobile.jpg');
        background-position: bottom;
    }
}