/* 
 * Custom CSS for BettinaJohanna Theme logo-x-outline-fill-ededed.svg
 */

@import 'custom-root.css';
@import 'custom-yooverride.css';
@import 'custom-fonts.css';
@import 'custom-spacings.css';
@import 'custom-defaults.css';
@import 'custom-buttons.css'; 
@import 'menu-overwrites.css';
/* @import 'custom-slider.css'; */
@import 'custom-media.css';






body {
    min-height: 100vh;
    width: 100%;
    margin: 0;
    padding: 0;

}

/* -------------- Browser Scrollbar Styling -------------- */
/* Webkit browsers (Chrome, Safari, Edge) */
::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}

::-webkit-scrollbar-track {
    background: #00000000;
    border-radius: 6px;
}

::-webkit-scrollbar-thumb {
    background: #4675F9;
    border-radius: 6px;
    border: 2px solid #00000000;
}

::-webkit-scrollbar-thumb:hover {
    background: #3a5ddb;
}

::-webkit-scrollbar-corner {
    background: #00000000;
}

/* Firefox */
html {
    scrollbar-width: thin;
    scrollbar-color: #4675F9 #00000000;
}




/* -------------- Fullscreen Backgrounds -------------- */
.cw5-bg-xxx-gradient {
    background-image: var(--bg-xxx-gradient);
    background-size: 1920px 1080px;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}

.cw5-bg-x-gradient {
    background-image: var(--bg-x-gradient);
    background-size: 1920px 1080px;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}


/* -------------- UIkit Card Default Glow -------------- */
.uk-card.uk-card-default {
    transition: box-shadow 0.2s ease-in;
}

.uk-card.uk-card-default:hover {
    box-shadow: 
        0 -2px 4px rgba(0, 0, 0, 0.1),
        0 2px 8px rgba(0, 0, 0, 0.3),
        0 0 8px rgba(70, 117, 249, 0.6);
    transition: box-shadow 0.2s ease-in;
}

.uk-card.uk-card-default:not(:hover) {
    transition: box-shadow 1.2s ease-out;
}

/* -------------- Gradient Extra Large -------------- */
.cw5-gradient-extra-large {
    font-size: 190px;
    background: linear-gradient(
        to bottom,
        rgba(211, 211, 211, 1) 10%,
        rgba(211, 211, 211, 1) 30%,
        rgba(211, 211, 211, 0) 80%
    );
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

/* -------------- Single Work Background -------------- */
body.single-work::before {
    content: '';
    position: fixed;
    top: 0;
    right: 0;
    width: 100vw;
    height: 100vh;
    background-image: url('../images/CW5-Theme-Images/cw5-logo-x-chevron-right-gradient.svg');
    background-size: auto 90vh;
    background-position: top right;
    background-repeat: no-repeat;
    pointer-events: none;
    z-index: 0;
    opacity: 0.8;
}