/**==============================Table Of Contents Start===========================**/
/**
1) Font Imports
2) Font Class Definitions  Start
3) Font Class Definitions
4) General Tag Definitions
5) Welcome Page Classes
6) Sign Up Page
7) Home Page
8) Stations Page
9) Sign Up Container
10) Descriptive Pages (Privacy Policy, Terms & Agreement)
11) Player Pages
12) Alarm Page
13) Loading Pages
14) Buttons
15) Main Menu
16) Owl Carousel
17) General Class Definitions
18) Color Classes
19) Media Queries
**/
/**==============================Table Of Contents End===========================**/
/*-------------------------- Font Imports  Start -------------------------------*/
@font-face {
  font-family: 'Big Shoulders Display';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: local('Big Shoulders Display Thin'), local('BigShouldersDisplay-Thin'), url(https://fonts.gstatic.com/s/bigshouldersdisplay/v1/fC1xPZJEZG-e9gHhdI4-NBbfd2ys3SjJCx1Ur-DsBpI.ttf) format('truetype');
}
@font-face {
  font-family: 'Big Shoulders Display';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Big Shoulders Display Regular'), local('BigShouldersDisplay-Regular'), url(https://fonts.gstatic.com/s/bigshouldersdisplay/v1/fC1_PZJEZG-e9gHhdI4-NBbfd2ys3SjJCx1czNDr.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fBBc9.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4mxP.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfBBc9.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local('Roboto Condensed Light'), local('RobotoCondensed-Light'), url(https://fonts.gstatic.com/s/robotocondensed/v18/ieVi2ZhZI2eCN5jzbjEETS9weq8-33mZGCQYag.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v18/ieVl2ZhZI2eCN5jzbjEETS9weq8-19K7CA.ttf) format('truetype');
}
/*-------------------------- Font Imports  End -------------------------------*/
/*-------------------------- Color Definitions Start---------------------------*/
/*-------------------------- Color Definitions End---------------------------*/
/*-------------------------- General Tag Definitions Start ---------------------*/
* {
  box-sizing: border-box;
}
html,
body {
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
}
html.modal-open,
body.modal-open {
  overflow: hidden;
}
body.dark-v {
  background-color: black;
}
a:link,
a:visited {
  text-decoration: none;
  color: black;
}
a:hover {
  cursor: pointer;
}
input:focus {
  outline: none;
  box-shadow: none!important;
}
/*-------------------------- General Tag Definitions End ---------------------*/
/*-------------------------- Welcome Page Classes Start -----------------------*/
.radio-fortunato-intro-text {
  font-family: 'Big Shoulders Display', cursive;
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  font-size: 105px;
  font-weight: 100;
  color: white!important;
}
.radio-fortunato-intro-text .name {
  display: flex;
  writing-mode: vertical-lr;
  margin-top: 75px;
}
.enter-radio-app-icon {
  z-index: 20000000000;
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  margin-right: 30px;
  margin-top: 150px;
}
.intro-piano {
  position: absolute;
  width: 100%;
  height: 100%;
}
.intro-piano .intro-image {
  max-height: 90%!important;
  margin-top: 30px;
}
/*-------------------------- Welcome Page Classes End -------------------------*/
/**-------------------------- Sign Up Page Start--------------------------*/
.slider-text-header {
  font-family: 'Roboto', sans-serif !important;
  font-weight: 300;
  font-size: 32px;
  color: #0D0E10;
  text-align: center;
  margin-top: 25px;
  line-height: 1.13;
  letter-spacing: -0.4px;
}
.slider-text-header.dark-v {
  color: rgba(255, 255, 255, 0.8) !important;
}
.slider-text {
  font-family: 'Roboto', sans-serif !important;
  font-size: 16px;
  color: #858687;
  text-align: center;
  margin-top: 7px;
}
.main-logo {
  color: #333333;
}
.main-logo.dark-v {
  color: white!important;
}
.main-logo .logo-text {
  font-family: 'Big Shoulders Display', cursive;
  font-size: 25px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.56;
  letter-spacing: -0.5px;
  text-align: center;
}
.main-logo .profile-text {
  font-family: "Roboto Condensed", sans-serif !important;
  font-size: 20px;
  margin-top: 10px;
}
.main-logo .sub-text {
  margin-top: 7px;
  opacity: 0.75;
  font-family: 'Roboto', sans-serif !important;
  font-size: 13px;
  font-weight: 100;
  line-height: 1.54;
  letter-spacing: -0.17px;
  color: #0D0E10;
}
.main-logo .sub-text.dark-v {
  color: rgba(255, 255, 255, 0.8) !important;
}
/**-------------------------- Sign Up Page End--------------------------*/
/**-------------------------- Home Page Start ------------------------*/
.favorite-station-section .title-container,
.recent-station-section .title-container,
.podcast-stuff-picks .title-container,
.pickup-where-you-left-off .title-container,
.listen-to-what-you-want .title-container,
.long-live-jazz .title-container,
.top-singer .title-container,
.browse-by-category .title-container,
.news-from-around-the-world .title-container,
.featured-podcast-section .title-container,
.classical-podcast-section .title-container,
.fantasy-football-podcast-station .title-container,
.business-finance-section .title-container,
.arts-section .title-container {
  padding: 0 36px;
}
.favorite-station-section .title-container .title-text,
.recent-station-section .title-container .title-text,
.podcast-stuff-picks .title-container .title-text,
.pickup-where-you-left-off .title-container .title-text,
.listen-to-what-you-want .title-container .title-text,
.long-live-jazz .title-container .title-text,
.top-singer .title-container .title-text,
.browse-by-category .title-container .title-text,
.news-from-around-the-world .title-container .title-text,
.featured-podcast-section .title-container .title-text,
.classical-podcast-section .title-container .title-text,
.fantasy-football-podcast-station .title-container .title-text,
.business-finance-section .title-container .title-text,
.arts-section .title-container .title-text {
  flex: 1;
}
.favorite-station-section .title-container .title-text .title,
.recent-station-section .title-container .title-text .title,
.podcast-stuff-picks .title-container .title-text .title,
.pickup-where-you-left-off .title-container .title-text .title,
.listen-to-what-you-want .title-container .title-text .title,
.long-live-jazz .title-container .title-text .title,
.top-singer .title-container .title-text .title,
.browse-by-category .title-container .title-text .title,
.news-from-around-the-world .title-container .title-text .title,
.featured-podcast-section .title-container .title-text .title,
.classical-podcast-section .title-container .title-text .title,
.fantasy-football-podcast-station .title-container .title-text .title,
.business-finance-section .title-container .title-text .title,
.arts-section .title-container .title-text .title {
  margin-left: 5px;
  font-family: "Roboto Condensed", sans-serif !important;
  font-weight: 400;
  font-size: 20px;
  font-stretch: condensed;
  line-height: 1.2;
  color: #000000 !important;
}
.favorite-station-section .title-container .title-text .title.dark-v,
.recent-station-section .title-container .title-text .title.dark-v,
.podcast-stuff-picks .title-container .title-text .title.dark-v,
.pickup-where-you-left-off .title-container .title-text .title.dark-v,
.listen-to-what-you-want .title-container .title-text .title.dark-v,
.long-live-jazz .title-container .title-text .title.dark-v,
.top-singer .title-container .title-text .title.dark-v,
.browse-by-category .title-container .title-text .title.dark-v,
.news-from-around-the-world .title-container .title-text .title.dark-v,
.featured-podcast-section .title-container .title-text .title.dark-v,
.classical-podcast-section .title-container .title-text .title.dark-v,
.fantasy-football-podcast-station .title-container .title-text .title.dark-v,
.business-finance-section .title-container .title-text .title.dark-v,
.arts-section .title-container .title-text .title.dark-v {
  color: rgba(255, 255, 255, 0.8) !important;
}
.favorite-station-section .title-container .title-text img,
.recent-station-section .title-container .title-text img,
.podcast-stuff-picks .title-container .title-text img,
.pickup-where-you-left-off .title-container .title-text img,
.listen-to-what-you-want .title-container .title-text img,
.long-live-jazz .title-container .title-text img,
.top-singer .title-container .title-text img,
.browse-by-category .title-container .title-text img,
.news-from-around-the-world .title-container .title-text img,
.featured-podcast-section .title-container .title-text img,
.classical-podcast-section .title-container .title-text img,
.fantasy-football-podcast-station .title-container .title-text img,
.business-finance-section .title-container .title-text img,
.arts-section .title-container .title-text img {
  width: 20px;
  height: 20px;
  margin-top: -5px;
}
.favorite-station-section .title-container .view-all,
.recent-station-section .title-container .view-all,
.podcast-stuff-picks .title-container .view-all,
.pickup-where-you-left-off .title-container .view-all,
.listen-to-what-you-want .title-container .view-all,
.long-live-jazz .title-container .view-all,
.top-singer .title-container .view-all,
.browse-by-category .title-container .view-all,
.news-from-around-the-world .title-container .view-all,
.featured-podcast-section .title-container .view-all,
.classical-podcast-section .title-container .view-all,
.fantasy-football-podcast-station .title-container .view-all,
.business-finance-section .title-container .view-all,
.arts-section .title-container .view-all {
  font-family: "Roboto Condensed", sans-serif !important;
  font-size: 12px;
  font-weight: 300;
  font-stretch: condensed;
  line-height: 1.17;
  letter-spacing: -0.12px;
  text-align: left;
  text-decoration: underline;
  display: flex;
  align-items: center;
}
.favorite-station-section .title-container .view-all a,
.recent-station-section .title-container .view-all a,
.podcast-stuff-picks .title-container .view-all a,
.pickup-where-you-left-off .title-container .view-all a,
.listen-to-what-you-want .title-container .view-all a,
.long-live-jazz .title-container .view-all a,
.top-singer .title-container .view-all a,
.browse-by-category .title-container .view-all a,
.news-from-around-the-world .title-container .view-all a,
.featured-podcast-section .title-container .view-all a,
.classical-podcast-section .title-container .view-all a,
.fantasy-football-podcast-station .title-container .view-all a,
.business-finance-section .title-container .view-all a,
.arts-section .title-container .view-all a {
  color: #4d4d4d;
}
.favorite-station-section .title-container .view-all.Roboto,
.recent-station-section .title-container .view-all.Roboto,
.podcast-stuff-picks .title-container .view-all.Roboto,
.pickup-where-you-left-off .title-container .view-all.Roboto,
.listen-to-what-you-want .title-container .view-all.Roboto,
.long-live-jazz .title-container .view-all.Roboto,
.top-singer .title-container .view-all.Roboto,
.browse-by-category .title-container .view-all.Roboto,
.news-from-around-the-world .title-container .view-all.Roboto,
.featured-podcast-section .title-container .view-all.Roboto,
.classical-podcast-section .title-container .view-all.Roboto,
.fantasy-football-podcast-station .title-container .view-all.Roboto,
.business-finance-section .title-container .view-all.Roboto,
.arts-section .title-container .view-all.Roboto {
  font-family: 'Roboto', sans-serif !important;
}
.favorite-station-section .title-container.tab-pills,
.recent-station-section .title-container.tab-pills,
.podcast-stuff-picks .title-container.tab-pills,
.pickup-where-you-left-off .title-container.tab-pills,
.listen-to-what-you-want .title-container.tab-pills,
.long-live-jazz .title-container.tab-pills,
.top-singer .title-container.tab-pills,
.browse-by-category .title-container.tab-pills,
.news-from-around-the-world .title-container.tab-pills,
.featured-podcast-section .title-container.tab-pills,
.classical-podcast-section .title-container.tab-pills,
.fantasy-football-podcast-station .title-container.tab-pills,
.business-finance-section .title-container.tab-pills,
.arts-section .title-container.tab-pills {
  position: fixed;
  width: 100%;
  background-color: white;
  z-index: 20;
}
.favorite-station-section .title-container.tab-pills .title-text,
.recent-station-section .title-container.tab-pills .title-text,
.podcast-stuff-picks .title-container.tab-pills .title-text,
.pickup-where-you-left-off .title-container.tab-pills .title-text,
.listen-to-what-you-want .title-container.tab-pills .title-text,
.long-live-jazz .title-container.tab-pills .title-text,
.top-singer .title-container.tab-pills .title-text,
.browse-by-category .title-container.tab-pills .title-text,
.news-from-around-the-world .title-container.tab-pills .title-text,
.featured-podcast-section .title-container.tab-pills .title-text,
.classical-podcast-section .title-container.tab-pills .title-text,
.fantasy-football-podcast-station .title-container.tab-pills .title-text,
.business-finance-section .title-container.tab-pills .title-text,
.arts-section .title-container.tab-pills .title-text {
  padding-bottom: 15px;
  padding-top: 5px;
  border-bottom: 1px solid #f1f3f8;
  transition: 0.3s ease-in;
}
.favorite-station-section .title-container.tab-pills .title-text .title,
.recent-station-section .title-container.tab-pills .title-text .title,
.podcast-stuff-picks .title-container.tab-pills .title-text .title,
.pickup-where-you-left-off .title-container.tab-pills .title-text .title,
.listen-to-what-you-want .title-container.tab-pills .title-text .title,
.long-live-jazz .title-container.tab-pills .title-text .title,
.top-singer .title-container.tab-pills .title-text .title,
.browse-by-category .title-container.tab-pills .title-text .title,
.news-from-around-the-world .title-container.tab-pills .title-text .title,
.featured-podcast-section .title-container.tab-pills .title-text .title,
.classical-podcast-section .title-container.tab-pills .title-text .title,
.fantasy-football-podcast-station .title-container.tab-pills .title-text .title,
.business-finance-section .title-container.tab-pills .title-text .title,
.arts-section .title-container.tab-pills .title-text .title {
  color: #858687 !important;
}
.favorite-station-section .title-container.tab-pills .title-text.active,
.recent-station-section .title-container.tab-pills .title-text.active,
.podcast-stuff-picks .title-container.tab-pills .title-text.active,
.pickup-where-you-left-off .title-container.tab-pills .title-text.active,
.listen-to-what-you-want .title-container.tab-pills .title-text.active,
.long-live-jazz .title-container.tab-pills .title-text.active, 
.top-singer .title-container.tab-pills .title-text.active,
.browse-by-category .title-container.tab-pills .title-text.active,
.news-from-around-the-world .title-container.tab-pills .title-text.active,
.featured-podcast-section .title-container.tab-pills .title-text.active,
.classical-podcast-section .title-container.tab-pills .title-text.active,
.fantasy-football-podcast-station .title-container.tab-pills .title-text.active,
.business-finance-section .title-container.tab-pills .title-text.active,
.arts-section .title-container.tab-pills .title-text.active {
  border-bottom: 1px solid #FF9500;
}
.favorite-station-section .title-container.tab-pills .title-text.active .title,
.recent-station-section .title-container.tab-pills .title-text.active .title,
.podcast-stuff-picks .title-container.tab-pills .title-text.active .title,
.pickup-where-you-left-off .title-container.tab-pills .title-text.active .title,
.listen-to-what-you-want .title-container.tab-pills .title-text.active .title,
.long-live-jazz .title-container.tab-pills .title-text.active .title,
.top-singer .title-container.tab-pills .title-text.active .title,
.browse-by-category .title-container.tab-pills .title-text.active .title,
.news-from-around-the-world .title-container.tab-pills .title-text.active .title,
.featured-podcast-section .title-container.tab-pills .title-text.active .title,
.classical-podcast-section .title-container.tab-pills .title-text.active .title,
.fantasy-football-podcast-station .title-container.tab-pills .title-text.active .title,
.business-finance-section .title-container.tab-pills .title-text.active .title,
.arts-section .title-container.tab-pills .title-text.active .title {
  color: #000000 !important;
}
.favorite-station-section .title-container.tab-pills .title-text.active .title.dark-v,
.recent-station-section .title-container.tab-pills .title-text.active .title.dark-v,
.podcast-stuff-picks .title-container.tab-pills .title-text.active .title.dark-v,
.pickup-where-you-left-off .title-container.tab-pills .title-text.active .title.dark-v,
.listen-to-what-you-want .title-container.tab-pills .title-text.active .title.dark-v,
.long-live-jazz .title-container.tab-pills .title-text.active .title.dark-v,
.top-singer .title-container.tab-pills .title-text.active .title.dark-v,
.browse-by-category .title-container.tab-pills .title-text.active .title.dark-v,
.news-from-around-the-world .title-container.tab-pills .title-text.active .title.dark-v,
.featured-podcast-section .title-container.tab-pills .title-text.active .title.dark-v,
.classical-podcast-section .title-container.tab-pills .title-text.active .title.dark-v,
.fantasy-football-podcast-station .title-container.tab-pills .title-text.active .title.dark-v,
.business-finance-section .title-container.tab-pills .title-text.active .title.dark-v,
.arts-section .title-container.tab-pills .title-text.active .title.dark-v {
  color: white!important;
}
.favorite-station-section .location,
.recent-station-section .location,
.podcast-stuff-picks .location,
.pickup-where-you-left-off .location,
.listen-to-what-you-want .location,
.long-live-jazz .location,
.top-singer .location,
.browse-by-category .location,
.news-from-around-the-world .location,
.featured-podcast-section .location,
.classical-podcast-section .location,
.fantasy-football-podcast-station .location,
.business-finance-section .location,
.arts-section .location,
.favorite-station-section .genre,
.recent-station-section .genre,
.podcast-stuff-picks .genre,
.pickup-where-you-left-off .genre,
.listen-to-what-you-want .genre,
.long-live-jazz .genre,
.top-singer .genre,
.browse-by-category .genre,
.news-from-around-the-world .genre,
.featured-podcast-section .genre,
.classical-podcast-section .genre,
.fantasy-football-podcast-station .genre,
.business-finance-section .genre,
.arts-section .genre {
  padding-top: 45px;
}
.station-intro-text {
  padding: 0 36px;
  font-size: 14px;
  font-weight: 100;
  line-height: 1.14;
  color: #000000 !important;
  opacity: 0.6;
  margin-top: 17px;
}
.station-intro-text.dark-v {
  color: rgba(255, 255, 255, 0.8) !important;
}
.station-intro-text.margin-bottom {
  margin-bottom: 17px;
}
.title {
  margin-left: 5px;
  font-family: 'Roboto', sans-serif !important;
  font-size: 20px;
  font-stretch: condensed;
  line-height: 1.2;
  color: #000000 !important;
}
.top-songs-intro {
  font-family: 'Roboto', sans-serif !important;
  font-size: 14px;
  font-weight: 100;
  line-height: 1.14;
  color: #000000 !important;
  opacity: 0.6;
  margin-top: 17px;
}
.top-songs-intro.margin-bottom {
  margin-bottom: 17px;
}
.recent-station-section .title-container .title-text img,
.featured-podcast-section .title-container .title-text img,
.classical-podcast-section .title-container .title-text img,
.fantasy-football-podcast-station .title-container .title-text img,
.business-finance-section .title-container .title-text img {
  margin-top: -12px;
}
.podcast-stuff-picks .title-container .title-text img,
.pickup-where-you-left-off .title-container .title-text img,
.listen-to-what-you-want .title-container .title-text img,
.long-live-jazz .title-container .title-text img,
.top-singer .title-container .title-text img,
.browse-by-category .title-container .title-text img,
.news-from-around-the-world .title-container .title-text img,
.fantasy-football-podcast-station .title-container .title-text img,
.business-finance-section .title-container .title-text img,
.arts-section .title-container .title-text img {
  margin-top: -8px;
}
.playlist-listing {
  padding: 20px 36px 0px 36px;
}
.playlist-listing .single-listing {
  display: flex;
  margin-top: 10px;
  justify-content: space-between;
}
.playlist-listing .single-listing .single-listing-info-container {
  display: flex;
  align-items: flex-end;
}
.playlist-listing .single-listing .single-listing-info-container .single-listing-img {
  margin-right: 10px;
}
.playlist-listing .single-listing .single-listing-info-container .single-listing-img img {
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}
.playlist-listing .single-listing .single-listing-info-container .single-listing-img.with-margin {
  margin-left: 0;
  margin-right: 10px;
}
.playlist-listing .single-listing .single-listing-info-container .single-listing-text {
  font-family: "Roboto Condensed", sans-serif !important;
  font-weight: 400;
  letter-spacing: -0.15px;
}
.playlist-listing .single-listing .single-listing-info-container .single-listing-text .main-title {
  font-weight: 400;
  font-size: 17px;
}
.playlist-listing .single-listing .single-listing-info-container .single-listing-text .secondary-text {
  width: 100px;
  font-weight: 100;
  font-size: 12px;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  display: -webkit-box;
}
.playlist-listing .single-listing .play-status {
  display: flex;
}
.playlist-listing .single-listing .play-status:hover {
  cursor: pointer;
}
.playlist-listing .single-listing .play-status.centered {
  justify-content: center;
  align-items: center;
}
.playlist-listing .single-listing .play-status.centered .fas {
  margin-left: 20px;
}
.playlist-listing .single-listing.with-margin {
  margin-bottom: 20px;
}
.playlist-listing .single-listing.with-padding {
  padding: 12px 0px;
}
.playlist-listing.arts .play-status img {
  height: 15px;
}
.playlist-listing.arts .single-listing-img {
  margin-left: 0px!important;
}
.playlist-listing.arts .single-listing {
  align-items: center;
  margin-top: 10px;
}
.playlist-listing.arts .single-listing .single-listing-info-container {
  height: 100%;
  align-items: flex-end;
}
.playlist-listing.arts .single-listing .single-listing-info-container .single-listing-text {
  display: flex;
  height: 100%;
  flex-direction: column;
  margin-left: 10px;
  justify-content: space-between;
}
.playlist-listing.arts .single-listing .single-listing-info-container .single-listing-text .main-title {
  width: 78%;
  line-height: 20px;
  font-weight: 400;
  font-size: 15px;
}
.playlist-listing.arts .single-listing .single-listing-info-container .single-listing-text .main-title,
.playlist-listing.arts .single-listing .single-listing-info-container .single-listing-text .secondary-text {
  margin-top: 5px;
}
.playlist-listing.arts .single-listing:not(:first-child) {
  margin-top: 15px;
}
.playlist-listing.selected-stations .single-listing .play-status {
  display: none;
}
.playlist-listing.selected-stations .single-listing .single-listing-info-container .single-listing-text .main-title {
  font-weight: 300;
}
.playlist-listing.selected-stations .single-listing.active .play-status {
  display: flex;
  justify-content: center;
  align-items: center;
}
.playlist-listing.selected-stations .single-listing.active .single-listing-info-container .single-listing-text .main-title {
  font-weight: 900 !important;
}
.playlist-listing.selected-stations .single-listing.active .single-listing-info-container .single-listing-text .secondary-text {
  font-family: 'Roboto', sans-serif !important;
  font-weight: 100;
}
.playlist-listing.selected-stations .single-listing .single-listing-info-container .single-listing-text {
  font-family: "Roboto Condensed", sans-serif !important;
}
.playlist-listing.selected-stations .single-listing .single-listing-info-container .single-listing-text .secondary-text {
  font-family: 'Roboto', sans-serif !important;
  font-weight: 100;
}
.playlist-listing.dark-v .single-listing-text,
.playlist-listing.dark-v .fas {
  color: rgba(255, 255, 255, 0.8) !important;
}
.category-listing {
  margin-top: 10px;
}
.category-listing .category-item {
  padding: 12px 0px;
  border-bottom: 1px solid #f1f3f8;
}
.category-listing .category-item .text {
  display: flex;
  align-items: center;
  font-family: "Roboto Condensed", sans-serif !important;
  font-size: 14px;
  line-height: 1.14;
  letter-spacing: -0.14px;
  font-weight: 300;
}
.category-listing .category-item .icon {
  margin-top: -8px;
}
.category-listing .category-item:last-child {
  border-bottom: 0;
}
.category-listing .category-item:hover {
  cursor: pointer;
}
.category-listing.last-child-visible .category-item:last-child {
  border-bottom: 1px solid #f1f3f8;
}
.category-listing a .category-item {
  border-bottom: 1px solid #f1f3f8 !important;
}
.category-listing.dark-v .category-item {
  border-color: rgba(255, 255, 255, 0.3) !important;
}
.category-listing.dark-v .category-item .text {
  color: rgba(255, 255, 255, 0.8) !important;
}
.picture-container.content-padding {
  padding-top: 20px;
  padding-bottom: 20px;
}
.picture-container .single-picture {
  position: relative;
}
.picture-container .single-picture .stacked-text-container {
  font-family: 'Roboto', sans-serif !important;
}
.picture-container .single-picture .stacked-text-container .main-text {
  font-size: 13px;
  letter-spacing: -0.13px;
}
.picture-container .single-picture .stacked-text-container .secondary-text {
  font-size: 10px;
  font-weight: 300;
  letter-spacing: -0.1px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.picture-container .single-picture .play-icon-with-text {
  position: absolute;
  bottom: 10px;
  left: 10px;
}
.picture-container .single-picture .play-icon-with-text .text-container {
  margin-left: 9px;
  margin-top: -1px;
  font-family: "Roboto Condensed", sans-serif !important;
  color: white!important;
  font-weight: 600;
}
.picture-container .single-picture .play-icon-with-text .text-container .main-text {
  font-size: 17px;
}
.picture-container .single-picture .play-icon-with-text .text-container .secondary-text {
  font-size: 11px;
  overflow: hidden;
  display: -webkit-box;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 100;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.picture-container .single-picture .play-icon-with-text img {
  height: 35px;
  width: 35px;
}
.picture-container .picture-stack {
  margin-top: 8px;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -4px;
  margin-left: -4px;
}
.picture-container .picture-stack .single-picture {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
  padding: 4px;
}
.picture-container .picture-stack .single-picture-container {
  position: relative;
}
.picture-container .picture-stack .single-picture-container .picture {
  width: 100%;
}
.picture-container .picture-stack .single-picture-container .play-status {
  position: absolute;
  bottom: 10px;
  left: 10px;
}
.picture-container .picture-stack .single-picture-container .play-status img {
  height: 25px;
  width: 25px;
}
/**-------------------------- Home Page End ------------------------*/
/*-------------------------- Stations Page Start ---------------------*/
.options-container,
.options-container-1 {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 99999999999;
  background-color: rgba(0, 0, 0, 0.25);
}
.options-container .options-container-settings,
.options-container-1 .options-container-settings {
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
}
.options-container .options-container-settings > div,
.options-container-1 .options-container-settings > div {
  padding: 0px 10px;
}
.options-container .options-container-settings > div .single-option,
.options-container-1 .options-container-settings > div .single-option {
  background: white;
  z-index: 50;
  padding: 16px;
  color: #007AFF;
  font-size: 20px;
  text-align: center;
  border-bottom: 1px solid #ddd;
}
.options-container .options-container-settings > div .single-option:first-child,
.options-container-1 .options-container-settings > div .single-option:first-child {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.options-container .options-container-settings > div .single-option:last-child,
.options-container-1 .options-container-settings > div .single-option:last-child {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.options-container .options-container-settings > div .single-option:hover,
.options-container-1 .options-container-settings > div .single-option:hover {
  cursor: pointer;
}
.more-pic {
  margin-top: 16px;
}
.event-list-container {
  margin-top: 7px;
  padding: 0 36px;
}
.event-list-container .single-event-listing {
  display: flex;
  align-items: center;
  padding: 18px 0px;
  justify-content: space-between;
}
.event-list-container .single-event-listing .single-event-info .date-text {
  color: #f78500;
  font-weight: 300;
  font-size: 12px;
}
.event-list-container .single-event-listing .single-event-info .main-title {
  font-size: 18px;
  font-family: "Roboto Condensed", sans-serif !important;
  line-height: 20px;
  font-weight: 400;
}
.event-list-container .single-event-listing .single-event-info .detail-info-start {
  font-size: 14px;
  font-family: "Roboto Condensed", sans-serif !important;
  font-weight: 100;
}
.event-list-container .single-event-listing .play-status {
  margin-left: 15px;
}
.event-list-container .single-event-listing:not(:first-child) {
  border-top: 1px solid #f1f3f8;
}
.event-list-container.dark-v .single-event-listing .single-event-info .main-title,
.event-list-container.dark-v .single-event-listing .single-event-info .detail-info-start {
  color: rgba(255, 255, 255, 0.8) !important;
}
.event-list-container.dark-v .single-event-listing .single-event-info .detail-info-start {
  opacity: 0.5;
}
/*-------------------------- Stations Page End ---------------------*/
/*----------------- Descriptive Pages Start --------------------*/
.main-logo-subtext {
  font-size: 12px;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 100;
  color: #0d0e107d;
  margin-top: -8px;
}
.main-logo-subtext.dark-v {
  color: rgba(255, 255, 255, 0.8) !important;
}
.profile-picture-container span {
  position: absolute;
  bottom: 0;
  margin-right: 8px;
  padding: 8px;
  border-radius: 50%;
  margin-left: -24px;
  background-color: #9B9B9B;
  color: #FFFFFF;
  font-size: 13px;
}
.file-prompt {
  position: absolute;
  height: 100%;
  top: 0;
  width: 100%;
  opacity: 0;
  left: 0;
}
/*----------------- Descriptive Pages End --------------------*/
/*--------------------------- Players Start -----------------------*/
.hap-playlist-content.dark-v .hap-playlist-item-content {
  color: rgba(255, 255, 255, 0.8) !important;
}
.hap-playlist-content.dark-v .hap-playlist-item-content .title:hover {
  color: #FF9500 !important;
}
.hap-playlist-content.dark-v .hap-playlist-item-content:hover {
  color: #FF9500 !important;
}
#awp-wrapper {
  margin-bottom: 60px!important;
}
.hap-player-title.main-title,
.awp-player-title.main-title {
  font-weight: 600;
}
.hap-player-artist,
.awp-player-artist {
  font-weight: 100;
}
.icon-same-height {
  height: 42px;
  display: flex;
  justify-content: center;
  width: 56px;
  align-items: center;
}
.hap-controls-container {
  width: 250px;
  margin: 0 auto;
}
.hap-controls-container .hap-icon-forward {
  margin-top: -6px;
}
.album-cover-container {
  display: flex;
  justify-content: center;
}
.album-cover-container img {
  width: 100%;
  border-radius: 7px;
}
.hap-playlist-thumb img,
.awp-player-thumb img {
  border-radius: 7px;
  width: 100%;
}
.awp-player-thumb {
  padding: 0 36px;
}
.song-info-container {
  margin-top: 10px;
  padding: 0 36px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.song-info-container .main-title {
  font-size: 25px;
  font-family: "Roboto Condensed", sans-serif !important;
}
.song-info-container .secondary-text {
  font-size: 10px;
  margin: 8px 0px;
}
.controls-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 100%;
  justify-content: space-between;
}
.AudioPlay {
  opacity: 1!important;
  display: block!important;
}
.whiteControllers > div {
  display: none!important;
}
.whiteControllers .AudioControls > a {
  display: none!important;
}
.whiteControllers .AudioControls,
.whiteControllers .AudioControls .VolumeSlider {
  display: flex!important;
}
.song1_wrapper,
.song1_wrapper .container,
.song1_wrapper .the_wrapper,
.whiteControllers {
  width: 100%!important;
  height: auto!important;
}
.whiteControllers {
  margin-top: 12px!important;
}
.whiteControllers .volume-down,
.whiteControllers .volume-up {
  display: flex!important;
}
.VolumeSlider {
  margin: 5px 10px!important;
}
.radio-channel-container {
  width: 100%;
  overflow: scroll;
  height: 193px;
  margin-top: 5px;
}
.radio-channel-container::-webkit-scrollbar {
  display: none;
}
.radio-channel-container .radio-channel {
  margin-top: 35px;
  position: absolute;
  left: 0;
  right: 0;
}
.radio-channel-container .channel-container {
  height: 100%;
  display: flex;
  margin-left: 19px;
  align-items: center;
  width: 100%;
}
.radio-channel-container .channel-container div {
  margin-top: 30px;
}
.radio-channel-container .channel-container .long {
  border-right: 1px solid black;
  height: 50%;
  margin-right: 10px;
  position: relative;
}
.radio-channel-container .channel-container .long .value {
  position: absolute;
  top: -64px;
  left: -9px;
  font-size: 25px;
  font-family: 'Big Shoulders Display', cursive;
  font-weight: 100;
}
.radio-channel-container .channel-container .short {
  border-right: 1px solid black;
  height: 15%;
  margin-right: 10px;
}
.radio-channel-container .channel-container.dark-v .long,
.radio-channel-container .channel-container.dark-v .short {
  border-color: white;
  color: white;
}
.seeker {
  position: absolute;
  top: 49%;
  left: 75%;
}
.fm-text-container {
  margin-top: 23px;
}
.fm-text-container .fm-text-intro {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  font-family: 'Big Shoulders Display', cursive;
}
.fm-text-container .fm-text-intro .number-container {
  font-size: 140px;
  line-height: 0.9;
  font-weight: 100;
  letter-spacing: -5.6px;
  display: flex;
  justify-content: center;
}
.fm-text-container .fm-text-intro .fm-sign-container {
  font-size: 50px;
  line-height: 1.2;
  position: relative;
}
.fm-text-container .fm-text-intro .fm-sign-container .red-ellipse {
  position: absolute;
  top: 8px;
}
.fm-text-container .radio-name {
  font-family: 'Big Shoulders Display', cursive;
  font-size: 45px;
  font-weight: 100;
  display: flex;
  justify-content: center;
}
.fm-text-container .radio-country-container {
  display: flex;
  align-items: center;
  font-family: 'Big Shoulders Display', cursive;
  justify-content: center;
  font-size: 30px;
  font-weight: 100;
}
.fm-text-container .radio-country-container .country-name {
  margin-left: 5px;
}
.fm-text-container .radio-controllers-container {
  display: flex;
  justify-content: space-between;
  padding: 0 36px;
  align-items: center;
}
.settings-container {
  position: fixed;
  background-color: #F9F9F9;
  top: 89px;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999999;
  overflow: scroll;
  border-top-right-radius: 15px;
  border-top-left-radius: 15px;
}
.settings-container.dark-v {
  background-color: #707070;
}
.settings-container .cancel-btn,
.settings-container .settings-back-btn {
  display: flex;
  justify-content: flex-end;
  padding: 0 36px;
  color: #002EC6;
  margin-top: 30px;
  text-transform: uppercase;
}
.settings-container .cancel-btn:hover,
.settings-container .settings-back-btn:hover {
  cursor: pointer;
}
.settings-container .cancel-btn.orange,
.settings-container .settings-back-btn.orange {
  color: #FF9500;
}
.settings-container .settings-back-btn {
  justify-content: flex-start;
}
/*--------------------------- Players End--------------------------*/
/*-------------------------- Alarm Box Start ------------------------------*/
.dbContainer_0 {
  margin-left: 36px!important;
  width: 50%!important;
  border: 0!important;
}
.dbContainer_0 .navbar,
.dbContainer_0 .btn-group-vertical,
.dbContainer_0 .dbLens {
  display: none;
}
.dbContainer_0 .border-dark {
  top: -92.5px;
  padding: 1rem !important;
}
.margin-left-auto .dbContainer_0 {
  margin-left: auto!important;
}
.list-group-item {
  background: white!important;
  border: 0!important;
}
.list-group-item-success {
  background: transparent!important;
  color: #000000;
}
.list-group-item-light {
  color: #CFCFCF;
}
.dbRollerV {
  margin: 0!important;
  border: 0!important;
}
.timeFlip.dark-v .dbContainer_0 .list-group-item {
  background-color: #000000 !important;
  color: #585656;
}
.timeFlip.dark-v .dbContainer_0 .list-group-item-success {
  color: rgba(255, 255, 255, 0.8) !important;
}
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 32px;
}
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.switch.rotate {
  transform: rotate(90deg);
}
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #FFFFFF;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 20px;
  border: 2px solid #E5E5E5;
}
.slider:before {
  position: absolute;
  content: "";
  height: 27px;
  width: 27px;
  left: 1px;
  bottom: 1px;
  background-color: #FFFFFF;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 50%;
  box-shadow: 2px 2px 4px 1px #c5c5c5ad;
}
.slider.dark-v {
  background-color: #585858;
}
input:checked + .slider {
  background-color: #FF9500;
  border: 2px solid #FF9500;
}
input:checked + .dark-v.slider {
  border-color: #FCCC72;
}
input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
  box-shadow: none;
}
.slick-dots li button:before {
  font-size: 30px;
}
.slider.round {
  border-radius: 34px;
}
.slider.round:before {
  border-radius: 50%;
}
/*-------------------------- Alarm Box End ------------------------------*/
/*--------------------------- Loading Pages Start-------------------------*/
.fas.fa-spinner {
  font-size: 40px;
}
.fas.fa-spinner.orange {
  font-size: 100px;
  color: #FF9500;
}
.please-wait-text {
  text-align: center;
  margin-top: 80px;
  font-family: "Roboto Condensed", sans-serif !important;
}
.please-wait-text.small-margin {
  margin-top: 60px;
}
.please-wait-text .primary-text {
  font-size: 28px;
  letter-spacing: -0.7px;
}
.please-wait-text .secondary-text {
  font-size: 15px;
}
.waves {
  margin-top: 60px;
}
.waves canvas {
  width: 100%!important;
}
/*--------------------------- Loading Pages End-------------------------*/
/*--------------------------- Buttons Start -------------------------------*/
.btn.btn-link {
  color: black;
  text-decoration: none;
}
.collapse-icon {
  height: 9px;
  width: 9px;
}
.card {
  border-color: #B7B7B7 !important;
}
.card .card-body {
  font-weight: 100;
  font-size: 14px;
}
.card.dark-v .card-header {
  background-color: #000000 !important;
}
.card.dark-v .card-header button {
  color: rgba(255, 255, 255, 0.8) !important;
}
.card.dark-v .card-body {
  background-color: #000000 !important;
  color: rgba(255, 255, 255, 0.8) !important;
}
.card .icon-plus img,
.card .icon-minus img {
  height: 13px;
  width: 13px;
}
.card:not(:first-child) {
  border-top: 0;
}
.card:last-child {
  border-bottom: 0;
}
button[aria-expanded=true] .icon-plus {
  display: none;
}
button[aria-expanded=false] .icon-minus {
  display: none;
}
.card-header {
  background: #FFFFFF;
  border-bottom: 1px solid #b7b7b7;
  border-color: #b7b7b7 !important;
}
.round-button {
  border-radius: 40px;
  font-family: 'Roboto', sans-serif !important;
  text-align: center;
  padding: 18px 0px;
  font-size: 18px;
}
.round-button:hover {
  cursor: pointer;
}
.round-button.orange-border {
  border: solid 0.8px #f78500;
}
.round-button.orange-border:hover {
  border-color: #000000;
}
.round-button.dark-v:hover {
  background-color: #f78500;
}
.sign-up-fb {
  border-radius: 40px;
  font-family: 'Roboto', sans-serif !important;
  text-align: center;
  padding: 18px 0px;
  font-size: 18px;
  background: #3b5998;
  border: 1px solid #3b5998;
}
.sign-up-fb:hover {
  cursor: pointer;
}
.sign-up-fb.orange-border {
  border: solid 0.8px #f78500;
}
.sign-up-fb.orange-border:hover {
  border-color: #000000;
}
.sign-up-fb.dark-v:hover {
  background-color: #f78500;
}
.sign-up-fb a {
  color: white!important;
}
.sign-up-fb:hover {
  opacity: 1;
  transition: 0.5s ease-in;
  background-color: #1C469D;
}
.round-button-transparent {
  border: solid 0.5px #000000;
  background: #FFFFFF;
}
.round-button-transparent a {
  color: #0D0E10;
}
.round-button-transparent:hover {
  background: #0D0E10;
  transition: 0.5s;
}
.round-button-transparent:hover a {
  color: white!important;
}
.round-button-transparent.dark-v {
  background: #0D0E10;
}
.round-button-transparent.dark-v a {
  color: rgba(255, 255, 255, 0.8) !important;
}
.round-button-transparent.dark-v.white-outline {
  border: 2px solid white;
}
.radio-button-shadow {
  box-shadow: 0 9px 12px 0 rgba(0, 0, 0, 0.04);
}
.hover-dark:hover {
  color: #000000 !important;
  opacity: 1;
  transition: 0.3s;
}
.hover-light:hover {
  color: white!important;
  opacity: 1;
  transition: 0.3s;
}
.rating {
  margin-left: 8px;
  float: left;
  margin-top: 8px;
  font-size: 10px;
}
.rating .fas.fa-star {
  color: #8E8E93;
  font-weight: 300;
}
.rating .fas.fa-star.active {
  color: #FF9500;
  font-weight: 600;
}
/*--------------------------- Buttons End -------------------------------*/
/** ------------------------- Main Menu Start -----------------------------*/
.main-menu {
  position: fixed;
  top: 0;
  background: #FFFFFF;
  height: 100%;
  left: 0;
  right: 58px;
  overflow: scroll;
  z-index: 10000;
}
.main-menu .mini-profile-info {
  width: 100%;
  padding-bottom: 16px;
}
.main-menu .mini-profile-info .profile-picture {
  margin-top: 20px;
}
.main-menu .mini-profile-info .profile-picture img {
  height: 50px;
}
.main-menu .mini-profile-info .menu-close {
  height: 48px;
}
.main-menu .mini-profile-info .menu-close span {
  padding: 20px 12px;
}
.main-menu .mini-profile-info .menu-close:hover {
  cursor: pointer;
}
.main-menu .mini-profile-info .profile-email {
  font-weight: 300;
}
.main-menu .menu-items {
  width: 100%;
}
.main-menu .menu-items .all-menu-items {
  display: flex;
  flex-flow: column;
  height: 100%;
  padding-bottom: 1rem;
  margin-bottom: 0px;
}
.main-menu .menu-items .all-menu-items .menu-item-click {
  float: right;
  color: #333333;
  font-size: 7px;
  margin-top: 8px;
  margin-right: 15px;
}
.main-menu .menu-items .all-menu-items .menu-item {
  text-decoration: none;
  color: inherit;
  font-weight: 300;
  padding: 16px 24px 16px 41px;
}
.main-menu .menu-items .all-menu-items .menu-item:active,
.main-menu .menu-items .all-menu-items .menu-item:hover {
  background-color: #333;
  color: #FFFFFF;
}
.main-menu .menu-items .all-menu-items .menu-item:active .menu-item-click,
.main-menu .menu-items .all-menu-items .menu-item:hover .menu-item-click {
  float: right;
  color: #FFFFFF;
  font-size: 7px;
  margin-top: 8px;
}
.main-menu .menu-items .all-menu-items .menu-item .notification-num {
  position: absolute;
  left: 35px;
  padding: 0px 6px;
  color: #FFFFFF;
  top: 28px;
  font-weight: bold;
  background-color: pink;
  border-radius: 50%;
  font-size: 13px;
}
.main-menu .menu-items .all-menu-items .menu-item-icon {
  width: 20px;
  text-align: center;
  margin-right: 10px;
}
.main-menu.dark-v {
  background-color: #1A1A1A;
}
.main-menu.dark-v .menu-items .all-menu-items .menu-item-click {
  color: #000;
}
.main-menu.dark-v .menu-items .all-menu-items .menu-item {
  color: white;
}
.main-menu.dark-v .menu-items .all-menu-items .menu-item:active,
.main-menu.dark-v .menu-items .all-menu-items .menu-item:hover {
  background-color: #333;
  color: #FFFFFF;
}
.main-menu.dark-v .menu-items .all-menu-items .menu-item:active .menu-item-click,
.main-menu.dark-v .menu-items .all-menu-items .menu-item:hover .menu-item-click {
  color: #FFFFFF;
}
.hidden-soft {
  display: none;
}
.visibility-hidden {
  visibility: hidden;
}
.loading-overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 9999;
  top: 0;
  visibility: hidden;
  background: rgba(0, 0, 0, 0.25);
}
.menu-item .menu-item-icon.menu-dark {
  display: inline;
}
.menu-item .menu-item-icon.menu-light {
  display: none;
}
.menu-item .menu-item-title {
  font-weight: 200;
  font-size: 13px;
  margin-left: 13px;
  letter-spacing: 1.3px;
}
.menu-item .menu-item-title.alarm-clock {
  margin-left: 3px;
}
.menu-item:hover .menu-dark {
  display: none;
}
.menu-item:hover .menu-light {
  display: inline;
}
/** ------------------------- Main Menu End -----------------------------*/
/**-------------------------- Owl Carousel Start--------------------------*/
#sign-up-carousel,
#podcast-stuff-picks-carousel,
#top-singer-carousel {
  padding-top: 20px;
}
#sign-up-carousel .owl-lazy img,
#podcast-stuff-picks-carousel .owl-lazy img,
#top-singer-carousel .owl-lazy img {
  height: 210px;
}
#sign-up-carousel.owl-theme .owl-controls,
#podcast-stuff-picks-carousel.owl-theme .owl-controls,
#top-singer-carousel.owl-theme .owl-controls {
  margin-top: 15px;
  margin-right: 36px;
}
#sign-up-carousel.owl-theme .owl-controls .owl-page span,
#podcast-stuff-picks-carousel.owl-theme .owl-controls .owl-page span,
#top-singer-carousel.owl-theme .owl-controls .owl-page span {
  width: 8px;
  height: 8px;
}
#sign-up-carousel .item,
#podcast-stuff-picks-carousel .item,
#top-singer-carousel .item {
  margin-right: 36px;
}
#sign-up-carousel .item .pic-item,
#podcast-stuff-picks-carousel .item .pic-item,
#top-singer-carousel .item .pic-item {
  position: relative;
}
#sign-up-carousel .item .pic-item .play-icon,
#podcast-stuff-picks-carousel .item .pic-item .play-icon,
#top-singer-carousel .item .pic-item .play-icon,
#sign-up-carousel .item .pic-item .pause-icon,
#podcast-stuff-picks-carousel .item .pic-item .pause-icon,
#top-singer-carousel .item .pic-item .pause-icon {
  position: absolute;
  bottom: 10px;
  height: 48px;
  width: 48px;
  right: 10px;
}
#sign-up-carousel .item .pic-item .play-icon.bottom-left,
#podcast-stuff-picks-carousel .item .pic-item .play-icon.bottom-left,
#top-singer-carousel .item .pic-item .play-icon.bottom-left,
#sign-up-carousel .item .pic-item .pause-icon.bottom-left,
#podcast-stuff-picks-carousel .item .pic-item .pause-icon.bottom-left,
#top-singer-carousel .item .pic-item .pause-icon.bottom-left {
  bottom: 22px;
  left: 10px;
}
#sign-up-carousel .item .pic-item .play-icon.centered,
#podcast-stuff-picks-carousel .item .pic-item .play-icon.centered,
#top-singer-carousel .item .pic-item .play-icon.centered,
#sign-up-carousel .item .pic-item .pause-icon.centered,
#podcast-stuff-picks-carousel .item .pic-item .pause-icon.centered,
#top-singer-carousel .item .pic-item .pause-icon.centered {
  bottom: auto;
  right: auto;
}
#sign-up-carousel .item img,
#podcast-stuff-picks-carousel .item img,
#top-singer-carousel .item img {
  display: block;
  width: 100%;
  height: auto;
}
#sign-up-carousel .item .item-text .main-title,
#podcast-stuff-picks-carousel .item .item-text .main-title,
#top-singer-carousel .item .item-text .main-title {
  font-family: "Roboto Condensed", sans-serif !important;
  font-weight: 600;
  font-size: 19px;
  letter-spacing: -0.15px;
  color: #000000 !important;
}
#sign-up-carousel .item .item-text .secondary-text,
#podcast-stuff-picks-carousel .item .item-text .secondary-text,
#top-singer-carousel .item .item-text .secondary-text {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  font-family: 'Roboto', sans-serif !important;
  font-size: 13px;
  font-weight: 300;
  letter-spacing: -0.1px;
  color: #000000 !important;
}
#sign-up-carousel .item .item-text.bottom-left,
#podcast-stuff-picks-carousel .item .item-text.bottom-left,
#top-singer-carousel .item .item-text.bottom-left {
  position: absolute;
  bottom: 25px;
  left: 68px;
}
#sign-up-carousel .item .item-text.bottom-left .main-title,
#podcast-stuff-picks-carousel .item .item-text.bottom-left .main-title,
#top-singer-carousel .item .item-text.bottom-left .main-title {
  font-size: 17px;
  line-height: -0.15px;
  color: white!important;
}
#sign-up-carousel .item .item-text.bottom-left .secondary-text,
#podcast-stuff-picks-carousel .item .item-text.bottom-left .secondary-text,
#top-singer-carousel .item .item-text.bottom-left .secondary-text {
  color: white!important;
  font-size: 11px;
  letter-spacing: -0.1px;
}
#sign-up-carousel.dark-v.owl-theme .owl-controls .owl-page.active span,
#podcast-stuff-picks-carousel.dark-v.owl-theme .owl-controls .owl-page.active span,
#top-singer-carousel.dark-v.owl-theme .owl-controls .owl-page.active span {
  background-color: #FF9500;
}
#sign-up-carousel.owl-theme .owl-controls {
  margin-right: 0px;
}
#podcast-stuff-picks-carousel,
#top-singer-carousel {
  padding-left: 36px;
}
#podcast-stuff-picks-carousel .item-text .main-title,
#top-singer-carousel .item-text .main-title {
  font-family: 'Roboto', sans-serif !important;
  font-size: 15px;
  letter-spacing: -0.15px;
  color: #000000 !important;
}
#podcast-stuff-picks-carousel .item-text .secondary-text,
#top-singer-carousel .item-text .secondary-text {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  font-family: 'Roboto', sans-serif !important;
  font-size: 10px;
  letter-spacing: -0.1px;
  color: #000000 !important;
}
#podcast-stuff-picks-carousel.dark-v.owl-theme .owl-controls .owl-page.active span,
#top-singer-carousel.dark-v.owl-theme .owl-controls .owl-page.active span {
  background-color: #FF9500;
}
#favorite-station-carousel,
#recent-station-carousel,
#listen-to-what-you-want-carousel,
#featured-podcast-carousel,
#classical-station-carousel,
#fantasy-football-podcast {
  padding-top: 18px;
  padding-left: 36px;
  padding-right: 26px;
}
#favorite-station-carousel.owl-theme .owl-controls,
#recent-station-carousel.owl-theme .owl-controls,
#listen-to-what-you-want-carousel.owl-theme .owl-controls,
#featured-podcast-carousel.owl-theme .owl-controls,
#classical-station-carousel.owl-theme .owl-controls,
#fantasy-football-podcast.owl-theme .owl-controls {
  margin-top: 20px;
}
#favorite-station-carousel.owl-theme .owl-controls .owl-page span,
#recent-station-carousel.owl-theme .owl-controls .owl-page span,
#listen-to-what-you-want-carousel.owl-theme .owl-controls .owl-page span,
#featured-podcast-carousel.owl-theme .owl-controls .owl-page span,
#classical-station-carousel.owl-theme .owl-controls .owl-page span,
#fantasy-football-podcast.owl-theme .owl-controls .owl-page span {
  width: 8px;
  height: 8px;
}
#favorite-station-carousel .item,
#recent-station-carousel .item,
#listen-to-what-you-want-carousel .item,
#featured-podcast-carousel .item,
#classical-station-carousel .item,
#fantasy-football-podcast .item {
  margin-right: 10px;
}
#favorite-station-carousel .item .pic-item,
#recent-station-carousel .item .pic-item,
#listen-to-what-you-want-carousel .item .pic-item,
#featured-podcast-carousel .item .pic-item,
#classical-station-carousel .item .pic-item,
#fantasy-football-podcast .item .pic-item {
  position: relative;
}
#favorite-station-carousel .item .pic-item .play-icon,
#recent-station-carousel .item .pic-item .play-icon,
#listen-to-what-you-want-carousel .item .pic-item .play-icon,
#featured-podcast-carousel .item .pic-item .play-icon,
#classical-station-carousel .item .pic-item .play-icon,
#fantasy-football-podcast .item .pic-item .play-icon,
#favorite-station-carousel .item .pic-item .pause-icon,
#recent-station-carousel .item .pic-item .pause-icon,
#listen-to-what-you-want-carousel .item .pic-item .pause-icon,
#featured-podcast-carousel .item .pic-item .pause-icon,
#classical-station-carousel .item .pic-item .pause-icon,
#fantasy-football-podcast .item .pic-item .pause-icon {
  position: absolute;
  bottom: 11px;
  height: 48px;
  width: 48px;
  right: 11px;
}
#favorite-station-carousel .item .pic-item .label,
#recent-station-carousel .item .pic-item .label,
#listen-to-what-you-want-carousel .item .pic-item .label,
#featured-podcast-carousel .item .pic-item .label,
#classical-station-carousel .item .pic-item .label,
#fantasy-football-podcast .item .pic-item .label {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: 'Roboto', sans-serif !important;
  font-size: 25px;
  font-weight: bold;
  line-height: 1.16;
  letter-spacing: -0.25px;
  opacity: 0.8;
  color: white!important;
}
#favorite-station-carousel .item img,
#recent-station-carousel .item img,
#listen-to-what-you-want-carousel .item img,
#featured-podcast-carousel .item img,
#classical-station-carousel .item img,
#fantasy-football-podcast .item img {
  display: block;
  width: 100%;
  height: auto;
}
#favorite-station-carousel .item .item-text .main-title,
#recent-station-carousel .item .item-text .main-title,
#listen-to-what-you-want-carousel .item .item-text .main-title,
#featured-podcast-carousel .item .item-text .main-title,
#classical-station-carousel .item .item-text .main-title,
#fantasy-football-podcast .item .item-text .main-title {
  font-family: "Roboto Condensed", sans-serif !important;
  font-weight: 400;
  font-size: 15px;
  letter-spacing: -0.15px;
  color: #000000 !important;
}
#favorite-station-carousel .item .item-text .secondary-text,
#recent-station-carousel .item .item-text .secondary-text,
#listen-to-what-you-want-carousel .item .item-text .secondary-text,
#featured-podcast-carousel .item .item-text .secondary-text,
#classical-station-carousel .item .item-text .secondary-text,
#fantasy-football-podcast .item .item-text .secondary-text {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  font-family: 'Roboto', sans-serif !important;
  font-size: 10px;
  letter-spacing: -0.1px;
  color: #000000 !important;
  font-weight: 100;
}
#favorite-station-carousel .owl-controls,
#recent-station-carousel .owl-controls,
#listen-to-what-you-want-carousel .owl-controls,
#featured-podcast-carousel .owl-controls,
#classical-station-carousel .owl-controls,
#fantasy-football-podcast .owl-controls {
  display: none!important;
}
#favorite-station-carousel.dark-v.owl-theme .owl-controls .owl-page.active span,
#recent-station-carousel.dark-v.owl-theme .owl-controls .owl-page.active span,
#listen-to-what-you-want-carousel.dark-v.owl-theme .owl-controls .owl-page.active span,
#featured-podcast-carousel.dark-v.owl-theme .owl-controls .owl-page.active span,
#classical-station-carousel.dark-v.owl-theme .owl-controls .owl-page.active span,
#fantasy-football-podcast.dark-v.owl-theme .owl-controls .owl-page.active span {
  background-color: #FF9500;
}
#favorite-station-carousel.dark-v .item-text .main-title,
#recent-station-carousel.dark-v .item-text .main-title,
#listen-to-what-you-want-carousel.dark-v .item-text .main-title,
#featured-podcast-carousel.dark-v .item-text .main-title,
#classical-station-carousel.dark-v .item-text .main-title,
#fantasy-football-podcast.dark-v .item-text .main-title {
  color: rgba(255, 255, 255, 0.8) !important;
}
#favorite-station-carousel.dark-v .item-text .secondary-text,
#recent-station-carousel.dark-v .item-text .secondary-text,
#listen-to-what-you-want-carousel.dark-v .item-text .secondary-text,
#featured-podcast-carousel.dark-v .item-text .secondary-text,
#classical-station-carousel.dark-v .item-text .secondary-text,
#fantasy-football-podcast.dark-v .item-text .secondary-text {
  color: rgba(255, 255, 255, 0.8) !important;
  opacity: 0.8;
}
.owl-lazy img {
  margin: 0 auto;
  display: flex;
}
/**-------------------------- Owl Carousel End --------------------------*/
/*-------------------------- General Class Definitions Start --------------------*/
.main-content {
  width: 100%;
  height: 100%;
}
.form-control.bg-black {
  background-color: #000000 !important;
  color: white!important;
}
.form-group {
  margin: 0;
}
.form-group .form-control:focus {
  background-color: inherit;
}
.form-group .input-group {
  font-size: 16px;
  font-weight: 300;
  width: 100%;
  height: 60px;
  border: 1px solid #e6e8ea;
  border-radius: 40px;
}
.form-group .input-group input {
  font-family: 'Roboto', sans-serif !important;
  font-size: 13px;
  padding-left: 0px;
  font-weight: 100;
  border: none;
  height: 100%;
  border-radius: 40px;
}
.form-group .input-group-prepend,
.form-group .input-group-append {
  margin: 0 20px;
  line-height: 54px;
}
.content-padding {
  padding: 0 36px;
}
.content-margin {
  margin: 0 36px;
}
.no-margin {
  margin: 0!important;
}
.hidden {
  display: none!important;
}
.flex-end {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
}
.main-header {
  padding: 20px 37px;
  position: fixed;
  top: 0;
  width: 100%;
  height: 67px;
  background-color: white;
  z-index: 2;
  color: #343a47;
}
.main-header.dark-v {
  color: white!important;
  background-color: #000000 !important;
}
.main-header .radio-fortunato-logo {
  flex: 1;
  display: flex;
  justify-content: center;
  margin-top: 3px;
}
.main-header .radio-fortunato-logo .radio-fortunato-text {
  font-family: 'Big Shoulders Display', cursive;
  font-size: 20px;
  line-height: 1.2;
  letter-spacing: -0.3px;
  margin-left: 10px;
  font-weight: 100;
}
.main-header .radio-fortunato-logo .radio-fortunato-text .red-ellipse {
  position: absolute;
  top: 4px;
}
.main-header .radio-fortunato-logo .radio-fortunato-text.roboto {
  font-family: 'Roboto', sans-serif !important;
  font-size: 14px;
}
.border-divider {
  margin-left: 36px;
  margin-top: 23px;
  margin-bottom: 23px;
  border-bottom: 1px solid #F1F3F8;
}
.border-divider.dark-v {
  border-color: rgba(255, 255, 255, 0.3) !important;
}
.border-divider.equal {
  margin-right: 36px;
}
.border-divider:after {
  content: "";
  display: block;
  width: 49px;
  border: 1px solid #ff9500;
}
.border-divider.minus-10 {
  margin-top: 13px;
}
.bottom-menu {
  position: fixed;
  bottom: 0;
  z-index: 20;
  background-color: white;
  display: flex;
  flex-direction: row;
  padding: 0 19px;
  width: 100%;
  height: 68px;
  align-items: center;
  justify-content: space-evenly;
  border-top: 0.5px solid #0000001a;
  border-top-left-radius: 35px;
  border-top-right-radius: 35px;
}
.bottom-menu .menu-btn-container {
  text-align: center;
  padding: 17px;
}
.bottom-menu .menu-icon-text {
  font-size: 10px;
  font-weight: 100;
}
/* Cambiar el color del texto cuando está activo */
.menu-icon-text.active {
  color: #FF6600; /* El color del texto activo */
  font-weight: bold; /* Puedes hacer el texto más destacado */
}

