/**
*   CUSTOM SETTINGS
*/

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

add:

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

sotituiti:

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

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

 
 

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




:root{
/* Custom colors */

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

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

/* Custom fonts */
/* --bs-body-font-size: var(--gfl-font-size); */
--bs-font-sans-serif: var(--gfl-font-family);

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

.primary {

--bs-btn-bg: var(--gfl-main-color);
--bs-btn-border-color: var(--gfl-main-color);
--bs-btn-hover-color: var(--bs-heading-color);
--bs-btn-hover-bg: var(--gfl-main-color-hover);
--bs-btn-hover-border-color: var(--gfl-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(--gfl-btn-active);
--bs-btn-active-border-color: var(--gfl-main-color-hover-2);
--bs-btn-disabled-bg: var(--gfl-main-color);
--bs-btn-disabled-border-color: var(--gfl-main-color);
}



.modal-backdrop{
--bs-backdrop-bg : var(--gfl-main-color);}

/*!
 * Bootstrap  v5.3.0-alpha1 (https://getbootstrap.com/)
 * Copyright 2011-2022 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
 
 
 .form-control:focus {
     color: var(--bs-body-color);
     background-color: var(--bs-form-control-bg);
     border-color: var(--gfl-form-focus);
     outline: 0;
     -webkit-box-shadow: 0 0 0 .25rem var(--gfl-main-color-25);
     box-shadow: 0 0 0 .25rem var(--gfl-main-color-25)
 }
 
 
 .form-select:focus {
     border-color: var(--gfl-form-focus);
     outline: 0;
     -webkit-box-shadow: 0 0 0 .25rem var(--gfl-main-color-25);
     box-shadow: 0 0 0 .25rem var(--gfl-main-color-25)
 }
 
 .form-check-input:focus {
     border-color: var(--gfl-form-focus);
     outline: 0;
     -webkit-box-shadow: 0 0 0 .25rem var(--gfl-main-color-25);
     box-shadow: 0 0 0 .25rem var(--gfl-main-color-25)
 }
 
 .form-check-input:checked {
     background-color: var(--gfl-main-color);
     border-color: var(--gfl-main-color)
 }
 

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

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

 }
 .form-range::-moz-range-thumb:active {
     background-color: #f2b3ff
 }
/*  .btn-primary {
     --bs-btn-color: var(--gfl-color);
     --bs-btn-bg: var(--gfl-main-color);
     --bs-btn-border-color: var(--gfl-main-color);
     --bs-btn-hover-color: var(--bs-heading-color);
     --bs-btn-hover-bg: var(--gfl-main-color-hover);
     --bs-btn-hover-border-color: var(--gfl-main-color-hover-2);
     --bs-btn-focus-shadow-rgb: var(--gfl-main-color-rgb);
     --bs-btn-active-color: var(--bs-heading-color);
     --bs-btn-active-bg: var(--gfl-btn-active);
     --bs-btn-active-border-color: var(--gfl-main-color-hover-2);
     --bs-btn-disabled-color: var(--gfl-color);
     --bs-btn-disabled-bg: var(--gfl-main-color);
     --bs-btn-disabled-border-color: var(--gfl-main-color)
 } */
 .btn-primary {
    --bs-btn-color: var(--gfl-color);
    --bs-btn-bg: var(--gfl-main-color);
    --bs-btn-border-color: var(--gfl-main-color);
    --bs-btn-hover-color: var(--gfl-color);
    --bs-btn-hover-bg: var(--gfl-main-color-hover);
    --bs-btn-hover-border-color: var(--gfl-main-color-hover-2);
    --bs-btn-focus-shadow-rgb: var(--gfl-main-color-rgb);
    --bs-btn-active-color: var(--gfl-color);
    --bs-btn-active-bg: var(--gfl-btn-active);
    --bs-btn-active-border-color: var(--gfl-main-color-hover-2);
    --bs-btn-disabled-color: var(--gfl-color);
    --bs-btn-disabled-bg: var(--gfl-main-color);
    --bs-btn-disabled-border-color: var(--gfl-main-color)
}
 /* 
 .btn-secondary {
     --bs-btn-color: #fff;
     --bs-btn-bg: #6c757d;
     --bs-btn-border-color: #6c757d;
     --bs-btn-hover-color: #fff;
     --bs-btn-hover-bg: #5c636a;
     --bs-btn-hover-border-color: #565e64;
     --bs-btn-focus-shadow-rgb: 130, 138, 145;
     --bs-btn-active-color: #fff;
     --bs-btn-active-bg: #565e64;
     --bs-btn-active-border-color: #51585e;
     --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
     --bs-btn-disabled-color: #fff;
     --bs-btn-disabled-bg: #6c757d;
     --bs-btn-disabled-border-color: #6c757d
 }
 
 .btn-success {
     --bs-btn-color: #fff;
     --bs-btn-bg: #198754;
     --bs-btn-border-color: #198754;
     --bs-btn-hover-color: #fff;
     --bs-btn-hover-bg: #157347;
     --bs-btn-hover-border-color: #146c43;
     --bs-btn-focus-shadow-rgb: 60, 153, 110;
     --bs-btn-active-color: #fff;
     --bs-btn-active-bg: #146c43;
     --bs-btn-active-border-color: #13653f;
     --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
     --bs-btn-disabled-color: #fff;
     --bs-btn-disabled-bg: #198754;
     --bs-btn-disabled-border-color: #198754
 }
 
 .btn-info {
     --bs-btn-color: var(--bs-heading-color);
     --bs-btn-bg: #0dcaf0;
     --bs-btn-border-color: #0dcaf0;
     --bs-btn-hover-color: var(--bs-heading-color);
     --bs-btn-hover-bg: #31d2f2;
     --bs-btn-hover-border-color: #25cff2;
     --bs-btn-focus-shadow-rgb: 15, 176, 208;
     --bs-btn-active-color: var(--bs-heading-color);
     --bs-btn-active-bg: #3dd5f3;
     --bs-btn-active-border-color: #25cff2;
     --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
     --bs-btn-disabled-color: var(--bs-heading-color);
     --bs-btn-disabled-bg: #0dcaf0;
     --bs-btn-disabled-border-color: #0dcaf0
 }
 
 .btn-warning {
     --bs-btn-color: var(--bs-heading-color);
     --bs-btn-bg: #ffc107;
     --bs-btn-border-color: #ffc107;
     --bs-btn-hover-color: var(--bs-heading-color);
     --bs-btn-hover-bg: #ffca2c;
     --bs-btn-hover-border-color: #ffc720;
     --bs-btn-focus-shadow-rgb: 221, 168, 10;
     --bs-btn-active-color: var(--bs-heading-color);
     --bs-btn-active-bg: #ffcd39;
     --bs-btn-active-border-color: #ffc720;
     --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
     --bs-btn-disabled-color: var(--bs-heading-color);
     --bs-btn-disabled-bg: #ffc107;
     --bs-btn-disabled-border-color: #ffc107
 }
 
 .btn-danger {
     --bs-btn-color: #fff;
     --bs-btn-bg: #dc3545;
     --bs-btn-border-color: #dc3545;
     --bs-btn-hover-color: #fff;
     --bs-btn-hover-bg: #bb2d3b;
     --bs-btn-hover-border-color: #b02a37;
     --bs-btn-focus-shadow-rgb: 225, 83, 97;
     --bs-btn-active-color: #fff;
     --bs-btn-active-bg: #b02a37;
     --bs-btn-active-border-color: #a52834;
     --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
     --bs-btn-disabled-color: #fff;
     --bs-btn-disabled-bg: #dc3545;
     --bs-btn-disabled-border-color: #dc3545
 }
 
 .btn-light {
     --bs-btn-color: var(--bs-heading-color);
     --bs-btn-bg: #F7F7F7;
     --bs-btn-border-color: #F7F7F7;
     --bs-btn-hover-color: var(--bs-heading-color);
     --bs-btn-hover-bg: #d2d2d2;
     --bs-btn-hover-border-color: #c6c6c6;
     --bs-btn-focus-shadow-rgb: 214, 214, 214;
     --bs-btn-active-color: var(--bs-heading-color);
     --bs-btn-active-bg: #c6c6c6;
     --bs-btn-active-border-color: #b9b9b9;
     --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
     --bs-btn-disabled-color: var(--bs-heading-color);
     --bs-btn-disabled-bg: #F7F7F7;
     --bs-btn-disabled-border-color: #F7F7F7
 }
 
 .btn-dark {
     --bs-btn-color: #fff;
     --bs-btn-bg: #212529;
     --bs-btn-border-color: #212529;
     --bs-btn-hover-color: #fff;
     --bs-btn-hover-bg: #424649;
     --bs-btn-hover-border-color: #373b3e;
     --bs-btn-focus-shadow-rgb: 66, 70, 73;
     --bs-btn-active-color: #fff;
     --bs-btn-active-bg: #4d5154;
     --bs-btn-active-border-color: #373b3e;
     --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
     --bs-btn-disabled-color: #fff;
     --bs-btn-disabled-bg: #212529;
     --bs-btn-disabled-border-color: #212529
 }
  */
 .btn-outline-primary {
     --bs-btn-color: var(--gfl-main-color);
     --bs-btn-border-color: var(--gfl-main-color);
     --bs-btn-hover-color: var(--gfl-color);
     --bs-btn-hover-bg: var(--gfl-main-color);
     --bs-btn-hover-border-color: var(--gfl-main-color);
     --bs-btn-focus-shadow-rgb: var(--gfl-main-color-rgb);
     --bs-btn-active-color: var(--gfl-color);
     --bs-btn-active-bg: var(--gfl-main-color);
     --bs-btn-active-border-color: var(--gfl-main-color);
     --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
     --bs-btn-disabled-color: var(--gfl-main-color);
     --bs-btn-disabled-bg: transparent;
     --bs-btn-disabled-border-color: var(--gfl-main-color);
     --bs-gradient: none
 }
 
 /* .btn-outline-secondary {
     --bs-btn-color: #6c757d;
     --bs-btn-border-color: #6c757d;
     --bs-btn-hover-color: #fff;
     --bs-btn-hover-bg: #6c757d;
     --bs-btn-hover-border-color: #6c757d;
     --bs-btn-focus-shadow-rgb: 108, 117, 125;
     --bs-btn-active-color: #fff;
     --bs-btn-active-bg: #6c757d;
     --bs-btn-active-border-color: #6c757d;
     --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
     --bs-btn-disabled-color: #6c757d;
     --bs-btn-disabled-bg: transparent;
     --bs-btn-disabled-border-color: #6c757d;
     --bs-gradient: none
 }
 
 .btn-outline-success {
     --bs-btn-color: #198754;
     --bs-btn-border-color: #198754;
     --bs-btn-hover-color: #fff;
     --bs-btn-hover-bg: #198754;
     --bs-btn-hover-border-color: #198754;
     --bs-btn-focus-shadow-rgb: 25, 135, 84;
     --bs-btn-active-color: #fff;
     --bs-btn-active-bg: #198754;
     --bs-btn-active-border-color: #198754;
     --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
     --bs-btn-disabled-color: #198754;
     --bs-btn-disabled-bg: transparent;
     --bs-btn-disabled-border-color: #198754;
     --bs-gradient: none
 }
 
 .btn-outline-info {
     --bs-btn-color: #0dcaf0;
     --bs-btn-border-color: #0dcaf0;
     --bs-btn-hover-color: var(--bs-heading-color);
     --bs-btn-hover-bg: #0dcaf0;
     --bs-btn-hover-border-color: #0dcaf0;
     --bs-btn-focus-shadow-rgb: 13, 202, 240;
     --bs-btn-active-color: var(--bs-heading-color);
     --bs-btn-active-bg: #0dcaf0;
     --bs-btn-active-border-color: #0dcaf0;
     --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
     --bs-btn-disabled-color: #0dcaf0;
     --bs-btn-disabled-bg: transparent;
     --bs-btn-disabled-border-color: #0dcaf0;
     --bs-gradient: none
 }
 
 .btn-outline-warning {
     --bs-btn-color: #ffc107;
     --bs-btn-border-color: #ffc107;
     --bs-btn-hover-color: var(--bs-heading-color);
     --bs-btn-hover-bg: #ffc107;
     --bs-btn-hover-border-color: #ffc107;
     --bs-btn-focus-shadow-rgb: 255, 193, 7;
     --bs-btn-active-color: var(--bs-heading-color);
     --bs-btn-active-bg: #ffc107;
     --bs-btn-active-border-color: #ffc107;
     --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
     --bs-btn-disabled-color: #ffc107;
     --bs-btn-disabled-bg: transparent;
     --bs-btn-disabled-border-color: #ffc107;
     --bs-gradient: none
 }
 
 .btn-outline-danger {
     --bs-btn-color: #dc3545;
     --bs-btn-border-color: #dc3545;
     --bs-btn-hover-color: #fff;
     --bs-btn-hover-bg: #dc3545;
     --bs-btn-hover-border-color: #dc3545;
     --bs-btn-focus-shadow-rgb: 220, 53, 69;
     --bs-btn-active-color: #fff;
     --bs-btn-active-bg: #dc3545;
     --bs-btn-active-border-color: #dc3545;
     --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
     --bs-btn-disabled-color: #dc3545;
     --bs-btn-disabled-bg: transparent;
     --bs-btn-disabled-border-color: #dc3545;
     --bs-gradient: none
 }
 
 .btn-outline-light {
     --bs-btn-color: #F7F7F7;
     --bs-btn-border-color: #F7F7F7;
     --bs-btn-hover-color: var(--bs-heading-color);
     --bs-btn-hover-bg: #F7F7F7;
     --bs-btn-hover-border-color: #F7F7F7;
     --bs-btn-focus-shadow-rgb: 247, 247, 247;
     --bs-btn-active-color: var(--bs-heading-color);
     --bs-btn-active-bg: #F7F7F7;
     --bs-btn-active-border-color: #F7F7F7;
     --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
     --bs-btn-disabled-color: #F7F7F7;
     --bs-btn-disabled-bg: transparent;
     --bs-btn-disabled-border-color: #F7F7F7;
     --bs-gradient: none
 }
 
 .btn-outline-dark {
     --bs-btn-color: #212529;
     --bs-btn-border-color: #212529;
     --bs-btn-hover-color: #fff;
     --bs-btn-hover-bg: #212529;
     --bs-btn-hover-border-color: #212529;
     --bs-btn-focus-shadow-rgb: 33, 37, 41;
     --bs-btn-active-color: #fff;
     --bs-btn-active-bg: #212529;
     --bs-btn-active-border-color: #212529;
     --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
     --bs-btn-disabled-color: #212529;
     --bs-btn-disabled-bg: transparent;
     --bs-btn-disabled-border-color: #212529;
     --bs-gradient: none
 }
 
 */
 
 .dropdown-menu {

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

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

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

     --bs-pagination-focus-box-shadow: 0 0 0 0.25rem var(--gfl-main-color-25);
     --bs-pagination-active-color: #fff;
     --bs-pagination-active-bg: var(--gfl-main-color);
     --bs-pagination-active-border-color: var(--gfl-main-color);

 }
 
 .btn-close {

     --bs-btn-close-focus-shadow: 0 0 0 0.25rem var(--gfl-main-color-25);
 }
 /* 
 .text-bg-primary {
     color: #000 !important;
     background-color: RGBA(212, 0, 255, var(--bs-bg-opacity, 1)) !important
 }
 
 .text-bg-secondary {
     color: #fff !important;
     background-color: RGBA(108, 117, 125, var(--bs-bg-opacity, 1)) !important
 }
 
 .text-bg-success {
     color: #fff !important;
     background-color: RGBA(25, 135, 84, var(--bs-bg-opacity, 1)) !important
 }
 
 .text-bg-info {
     color: var(--bs-heading-color) !important;
     background-color: RGBA(13, 202, 240, var(--bs-bg-opacity, 1)) !important
 }
 
 .text-bg-warning {
     color: var(--bs-heading-color) !important;
     background-color: RGBA(255, 193, 7, var(--bs-bg-opacity, 1)) !important
 }
 
 .text-bg-danger {
     color: #fff !important;
     background-color: RGBA(220, 53, 69, var(--bs-bg-opacity, 1)) !important
 }
 
 .text-bg-light {
     color: var(--bs-heading-color) !important;
     background-color: RGBA(247, 247, 247, var(--bs-bg-opacity, 1)) !important
 }
 
 .text-bg-dark {
     color: #fff !important;
     background-color: RGBA(33, 37, 41, var(--bs-bg-opacity, 1)) !important
 }
  */
 .link-primary {
     color: var(--gfl-main-color) !important
 }
 
 .link-primary:hover,
 .link-primary:focus {
     color: var(--gfl-link-primary-hover) !important
 }
 /* 
 .link-secondary {
     color: #6c757d !important
 }
 
 .link-secondary:hover,
 .link-secondary:focus {
     color: #464c51 !important
 }
 
 .link-success {
     color: #198754 !important
 }
 
 .link-success:hover,
 .link-success:focus {
     color: #105837 !important
 }
 
 .link-info {
     color: #0dcaf0 !important
 }
 
 .link-info:hover,
 .link-info:focus {
     color: #62ddf5 !important
 }
 
 .link-warning {
     color: #ffc107 !important
 }
 
 .link-warning:hover,
 .link-warning:focus {
     color: #ffd75e !important
 }
 
 .link-danger {
     color: #dc3545 !important
 }
 
 .link-danger:hover,
 .link-danger:focus {
     color: #8f222d !important
 }
 
 .link-light {
     color: #f7f7f7 !important
 }
 
 .link-light:hover,
 .link-light:focus {
     color: #fafafa !important
 }
 
 .link-dark {
     color: #212529 !important
 }
 
 .link-dark:hover,
 .link-dark:focus {
     color: #15181b !important
 }
  */