SECTION.padding-xs {
  padding: 36px 0;
}

SECTION.dark {
  background-color: #212121;
  border-bottom: rgba(255, 255, 255, 0.1) 1px solid;
}

DIV.toggle {
  position: relative;
  clear: both;
}

DIV.toggle > LABEL {
  color: var(--text-color);
  margin-bottom: 0;
  padding: 0.2rem 0;
  cursor: pointer;
  font-weight: 600;
  position: relative;
  display: block;
  border-bottom: rgba(0, 0, 0, 0.03) 1px solid;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

SECTION.dark DIV.toggle > LABEL {
  color: #fff;
  background: var(--main-color-hover);
}

DIV.toggle DIV.toggle-content {
  display: none;
  background: var(--main-color-hover);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  padding: 5px 20px 15px;
}

DIV.toggle DIV.toggle-content A.all-videos {
  color: var(--text-color);
}

DIV.toggle DIV.toggle-content P:last-child {
  margin-bottom: 0;
}

SECTION.dark DIV.toggle DIV.toggle-content {
  background: var(--main-color-hover);
}

SECTION.dark DIV.toggle-content P {
  color: #007100;
}

SECTION.dark SECTION H1 {
  color: #fff;
  padding: 0 0 12px 0;
}

DIV.toggle > LABEL:before {
  content: '';
  position: absolute;
  top: 50%;
  right: 14px;
  margin-top: -5px;
  border: solid;
  border-width: 0 3px 3px 0;
  border-radius: 2px;
  display: inline-block;
  padding: 3px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transition: all 0.4s ease-in;
}

DIV.toggle .single > LABEL:before {
  content: '';
  border: 0;
  border-top-color: inherit;
  position: absolute;
  top: 50%;
  right: 14px;
  margin-top: -3px;
}

DIV.toggle > LABEL:hover {
  background: var(--main-color-hover);
  color: var(--text-color);
}

DIV.toggle.active > LABEL:before {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}

.toggle .toggle-content {
  border: 0;
}

.toggle.toggle-transparent .toggle-content,
.toggle.toggle-transparent-body .toggle-content {
  background: transparent;
}

.toggle.toggle-transparent-body LABEL {
  padding: 10px 30px 10px 20px;
  margin-bottom: 0.5rem;
  background-color: var(--gray);
}

.toggle.toggle-transparent-body LABEL:hover {
  background: var(--button-background);
  color: black;
}

.toggle.toggle-transparent LABEL:hover,
.toggle.toggle-transparent LABEL {
  background-color: var(--main-color-hover);
  border: 0;
}

.toggle.toggle-transparent-body DIV.toggle.active LABEL {
  background-color: var(--nav);
  color: white;
}

.toggle.toggle-transparent-body DIV.toggle P {
  color: var(--text-color);
}

.toggle.toggle-bordered-simple LABEL:hover,
.toggle.toggle-bordered-simple LABEL {
  border: #ccc 1px solid;
}

.toggle.toggle-bordered-full LABEL:hover,
.toggle.toggle-bordered-full LABEL {
  border: #ccc 1px solid;
  border-bottom: 0;
  margin: 0;
}

.toggle.toggle-bordered-full DIV.toggle:last-child > LABEL {
  border-bottom: #ccc 1px solid;
}

.toggle.toggle-bordered-full DIV.toggle.active > LABEL {
  font-weight: bold;
}

.toggle.toggle-bordered-full .toggle-content {
  border: #ccc 1px solid;
  border-top: 0;
  border-bottom: 0;
}

.toggle.toggle-bordered-full DIV.toggle {
  margin: 0;
}

.toggle.toggle-noicon DIV.toggle > LABEL:before {
  display: none;
}