@font-face {
  font-family: 'BebasNeue';
  src: url("../../fonts/BebasNeueBold.eot?#iefix") format("embedded-opentype"), url("../../fonts/BebasNeueBold.otf") format("opentype"), url("../../fonts/BebasNeueBold.woff") format("woff"), url("../../fonts/BebasNeueBold.ttf") format("truetype"), url("../../fonts/BebasNeueBold.svg#BebasNeueBold") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'ProximaNova-Regular';
  src: url("../../fonts/ProximaNova-Regular.eot?#iefix") format("embedded-opentype"), url("../../fonts/ProximaNova-Regular.otf") format("opentype"), url("../../fonts/ProximaNova-Regular.woff") format("woff"), url("../../fonts/ProximaNova-Regular.ttf") format("truetype"), url("../../fonts/ProximaNova-Regular.svg#ProximaNova-Regular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'ProximaNova-Light';
  src: url("../../fonts/proximanova-light-webfont.eot");
  src: url("../../fonts/proximanova-light-webfont.eot?#iefix") format("embedded-opentype"), url("../../fonts/ProximaNova-Light.otf") format("opentype"), url("../../fonts/proximanova-light-webfont.woff") format("woff"), url("../../fonts/proximanova-light-webfont.woff2") format("woff2"), url("../../fonts/proximanova-light-webfont.ttf") format("truetype"), url("../../fonts/proximanova-light-webfont.svg#proximanova-light-webfont") format("svg");
  font-weight: normal;
  font-style: normal; }

  * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }

  body {
    font-family: ProximaNova-Regular, sans-serif; }

  /* FOR TESTING PURPOSES ONLY*/
  #hideBtnForTesting {
    display: none;
  }

  /***AUDITIONS CONTAINER BEGIN***/

  .title span {
    font-family: ProximaNova-Light;
    font-size: 3.6em;
    line-height: 0.5;
    text-align: left;
    color: #000000;
  }
  .title span:first-of-type {
    font-family: ProximaNova-Regular;
    font-weight: bold;
  }

  .auditionsDashContainer {
    width: 100%;
    margin: 0 auto;
    margin-top: 65px;
    margin-bottom: 84px;
    /*min-width: 400px;
    max-width: 1160px;
    width: 78.17vw;*/
    padding: 0 3.5em;
  }


  /* GRID SETTINGS */
  .auditionsWrapper {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 1.2em;
    margin-top: 30px;
    margin: 0 auto;
    margin-top: 29px;
  }

   /***AUDITION STYLES***/

  /*Sidebar Begin*/
  .sidebar .postBtn {
    padding: 16px 0 17px 0;
    border-top: 2px solid #e1e1e1;
    border-bottom: 2px solid #e1e1e1;
  }
  .sidebar .postBtn a {
    display: block;
    background-color: #ba9bc9;
    border-radius: 3px;
    color: #fff;
    font-size: 2.4em;
    font-weight: 300;
    height: 54px;
    line-height: 54px;
    text-decoration: none;
    text-align: center;
  }
  .sidebar .view {
    padding: 26px 0 12px 0;
    border-bottom: 2px solid #e1e1e1;
  }
  .sidebar .view p:first-of-type {
    color: #000000;
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 8px;
    text-transform: uppercase;
  }
  .sidebar .view ul li {
    list-style: none;
    padding: 3px 0;
  }
  .sidebar .view ul li a {
    color: #000000;
    font-family: ProximaNova-Light;
    font-size: 2.4em;
    text-decoration: none;
  }

  .sidebar .view ul li a:hover {
    text-decoration: none;
    color: #000000;
  }


  .selected {
    color: #ba9bc9 !important;
    font-family: ProximaNova-Light;
    font-size: 2.4em;
    text-decoration: none;
  }




  /* SEARCH */
  .search {
    padding: 25px 0 35px 0;
    border-bottom: 2px solid #e1e1e1;
  }
  .search p {
    color: #000000;
    font-family: ProximaNova-Regular;
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 18px;
    text-transform: uppercase;
  }
  .search input {
    background-image: url(/images/icons/ps-web-icon-search-gray.png);
    background-repeat: no-repeat;
    background-position-x: 93%;
    background-position-y: 50%;
    height: 54px;
    font-size: 1.8em;
    font-family: ProximaNova-Light;
    padding-left: 1em;
    width: 100%;
    border: 1px solid #e1e1e1;
    color: #333;
  }
  /* END SIDEBAR */

  /*** AUDITIONS ***/
  .auditions ul li {
    list-style: none;
  }
  .audition {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #fff;
    border: 1px solid #e1e1e1;
    height: 145px;
  }
  /*Left Side of Audition Bar*/
  .showName-location {
    padding-left: 29px;
  }
  .showName-location h4 {
    font-size: 2.45em;
    font-weight: 500;
    line-height: 0.72;
    color: #ba9bc9;
  }
  .showName-location p {
    font-family: ProximaNova-Light;
    font-size: 1.37em;
    font-weight: 300;
    line-height: 1.29;
    color: #959595;
  }
  /*End of Left Side*/

  /*Right Side of Audition Bar*/
  .applicants-Btns {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding-right: 50px;
  }
  .applicants-Btns p {
    font-family: ProximaNova-Light;
    font-size: 2.45em;
    line-height: 0.72;
    margin-bottom: 13px;
    color: #959595;
  }

  .del-reactivateBtns {
    display: flex;
  }
  @media screen and (max-width: 607px) {
    .del-reactivateBtns {
      flex-direction: column;
    }
    .del-reactivateBtns a {
      margin-top: 5px;
    }
  }

  .applicants-Btns .del-reactivateBtns a {
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: ProximaNova-Light;
    font-size: 1.37em;
    line-height: 1.36;
    text-decoration: none;
    width: 130px;
    height: 36px;
    border-radius: 3px;
    border: 1px solid #e1e1e1;
    color: #959595;
  }

  toggle {
    margin-right: 20px;
  }
  .del-reactivateBtns .toggle-off.btn-default.active {
    font-size: 13.7px;
    background-color: #ba9bc9;
    /*border: 1px solid #e1e1e1;*/
  }
  .del-reactivateBtns label.btn.btn-primary.toggle-on {
    background-color:  #959595;
    /*border: 1px solid #e1e1e1;*/
  }

  /*End of Right Side*/
  /*** END AUDITIONS***/


  /* MOBILE/TABLET RESPONSIVE */

  @media screen and (max-width: 357px) {
    .auditionsDashContainer {
      padding: 0 5px;
    }
    .title span {
      font-size: 2.5em;
    }
  }
  @media screen and (max-width: 375px) {
    .auditionsDashContainer {
      margin-top: 125px;
    }
  }
  @media screen and (min-width: 358px) and (max-width: 367px) {
    .title span {
      font-size: 2.9em;
    }
  }
  @media screen and (min-width: 368px) and (max-width: 399px) {
    .title span {
      font-size: 3em;
    }
  }
  @media screen and (max-width: 400px) {
    .showName-location, .applicants-Btns {
      font-size: 2.3vw;
      padding: 0 20px 0 20px;
    }
    .applicants-Btns .del-reactivateBtns a {
      width: 29.5vw;
    }
  }
  @media screen and (min-width: 400px) and (max-width: 428px) {
    .title span {
      font-size: 3.3em;
    }
  }
  @media screen and (min-width: 429px) and (max-width: 500px) {
    .title span {
      font-size: 3.6em;
    }
  }
  @media screen and (max-width: 445px) {
    .title {
      text-align: center;
    }
  }
  @media screen and (min-width: 330px) and (max-width: 600px) {
    .auditionsDashContainer {
      padding: 0 22px;
    }
  }
  @media screen and (min-width: 525px) and (max-width: 768px) {
    .sidebar .postBtn a {
      font-size: 3em;
    }
  }

  @media screen and (min-width: 1013px) {

    /* GRID SETTINGS */
    .auditionsWrapper {
      display: grid;
      grid-template-columns: 280px 1fr;
      grid-gap: 2em;
      margin-top: 30px;
      margin: 0 auto;
      margin-top: 30px;
      margin-bottom: 15px;
    }
    .auditionsDashContainer {
      width: 62%;
      padding: 0;
    }
  }
  @media screen and (min-width: 769px) and (max-width: 1023px) {
    .auditionsDashContainer {
      width: 85%;
    }
  }
  @media screen and (min-width: 1024px) {
    .auditionsDashContainer {
      width: 90%;
    }
  }
  @media screen and (min-width: 1250px) {
    .auditionsDashContainer {
      max-width: 1190px;
    }
  }