/* Salto Bootstrap Variables. BS are the overrides for the main bootstrap variables */
:root {
  --salto-bs-blue: #0000ff;
  --salto-bs-indigo: #6610f2;
  --salto-bs-purple: #6f42c1;
  --salto-bs-pink: #d63384;
  --salto-bs-red: #dc3545;
  --salto-bs-orange: #fd7e14;
  --salto-bs-yellow: #ffc107;
  --salto-bs-green: #198754;
  --salto-bs-teal: #20c997;
  --salto-bs-cyan: #0dcaf0;
  --salto-bs-black: #000;
  --salto-bs-white: #fff;
  --salto-bs-gray: #6c757d;
  --salto-bs-gray-dark: #343a40;
  --salto-bs-gray-100: #f8f9fa;
  --salto-bs-gray-200: #e9ecef;
  --salto-bs-gray-300: #dee2e6;
  --salto-bs-gray-400: #ced4da;
  --salto-bs-gray-500: #adb5bd;
  --salto-bs-gray-600: #6c757d;
  --salto-bs-gray-700: #495057;
  --salto-bs-gray-800: #343a40;
  --salto-bs-gray-900: #212529;
  --salto-bs-primary: #0d6efd;
  --salto-bs-secondary: #6c757d;
  --salto-bs-success: #198754;
  --salto-bs-info: #0dcaf0;
  --salto-bs-warning: #ffc107;
  --salto-bs-danger: #dc3545;
  --salto-bs-light: #f8f9fa;
  --salto-bs-dark: #212529;
  --salto-bs-primary-rgb: 13, 110, 253;
  --salto-bs-secondary-rgb: 108, 117, 125;
  --salto-bs-success-rgb: 25, 135, 84;
  --salto-bs-info-rgb: 13, 202, 240;
  --salto-bs-warning-rgb: 255, 193, 7;
  --salto-bs-danger-rgb: 220, 53, 69;
  --salto-bs-light-rgb: 248, 249, 250;
  --salto-bs-dark-rgb: 33, 37, 41;
  --salto-bs-white-rgb: 255, 255, 255;
  --salto-bs-black-rgb: 0, 0, 0;
  --salto-bs-body-color-rgb: 33, 37, 41;
  --salto-bs-body-bg-rgb: 255, 255, 255;
  --salto-bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --salto-bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --salto-bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --salto-bs-body-font-family: var(--bs-font-sans-serif);
  --salto-bs-body-font-size: 1rem;
  --salto-bs-body-font-weight: 400;
  --salto-bs-body-line-height: 1.5;
  --salto-bs-body-color: #212529;
  --salto-bs-body-bg: #fff;
  --salto-bs-border-width: 1px;
  --salto-bs-border-style: solid;
  --salto-bs-border-color: #dee2e6;
  --salto-bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --salto-bs-border-radius: 0.375rem;
  --salto-bs-border-radius-sm: 0.25rem;
  --salto-bs-border-radius-lg: 0.5rem;
  --salto-bs-border-radius-xl: 1rem;
  --salto-bs-border-radius-2xl: 2rem;
  --salto-bs-border-radius-pill: 50rem;
  --salto-bs-link-color: #0d6efd;
  --salto-bs-link-hover-color: #0a58ca;
  --salto-bs-code-color: #d63384;
  --salto-bs-highlight-bg: #fff3cd;
}

