/*----------------------------------------------------------------------------------------------------------------------
 * COLORS
 *------------------------------------------------------------------------------------------------------------------- */
/*----------------------------------------------------------------------------------------------------------------------
 * COLORS TOOLS
 *------------------------------------------------------------------------------------------------------------------- */
.txt-w {
  color: #f8f8f2;
}

.txt-b {
  color: #44475a;
}

.text-muted {
  color: #777;
}

.hover-funk:hover {
  color: #ff79c6;
  text-decoration: dashed;
}

.dimmed-50 {
  opacity: 0.5;
}

.red {
  color: #ff5555;
}

.green {
  color: #50fa7b;
}

.purple {
  color: #9f77af;
}

.pink {
  color: #e0a0be;
}

.bg-purple {
  background-color: #9f77af;
}

.bg-pink {
  background-color: #e0a0be;
}

.bg-light-grey {
  background-color: #EDEDED;
}

/*----------------------------------------------------------------------------------------------------------------------
 * TEXT
 *------------------------------------------------------------------------------------------------------------------- */
.fw100 {
  font-weight: 100;
}

.fw200 {
  font-weight: 200;
}

.fw300 {
  font-weight: 300;
}

.fw400 {
  font-weight: 400;
}

.fw500 {
  font-weight: 500;
}

.fw600 {
  font-weight: 600;
}

.fw700 {
  font-weight: 700;
}

.fw800 {
  font-weight: 800;
}

.fw900 {
  font-weight: 900;
}

.fs-xs {
  font-size: 10px;
}

.fs-sm {
  font-size: 12px;
}

.fs-md {
  font-size: 16px;
}

.fs-lg {
  font-size: 22px;
}

.fs-xl {
  font-size: 30px;
}

/*----------------------------------------------------------------------------------------------------------------------
 * MARGIN
 *------------------------------------------------------------------------------------------------------------------- */
.mt-10 {
  margin-top: 10px;
}

.mt-20 {
  margin-top: 20px;
}

.mt-30 {
  margin-top: 30px;
}

.mt-40 {
  margin-top: 40px;
}

.mt-50 {
  margin-top: 50px;
}

.mb-10 {
  margin-bottom: 10px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-30 {
  margin-bottom: 30px;
}

.mb-40 {
  margin-bottom: 40px;
}

.mb-50 {
  margin-bottom: 50px;
}

.ml-10 {
  margin-left: 10px;
}

.ml-20 {
  margin-left: 20px;
}

.ml-30 {
  margin-left: 30px;
}

.ml-40 {
  margin-left: 40px;
}

.ml-50 {
  margin-left: 50px;
}

.mr-10 {
  margin-right: 10px;
}

.mr-20 {
  margin-right: 20px;
}

.mr-30 {
  margin-right: 30px;
}

.mr-40 {
  margin-right: 40px;
}

.mr-50 {
  margin-right: 50px;
}

/*----------------------------------------------------------------------------------------------------------------------
 * PADDING
 *------------------------------------------------------------------------------------------------------------------- */
.pad-10 {
  padding: 10px;
}

.pad-20 {
  padding: 20px;
}

.pad-30 {
  padding: 30px;
}

.pad-40 {
  padding: 40px;
}

.pad-50 {
  padding: 50px;
}

.pb-50 {
  padding-bottom: 50px;
}

/*----------------------------------------------------------------------------------------------------------------------
 * Link
 *------------------------------------------------------------------------------------------------------------------- */
a.funk {
  color: #ff79c6;
}
a.funk:hover {
  color: #ff46b0;
}

a.funk-light {
  color: #777;
}
a.funk-light:hover {
  color: #ff79c6;
  text-decoration: none;
}

/*----------------------------------------------------------------------------------------------------------------------
 * BORDER
 *------------------------------------------------------------------------------------------------------------------- */
/*----------------------------------------------------------------------------------------------------------------------
 * BUTTON
 *------------------------------------------------------------------------------------------------------------------- */
.btn-fw {
  width: 100%;
}

.btn-outline-funk {
  color: #ff79c6;
  background-color: transparent;
  background-image: none;
  border-color: #ff79c6;
}
.btn-outline-funk:active, .btn-outline-funk:hover {
  color: #fff;
  background-color: #ff79c6;
  border-color: #ff79c6;
}
.btn-outline-funk:focus {
  box-shadow: 0 0 0 3px #ff79c6;
  opacity: 0.5;
}

.btn-purple {
  color: #ff79c6;
  background-color: transparent;
  background-image: none;
  border-color: #ff79c6;
}
.btn-purple:active, .btn-purple:hover {
  color: #fff;
  background-color: #ff79c6;
  border-color: #ff79c6;
}
.btn-purple:focus {
  box-shadow: 0 0 0 3px #ff79c6;
  opacity: 0.5;
}

/*----------------------------------------------------------------------------------------------------------------------
 * MIXIN
 *------------------------------------------------------------------------------------------------------------------- */
/*----------------------------------------------------------------------------------------------------------------------------------------------------
 * PERSONALITY GRID
 *------------------------------------------------------------------------------------------------------------------------------------------------- */
.gmb-grid-img {
  width: 100%;
  height: 15vw;
  object-fit: cover;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #FDCA4F !important;
  color: #44475a !important;
}

.select2-result-personality .select2-result-img {
  float: right;
}
.select2-result-personality .select2-result-img img {
  width: 80px;
  height: 80px;
  border-radius: 10px;
}
.select2-result-personality .select2-result-title {
  font-size: 22px;
  line-height: 30px;
  font-weight: bold;
}
.select2-result-personality .select2-result-function {
  font-size: 12px;
  line-height: 22px;
  font-style: italic;
  font-weight: lighter;
}
.select2-result-personality .select2-result-etb {
  font-size: 12px;
  line-height: 22px;
  font-style: italic;
  font-weight: lighter;
}

/*----------------------------------------------------------------------------------------------------------------------------------------------------
 * MEDIA QUERIES
 *------------------------------------------------------------------------------------------------------------------------------------------------- */