:root {
  /* div */
  --containerValue: 100%;
  --negativeMarginX: -0.75rem;
  /* --basePadding: 1.5rem; */
  --basePadding: -13.5rem;

  --customPadding: 8rem;

  /* colors - palette */
  --color_main: #ed6d1e; /*logo*/
  --orange: var(--color_main); /*logo*/

  --color_secondary: #8f191c; /*rosso*/
  --red: var(--color_secondary); /*rosso*/

  --color_middle: #c15b26; /*arancio scuro*/
  --orange_dark: var(--color_middle); /*arancio scuro*/

  --orange_light: #ed9f21; /*arancio */

  --orange_superlight: #ffcb75; /*giallo*/
  --blue: #0000ff;


  --black: #000;
  --white: #FFFFFF;
  --gray: #dfe5eb;
  --gray_dark: #666;
  --gray_light: #EEEEEE;
  --gray_fake: #EEEEEf;



  /* fonts */
  --font-primary: "Inter";
  --font-secondary: "Brinnan";
}

.offcanvas, .offcanvas-lg, .offcanvas-md, .offcanvas-sm, .offcanvas-xl, .offcanvas-xxl {
    --bs-offcanvas-width: 500px;
    --bs-offcanvas-padding-x: 0px;
}
.navbar-toggler,
.navbar-toggler:hover,
.navbar-toggler:active {
    background-color: transparent;
    border: var(--bs-border-width) solid transparent;
}
.navbar-toggler:focus {
    box-shadow: 0 0 0 transparent;
}
@media screen and (min-width: 1400px) {
  :root {
    --containerValue: calc(1320px - var(--basePadding));
    --negativeMarginX: calc((var(--viewportWidth) - var(--containerValue)) / -2);
  }
}

.btn-primary {
  background-color: transparent;
  border-color: transparent;
  --bs-btn-hover-bg: transparent;
    --bs-btn-active-bg: transparent;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-color: var(--color_main);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: transparent;
    --bs-btn-hover-color: var(--color_main);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-focus-shadow-rgb: transparent;
    --bs-btn-active-color: #fff;
    --bs-btn-active-border-color: transparent;
    --bs-btn-active-shadow: inset 0 3px 5px transparent;
    --bs-btn-disabled-color: var(--color_main);
    --bs-btn-disabled-border-color: transparent;
}