/* Set Bootstrap Variables to Salto Bootstrap Variables */
:root {
  --bs-blue: var(--salto-bs-blue);
  --bs-indigo: var(--salto-bs-indigo);
  --bs-purple: var(--salto-bs-purple);
  --bs-pink: var(--salto-bs-pink);
  --bs-red: var(--salto-bs-red);
  --bs-orange: var(--salto-bs-orange);
  --bs-yellow: var(--salto-bs-yellow);
  --bs-green: var(--salto-bs-green);
  --bs-teal: var(--salto-bs-teal);
  --bs-cyan: var(--salto-bs-cyan);
  --bs-black: var(--salto-bs-black);
  --bs-white: var(--salto-bs-white);
  --bs-gray: var(--salto-bs-gray);
  --bs-gray-dark: var(--salto-bs-gray-dark);
  --bs-gray-100: var(--salto-bs-gray-100);
  --bs-gray-200: var(--salto-bs-gray-200);
  --bs-gray-300: var(--salto-bs-gray-300);
  --bs-gray-400: var(--salto-bs-gray-400);
  --bs-gray-500: var(--salto-bs-gray-500);
  --bs-gray-600: var(--salto-bs-gray-600);
  --bs-gray-700: var(--salto-bs-gray-700);
  --bs-gray-800: var(--salto-bs-gray-800);
  --bs-gray-900: var(--salto-bs-gray-900);
  --bs-primary: var(--salto-bs-primary);
  --bs-secondary: var(--salto-bs-secondary);
  --bs-success: var(--salto-bs-success);
  --bs-info: var(--salto-bs-info);
  --bs-warning: var(--salto-bs-warning);
  --bs-danger: var(--salto-bs-danger);
  --bs-light: var(--salto-bs-light);
  --bs-dark: var(--salto-bs-dark);
  --bs-primary-rgb: var(--salto-bs-primary-rgb);
  --bs-secondary-rgb: var(--salto-bs-secondary-rgb);
  --bs-success-rgb: var(--salto-bs-success-rgb);
  --bs-info-rgb: var(--salto-bs-info-rgb);
  --bs-warning-rgb: var(--salto-bs-warning-rgb);
  --bs-danger-rgb: var(--salto-bs-danger-rgb);
  --bs-light-rgb: var(--salto-bs-light-rgb);
  --bs-dark-rgb: var(--salto-bs-dark-rgb);
  --bs-white-rgb: var(--salto-bs-white-rgb);
  --bs-black-rgb: var(--salto-bs-black-rgb);
  --bs-body-color-rgb: var(--salto-bs-blue);
  --bs-body-bg-rgb: var(--salto-bs-body-color-rgb);
  --bs-font-sans-serif: var(--salto-bs-font-sans-serif);
  --bs-font-monospace: var(--salto-bs-font-monospace);
  --bs-gradient: var(--salto-bs-gradient);
  --bs-body-font-family: var(--salto-bs-font-sans-serif);
  --bs-body-font-size: var(--salto-bs-body-font-size);
  --bs-body-font-weight: var(--salto-bs-body-font-weight);
  --bs-body-line-height: var(--salto-bs-body-line-height);
  --bs-body-color: var(--salto-bs-body-color);
  --bs-body-bg: var(--salto-bs-body-bg);
  --bs-border-width: var(--salto-bs-border-width);
  --bs-border-style: var(--salto-bs-border-style);
  --bs-border-color: var(--salto-bs-border-color);
  --bs-border-color-translucent: var(--salto-bs-border-color-translucent);
  --bs-border-radius: var(--salto-bs-border-radius);
  --bs-border-radius-sm: var(--salto-bs-border-radius-sm);
  --bs-border-radius-lg: var(--salto-bs-border-radius-lg);
  --bs-border-radius-xl: var(--salto-bs-border-radius-xl);
  --bs-border-radius-2xl: var(--salto-bs-border-radius-2xl);
  --bs-border-radius-pill: var(--salto-bs-border-radius-pill);
  --bs-link-color: var(--salto-bs-link-color);
  --bs-link-hover-color: var(--salto-bs-link-hover-color);
  --bs-code-color: var(--salto-bs-code-color);
  --bs-highlight-bg: var(--salto-bs-highlight-bg);
}

/* Set Salto Fonts */
:root {
  --salto-font-serif: "source serif pro", serif;
  --salto-font-sans: "source sans pro", sans-serif;
  --salto-font-music: "mayenne sans", sans-serif;
}

