/* line 1, app/assets/stylesheets/artists/_artist_card.scss */
.artist_card {
  display: none 2 !important;
}
/* line 5, app/assets/stylesheets/artists/show.scss */
#artists-show #nav-header {
  background: none;
}

@media (min-width: 1140px) {
  /* line 10, app/assets/stylesheets/artists/show.scss */
  #artists-show #profile-container {
    padding-left: 115px;
    padding-right: 115px;
  }
}

/* line 16, app/assets/stylesheets/artists/show.scss */
#artists-show #artist-poster {
  background-color: black;
  background-size: cover;
  background-position-x: center;
  background-position-y: initial;
  min-height: 670px;
  padding-top: 87px;
  top: 0;
  left: 0;
  z-index: -1;
}

/* line 28, app/assets/stylesheets/artists/show.scss */
#artists-show #bottom-poster {
  top: 670px;
  bottom: 66px;
  left: 0;
  z-index: -1;
}

/* line 36, app/assets/stylesheets/artists/show.scss */
#artists-show #transitioner {
  top: 470px;
  left: 0;
  z-index: -1;
  height: 200px;
}

/* line 43, app/assets/stylesheets/artists/show.scss */
#artists-show #bg-overlay {
  padding-top: 87px;
  height: 670px;
  top: 0;
  left: 0;
  z-index: -1;
}

/* line 53, app/assets/stylesheets/artists/show.scss */
#artists-show #featured-icon {
  width: 172px;
  height: 172px;
}

/* line 58, app/assets/stylesheets/artists/show.scss */
#artists-show #artist-name {
  font-size: 44px;
}

/* line 62, app/assets/stylesheets/artists/show.scss */
#artists-show #artist-city {
  font-size: 21px;
}

/* line 67, app/assets/stylesheets/artists/show.scss */
#artists-show .genre-tag {
  background-color: #343434;
  border-radius: 5px;
  border: 1px solid #4D4D4D;
  min-width: 40px;
  font-size: 10px;
  color: white;
  padding: 3px 0px;
}

/* line 77, app/assets/stylesheets/artists/show.scss */
#artists-show .instrument-tag {
  background-color: #0078bb;
  border: 1px solid #084e75;
}

/* line 82, app/assets/stylesheets/artists/show.scss */
#artists-show #hire-btn, #artists-show #share-btn, #artists-show #tip-btn {
  width: 178px;
  height: 35px;
  right: 0;
}

/* line 102, app/assets/stylesheets/artists/show.scss */
#claim-artist-btn {
  width: 178px;
  height: 35px;
  right: 0;
}

/* line 108, app/assets/stylesheets/artists/show.scss */
#claim-artist-btn:hover {
  color: white;
}

/* line 112, app/assets/stylesheets/artists/show.scss */
#artists-show #share-btn {
  bottom: 50px;
}

/* line 116, app/assets/stylesheets/artists/show.scss */
#artists-show #hire-btn {
  bottom: 6.125rem;
}

/* line 121, app/assets/stylesheets/artists/show.scss */
#artists-show #tip-btn {
  bottom: 10px;
}

/* line 125, app/assets/stylesheets/artists/show.scss */
#artists-show #upcoming-shows {
  width: 200px;
}

/* line 129, app/assets/stylesheets/artists/show.scss */
#artists-show #upcoming-shows hr {
  margin-left: 0;
}

/* line 133, app/assets/stylesheets/artists/show.scss */
#artists-show #upcoming-shows .show-icon {
  width: 35px;
  height: 35px;
}

/* line 138, app/assets/stylesheets/artists/show.scss */
#artists-show #song-table {
  width: 244px;
}

/* line 142, app/assets/stylesheets/artists/show.scss */
#artists-show #song-table thead tr {
  height: 24px;
  vertical-align: top;
}

/* line 147, app/assets/stylesheets/artists/show.scss */
#artists-show #song-table th {
  font-weight: 100;
  font-size: 11px;
  letter-spacing: 2px;
}

/* line 153, app/assets/stylesheets/artists/show.scss */
#artists-show #song-table .song-row {
  height: 46px;
}

/* line 157, app/assets/stylesheets/artists/show.scss */
#artists-show #song-table .song-col-1 {
  width: 40px;
}

/* line 160, app/assets/stylesheets/artists/show.scss */
#artists-show #song-table .song-col-2 {
  width: 164px;
}

