/*
* -  BOOTSTRAP VARIABLES OVERRIDE - 
*/

:root {
  --font-family-primary: "Open Sans", sans-serif;
  --font-family-secondary: "Nutmeg";
}

/* $navbar-light-color: rgba($black, 0.6);
$navbar-light-hover-color: rgba($black, 0.8);
$navbar-light-active-color: rgba($black, 0.9);
$navbar-light-disabled-color: rgba($black, 0.3);
$navbar-light-toggler-border-color: rgba($black, 0.1); */

/* $navbar-toggler-border-radius: $border-radius; */

/* $input-btn-focus-width: 0.2rem;
$input-btn-focus-color: rgba($component-active-bg, 0.25);
$input-btn-focus-box-shadow: 0 0 0 $input-btn-focus-width $input-btn-focus-color; */

/* $input-btn-font-size-sm: $font-size-sm;
$input-btn-line-height-sm: $line-height-sm; */

/* $input-btn-line-height-lg: $line-height-lg; */

/* $input-btn-border-width: $border-width; */

/* $btn-padding-x: 2.2rem;
$btn-padding-y: 0.6rem;

$btn-padding-x-lg: 2.2rem;
$btn-padding-y-lg: 0.6rem; */

/* $dropdown-font-size: $font-size-base;
$dropdown-bg: $body-color;
$dropdown-border-color: $dark-blue;

$dropdown-link-color: $white;
$dropdown-link-hover-color: $white;
$dropdown-link-hover-bg: $dark-blue; */

.button__color {
  background-color: white;
  border: solid 2px #e43b0c;
}

.button__color:hover {
  background-color: #ffdfd6;
}

.text-orange__video {
  color: #e43b0c;
}

.text-orange__video:hover {
  color: #e43b0c;
}

.background__content {
  background-color: #f5f5f5;
  border-radius: 16px;
  padding: 10px;
}

.videos {
  background: #0000001a;
}

.rounded-16 {
  border-radius: 16px;
}

ol li a {
  font-weight: 400;
  color: #000000;
}

ol li.active a {
  font-weight: 800;
  color: #2f2f34;
}

.custom-list {
  list-style: none;
  padding-left: 0;
}

.custom-list li {
  display: block;
  position: relative;
  padding-left: 10px;
}

.custom-list li .list-item {
  display: flex;
  align-items: start;
  margin-bottom: 5px;
}

.custom-list li .list-item .list-icon {
  margin-right: 10px;
  width: 14px;
}

.custom-list li .list-item .list-number {
  margin-right: 7px;
}

.svg-icon {
  width: 24px;
  height: 24px;
  display: flex;
}

.show {
  position: absolute;
  z-index: 10;
  background-color: white;
  width: 100%;
}

button[aria-expanded=true] .rotate-target {
  transform: rotate(180deg);
  transition: transform 0.4s ease-in-out;
  width: 24px;
  height: 24px;
  margin: 10px;
}

button[aria-expanded=false] .rotate-target {
  transform: rotate(0deg);
  transition: transform 0.4s ease-in-out;
  width: 24px;
  height: 24px;
  margin: 10px;
}

.margen__auto {
  margin: 0 10px;
  width: 95%;
}