#arts-music-banner {
     margin-bottom: 0px;
}
 @media (max-width: 440px){
     .full-width-mobile{
         display: block;
         width: 100%;
    }
}
 @media (min-width:768px){
     #intro-arts-music .u-grid2Columns {
         grid-template-columns: 2fr 1fr;
         gap: 2rem;
    }
     .image-right div.support-what-matters-image {
         grid-column: 2;
    }
     .image-right div {
         grid-row: 1;
    }
}
 @media (max-width: 575px) {
     .no-inline-padding-mobile {
         padding-inline: 0px;
    }
}

.u-goldUnderline--small::after {
    width: 3em;
    left: -0.5em;
}

 @media (max-width: 398px){
     .u-goldUnderline--small::after {
         display: none;
    }
}

 .h4.u-lineHeaderBoth::before {
     background-color: var(--gfColors-slate45);
}
 .h4.u-lineHeaderBoth::after {
     background-color: var(--gfColors-slate45);
}
 @media (max-width: 991px) {
     .max-width-810 {
         margin-top: 3rem;
    }
}
 .max-width-810 {
     max-width: 810px;
      
}
#music-accordion {
     background-color: var(--gfColors-slate15);
     padding-top: 1px;
      
}
#music-accordion::before {
     content: "";
     width: clamp(140px, 15vw, 222px);
     height: clamp(140px, 15vw, 222px);
     position: absolute;
     right: 2rem;
     top: -3rem;
     background-image: url(/college-admissions/campus-life/_assets-arts-music/images/circle_2312_christmas_concert_gf12977.webp);
     background-repeat: no-repeat;
     background-position: center;
     background-size: 100%;
     border-radius: 50%;
      
}
  @media (max-width: 575px) {
     #music-accordion::before {
         right: 1rem;
    }
      
}
  .collapsed.accordionBlock-heading::before {
     z-index: 20;
      
}
  .accordionBlock-heading::before {
     z-index: 20;
      
}
  .max-width-750 {
     max-width: 750px;
      
}
  .music-doodle {
     position: relative;
      
}
  @media (min-width: 992px){
     .music-doodle::after {
         content: "";
         width: 40px;
         height: 45px;
         position: absolute;
         left: 14rem;
         top: 3.5rem;
         background-image: url(/college-admissions/campus-life/_assets-arts-music/images/gold-music-doodle.png);
         background-repeat: no-repeat;
         background-position: center;
         background-size: 80% auto;
         transform: rotate(17deg);
    }
      
}
  .theatre1-photo {
     position: relative;
      
}
  .theatre1-photo::before {
     content: "";
     width: clamp(140px, 15vw, 222px);
     height: clamp(140px, 15vw, 222px);
     background-size: cover;
     background-position-y: 90%;
     position: absolute;
     right: 2rem;
     top: -3rem;
     background-image: url(/college-admissions/campus-life/_assets-arts-music/images/circle_oliverphotocall_gf18195_1.webp);
     background-repeat: no-repeat;
     background-position: center;
     background-size: 100%;
     border-radius: 50%;
      
}
  @media (max-width: 575px) {
     .theatre1-photo::before {
         right: 1rem;
    }
      
}
  .theatre-doodle {
     position: relative;
      
}
  @media (min-width: 992px){
     .theatre-doodle::after {
         content: "";
         width: 10px;
         height: 45px;
         position: absolute;
         left: 11.5rem;
         bottom: 6px;
         background-image: url(/__template/t1/images/doodle-illustrations/gold-exclamation-mark.png);
         background-repeat: no-repeat;
         background-position: center;
         background-size: 80% auto;
         transform: rotate(17deg);
    }
      
}
  .arts-category-padding {
     padding-inline: 5rem;
     padding-bottom: 5rem;
     padding-top: 1rem;
      
}
  @media (max-width: 575px) {
     .arts-category-padding {
         padding-inline: 1rem;
         padding-bottom: 1rem;
         padding-top: 0.1rem;
         margin-top: 4rem;
    }
      
}
  #theatre1 {
     padding-inline: 5px  
}
  @media (max-width: 575px) {
     #theatre1 {
         padding-inline: 0px 
    }
      
}
  #theatre-photo-grid {
     max-width:1140px;
      
}
  .art-and-design-photo {
     position: relative;
      
}
  .art-and-design-photo::before {
     content: "";
     width: clamp(140px, 15vw, 222px);
     height: clamp(140px, 15vw, 222px);
     position: absolute;
     right: 2rem;
     top: -3rem;
     background-image: url(/college-admissions/campus-life/_assets-arts-music/images/circle_gfu6798.webp);
     background-repeat: no-repeat;
     background-position: center;
     background-size: 100%;
     border-radius: 50%;
      
}
  @media (max-width: 575px) {
     .art-and-design-photo::before {
         display: none;
    }
      
}
  .art-doodle {
     position: relative;
      
}
  @media (min-width: 992px){
     .art-doodle::after {
         content: "";
         width: 45px;
         height: 45px;
         position: absolute;
         left: 18rem;
         bottom: -4px;
         background-image: url(/__template/t1/images/doodle-illustrations/gold-stars.svg);
         background-repeat: no-repeat;
         background-position: center;
         background-size: 80% auto;
    }
      
}
  .cinematic-arts-photo {
     position: relative;
      
}
  .cinematic-arts-photo::before {
     content: "";
     width: clamp(140px, 15vw, 222px);
     height: clamp(140px, 15vw, 222px);
     position: absolute;
     right: 2rem;
     top: -3rem;
     background-image: url(/college-admissions/campus-life/_assets-arts-music/images/circle_cine485_studios005.webp);
     background-repeat: no-repeat;
     background-position: center;
     background-size: 100%;
     border-radius: 50%;
      
}
  @media (max-width: 575px) {
     .cinematic-arts-photo::before {
         display: none;
    }
      
}
  .cinematic-arts-doodle {
     position: relative;
      
}
  @media (min-width: 992px){
     .cinematic-arts-doodle::after {
         content: "";
         width: 90px;
         height: 110px;
         position: absolute;
         left: 21.5rem;
         bottom: -30px;
         background-image: url(/__template/t1/images/doodle-illustrations/gold-doodle-ribbon.png);
         background-repeat: no-repeat;
         background-position: center;
         background-size: 80% auto;
         transform: rotate(142deg);
    }
      
}