/* line 163, app/assets/stylesheets/artists/show.scss */
#artists-show #song-table .btn-play, .btn-pause {
  width: 18px;
}

/* line 168, app/assets/stylesheets/artists/show.scss */
#artists-show #featured-snippet {
  font-size: 30px;
  margin-top: -10px;
}

/* line 173, app/assets/stylesheets/artists/show.scss */
#artists-show .video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

/* line 179, app/assets/stylesheets/artists/show.scss */
#artists-show .video-container iframe,
#artists-show .video-container object,
#artists-show .video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* line 190, app/assets/stylesheets/artists/show.scss */
#artists-show footer {
  font-size: 11px;
  letter-spacing: 3px;
  color: #ACACAC;
  border-top: 1px solid #333840;
}

/* line 198, app/assets/stylesheets/artists/show.scss */
#artists-show #nav-header .featured-action-btn:hover {
  color: white !important;
  border-color: #FF6C17 !important;
}

/* line 203, app/assets/stylesheets/artists/show.scss */
#artists-show .btn-gigtown.btn-review {
  position: relative;
  bottom: 10px;
}

/* line 208, app/assets/stylesheets/artists/show.scss */
#artists-show .verified-badge {
  right: -125px;
  top: -5px;
}

/* line 213, app/assets/stylesheets/artists/show.scss */
#artists-show .rating-checkbox .state-icon {
  width: 25px;
  height: 25px;
  border: 1px solid #ddd;
  background: white;
}

/* line 220, app/assets/stylesheets/artists/show.scss */
#artists-show .rating-checkbox .checkbox {
  border-radius: 0px;
  font-size: 14px;
}

/* line 225, app/assets/stylesheets/artists/show.scss */
#artists-show .rating-checkbox .checkbox .state-icon i {
  font-size: 14px;
  line-height: 14px;
}

/* line 230, app/assets/stylesheets/artists/show.scss */
#artists-show .rating-checkbox .checkbox .state-icon .fa-check {
  color: white;
}

/* line 234, app/assets/stylesheets/artists/show.scss */
#artists-show .rating-checkbox .checkbox.checked, .checkbox:hover {
  background: #f7f7f7;
}

/* line 238, app/assets/stylesheets/artists/show.scss */
#artists-show .rating-checkbox .checkbox.checked .state-icon {
  background-color: #398DFF;
  border: none;
  border-radius: 5px;
}

/* line 244, app/assets/stylesheets/artists/show.scss */
#artist-name .popup-tip {
  left: -82px;
  bottom: 59px;
  font-size: 13px;
}

/* line 250, app/assets/stylesheets/artists/show.scss */
#artist-name .popup-tip .tip-content p {
  margin-bottom: 0 !important;
}

/* line 254, app/assets/stylesheets/artists/show.scss */
#artist-name .popup-tip .close-x {
  width: 13px;
}

/* line 258, app/assets/stylesheets/artists/show.scss */
#artists-show .follow-artist {
  margin-bottom: 8px;
}

/* line 263, app/assets/stylesheets/artists/show.scss */
#artists-show .follow-artist:hover, #artists-show .follow-artist:active {
  width: 40px;
}

/* line 268, app/assets/stylesheets/artists/show.scss */
#artists-show .following-artist {
  width: 20px;
}

/* DARK THEME CSS */
/* line 275, app/assets/stylesheets/artists/show.scss */
#artists-show.dark {
  background: black;
  color: white;
}

/* line 280, app/assets/stylesheets/artists/show.scss */
#artists-show.dark #nav-header {
  box-shadow: 0 2px 4px 0 rgba(255, 255, 255, 0.07), 0 3px 10px 4px rgba(0, 0, 0, 0.06);
  -webkit-box-shadow: 0 2px 4px 0 rgba(255, 255, 255, 0.07), 0 3px 10px 4px rgba(0, 0, 0, 0.06);
  -moz-box-shadow: 0 2px 4px 0 rgba(255, 255, 255, 0.07), 0 3px 10px 4px rgba(0, 0, 0, 0.06);
}

/* line 286, app/assets/stylesheets/artists/show.scss */
#artists-show.dark #nav-header a.gt-nav-link, #artists-show.dark #nav-header .gt-nav-link {
  color: white;
}

