/**
*   CUSTOM SETTINGS
*/

/* 
main: #d400ff - rgba(212, 0, 255, 1)

add:

var(--bs-main-color-25)[= main opacity 25] -> rgba(212, 0, 255, .25)  
var(--bs-main-color-hover) ->  #da26ff  

sotituiti:

var(--bs-main-color-hover2) ->  #d81aff 
 .form-control:focus border-color: # ea80ff; -> var(--bs-form-focus)

 
 .link-primary:hover,
 .link-primary:focus {
     color: # e359ff !important
 } -> var(--bs-link-primary-hover) ->
 

 
 

--bs-btn-active-bg: # dd33ff var(--bs-btn-active) [= main]
--bs-primary-text: #aa00cc -> var(--bs-main-color-text)
--bs-link-hover-color: #8a00a6; -> var(--bs-main-color-text-2)
--bs-main-color-rgb -> 212, 0, 255 -> var(--bs-main-color) [= main??]
*/




:root{
/* Custom colors */

--bs-primary: var(--bs-main-color);
--bs-primary-rgb: var(--bs-main-color-rgb);
--bs-blue: var(--bs-main-color);
--swiper-theme-color: var(--bs-main-color);

--bs-link-color-rgb: var(--bs-main-color-rgb);
--bs-primary-text: var(--bs-main-color-text);
--bs-link-hover-color: var(--bs-main-color-text-2);
--bs-link-hover-color-rgb: var(--bs-main-color);


--bs-link-opacity: 1;


--bs-main-color-text: var(--bs-main-color);
--bs-main-color-hover2 : var(--bs-main-color-hover);
--bs-main-color-text-2 :  var(--bs-main-color-text);
--bs-btn-active : var(--bs-main-color);
--bs-form-focus: var(--bs-main-color-hover);
--bs-link-primary-hover: var(--bs-main-color-text);
}

*[data-bs-theme=light] a:hover {color: var(--bs-main-color-hover);}
.primary {

--bs-btn-bg: var(--bs-main-color);
--bs-btn-border-color: var(--bs-main-color);
--bs-btn-hover-color: var(--bs-heading-color);
--bs-btn-hover-bg: var(--bs-main-color-hover);
--bs-btn-hover-border-color: var(--bs-main-color-hover-2);
--bs-btn-focus-shadow-rgb: 180, 0, 217;
--bs-btn-active-color: var(--bs-heading-color);
--bs-btn-active-bg: var(--bs-btn-active);
--bs-btn-active-border-color: var(--bs-main-color-hover-2);
--bs-btn-disabled-bg: var(--bs-main-color);
--bs-btn-disabled-border-color: var(--bs-main-color);
}


 
 
 .form-control:focus {
     color: var(--bs-body-color);
     background-color: var(--bs-form-control-bg);
     border-color: var(--bs-form-focus);
     outline: 0;
     -webkit-box-shadow: 0 0 0 .25rem var(--bs-main-color-25);
     box-shadow: 0 0 0 .25rem var(--bs-main-color-25)
 }
 
 
 .form-select:focus {
     border-color: var(--bs-form-focus);
     outline: 0;
     -webkit-box-shadow: 0 0 0 .25rem var(--bs-main-color-25);
     box-shadow: 0 0 0 .25rem var(--bs-main-color-25)
 }
 
 .form-check-input:focus {
     border-color: var(--bs-form-focus);
     outline: 0;
     -webkit-box-shadow: 0 0 0 .25rem var(--bs-main-color-25);
     box-shadow: 0 0 0 .25rem var(--bs-main-color-25)
 }
 
 .form-check-input:checked {
     background-color: var(--bs-main-color);
     border-color: var(--bs-main-color)
 }
 

 .form-check-input[type=checkbox]:indeterminate {
     background-color: var(--bs-main-color);
     border-color: var(--bs-main-color);
 }
 
 .form-range:focus::-webkit-slider-thumb {
     -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem var(--bs-main-color-25);
     box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem var(--bs-main-color-25)
 }
 
 .form-range:focus::-moz-range-thumb {
     box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem var(--bs-main-color-25)
 }
 
 
 .form-range::-webkit-slider-thumb {
     background-color: var(--bs-main-color);

 }
 
 .form-range::-webkit-slider-thumb:active {
     background-color: #f2b3ff
 }
 
 .form-range::-moz-range-thumb {
     background-color: var(--bs-main-color);

 }
 .form-range::-moz-range-thumb:active {
     background-color: #f2b3ff
 }
 .btn-primary {
    --bs-btn-color: var(--bs-color);
    --bs-btn-bg: var(--bs-main-color);
    --bs-btn-border-color: var(--bs-main-color);
    --bs-btn-hover-color: var(--bs-color);
    --bs-btn-hover-bg: var(--bs-main-color-hover);
    --bs-btn-hover-border-color: var(--bs-main-color-hover-2);
    --bs-btn-focus-shadow-rgb: var(--bs-main-color-rgb);
    --bs-btn-active-color: var(--bs-color);
    --bs-btn-active-bg: var(--bs-btn-active);
    --bs-btn-active-border-color: var(--bs-main-color-hover-2);
    --bs-btn-disabled-color: var(--bs-color);
    --bs-btn-disabled-bg: var(--bs-main-color);
    --bs-btn-disabled-border-color: var(--bs-main-color)
}
 .btn-outline-primary {
     --bs-btn-color: var(--bs-main-color);
     --bs-btn-border-color: var(--bs-main-color);
     --bs-btn-hover-color: var(--bs-color);
     --bs-btn-hover-bg: var(--bs-main-color);
     --bs-btn-hover-border-color: var(--bs-main-color);
     --bs-btn-focus-shadow-rgb: var(--bs-main-color-rgb);
     --bs-btn-active-color: var(--bs-color);
     --bs-btn-active-bg: var(--bs-main-color);
     --bs-btn-active-border-color: var(--bs-main-color);
     --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
     --bs-btn-disabled-color: var(--bs-main-color);
     --bs-btn-disabled-bg: transparent;
     --bs-btn-disabled-border-color: var(--bs-main-color);
     --bs-gradient: none
 }
 
 .dropdown-menu {

     --bs-dropdown-link-active-bg: var(--bs-main-color);
 }
 
 .dropdown-menu-dark {

     --bs-dropdown-link-active-bg: var(--bs-main-color);
 }
 
 .accordion {

     --bs-accordion-btn-focus-border-color: var(--bs-form-focus);
     --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem var(--bs-main-color-25);
 }
 
 
 .pagination {
     --bs-pagination-color: var(--bs-dark);
     --bs-pagination-focus-box-shadow: 0 0 0 0.25rem var(--bs-main-color-25);
     --bs-pagination-active-color: #fff;
     --bs-pagination-active-bg: var(--bs-main-color);
     --bs-pagination-active-border-color: var(--bs-main-color);

 }
 
 .btn-close {

     --bs-btn-close-focus-shadow: 0 0 0 0.25rem var(--bs-main-color-25);
 }
 .link-primary {
     color: var(--bs-main-color) !important
 }
 
 .link-primary:hover,
 .link-primary:focus {
     color: var(--bs-link-primary-hover) !important
 }

 .banner-img {
     width: 100%;
     height: auto;
 }