/**
 * CMSXL and Application User Interface Soft Touch Buttons.
 * Copyright (c) 2023 Anthony Albit. All rights reserved.
 *
 * For more information, please contact:
 * Email: anthony.albit@wayovermedia.com
 * Website: https://cmsxl.com
 */

/* Admin CSS */
/*•••••••••••••••••••••••••••••••••••••••••••••••••••••••*/

body {
    background-color: #dfddd8;
}
.st-bg-welcome {
    opacity: .85
}

.st-bg-fade {
    background-image: linear-gradient(to bottom, #17161a00 0%, #dfddd8 100%);
}
.st-bg-fade:before {
    background-color: #dfddd880;
}

.fullscreen-video {
    background-color: #cacaca;
}

.welcome-poster-cover {
    z-index: 1;
    background: linear-gradient(to bottom, #00000000, #fffff040);
}
.welcome-poster-cover.video {
    background: linear-gradient(to bottom, #00000000, #00000040);
}

.acp-avatar-description {
    color: var(--c-dark);
    background-color: #fffff0d0 !important;
    /*background-color: #f0f0f0a0 !important;*/
}
.acp-avatar-description p {
    color: var(--c-dark);
}

.st-section-content {
    z-index: 1;
    margin-top: -150px;
    padding: 100px 25px 25px 25px;
    background: linear-gradient(
            to bottom,
            rgba(0, 0, 0, 0),
            var(--c-ivory) 75px
    );
    /*border-radius: var(--acp-border-radius);*/
}


.st-section-header {
    background-color: #ececec;
}
.st-section-header h1 {
    color: var(--acp-text-color-alt) !important;
}

.st-section-body,
.flow-drops {
    background-color: var(--c-ivory);
}

.st-section-description,
.st-section-description,
.interface-holder .page,
.interface-holder .descriprion {
    height: auto;
    min-height: 100%;
    color: var(--c-dark);
    background-color: var(--c-default);
    background-color: #f0f0f0;
}

.st-section-description p,
.st-section-description p,
.interface-holder .page p,
.interface-holder .descriprion p {
    /*font-weight: 400;*/
}

.bg-acp-booking {
    background-color: #d0d0d0 !important;
}

.bg-acp-booking div {
    color: var(--c-dark) !important;
}
.acp-editor-ruler {
    background-color: #f0f0f0 !important;
}

.acp-faq-item {
    background-color: #cfcfcf !important;
}


.interface li:hover {
    filter: brightness(90%);
}


.footer-color {
    background-color: var(--acp-text-color);
}