/* line 290, app/assets/stylesheets/artists/show.scss */
#artists-show.dark #nav-header .gt-nav-link:hover {
  color: #FF6C17;
}

/* line 294, app/assets/stylesheets/artists/show.scss */
#artists-show.dark #nav-header .featured-action-btn {
  border-color: white;
  color: white !important;
}

/* line 299, app/assets/stylesheets/artists/show.scss */
#artists-show.dark #bg-overlay {
  background: rgba(0, 0, 0, 0.8);
}

/* line 303, app/assets/stylesheets/artists/show.scss */
#artists-show.dark #transitioner {
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), black);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0), black);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0), black);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), black);
  /* Standard syntax (must be last) */
}

/* line 310, app/assets/stylesheets/artists/show.scss */
#artists-show.dark footer {
  background: black;
}

/* line 314, app/assets/stylesheets/artists/show.scss */
#artists-show.dark #upcoming-shows .upcoming-title a {
  color: white;
  font-weight: bold;
}

/* line 319, app/assets/stylesheets/artists/show.scss */
#artists-show.dark #song-table .song-row:hover, #artists-show.dark #song-table .song-row.playing {
  background-color: #1A1A1A;
  border-bottom: 1px solid #FF6C17;
}

/* line 324, app/assets/stylesheets/artists/show.scss */
#artists-show.dark #song-table .song-row {
  border-bottom: 1px solid #4D4D4D;
}

/* line 328, app/assets/stylesheets/artists/show.scss */
#artists-show.dark #bottom-poster {
  background: url(/assets/crowd-dark-d4e9c8ac9b6a81fb59ac70fe1ce9b55a4d7f5d02c95efa89ef69a42983260e2b.jpg) center/cover black;
}

/* line 332, app/assets/stylesheets/artists/show.scss */
.artists-rating-panel {
  border-top: 1px solid rgba(83, 83, 83, 0.4);
}

/* line 336, app/assets/stylesheets/artists/show.scss */
.artists-rating-panel:first-child {
  border-top: 1px solid #535353;
}

/* line 340, app/assets/stylesheets/artists/show.scss */
.artists-rating-panel .name {
  font-size: 21px;
}

/* line 344, app/assets/stylesheets/artists/show.scss */
#rating-checkbox .state-icon {
  width: 25px;
  height: 25px;
  border: 1px solid #ddd;
  background: white;
}

/* line 352, app/assets/stylesheets/artists/show.scss */
#rating-checkbox {
  border-radius: 10px;
  font-size: 14px;
}

/* line 357, app/assets/stylesheets/artists/show.scss */
#rating-checkbox .state-icon i {
  font-size: 14px;
  line-height: 14px;
}

/* line 362, app/assets/stylesheets/artists/show.scss */
#rating-checkbox .state-icon .fa-check {
  color: white;
}

/* line 366, app/assets/stylesheets/artists/show.scss */
#rating-checkbox.checked, .checkbox:hover {
  background: #f7f7f7;
}

/* line 370, app/assets/stylesheets/artists/show.scss */
#rating-checkbox.checked .state-icon {
  background-color: #398DFF;
  border: none;
  border-radius: 5px;
}

/* LIGHT THEME CSS */
/* line 377, app/assets/stylesheets/artists/show.scss */
#artists-show.light {
  background: white;
  color: black;
}

/* line 382, app/assets/stylesheets/artists/show.scss */
#artists-show.light #nav-header {
  box-shadow: 0 2px 4px 0 rgba(255, 255, 255, 0.07), 0 3px 10px 4px rgba(0, 0, 0, 0.06);
  -webkit-box-shadow: 0 2px 4px 0 rgba(255, 255, 255, 0.07), 0 3px 10px 4px rgba(0, 0, 0, 0.06);
  -moz-box-shadow: 0 2px 4px 0 rgba(255, 255, 255, 0.07), 0 3px 10px 4px rgba(0, 0, 0, 0.06);
}

/* line 388, app/assets/stylesheets/artists/show.scss */
#artists-show.light #nav-header a.gt-nav-link, #artists-show.light #nav-header .gt-nav-link {
  color: black;
}

/* line 392, app/assets/stylesheets/artists/show.scss */
#artists-show.light #nav-header .gt-nav-link:hover {
  color: #FF6C17;
}

/* line 396, app/assets/stylesheets/artists/show.scss */
#artists-show.light #nav-header .featured-action-btn {
  border-color: black;
  color: black;
}

