:root {
  --Purple: #951ABE;
  --yellow: #FF6F00;
  --Light-Purple: #E6D6EC;
  --Green: #009D42;
  --Red: #FF1744;
}

.task {
  cursor:pointer;
}

.dropPlaceholder {
  height: 3em; 
  line-height: 2em;
}

.taskContainer {
  background-color:#f8f8f8;
  border:1px solid #d8d8d8;
  border-radius:10px;
}

body {
  /* font-family: "Orbitron", sans-serif; */
  color:#951abe;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

body::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera */
}

#appContent {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

#appContent::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera */
}

  h3 {
    /* color:black; */
  }

  /* EFF Colors */
  .effBlackText {
    color:#191B1E;
  }

  .effGreyText {
    color:grey;
  }

  .effWhiteText {
    color: white;
  }

  .effPurpleText {
    color: #951abe;
  }


  .effPinkGrey {
    background-color:#FAEEFE;
  }



  .btn-primary {
    background-color: #951abe;
    border:none;
  }
  
  .btn-primary:hover {
    background-color: #951abe;
    border:none;
  }

  .gradientBG {
    background-image: linear-gradient(to left, rgb(0, 0, 0) , #737373);
  }
  .spacedText {
    letter-spacing: 2px;
    color:white;
  }

  .sportsText {
    font-size:6em;
    font-family:VarsityTeam;
    letter-spacing: 15px;
  }

  .announcementText {
    font-size:1.6em;
  }

  /* CONTAINERS */

  .effGreyContainer {
    background-color:#96969674;
    border-radius:12px;
    color:white;
    padding:8px;
    text-align:left;
    margin-left:10px;
    margin-right:10px;
  }

  /* BUTTONS */

  .podcastButton {
    margin-top:15px;
    border-radius: 30px;
    background-color:white;
    padding:10px 30px 10px 30px;
    letter-spacing: 5px;
    font-weight:700;
    font-size:1.7em;
  }

  .branding-button {
    background-color: #951abe;
    color:white;
  }
  .branding-button:hover {
    background-color: #951abe;
    color:rgb(255, 255, 255);
    border:3px solid white;
    margin:5px;
  }

  .text-branding-primary
  {
    color:#951abe;
  }

.effBackground {
    background-color:#FAEEFE;
}

.effButton {
    display: flex;
    width: 100%;
    height: 48px;
    padding: 12px 24px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    border-radius: 41.673px;
    border: 1.5px solid #D452FF;
    background: #951ABE;
    color:white;
    font-weight:500;
    
}
.effButtonLight {
    display: flex;
    width: 100%;
    height: 48px;
    padding: 12px 24px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    border-radius: 41.673px;
    border: 1.5px solid #D452FF;
    background: #ffffff;
    color:#951ABE;
    font-weight:500;
}

/* Text Styles */

.tinyText {
  font-size:.8em;
  padding:0px;
  margin:0px;
}

.smallText {
  font-size:.9em;
  padding:0px;
  margin:0px;
}

/* Tag Styles */

.effButtonSeeAll {
  border-radius: 60px;
  background: #E6D6EC;
  padding:5px 10px 5px 10px;
  text-align:center;
  color:#951ABE;
  font-size:.8em;
  font-weight:600;
}

.effButtonPostTime {
  border-radius: 60px;
  background: #E6D6EC;
  padding:2px 6px 2px 6px;
  text-align:center;
  color:#951ABE;
  font-size:.8em;
}
.effPublicTag {
  border-radius: 60px;
  background: #E6D6EC;
  padding:3px 10px 3px 10px;
  text-align:center;
  color:black;
  max-width:100px;
}
.effExchangeSellTag {
  border-radius: 60px;
  background: #FF1744;
  padding:3px 10px 3px 10px;
  text-align:center;
  color:white;
  max-width:100px;
  font-size:.8em;
}
.effNewsCategoriesTag {
  border-radius: 60px;
  background: #E6D6EC;
  padding:3px 10px 3px 10px;
  text-align:center;
  color:black;
  display:inline;
}


/* Button Styles */

.effButton:disabled {
    border-radius: 41.673px;
    border: 1.5px solid #D452FF;
    opacity: 0.3;
    background: var(--Purple, #951ABE);
}

.effButtonRound {
    display: flex;
    width: 38px;
    height: 38px;
    padding: 4px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 100px;
    background: var(--Light-Purple, #E6D6EC);
    cursor:pointer;
}

/* Tab Styles */

.effNote {
    padding:12px;
    color: var(--Black, #191B1E);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.effTabFrame {
    background-color:#E6D6EC;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    padding:5px;
    border-radius: 8px;
}

.effTabFrameNoBackground {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    padding:5px;
    border-radius: 8px;
}

.effTabActive {
    background-color:white;
    color:black;
    padding:5px 12px 5px 12px;
    border-radius:5px;
    text-align:center;
    flex: 1;
    cursor:pointer;
    font-weight:bold;
}

.effTab
{
    color:grey;
    text-align:center;
    flex: 1;
    cursor:pointer;
}

/* Input Styles */

.effInputFrame {
    display: flex;
    padding: 16px;
    align-items: center;
    gap: 16px;
    align-self: stretch;
    border-radius: 16px;
    background: var(--White, #FFFEFF);
}

.effContentFrame {
    padding: 16px;
    align-items: center;
    gap: 16px;
    align-self: stretch;
    border-radius: 16px;
    background: var(--White, #FFFEFF);
}

.effContentCard {
  background-color:#EAECED;
  padding:16px;
  border-radius:16px;
}

/* Card Styles */

.effToolsCard {
    width:175px;
    height:145px;
    min-height:145px;
    padding: 16px;
    border-radius: 16px;
    background: var(--White, #FFFEFF);
    display:inline-block;
    margin-bottom:15px;
    /* margin:15px; */
}

.effBlitzLineupCard {
    width:80%;
    height:125px;
    min-height:125px;
    padding: 26px 16px 16px 16px;
    border-radius: 16px;
    background: var(--White, #FFFEFF);
    display:inline-block;
    margin-bottom:15px;
    margin-left:10px;
    text-align:center;
    vertical-align:middle;
    z-index:500;
    position:relative;
    font-size:1.4em;
    color:grey;
}

.effPlayerCard {
  background-color:white;
  margin-top:5px;
  border-radius:8px;
}

.effPlayerCardActive {
  border: 2px solid #951ABE;
}

/* Toggle Styles */

.effExpandableItem {
  width:100%;
  padding: 16px;
  padding-left:36px;
  text-align:left;
  border-radius: 16px;
  background: white;
  display:inline-block;
}
.effExpandableTitle {
  font-weight:bold;
  padding:16px;
  vertical-align:middle;
}
.effExpandableBody {
  font-weight:normal;
  display:none;
}

.effInputContent {
    display: flex;
    align-items: center;
    gap: 12px;
    flex: 1 0 0;
    border-width: 0 0 0 2px;
    border-style: none none none solid;
    border-color: #FAEEFE;
    padding:15px;
    font-size:16px;
}

.effBubbleRound {
    border-radius: 40px;
    background: var(--Green, #009D42);
    display: flex;
    width: 80px;
    height: 80px;
    padding: 24px 23.5px 24px 24.5px;
    justify-content: center;
    align-items: center;
}

.effBubbleRoundPurple {

}

.effDotInactive {
    width: 8px;
    height: 8px;
    transform: rotate(90deg);
    border-radius: 40px;
    opacity: 0.2;
    background: var(--Black, #191B1E);
    display:inline-block;
}
.effDotActive {
    width: 8px;
    height: 8px;
    transform: rotate(90deg);
    border-radius: 40px;
    background: var(--Black, #191B1E);
    display:inline-block;
}

.effFooterMenuButton {
    width: 18%;
    height: 60px;
    padding-top:5px;
    color:white;
    font-weight:500;
    display:inline-block;
    cursor: pointer;
    /* border: 1px solid white; */
}

.effAvatarFrame {
    width: 40px;
    height: 40px;
    border-radius: 1000px;
    background: var(--Dark-Grey, #303235);  
}

.effContentScroll {
    overflow-x:hidden;
    display:flex;
}
.effQuickLink {
    height: 160px;
    min-height: 160px;
    border-radius:12px;
    background-color:white;
    padding:5px;
    cursor:pointer;

}

.effPodcastCard {
    border-radius: 16px;
    background: var(--Purple, #951ABE);
}
.effPodcastCardContent {
    background-color:white;
    border-radius:16px;
}

.effChannelCard {
    border-radius: 20px;
    background: white;
    color:black;
    padding:10px 10px 10px 10px;
    text-align:left;
    width:100%;
}

.effNewsCard {
    border-radius: 20px;
    color:black;
    padding:3px;
    text-align:left;
    width:100%;
    display:inline;
}

.effNewsCardContent {
  background-color:white; 
  margin-lefT:1px;
  border-radius:16px; 
  padding:8px; 
  font-size:.8em;
}
.effArticleCard {
    border-radius: 20px;
    color:black;
    padding:3px;
    text-align:left;
    width:100%;
}

.effArticleCardContent {
  background-color:white; 
  margin-top:65px;
  margin-left:1px;
  border-radius:16px; 
  padding:8px; 
  font-size:.8em;
}
.effQuickLinkCard {
    background: white;
    color:black;
    border-radius:16px;
    margin: 16px 3px 16px 3px;
    /* padding:16px; */
    padding-top:16px;
    padding-left: 0px;
    padding-right:0px;
    min-height:110px;
    width:100%;
    text-align:center;
    font-size:.7em;
}

.effSocialMediaCard {
    border-radius: 16px;
    background: white;
    padding:5px;
    padding-top:18px;
    padding-bottom:12px;
    /* display:inline-block; */
    width:80px;
    text-align:center;
    margin-bottom:5px;
    font-size:.8em;
}

.effTeamCard {
    width:175px;
    height:145px;
    min-height:145px;
    padding: 16px;
    border-radius: 16px;
    background: var(--White, #FFFEFF);
    display:inline-block;
    margin-bottom:15px;
    text-align:left;
}

.effTableRowCard {
  background-color: white;
  border-radius: 16px;
  padding:5px;
  margin:5px;
}
.effPlayerRowCard {
  background-color: white;
  border-radius: 8px;
  padding:10px;
}

.playerCol1 {
  width:10%;
  min-width:10%;
  max-width:10%;
  font-size:.7em;
  text-align:center;
}
.playerCol2 {
  width:30%;
  min-width:30%;
  max-width:30%;
  font-size:.7em;
  text-align:left;
  margin-left:5px;
}
.playerCol3 {
  width:5%;
  min-width:5%;
  max-width:5%;
  font-size:.7em;
    text-align:center;
}
.playerCol4 {
  width:5%;
  min-width:5%;
  max-width:5%;
  font-size:.7em;
    text-align:center;
}
.playerCol5 {
  width:15%;
  min-width:15%;
  max-width:15%;
  font-size:.7em;
    text-align:center;
}
.playerCol6 {
  width:5%;
  min-width:5%;
  max-width:5%;
  font-size:.7em;
    text-align:center;
}
.playerCol7 {
  width:25%;
  min-width:25%;
  max-width:25%;
  font-size:.7em;
  text-align:right;
  padding-right:5px;
}

.effCard {
    background-color:white;
    color:black;
    border-radius:16px;
    margin-top:16px;
    padding:16px;
    text-align:left;
}

.effLightGrey {
  background-color: #EAECED;
}

.subscriptionClass {
  font-size:.8em;
  padding:3px 12px 3px 12px; 
  border-radius:24px; 
  font-weight:600; 
  margin-right:15px;
}

.rookie {
  background-color:#8C8D8E;
  color: white;
}

.pro {
  background-color:#951ABE;
  color: white;
}

.hallOfFame {
  background:#FF6F00;
  color: #191B1E;
}

.bold {
  font-weight:bold;
}

.paragraphTitle {
  padding-top:5px;
  padding-bottom:5px;
  font-weight: bold;
}

.paragraphStart {
  padding-top:5px;
}

.paragraphIndent {
  padding-left:25px;
}

.bulletPoints {
  margin-left:20px;
}