/* Set Salto Color Variables */
:root {
  --salto-primary: #0D6EFD;
  --salto-white: #FFFFFF;
  --salto-black: #000000;
  --salto-darktext: #212529;
  --salto-darkgray: #616971;
  --salto-darkgray-1: rgba(97, 105, 113, 0.6);
  /* 60% of #616971 */
  --salto-lightgray: #7b838a;

  --salto-editor-primary: #0D6EFD;
  --salto-editor-heading-color-1: #0D6EFD;
  --salto-editor-text-color-1: #212529;
  --salto-editor-background-1: #ff00ff;
  --salto-editor-background-0: rgba(13, 110, 253, 0.1);
  /* 10% of #0D6EFD */



  --salto-community-primary: #03CEA4;
  --salto-community-heading-color-1: #03CEA4;
  --salto-community-text-color-1: #212529;
  --salto-community-text-color-2: #616971;
  --salto-community-background-0: #ff00ff;
  --salto-community-background-1: rgba(3, 206, 164, 0.2);
  /* 20% of #03CEA4 */
  --salto-community-background-2: rgba(3, 206, 164, 0.1);
  /* 10% of #03CEA4 */
  --salto-community-background-3: rgba(3, 206, 164, 0.05);
  /* 5% of #03CEA4 */

  --salto-columnist-primary: #0D6EFD;
  --salto-columnist-heading-color-1: #0D6EFD;
  --salto-columnist-text-color-1: #212529;
  --salto-columnist-background-0: #ff00ff;
  --salto-columnist-background-1: rgba(13, 110, 253, 0.1);
  /* 10% of #0D6EFD */
  --salto-columnist-background-2: rgba(13, 110, 253, 0.05);
  /* 5% of #0D6EFD */

  --salto-partner-primary: #7D0068;
  --salto-partner-heading-color-1: #7D0068;
  --salto-partner-text-color-1: #ff00ff;
  --salto-partner-background-0: #ff00ff;
  --salto-partner-background-1: rgba(125, 0, 104, 0.1);
  /* 10% of #7D0068 */
  --salto-partner-background-2: rgba(125, 0, 104, 0.05);
  /* 5% of #7D0068 */
  --salto-partner-background-3: #E6D5E3;


  --salto-advertorial-primary: #616971;
  --salto-advertorial-heading-color-1: #6C757D;
  --salto-advertorial-text-color-1: #212529;
  --salto-advertorial-background-1: rgba(97, 105, 113, 0.05);
  /* 5% of #616971 */
  --salto-advertorial-background-2: rgba(97, 105, 113, 0.2);
  /* 20% of #616971 */

  --salto-event-primary: #0D6EFD;
  --salto-event-premium: #0D6EFD;
  --salto-event-sponsored: #616971;
  --salto-event-heading-color-1: #0D6EFD;
  --salto-event-text-color-1: #212529;
  --salto-event-background-1: rgba(13, 110, 253, 0.1);
  /* 10% of #0D6EFD */

  --salto-sub-department-menu: rgba(13, 110, 253, 0.1);
  /* 10% of #0D6EFD */

  --salto-dossier-primary: #FF5757;
  --salto-dossier-heading-color-1: #FF5757;
  --salto-dossier-text-color-1: #212529;
  --salto-dossier-background-1: rgba(255, 87, 87, 0.1);
  /* 10% of #FF5757 */

  --salto-media-primary: #0D6EFD;
  --salto-media-premium: #616971;
  --salto-media-heading-color-1: #0D6EFD;
  --salto-media-text-color-1: #212529;
  --salto-media-background-1: rgba(108, 117, 125, 0.1);
  /* 10% of #6C757D */
  --salto-media-background-2: rgba(13, 110, 253, 0.1);
  /* 10% of #0D6EFD */
  --salto-media-icon: #616971;

  --salto-music-primary: #b424f1;
  --salto-music-primary-light: #d062ff;
  --salto-music-background-1: #f0e0f5;
  --salto-music-grad: #FFCC17, #BD00FF;
  --salto-music-grad-angle: 270deg;

  --salto-weekend-primary: var(--salto-white);
  --salto-weekend-background-1: #00c787;
  --salto-weekend-grad: #00c787, #00d2fa;
  --salto-weekend-grad-angle: 270deg;
}

/*
.btn-salto {
  --bs-btn-padding-x: 0.75rem;
  --bs-btn-padding-y: 0.375rem;
  --bs-btn-font-family: ;
  --bs-btn-font-size: 1rem;
  --bs-btn-font-weight: 400;
  --bs-btn-line-height: 1.5;
  --bs-btn-color: var(--salto-white);
  --bs-btn-bg: var(--salto-primary);
  --bs-btn-border-width: var(--bs-border-width);
  --bs-btn-border-color: transparent;
  --bs-btn-border-radius: var(--bs-border-radius);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-box-shadow: inset 0 1px 0 rgba(255,255,255,0.15),0 1px 1px rgba(0,0,0,0.075);
  --bs-btn-disabled-opacity: 0.65;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb),.5);
  display: inline-block;
  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
  font-family: var(--bs-btn-font-family);
  font-size: var(--bs-btn-font-size);
  font-weight: var(--bs-btn-font-weight);
  line-height: var(--bs-btn-line-height);
  color: var(--bs-btn-color);
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
  background-color: var(--bs-btn-bg);
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
*/
.btn-primary {
  --bs-btn-color: #fff!important;
  --bs-btn-bg: #0D6EFD!important;
  --bs-btn-border-color: #0D6EFD!important;
  --bs-btn-hover-color: #fff!important;
  --bs-btn-hover-bg: #0D6EFD!important;
  --bs-btn-hover-border-color: #1f66b6!important;
  --bs-btn-focus-shadow-rgb: 71,147,231!important;
  --bs-btn-active-color: #fff!important;
  --bs-btn-active-bg: #0D6EFD!important;
  --bs-btn-active-border-color: #0D6EFD!important;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,0.125)!important;
  --bs-btn-disabled-color: #fff!important;
  --bs-btn-disabled-bg: #0D6EFD!important;
  --bs-btn-disabled-border-color: #0D6EFD!important;
}
.btn-salto-primary {
  --bs-btn-color: #fff!important;
  --bs-btn-bg: #0D6EFD!important;
  --bs-btn-border-color: #0D6EFD!important;
  --bs-btn-hover-color: #fff!important;
  --bs-btn-hover-bg: #0D6EFD!important;
  --bs-btn-hover-border-color: #1f66b6!important;
  --bs-btn-focus-shadow-rgb: 71,147,231!important;
  --bs-btn-active-color: #fff!important;
  --bs-btn-active-bg: #0D6EFD!important;
  --bs-btn-active-border-color: #0D6EFD!important;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,0.125)!important;
  --bs-btn-disabled-color: #fff!important;
  --bs-btn-disabled-bg: #0D6EFD!important;
  --bs-btn-disabled-border-color: #0D6EFD!important;
}