/* line 401, app/assets/stylesheets/artists/show.scss */
#artists-show.light #bg-overlay {
  background: rgba(255, 255, 255, 0.8);
}

/* line 405, app/assets/stylesheets/artists/show.scss */
#artists-show.light #transitioner {
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), white);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0), white);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0), white);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), white);
  /* Standard syntax (must be last) */
}

/* line 412, app/assets/stylesheets/artists/show.scss */
#artists-show.light footer {
  background: white;
}

/* line 416, app/assets/stylesheets/artists/show.scss */
#artists-show.light #upcoming-shows .upcoming-title a {
  color: black;
  font-weight: bold;
}

/* line 421, app/assets/stylesheets/artists/show.scss */
#artists-show.light #song-table .song-row:hover, #artists-show.light #song-table .song-row.playing {
  background-color: #e2e2e2;
  border-bottom: 1px solid #FF6C17;
}

/* line 426, app/assets/stylesheets/artists/show.scss */
#artists-show.light #song-table .song-row {
  border-bottom: 1px solid #c2c2c2;
}

/* line 430, app/assets/stylesheets/artists/show.scss */
#artists-show.light #bottom-poster {
  background: url(/assets/crowd-light-87eea967b395deba15e24c202171f65a3f69c6adbcfe3c3a79506514b1b191d6.jpg) center/cover white;
}

/* line 434, app/assets/stylesheets/artists/show.scss */
#artists-rating-divider.light hr {
  background-color: #F9F9F9;
}

/* line 439, app/assets/stylesheets/artists/show.scss */
div#social-icons {
  text-align: left;
  margin-top: 15px;
}

/* line 444, app/assets/stylesheets/artists/show.scss */
div#social-icons .social-link {
  margin-bottom: 10px;
}

/* line 450, app/assets/stylesheets/artists/show.scss */
div#social-icons a.social-icon-link {
  text-decoration: none;
  margin-left: 2px;
  margin-right: 2px;
}

/* line 456, app/assets/stylesheets/artists/show.scss */
div#social-icons a.social-icon-link img {
  height: 35px;
  width: 35px;
}

@supports (-webkit-appearance: -apple-pay-button) {
  /* line 464, app/assets/stylesheets/artists/show.scss */
  .apple-pay-button {
    display: inline-block;
    -webkit-appearance: -apple-pay-button;
  }
  /* line 468, app/assets/stylesheets/artists/show.scss */
  .apple-pay-button-black {
    -apple-pay-button-style: black;
  }
  /* line 471, app/assets/stylesheets/artists/show.scss */
  .apple-pay-button-white {
    -apple-pay-button-style: white;
  }
  /* line 475, app/assets/stylesheets/artists/show.scss */
  .apple-pay-button-white-with-line {
    -apple-pay-button-style: white-outline;
  }
}

@supports not (-webkit-appearance: -apple-pay-button) {
  /* line 480, app/assets/stylesheets/artists/show.scss */
  .apple-pay-button {
    display: inline-block;
    background-size: 100% 60%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    border-radius: 5px;
    padding: 0px;
    box-sizing: border-box;
    min-width: 200px;
    min-height: 32px;
    max-height: 64px;
  }
  /* line 492, app/assets/stylesheets/artists/show.scss */
  .apple-pay-button-black {
    background-image: -webkit-named-image(apple-pay-logo-white);
    background-color: black;
  }
  /* line 496, app/assets/stylesheets/artists/show.scss */
  .apple-pay-button-white {
    background-image: -webkit-named-image(apple-pay-logo-black);
    background-color: white;
  }
  /* line 500, app/assets/stylesheets/artists/show.scss */
  .apple-pay-button-white-with-line {
    background-image: -webkit-named-image(apple-pay-logo-black);
    background-color: white;
    border: .5px solid black;
  }
}

