.section__outer.section__outer--team_banner {  height: auto !important; min-height: 0px;  }

.team__home__banner { display: flex; flex-direction: column; justify-content: space-between; align-items: stretch; height: 162px; width: 100%; background: linear-gradient(180deg, rgba(240,240,240,1) 0%, rgba(255,255,255,1) 17%); padding: 16px 0px; }
.team__home__banner__inner { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: center;  margin: 0 auto !important; width: 100%; height: 100%;  padding: 0px 32px; position: relative; font-size: 0px; line-height: 0px; }

.thb__school_logo { display: block; width: calc(100% / 4); border: 0px solid blue; text-align: right; height: 50%; padding: 0px 16px; }
.thb__school_logo_img { display: inline-block; height: 100%; }

.thb__middle { display: block; width: calc(100% / 2); border: 0px solid blue; padding: 0px 16px; }

.thb__middle__school_name { display: block; width: 100%; text-align: center; font-family: 'VAGRoundedNext-SemiBold'; text-transform: uppercase; font-size: 18px; line-height: 28px; color: #414042; letter-spacing: 4px; }

.thb__middle_menu { display: block; width: 100%; text-align: center; }

.thb__menu__item { display: inline-block; font-family: 'VAGRoundedNext-Regular'; font-size: 16px; line-height: 20px; text-transform: uppercase; vertical-align: top;  }

.thb__menu__item a { color: #eb1c99; }
.thb__menu__item.selected a { color: #ec652c !important; }


.thb__middle_menu_divider { display: inline-block; vertical-align: top; font-family: 'VAGRoundedNext-Regular'; font-size: 14px; line-height: 18px; padding: 0px 6px; text-transform: uppercase; color: #414042; }
.thb_menu_title { display: block; font-family: 'VAGRoundedNext-SemiBold'; font-size: 12px; line-height: 18px; text-transform: uppercase; padding-top: 24px;  }


.thb__impacts { display: block; width: calc(100% / 4); border: 0px solid blue; text-align: left; padding: 0px 16px; }
.thb__impact { display: inline-block;  margin: 0px 10px; border: 0px solid red;    }
.thb__impact svg { display: block;  height: 30px;  fill: #ec1c99;  margin: 0px auto !important;    }
.thb__impact__value { position: relative; display: block; width: 100%; font-family: 'VAGRoundedNext-SemiBold'; font-size: 16px; line-height: 16px; text-align: center; padding: 4px 0px;  }
.thb__impact__label {  position: relative; display: block; width: 100%; font-family: 'VAGRoundedNext-Light'; font-size: 14px; line-height: 16px; text-align: center;  }

.thb_lower {  display: block;  width: 100%; position: relative; background-color: #f8f7f0;  }
.thb_lower_inner {  display: block;  width: 100%; max-width: 1248px; padding: 32px 32px; position: relative;  border: 0px solid red; margin: 0 auto !important;  }


.thb__lower__title { display: block; width: 100%; text-align: center; font-family: 'VAGRoundedNext-SemiBold'; text-transform: uppercase; font-size: 24px; line-height: 30px; color: #414042; letter-spacing: 4px;  padding-bottom: 8px;  }

.thb_intro { display: block; width: 60%; margin: 0 auto !important;  font-family: 'VAGRoundedNext-Regular';  font-size: 14px; line-height: 18px; padding: 0px 16px; color: #414042;  }


/* EDIT PROFILE */

.edit__profile__form__outer { position: relative; display: block; width: 100%; font-family: 'VAGRoundedNext-Light'; font-size: 24px; line-height: 30px; }
.edit__profile__form__intro { position: relative; display: block; width: 100%;  text-align: center; font-family: 'VAGRoundedNext-Light'; font-size: 18px; line-height: 24px; padding: 0px 16px 32px; text-align: left;   }
.edit__profile__form__inner { position: relative; display: block; width: 100%; max-width: 960px;  padding: 0px 32px;  margin: 0 auto !important;  }
.edit__profile__form { position: relative; display: block; width: 100%;  text-align: left;  }

.edit__profile__form :focus { outline: none; }
.edit__profile__form .form__field__input__outer--focus { border-width: 0px;    }

.edit__profile__form input[type="checkbox"] + label::after { 
  content: " "; line-height: 21px; font-size: 21px; background-size: 20px; width: 20px;  height: 30px;  background-position: 50% 50%; 
background-repeat: no-repeat;  opacity: 0.6;  display: inline-block; margin: 0px 10px; vertical-align: top; }
.edit__profile__form input[type="checkbox"] + label::after {   background-image: url('../img/checkbox_square_empty_pink.svg'); }
.edit__profile__form input[type="checkbox"]:checked + label::after { background-image: url('../img/checkbox_square_filled_pink.svg'); opacity: 1; }
 
.edit__profile__form .form__submit__button { opacity: 1; pointer-events: auto;  }
.edit__profile__form .form__submit__button:hover { border: 1px solid #ec652c; color: #ec652c;  }


.edit__profile__form .form_field--existing_image {  position: relative; display: inline-block; width: calc(50% - 16px); vertical-align: top; padding: 16px; margin-left: 16px; margin-top: 0px;  border: 1px solid #ec1c99; min-height: 200px; margin-top: 38px;  }

.edit__profile__form__outer .form__field__input { border: 1px solid #ec1c99;    }

.edit__profile__form__outer .form__field__input.invalid { border: 1px solid red;  box-shadow: 0px 0px 0px 1px red;  }

@media only screen and (max-width: 500px) {
  .thb__school_logo { display: none;  } 
  .thb__middle { width: 100%;   }
  .thb__impacts  { display: none;  }
  
  .team__home__banner { height: 100px;   }
  .thb_intro { width: 100%;  }
  .section__outer.section__outer--no_pad { padding: 0px 0px 0px 0px;    }
  .thb_lower_inner { padding: 16px 16px;   }
  .thb__lower__title { padding-bottom: 8px;   }
  
  .team__home__banner__inner { padding: 0px 16px;   }
  
    .thb__menu__item {  font-size: 14px; line-height: 20px;   }
    
  .tools_nav_item { font-size: 16px; line-height: 24px; }
  .tools_nav_list .playlist_divider { font-size: 13px; line-height: 22px; padding: 0px 5px; }
  .tools_nav_outer { padding-bottom: 16px; padding-top: 0px;   }
  .fav_nav_outer { padding-bottom: 0px;    }
  .playlist_section_each_outer { padding: 16px 0px 16px;   }
  .playlist_section_each_outer--fav_nav { padding: 0px 0px 16px;   }
  
.playlist__review__button { font-size: 14px; line-height: 14px; padding: 3px 8px; border-radius: 11px; width: 142px; }
.playlist__impact__button { font-size: 14px; line-height: 14px; padding: 3px 8px; border-radius: 11px; width: 142px; }
  
.edit__profile__form__inner { padding: 0px 16px;   }  
.edit__profile__form .form_field--existing_image { width: 100%; margin-left: 0px; margin-top: 0px; }
.edit__profile__form .form__field__title {  font-size: 18px; line-height: 24px; } 
  
}


@media only screen and (min-width:  500px) and (max-width: 580px) {
  
  .thb__school_logo { display: none;  } 
  .thb__middle { width: 100%;   }
  .thb__impacts  { display: none;  }
  .team__home__banner { height: 100px;   }
  
  .thb_intro { width: 100%;  }
  .section__outer.section__outer--no_pad { padding: 0px 0px 0px 0px;    }
  .thb_lower_inner { padding: 16px 16px;   }
  .thb__lower__title { padding-bottom: 8px;   }
  
    .thb__menu__item {  font-size: 14px; line-height: 20px;   }
  
  .tools_nav_item { font-size: 16px; line-height: 24px; }
  .tools_nav_list .playlist_divider { font-size: 13px; line-height: 22px; padding: 0px 5px; }
  .tools_nav_outer { padding-bottom: 16px; padding-top: 0px;   }
  .fav_nav_outer { padding-bottom: 0px;    }
  .playlist_section_each_outer { padding: 16px 0px 16px;   }
  .playlist_section_each_outer--fav_nav { padding: 0px 0px 16px;   }
  
  
.playlist__review__button { font-size: 14px; line-height: 14px; padding: 3px 8px; border-radius: 11px; width: 142px; }
.playlist__impact__button { font-size: 14px; line-height: 14px; padding: 3px 8px; border-radius: 11px; width: 142px; }
  

.edit__profile__form .form_field--existing_image { width: 100%; margin-left: 0px; margin-top: 0px; }

  
}


@media only screen and (min-width: 581px) and (max-width: 767px) {
  
  
  .thb__school_logo { display: none;  } 
  .thb__middle { width: 100%;   }
  .thb__impacts  { display: none;  }
  .team__home__banner { height: 100px;   }
  
  .thb_intro { width: 100%;  }
  .section__outer.section__outer--no_pad { padding: 0px 0px 0px 0px;    }
  .thb_lower_inner { padding: 16px 16px;   }
  .thb__lower__title { padding-bottom: 8px;   }
  
  .tools_nav_item { font-size: 16px; line-height: 24px; }
  .tools_nav_list .playlist_divider { font-size: 13px; line-height: 22px; padding: 0px 5px; }
  .tools_nav_outer { padding-bottom: 16px; padding-top: 0px;   }
  .fav_nav_outer { padding-bottom: 0px;    }
  .playlist_section_each_outer { padding: 16px 0px 16px;   }
  .playlist_section_each_outer--fav_nav { padding: 0px 0px 16px;   }
  
  
  .playlist__review__button { font-size: 18px; line-height: 18px; padding: 4px 12px; border-radius: 14px;  width: 185px; }
  .playlist__impact__button { font-size: 18px; line-height: 18px; padding: 4px 12px; border-radius: 14px;  width: 185px; }
  
  .edit__profile__form__inner { padding: 0px 16px;   }  
  .edit__profile__form .form_field--existing_image { width: 100%; margin-left: 0px; margin-top: 0px; }
  .edit__profile__form .form__field__title {  font-size: 16px; line-height: 21px;  padding-bottom: 6px; } 
  
}

@media only screen and (min-width:  768px) and (max-width: 840px)   { 
  
  .thb__school_logo { display: none;  } 
  .thb__middle { width: 100%;   }
  .thb__impacts  { display: none;  }
  .team__home__banner { height: 100px;   }
  
  .thb_intro { width: 100%;  }
  .section__outer.section__outer--no_pad { padding: 0px 0px 0px 0px;    }
  .thb_lower_inner { padding: 16px 16px;   }
  .thb__lower__title { padding-bottom: 8px;   }
  
  
  .tools_nav_item { font-size: 16px; line-height: 24px; }
  .tools_nav_list .playlist_divider { font-size: 13px; line-height: 22px; padding: 0px 5px; }
  .tools_nav_outer { padding-bottom: 16px; padding-top: 0px;   }
  .fav_nav_outer { padding-bottom: 0px;    }
  .playlist_section_each_outer { padding: 16px 0px 16px;   }
  .playlist_section_each_outer--fav_nav { padding: 0px 0px 16px;   }
  
   .playlist__review__button {  font-size: 18px; line-height: 18px; padding: 4px 12px; border-radius: 14px;  width: 185px;  }
   .playlist__impact__button {  font-size: 18px; line-height: 18px; padding: 4px 12px; border-radius: 14px;  width: 185px;  }

   .edit__profile__form .form__field__title {  font-size: 18px; line-height: 24px;  padding-bottom: 6px; } 

}

@media only screen  and (min-width: 841px) and (max-width: 1000px)  {
  
  .thb__school_logo { display: none;  } 
  .thb__middle { width: 100%;   }
  .thb__impacts  { display: none;  }
  .team__home__banner { height: 100px;   }
  .team__home__banner__inner { padding: 0px 8px;   }
  
  .thb_lower_inner { padding: 16px 16px;   }
  .thb__lower__title { padding-bottom: 8px;   }
  
  .tools_nav_item { font-size: 20px; line-height: 28px; }
  .tools_nav_list .playlist_divider {   font-size: 17px; line-height: 26px; padding: 0px 5px; }
  .tools_nav_outer { padding-bottom: 16px; padding-top: 0px;   }
  .fav_nav_outer { padding-bottom: 0px;    }
  .playlist_section_each_outer { padding: 16px 0px 16px;   }
  .playlist_section_each_outer--fav_nav { padding: 0px 0px 16px;   }
  
   .playlist__review__button {  font-size: 18px; line-height: 18px; padding: 4px 12px; border-radius: 14px;  width: 185px;  }
   .playlist__impact__button {  font-size: 18px; line-height: 18px; padding: 4px 12px; border-radius: 14px;  width: 185px;  }
}

@media only screen  and (min-width: 1001px) and (max-width: 1294px)  { 
  .thb__school_logo { width: 30%  } 
  .thb__middle { width: 40%;   }
  .thb__impacts  { width: 30%; padding: 0px 8px; }
  .thb__impact { margin: 0px 10px; }
  .thb__impact__value { font-family: 'VAGRoundedNext-SemiBold'; font-size: 14px; line-height: 14px; }
  .team__home__banner { height: 140px;   }
  .team__home__banner__inner { padding: 0px 8px;   }

  .thb__impact__label { font-size: 11px; line-height: 11px;  display: none; }

  .thb__menu__item {  font-size: 14px; line-height: 20px;   }

  .tools_nav_item { font-size: 20px; line-height: 28px; }
  .tools_nav_list .playlist_divider {   font-size: 17px; line-height: 26px; padding: 0px 5px; }
  .tools_nav_outer { padding-bottom: 16px; padding-top: 0px;   }
  .fav_nav_outer { padding-bottom: 0px;    }
  .playlist_section_each_outer { padding: 16px 0px 16px;   }
  .playlist_section_each_outer--fav_nav { padding: 0px 0px 16px;   }


.playlist__review__button {  font-size: 18px; line-height: 18px; padding: 4px 12px; border-radius: 14px;  width: 185px;  }
.playlist__impact__button {  font-size: 18px; line-height: 18px; padding: 4px 12px; border-radius: 14px;  width: 185px;  }
  
}

@media only screen  and (min-width: 1295px) and (max-width: 1500px)  { 
    .thb__impact__value { font-family: 'VAGRoundedNext-SemiBold'; font-size: 14px; line-height: 16px; }
    .thb__school_logo { width: 30%  } 
    .thb__middle { width: 40%;   }
    .thb__impacts  { width: 30%; padding: 0px 8px; }
}