﻿:root {
	--bs-primary: var(--gd-primary);
	--bs-primary-rgb: var(--gd-primary-rgb);
	--bs-primary-hover: var(--gd-primary-hover);
    --bs-primary-active: var(--gd-primary-active);
    --bs-primary-active-border-color: var(--gd-primary-active-border-color);
	--bs-primary-text-emphasis: var(--gd-primary-text-emphasis);
	--bs-primary-bg-subtle: var(--gd-primary-bg-subtle);
	--bs-primary-border-subtle: var(--gd-primary-border-subtle);
	--bs-primary-shadow-subtle: var(--gd-primary-shadow-subtle);

	--bs-secondary: var(--gd-secondary);
	--bs-secondary-rgb: var(--gd-secondary-rgb);
	--bs-secondary-hover: var(--gd-secondary-hover);
    --bs-secondary-active: var(--gd-secondary-active);
    --bs-secondary-active-border-color: var(--gd-secondary-active-border-color);
	--bs-secondary-text-emphasis: var(--gd-secondary-text-emphasis);
	--bs-secondary-bg-subtle: var(--gd-secondary-bg-subtle);
	--bs-secondary-border-subtle: var(--gd-secondary-border-subtle);
	--bs-secondary-shadow-subtle: var(--gd-secondary-shadow-subtle);
    
    --bs-body-color: var(--gd-body-color);
    
	--bs-gray-150: #f3f3f3;
	--bs-gray-250: #eaeaea;
	
    --bs-border-radius: 1rem;

    --bs-band-color: var(--gd-band-color);
}

.lh-md{
    line-height: 1.75;
}

.fs-0 {
	font-size: calc(1.425rem + 2.7vw) !important;
}
.fs-0-5 {
	font-size: calc(1.375rem + 2.1vw) !important;
}
.fs-4-5 {
    font-size: 1.375rem !important;
}
.fs-5-5 {
    font-size: 1.125rem !important;
}

.fs-7 {
	font-size: .75rem !important;
}

.fs-xs {
	font-size: var(--fs-xs) !important;
}

.min-h {
    min-height: var(--min-h); 
}

.offcanvas {
    --bs-offcanvas-expanded-bg: var(--bs-gray-150); 
    --bs-offcanvas-bg: var(--bs-offcanvas-expanded-bg);

    --bs-offcanvas-expanded-border-width: 1px;
    --bs-offcanvas-expanded-border-style: solid;
    --bs-offcanvas-expanded-border-color: var(--bs-gray-250);
    --bs-offcanvas-expanded-border-radius: .5rem;

    --bs-offcanvas-padding-x: 2rem;
    --bs-offcanvas-padding-y: 2rem;
    --bs-offcanvas-expanded-padding-x: var(--bs-offcanvas-padding-x);
    --bs-offcanvas-expanded-padding-y: var(--bs-offcanvas-padding-y);
}

@media (min-width: 576px) {
	.position-sm-absolute {
		position: absolute !important;
	}
    
    .min-h-sm {
        min-height: var(--min-h-sm); 
    }
    .max-w-sm {
        max-width: var(--max-w-sm); 
    }

    .border-sm { border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; }

    .shadow-sm-sm { box-shadow: var(--bs-box-shadow-sm) !important; }

    .g-sm, .gx-sm { --bs-gutter-x-sm: 3rem; }

    .fs-sm { font-size: var(--fs-sm) !important; }

    .offcanvas.offcanvas-expand-sm .offcanvas-body { display: block; padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x); overflow-y: visible; }
    .offcanvas.offcanvas-expand-sm { position: static; z-index: auto; flex-grow: 1; width: auto !important; height: auto !important; visibility: visible !important; background-color: var(--bs-offcanvas-expanded-bg) !important; border: var(--bs-offcanvas-expanded-border-width) var(--bs-offcanvas-expanded-border-style) var(--bs-offcanvas-expanded-border-color) !important; border-radius: var(--bs-offcanvas-expanded-border-radius); transform: none !important; transition: none; }
    .offcanvas-expand-sm .offcanvas-header .btn-close { display: none; }
}