@media screen and (max-width: 768px) {
  /* line 509, app/assets/stylesheets/artists/show.scss */
  #artists-show #featured-icon {
    width: 5rem;
    height: 5rem;
  }
  /* line 513, app/assets/stylesheets/artists/show.scss */
  .fit-content.p-t-3 {
    padding-top: 0rem !important;
  }
  /* line 516, app/assets/stylesheets/artists/show.scss */
  #artists-show #artist-name {
    font-size: 1.5rem;
  }
  /* line 519, app/assets/stylesheets/artists/show.scss */
  #artists-show #artist-city {
    font-size: 1rem;
  }
  /* line 522, app/assets/stylesheets/artists/show.scss */
  #upcoming-shows {
    display: none;
  }
  /* line 525, app/assets/stylesheets/artists/show.scss */
  #profile-container .row .col-xs-2 {
    width: 5%;
    padding-left: 1.2rem;
  }
  /* line 529, app/assets/stylesheets/artists/show.scss */
  #profile-container > div:nth-child(2) > div.col-xs-10 > div:nth-child(1) > div.col-xs-4.p-l-3 {
    padding-bottom: 1rem;
  }
  /* line 533, app/assets/stylesheets/artists/show.scss */
  #profile-container > div:nth-child(2) > div.col-xs-10 {
    width: 100%;
  }
  /* line 536, app/assets/stylesheets/artists/show.scss */
  #profile-container > div:nth-child(2) > div.col-xs-10 > div:nth-child(1) {
    display: flex;
    flex-direction: column;
  }
  /* line 540, app/assets/stylesheets/artists/show.scss */
  #profile-container > div:nth-child(2) > div.col-xs-10 > div:nth-child(1) > div.col-xs-4.p-l-3 {
    padding-left: 0.5rem !important;
    padding-top: 1rem;
  }
  /* line 544, app/assets/stylesheets/artists/show.scss */
  #profile-container > div:nth-child(2) > div.col-xs-10 > div:nth-child(1) > div.col-xs-8.p-l-3 {
    padding-left: 0rem !important;
    float: left;
    width: 100%;
  }
  /* line 552, app/assets/stylesheets/artists/show.scss */
  #profile-container > div:nth-child(2) > div.col-xs-10 > div:nth-child(2) > div {
    padding-left: 1rem !important;
  }
  /* line 555, app/assets/stylesheets/artists/show.scss */
  #profile-container > div:nth-child(2) > div.col-xs-10 > div:nth-child(2) > div > div.text-light {
    margin-bottom: 20vh;
  }
  /* line 558, app/assets/stylesheets/artists/show.scss */
  #profile-container > div:nth-child(2) > div.col-xs-10 > div:nth-child(1) > div.col-xs-4.p-l-3 {
    width: 100%;
  }
  /* line 561, app/assets/stylesheets/artists/show.scss */
  #artists-show #song-table {
    width: 100%;
  }
  /* line 564, app/assets/stylesheets/artists/show.scss */
  #artists-show #song-table .song-col-2 {
    width: 90%;
  }
  /* line 567, app/assets/stylesheets/artists/show.scss */
  #profile-container > div:nth-child(1) > div.col-xs-10.p-l-3 {
    width: 90%;
  }
  /* line 570, app/assets/stylesheets/artists/show.scss */
  #artists-show #share-btn {
    bottom: 3.125rem;
    left: 50%;
  }
  /* line 575, app/assets/stylesheets/artists/show.scss */
  #artists-show #hire-btn, #artists-show #share-btn, #artists-show #tip-btn {
    width: 45%;
    height: 35px;
    top: 7rem;
  }
  /* line 581, app/assets/stylesheets/artists/show.scss */
  #artists-show #hire-btn {
    bottom: 3.125rem;
    right: 50%;
  }
  /* line 597, app/assets/stylesheets/artists/show.scss */
  #claim-artist-btn {
    width: 45%;
    height: 35px;
    left: 50%;
  }
  /* line 603, app/assets/stylesheets/artists/show.scss */
  #profile-container > div:nth-child(1) > div.col-xs-10.p-l-3 {
    padding-left: 4rem !important;
  }
  /* line 606, app/assets/stylesheets/artists/show.scss */
  #artists-show .follow-artist {
    margin-bottom: 8px;
    width: 1rem;
    height: 1rem;
  }
}

@media screen and (max-width: 768px) {
  /* line 614, app/assets/stylesheets/artists/show.scss */
  #social-icons {
    display: none;
  }
  /* line 617, app/assets/stylesheets/artists/show.scss */
  #artists-show .genre-tag {
    display: none;
  }
  /* line 620, app/assets/stylesheets/artists/show.scss */
  #right-nav > button {
    color: white !important;
  }
}

