/*
Theme Name: Deverso BS5 current
Theme URI: https://tuosito.com
Author: Il tuo nome
Author URI: https://tuosito.com
Description: Tema personalizzato per Deverso con Bootstrap 5.3
Version: latest
License: GPL v2 or later
Text Domain: deverso-website-bs5
Tags: bootstrap, bootstrap5, responsive, custom-menu, custom-logo, featured-images, translation-ready
*/

/* ==========================================================================
   Variabili CSS personalizzate
   ========================================================================== */
:root {
    line-height: 150%; /* 27px */
    --website-primary: #1D4434;
    --website-primary-light: #3D6454;
    --website-primary-dark: #0D3424;
    --website-secondary: rgba(106, 52, 0, 0.80);
    --website-accent: #BA5C00;
    --website-bkg-light: #ECF5FC;
    --website-bkg-white: #ffffff;
    --website-txt-white: #EAEAEA;
    --website-bkg-btn: #008668;
    --website-white: #FFFFFF;
    --website-bkg-sidebar: #262937;
    --website-color-txt-title: #3D3D3D;
    --website-color-txt-body: #4D5359;
    --website-color-title-footer: #fff;
    --website-color-txt-footer: #eee;
    --website-container-full-max-width: 2400px;
    --website-container-max-width: 1440px;
    --website-box-max-width: 800px;
    --website-padding-top-bottom: 80px;
    --website-padding-top-bottom-mini: 40px;
    --website-padding-top-bottom-mobile: 40px;
    --website-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(6, 147, 227, 0.25);
}

body>div.deversoOverlayLoadingPage{
    background-color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 10000;
    display: flex;
    align-items: center;
    justify-content: center;
}
body>div.deversoOverlayLoadingPage svg{
    opacity: 0.1;
}

.highlightWidget{
    border: 5px dashed red!important;
}

.blurWidget{
    filter: blur(5px)!important;
}