@media (min-width: 768px) {
	.position-md-absolute {
		position: absolute !important;
	}

    .min-h-md {
        min-height: var(--min-h-md); 
    }
    
    .border-md { border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; }

    .shadow-md-sm { box-shadow: var(--bs-box-shadow-sm) !important; }

    .fs-md { font-size: var(--fs-md) !important; }
    
    .offcanvas.offcanvas-expand-md .offcanvas-body { display: block; padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x); overflow-y: visible; }
    .offcanvas.offcanvas-expand-md { position: static; z-index: auto; flex-grow: 1; width: auto !important; height: auto !important; visibility: visible !important; background-color: var(--bs-offcanvas-expanded-bg) !important; border: var(--bs-offcanvas-expanded-border-width) var(--bs-offcanvas-expanded-border-style) var(--bs-offcanvas-expanded-border-color) !important; border-radius: var(--bs-offcanvas-expanded-border-radius); transform: none !important; transition: none; }
    .offcanvas-expand-md .offcanvas-header .btn-close { display: none; }
}

@media (min-width: 992px) {
	.position-lg-absolute {
		position: absolute !important;
	}

    .min-h-lg {
        min-height: var(--min-h-lg); 
    }
    
    .border-lg { border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; }

    .shadow-lg-sm { box-shadow: var(--bs-box-shadow-sm) !important; }

    .fs-lg { font-size: var(--fs-lg) !important; }
    
    .offcanvas.offcanvas-expand-lg .offcanvas-body { display: block; padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x); overflow-y: visible; }
    .offcanvas.offcanvas-expand-lg { position: static; z-index: auto; flex-grow: 1; width: auto !important; height: auto !important; visibility: visible !important; background-color: var(--bs-offcanvas-expanded-bg) !important; border: var(--bs-offcanvas-expanded-border-width) var(--bs-offcanvas-expanded-border-style) var(--bs-offcanvas-expanded-border-color) !important; border-radius: var(--bs-offcanvas-expanded-border-radius); transform: none !important; transition: none; }
    .offcanvas-expand-lg .offcanvas-header .btn-close { display: none; }
}

@media (min-width: 1200px) {

	.fs-0 {
		font-size: 3.5rem !important;
	}
	.fs-0-5 {
		font-size: 3rem !important;
	}

	.position-xl-absolute {
		position: absolute !important;
	}

    .min-h-xl {
        min-height: var(--min-h-xl); 
    }
    
    .border-xl { border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; }

    .shadow-xl-sm { box-shadow: var(--bs-box-shadow-sm) !important; }

    .fs-xl { font-size: var(--fs-xl) !important; }
    
    .offcanvas.offcanvas-expand-xl .offcanvas-body { display: block; padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x); overflow-y: visible; }
    .offcanvas.offcanvas-expand-xl { position: static; z-index: auto; flex-grow: 1; width: auto !important; height: auto !important; visibility: visible !important; background-color: var(--bs-offcanvas-expanded-bg) !important; border: var(--bs-offcanvas-expanded-border-width) var(--bs-offcanvas-expanded-border-style) var(--bs-offcanvas-expanded-border-color) !important; border-radius: var(--bs-offcanvas-expanded-border-radius); transform: none !important; transition: none; }
    .offcanvas-expand-xl .offcanvas-header .btn-close { display: none; }
    
}

@media (min-width: 1400px) {

	.container,
	.container-lg,
	.container-md,
	.container-sm,
	.container-xl,
	.container-xxl {
		max-width: 1520px;
	}

	.position-xxl-absolute {
		position: absolute !important;
	}

    .min-h-xxl {
        min-height: var(--min-h-xxl); 
    }
    
    .border-xxl { border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; }

    .shadow-xxl-sm { box-shadow: var(--bs-box-shadow-sm) !important; }

    .fs-xxl { font-size: var(--fs-xxl) !important; }
    
    .offcanvas.offcanvas-expand-xxl .offcanvas-body { display: block; padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x); overflow-y: visible; }
    .offcanvas.offcanvas-expand-xxl { position: static; z-index: auto; flex-grow: 1; width: auto !important; height: auto !important; visibility: visible !important; background-color: var(--bs-offcanvas-expanded-bg) !important; border: var(--bs-offcanvas-expanded-border-width) var(--bs-offcanvas-expanded-border-style) var(--bs-offcanvas-expanded-border-color) !important; border-radius: var(--bs-offcanvas-expanded-border-radius); transform: none !important; transition: none; }
    .offcanvas-expand-xxl .offcanvas-header .btn-close { display: none; }
}