@media screen and (max-width: 768px) {
  /* line 625, app/assets/stylesheets/artists/show.scss */
  #profile-container > div:nth-child(1) > div.col-xs-10.p-l-3 > div > div.artist-profile-buttons {
    margin-bottom: 5rem;
  }
}

/* line 635, app/assets/stylesheets/artists/show.scss */
.subscribe-box {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 10px;
  margin-bottom: 5px;
}

/* line 641, app/assets/stylesheets/artists/show.scss */
.subscribe-box div {
  display: flex;
  align-items: center;
  gap: 10px;
  position: relative;
}

/* line 647, app/assets/stylesheets/artists/show.scss */
.subscribe-box button {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  display: flex;
  justify-content: center;
  padding: 5px;
  border-radius: 50%;
  margin: 0px !important;
}

/* line 655, app/assets/stylesheets/artists/show.scss */
.subscribe-box button:hover {
  border-color: #FFF;
}

/* line 659, app/assets/stylesheets/artists/show.scss */
.subscribe-box button.light {
  background: rgba(0, 0, 0, 0.04);
  border: 1px solid rgba(0, 0, 0, 0.08);
}

/* line 662, app/assets/stylesheets/artists/show.scss */
.subscribe-box button.light:hover {
  border-color: #000;
}

/* line 667, app/assets/stylesheets/artists/show.scss */
.subscribe-box button.light svg path {
  fill: #000;
}

/* line 674, app/assets/stylesheets/artists/show.scss */
.subscribe-box .subscribing-artist {
  width: 25px;
  height: 25px;
}

/* line 679, app/assets/stylesheets/artists/show.scss */
.subscribe-box .unsubscribe:before {
  content: "";
  position: absolute;
  left: 0%;
  top: 50%;
  height: 0px;
  border-top: 1px solid #fff;
  transform: rotate(-45deg);
  width: 25px;
}

/* line 690, app/assets/stylesheets/artists/show.scss */
.subscribe-box .unsubscribe.light:before {
  border-color: #000;
}

/* line 694, app/assets/stylesheets/artists/show.scss */
.subscribe-box hr {
  width: 20px;
  background-color: #FF6C17;
  height: 2px;
  align-self: flex-start;
  margin: 0;
}

/* line 703, app/assets/stylesheets/artists/show.scss */
.profile-section {
  display: flex;
  gap: 20px;
}

/* line 707, app/assets/stylesheets/artists/show.scss */
.profile-section .profile-image {
  flex-basis: 15%;
  display: flex;
  gap: 10px;
  flex-direction: column;
}

/* line 715, app/assets/stylesheets/artists/show.scss */
.profile-section .profile-about {
  flex-basis: 85%;
  display: flex;
  gap: 10px;
  flex-direction: column;
}

/* line 722, app/assets/stylesheets/artists/show.scss */
.profile-section .profile-about .profile-general {
  display: flex;
  gap: 10px;
  justify-content: space-between;
}

/* line 728, app/assets/stylesheets/artists/show.scss */
.profile-section .profile-about .profile-general .action .artist-profile-buttons {
  display: flex;
  gap: 10px;
  flex-direction: column;
}

/* line 736, app/assets/stylesheets/artists/show.scss */
.profile-section .profile-about .tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

@media screen and (max-width: 1140px) {
  /* line 744, app/assets/stylesheets/artists/show.scss */
  .profile-section .profile-image {
    flex-basis: 20%;
  }
  /* line 748, app/assets/stylesheets/artists/show.scss */
  .profile-section .profile-about {
    flex-basis: 80%;
  }
}

@media screen and (max-width: 768px) {
  /* line 755, app/assets/stylesheets/artists/show.scss */
  .profile-section .artist-profile-buttons button {
    width: 100% !important;
  }
}

@media screen and (max-width: 768px) {
  /* line 703, app/assets/stylesheets/artists/show.scss */
  .profile-section {
    flex-direction: column;
  }
  /* line 764, app/assets/stylesheets/artists/show.scss */
  .profile-section .profile-image {
    align-items: center;
  }
  /* line 769, app/assets/stylesheets/artists/show.scss */
  .profile-section .tags .genre-tag {
    display: inline-block !important;
  }
}
/*
* Place all the styles related to the Home controller here.
* They will automatically be included in application.css.
* You can use Sass (SCSS) here: http://sass-lang.com/
*


*/