/* Cambiar el color del SVG cuando está activo */
.menu-item .menu-icon {
  fill: #808080; /* Color por defecto del icono (gris en este caso) */
}

/* Cambiar el color del SVG cuando está activo */
.menu-item.active .menu-icon {
  fill: #FF6600; /* El color del icono activo (puedes usar el mismo color que el texto) */
}

.bottom-menu.dark-v {
  background-color: #000000 !important;
  border-top: 0.5px solid #ffffff52;
}
.bottom-menu.dark-v .menu-btn-container {
  color: rgba(255, 255, 255, 0.8) !important;
}
.page-content {
  padding-top: 67px;
  padding-bottom: 70px;
}
.page-content.player {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.page-content.content-padding {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  padding-bottom: 0px;
}
.input-styled-container .input-container .input-styled {
  border: solid 0.5px #e0e0e0;
  padding: 17px 26px;
  width: 100%;
  border-radius: 3px;
  font-weight: 100;
}
.input-styled-container .input-container .input-styled.text-area {
  margin-top: 16px;
  height: 200px;
}
.input-styled-container .input-container .input-styled.dark-v {
  background-color: #000000 !important;
  color: rgba(255, 255, 255, 0.8) !important;
}
.line-height-20 {
  line-height: 20px;
}
.padding-0 {
  padding: 0!important;
}
.margin-top-10 {
  margin-top: 10px;
}
.margin-top-15 {
  margin-top: 15px;
}
.margin-top-30 {
  margin-top: 30px;
}
.margin-top-35 {
  margin-top: 35px;
}
.margin-top-40 {
  margin-top: 40px;
}
.margin-top-60 {
  margin-top: 60px;
}
.margin-bottom-10 {
  margin-bottom: 10px;
}
.margin-bottom-30 {
  margin-bottom: 30px;
}
.margin-left-5 {
  margin-left: 5px;
}
.font-12 {
  font-size: 12px;
}
.font-15 {
  font-size: 15px;
}
.font-20 {
  font-size: 20px;
}
.font-weight-500 {
  font-weight: 500!important;
}
.font-weight-100 {
  font-weight: 100;
}
.opacity-30 {
  opacity: 0.3;
}
.border-radius-7 {
  border-radius: 7px;
}
.border-50 {
  border-radius: 50%;
}
/*-------------------------- General Class Definitions End --------------------*/
/*--------------------------- Color Classes Start -------------------------*/
.bg-black {
  background-color: #000000 !important;
}
.bg-black-almost {
  background-color: #262626 !important;
}
.bg-dark-background {
  background: #000000;
}
.bg-fb-blue {
  background: #3b5998;
}
.br-fb-blue {
  border: 1px solid #3b5998;
}
.white {
  color: white!important;
}
.white-txt {
  color: rgba(255, 255, 255, 0.8) !important;
}
.border-white {
  border-color: rgba(255, 255, 255, 0.3) !important;
}
.bg-white {
  background: #FFFFFF;
}
.bg-almost-black {
  background: #0D0E10;
}
.bg-grey {
  background-color: #FBFBFB;
}
.almost-black {
  color: #0D0E10;
}
.light-gray {
  color: #858687 !important;
}
.black {
  color: #000000 !important;
}
.dark-radio-logo-color {
  color: #343a47;
}
/*--------------------------- Color Classes End -------------------------*/
/*-------------------------- Font Class Definitions  Start---------------------*/
.BigShouldersDisplay {
  font-family: 'Big Shoulders Display', cursive;
}
.Roboto {
  font-family: 'Roboto', sans-serif !important;
}
.RobotoCondensed {
  font-family: "Roboto Condensed", sans-serif !important;
}
/*-------------------------- Font Class Definitions End -----------------------*/
/**-------------------------- Media Queries Start -------------------------**/
@media screen and (max-height: 670px) {
  .enter-radio-app-icon {
    margin-top: 50px;
  }
}
@media screen and (max-height: 600px) {
  .enter-radio-app-icon {
    margin-top: 0px;
  }
  .page-content.player {
    margin-bottom: 200px;
  }
}
/**-------------------------- Media Queries End -------------------------**/
/*# sourceMappingURL=styles.css.map */