/* #region :: text */
.text-gray-100 {
    color: var(--bs-gray-100) !important;
}
.text-gray-150 {
    color: var(--bs-gray-150) !important;
}
.text-gray-200 {
    color: var(--bs-gray-200) !important;
}
.text-gray-300 {
    color: var(--bs-gray-300) !important;
}
.text-gray-400 {
    color: var(--bs-gray-400) !important;
}
.text-gray-500 {
    color: var(--bs-gray-500) !important;
}
.text-gray-600 {
    color: var(--bs-gray-600) !important;
}
.text-gray-700 {
    color: var(--bs-gray-700) !important;
}
.text-gray-800 {
    color: var(--bs-gray-800) !important;
}
.text-gray-900 {
    color: var(--bs-gray-900) !important;
}
/* #endregion :: text */
/* #region :: background-color */
.bg-gray-100 {
    background-color: var(--bs-gray-100) !important;
}
.bg-gray-150 {
    background-color: var(--bs-gray-150) !important;
}
.bg-gray-200 {
    background-color: var(--bs-gray-200) !important;
}
.bg-gray-300 {
    background-color: var(--bs-gray-300) !important;
}
.bg-gray-400 {
    background-color: var(--bs-gray-400) !important;
}
.bg-gray-500 {
    background-color: var(--bs-gray-500) !important;
}
.bg-gray-600 {
    background-color: var(--bs-gray-600) !important;
}
.bg-gray-700 {
    background-color: var(--bs-gray-700) !important;
}
.bg-gray-800 {
    background-color: var(--bs-gray-800) !important;
}
.bg-gray-900 {
    background-color: var(--bs-gray-900) !important;
}
.bg-bands {
    background-color: var(--bs-band-color) !important;
}
/* #endregion :: background-color */

/* #region :: button - btn */
.btn{
	--bs-border-width: 2px;
}
.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bs-primary-hover);
    --bs-btn-hover-border-color: var(--bs-primary-active);
    --bs-btn-focus-shadow-rgb: 130, 138, 145;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--bs-primary-active);
    --bs-btn-active-border-color: var(--bs-primary-active-border-color);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--bs-primary);
    --bs-btn-disabled-border-color: var(--bs-primary);
}
.btn-outline-primary {
    --bs-btn-color: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bs-primary);
    --bs-btn-hover-border-color: var(--bs-primary);
    --bs-btn-focus-shadow-rgb: 108, 117, 125;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--bs-primary);
    --bs-btn-active-border-color: var(--bs-primary);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--bs-primary);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--bs-primary);
    --bs-gradient: none;
}
.btn-secondary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--bs-secondary);
    --bs-btn-border-color: var(--bs-secondary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bs-secondary-hover);
    --bs-btn-hover-border-color: var(--bs-secondary-active);
    --bs-btn-focus-shadow-rgb: 130, 138, 145;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--bs-secondary-active);
    --bs-btn-active-border-color: var(--bs-secondary-active-border-color);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--bs-secondary);
    --bs-btn-disabled-border-color: var(--bs-secondary);
}
.btn-outline-secondary {
    --bs-btn-color: var(--bs-secondary);
    --bs-btn-border-color: var(--bs-secondary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bs-secondary);
    --bs-btn-hover-border-color: var(--bs-secondary);
    --bs-btn-focus-shadow-rgb: 108, 117, 125;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--bs-secondary);
    --bs-btn-active-border-color: var(--bs-secondary);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--bs-secondary);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--bs-secondary);
    --bs-gradient: none;
}
/* #endregion :: button - btn */

/* #region :: nav - header*/
.navbar {
    --bs-navbar-toggler-padding-y: 0;
	--bs-navbar-toggler-padding-x: 0;
    /*background-color: var(--bs-primary) !important;*/
}
.navbar .navbar-toggler {
	--bs-border-width: 0px;
}
.navbar-toggler:focus {
    box-shadow: none;
}

.navbar-toggler .navbar-toggler-icon {
	--bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' fill='rgba(0, 0, 0, 0.5)'%3E%3Cpath d='M0 96C0 78.3 14.3 64 32 64H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32C14.3 128 0 113.7 0 96zM0 256c0-17.7 14.3-32 32-32H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32c-17.7 0-32-14.3-32-32zM448 416c0 17.7-14.3 32-32 32H32c-17.7 0-32-14.3-32-32s14.3-32 32-32H416c17.7 0 32 14.3 32 32z'/%3E%3C/svg%3E");
}
.navbar-toggler:not(.collapsed) .navbar-toggler-icon {
	--bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512' fill='rgba(0, 0, 0, 0.5)'%3E%3Cpath d='M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z'/%3E%3C/svg%3E");
}

.text-bg-primary .navbar {
	background-color: var(--bs-primary);
}

.text-bg-primary .nav {
	--bs-nav-link-color: var(--bs-white);
	--bs-nav-link-hover-color: var(--bs-gray-100);
	--bs-nav-link-disabled-color: var(--bs-gray-500);
}

.text-gray-800.nav{
	--bs-nav-link-color: var(--bs-gray-800);
    --bs-nav-link-hover-color: var(--bs-gray-900);
    --bs-nav-link-disabled-color: var(--bs-gray-500);
}
.text-gray-600.nav{
	--bs-nav-link-color: var(--bs-gray-600);
    --bs-nav-link-hover-color: var(--bs-gray-700);
    --bs-nav-link-disabled-color: var(--bs-gray-300);
}

header .nav {
	--bs-nav-link-color: var(--bs-gray-800);
	--bs-nav-link-hover-color: var(--bs-secondary-hover);
	--bs-nav-link-disabled-color: var(--bs-secondary-text-emphasis);
}

header .nav .nav-link {
	--bs-nav-link-padding-x: 0;
	--bs-nav-link-padding-y: 0;
	margin: 1em;
	font-size: 1.1em
}

header .nav .nav-link.active,
header .nav .nav-item .dropdown:has(.dropdown-item.active) .btn.btn-link.dropdown-toggle {
	border-bottom: 2px solid var(--bs-secondary);
	--bs-nav-link-color: var(--bs-secondary);
	--bs-nav-link-font-weight: bold;
    --bs-btn-font-weight: bold;
}

header .nav .nav-item .dropdown .btn.btn-link {
    --bs-btn-padding-x: 0;
    --bs-btn-padding-y: 0;
    --bs-btn-color: var(--bs-nav-link-color);
    --bs-btn-hover-color: var(--bs-nav-link-hover-color);
    --bs-btn-active-color: var(--bs-secondary);
    --bs-btn-border-radius: 0;
    --bs-btn-border-color: unset;
    text-decoration: unset;
    margin: 1em;
    font-size: 1.1em;
}
header .nav .nav-item .dropdown .btn.btn-link.dropdown-toggle::after {
    display: none;
}

header .nav .nav-item .dropdown .dropdown-menu {
    --bs-dropdown-border-radius: 0;
    --bs-dropdown-border-color: var(--bs-gray-800);
    --bs-dropdown-padding-y: 0;
    --bs-dropdown-item-padding-y: 0;
    --bs-dropdown-link-hover-bg: unset;
    --bs-dropdown-link-hover-color: var(--bs-nav-link-hover-color);
    --bs-dropdown-link-color: var(--bs-nav-link-color);
    --bs-dropdown-link-active-bg: var(--bs-secondary);
}

header .nav .nav-item .dropdown .dropdown-menu .dropdown-item .dropdown-item-content {
    --bs-dropdown-item-content-padding-y: .5rem;
    padding-top: var(--bs-dropdown-item-content-padding-y);
    padding-bottom: var(--bs-dropdown-item-content-padding-y);
    display: block;
}
header .nav .nav-item .dropdown .dropdown-menu li:not(:first-child) .dropdown-item .dropdown-item-content {
    border-top: 1px solid var(--bs-gray-500);
}
header .nav .nav-item .dropdown .dropdown-menu li:not(:last-child) .dropdown-item .dropdown-item-content {
    border-bottom: 1px solid var(--bs-gray-500);
}

.navbar-nav .nav-link.active, .navbar-nav .nav-link.show, .navbar-nav .nav-item a.nav-link

/* #endregion :: nav - header*/

/* #region :: nav - tabs */
.nav-underline { }
.nav-underline {
    --bs-nav-link-font-size: .8125rem;
    --bs-nav-underline-gap: 0rem;
    --bs-nav-underline-border-width: 0.125rem;
    --bs-nav-underline-link-active-color: var(--bs-primary);
    --bs-nav-link-color: #5f6973;
}
.nav-underline .nav-item {
    border-bottom: 1px solid var(--bs-gray-250);
}
.nav-underline .nav-link {
    --bs-nav-link-padding-x: 1rem;
    --bs-nav-link-padding-y: 1.25rem;
    padding-right: var(--bs-nav-link-padding-x);
    padding-left: var(--bs-nav-link-padding-x);
}
/* #endregion :: nav - tabs */

/* #region :: form */
.from-label { }
.form-label {
    text-transform: uppercase;
    font-weight: bold;
}
.form-control{
	padding: .75rem 1rem;
}
.form-select{
	padding: .75rem 2.5rem .75rem 1rem;
}
.form-control, .form-select, .form-check-input {
    --bs-border-color: var(--bs-gray-800);
}
.form-control:focus, .form-select:focus {
    border-color: var(--bs-primary-border-subtle);
    outline: 0;
    box-shadow: 0 0 0 .25rem var(--bs-primary-shadow-subtle);
}
.form-check-input {
    --bs-form-check-bg: transparent;
    width:1em;
    height:1em;
}
.form-check-input[type=radio]{
    border-radius: .25em;
}
.form-check-input:checked{
    background-color: var(--bs-secondary);
    border-color: var(--bs-secondary);
}
.form-check-input:checked[type=radio] 
{ 
    --bs-form-check-bg-image: unset; 
}
.form-check-input:focus 
{ 
    box-shadow: 0 0 0 .25rem var(--bs-secondary-shadow-subtle); 
}
/* #endregion :: form */

/* #region :: carousel */
.carousel-control-next, .carousel-control-prev{
    width: 7.5%;
}
/* #endregion :: carousel */

/* #region :: card */
.card {
    --bs-card-border-color: var(--bs-gray-250);
}
.card-muvon-home {
    background-color: var(--bs-primary);
    border-radius: 16px;
}

.vantaggio-border {
    width: 64px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bs-primary);
    border-radius: 8px;
}
/* #endregion :: card */
    /*#region carousel*/
.carousel-gruppodieci .carousel-indicators { margin-right: auto; margin-left: auto; overflow-x: auto; justify-content: unset; position: relative; }
.carousel-gruppodieci .carousel-indicators > * {
    min-height: 2.5rem;
    min-width: 4.4rem;
    height: unset;
    width: unset;
    max-height: 5.625rem;
    max-width: 10rem;
}

.carousel-gruppodieci .carousel-indicators::-webkit-scrollbar { width: .25rem; height: .25rem; }
.carousel-gruppodieci .carousel-indicators::-webkit-scrollbar-track { background: #eeeeee; border-radius: 10px; }
.carousel-gruppodieci .carousel-indicators::-webkit-scrollbar-thumb { background: #cccccc; border-radius: 10px; }
.carousel-gruppodieci .carousel-indicators::-webkit-scrollbar-thumb:hover { background: #cdcdcd; }
/*#endregion carousel*/

/*#region carousel*/
.modal {
    --bs-modal-padding: 1.5rem 3rem 3rem 3rem;
    --bs-modal-header-padding: 1.5rem 3rem;
}
/*#endregion carousel*/