.qi-kiss:before { content: '\e800'; } /* '' */
.qi-list-button:before { content: '\e801'; } /* '' */
.qi-mail:before { content: '\e802'; } /* '' */
.qi-player:before { content: '\e803'; } /* '' */
.qi-instagram:before { content: '\e804'; } /* '' */
.qi-power:before { content: '\e805'; } /* '' */
.qi-speed:before { content: '\e806'; } /* '' */
.qi-spotify-official:before { content: '\e807'; } /* '' */
.qi-spotify:before { content: '\e808'; } /* '' */
.qi-turd:before { content: '\e809'; } /* '' */
.qi-tv-button:before { content: '\e80a'; } /* '' */
.qi-tv:before { content: '\e80b'; } /* '' */
.qi-weather-rain:before { content: '\e80c'; } /* '' */
.qi-weather-snow:before { content: '\e80d'; } /* '' */
.qi-weather-storm:before { content: '\e80e'; } /* '' */
.qi-facebook:before { content: '\e80f'; } /* '' */
.qi-falling-star:before { content: '\e810'; } /* '' */
.qi-fastforward:before { content: '\e811'; } /* '' */
.qi-flower-tag:before { content: '\e812'; } /* '' */
.qi-gay:before { content: '\e813'; } /* '' */
.qi-gear:before { content: '\e814'; } /* '' */
.qi-glasses:before { content: '\e815'; } /* '' */
.qi-grin:before { content: '\e816'; } /* '' */
.qi-hannibal:before { content: '\e817'; } /* '' */
.qi-happy-tear:before { content: '\e818'; } /* '' */
.qi-happy:before { content: '\e819'; } /* '' */
.qi-headphones:before { content: '\e81a'; } /* '' */
.qi-heart:before { content: '\e81b'; } /* '' */
.qi-home:before { content: '\e81c'; } /* '' */
.qi-twitter:before { content: '\e81d'; } /* '' */
.qi-iron-man:before { content: '\e81e'; } /* '' */
.qi-joy:before { content: '\e81f'; } /* '' */
.qi-mailbox:before { content: '\e820'; } /* '' */
.qi-maximize:before { content: '\e821'; } /* '' */
.qi-menu:before { content: '\e822'; } /* '' */
.qi-mic:before { content: '\e823'; } /* '' */
.qi-microphone:before { content: '\e824'; } /* '' */
.qi-minimize:before { content: '\e825'; } /* '' */
.qi-music:before { content: '\e826'; } /* '' */
.qi-mute:before { content: '\e827'; } /* '' */
.qi-neutral:before { content: '\e828'; } /* '' */
.qi-next:before { content: '\e829'; } /* '' */
.qi-ninja:before { content: '\e82a'; } /* '' */
.qi-open-mouth:before { content: '\e82b'; } /* '' */
.qi-pause:before { content: '\e82c'; } /* '' */
.qi-phone:before { content: '\e82d'; } /* '' */
.qi-pizza:before { content: '\e82e'; } /* '' */
.qi-play-outline:before { content: '\e82f'; } /* '' */
.qi-play:before { content: '\e830'; } /* '' */
.qi-previous:before { content: '\e831'; } /* '' */
.qi-rec:before { content: '\e832'; } /* '' */
.qi-rewind:before { content: '\e833'; } /* '' */
.qi-rock:before { content: '\e834'; } /* '' */
.qi-diamond:before { content: '\e835'; } /* '' */
.qi-sad:before { content: '\e836'; } /* '' */
.qi-screen:before { content: '\e837'; } /* '' */
.qi-search:before { content: '\e838'; } /* '' */
.qi-settings-sliders:before { content: '\e839'; } /* '' */
.qi-sigh:before { content: '\e83a'; } /* '' */
.qi-simple-smile:before { content: '\e83b'; } /* '' */
.qi-skull:before { content: '\e83c'; } /* '' */
.qi-sleeping:before { content: '\e83d'; } /* '' */
.qi-smile:before { content: '\e83e'; } /* '' */
.qi-snapchat:before { content: '\e83f'; } /* '' */
.qi-soundcloud:before { content: '\e840'; } /* '' */
.qi-speaker:before { content: '\e841'; } /* '' */
.qi-squeezing:before { content: '\e842'; } /* '' */
.qi-star-eye:before { content: '\e843'; } /* '' */
.qi-stare:before { content: '\e844'; } /* '' */
.qi-stop:before { content: '\e845'; } /* '' */
.qi-sunglasses:before { content: '\e846'; } /* '' */
.qi-sweat-alt:before { content: '\e847'; } /* '' */
.qi-sweat:before { content: '\e848'; } /* '' */
.qi-thumbs-down:before { content: '\e849'; } /* '' */
.qi-thumbs-up:before { content: '\e84a'; } /* '' */
.qi-tired:before { content: '\e84b'; } /* '' */
.qi-tongue-closed-eyes:before { content: '\e84c'; } /* '' */
.qi-tongue-star:before { content: '\e84d'; } /* '' */
.qi-tongue-stare:before { content: '\e84e'; } /* '' */
.qi-tongue-wink:before { content: '\e84f'; } /* '' */
.qi-tongue:before { content: '\e850'; } /* '' */
.qi-tooth:before { content: '\e851'; } /* '' */
.qi-traffic:before { content: '\e852'; } /* '' */
.qi-plus:before { content: '\e853'; } /* '' */
.qi-umbrella:before { content: '\e854'; } /* '' */
.qi-upload:before { content: '\e855'; } /* '' */
.qi-vampire:before { content: '\e856'; } /* '' */
.qi-volume-down:before { content: '\e857'; } /* '' */
.qi-volume-up:before { content: '\e858'; } /* '' */
.qi-volume:before { content: '\e859'; } /* '' */
.qi-weary:before { content: '\e85a'; } /* '' */
.qi-weather-cloud-sun:before { content: '\e85b'; } /* '' */
.qi-weather-cloud-wind:before { content: '\e85c'; } /* '' */
.qi-weather-clouds:before { content: '\e85d'; } /* '' */
.qi-weather-hail-alt:before { content: '\e85e'; } /* '' */
.qi-weather-hail:before { content: '\e85f'; } /* '' */
.qi-weather-heavy-rain:before { content: '\e860'; } /* '' */
.qi-weather-min-max:before { content: '\e861'; } /* '' */
.qi-amazed:before { content: '\e862'; } /* '' */
.qi-anguished:before { content: '\e863'; } /* '' */
.qi-arrow-down:before { content: '\e864'; } /* '' */
.qi-arrow-left:before { content: '\e865'; } /* '' */
.qi-arrow-right:before { content: '\e866'; } /* '' */
.qi-arrow-up:before { content: '\e867'; } /* '' */
.qi-big-smile-closed-eyes:before { content: '\e868'; } /* '' */
.qi-big-smile:before { content: '\e869'; } /* '' */
.qi-blow:before { content: '\e86a'; } /* '' */
.qi-bolt:before { content: '\e86b'; } /* '' */
.qi-bottle:before { content: '\e86c'; } /* '' */
.qi-camera-alt:before { content: '\e86d'; } /* '' */
.qi-camera:before { content: '\e86e'; } /* '' */
.qi-cheeky:before { content: '\e86f'; } /* '' */
.qi-circle-notch:before { content: '\e870'; } /* '' */
.qi-clock:before { content: '\e871'; } /* '' */
.qi-confounded:before { content: '\e872'; } /* '' */
.qi-creepy-smile:before { content: '\e873'; } /* '' */
.qi-cry:before { content: '\e874'; } /* '' */
.qi-cyclops:before { content: '\e875'; } /* '' */
.qi-dead:before { content: '\e876'; } /* '' */
.qi-clock-empty:before { content: '\e877'; } /* '' */
.qi-drink:before { content: '\e878'; } /* '' */
.qi-weather-mist:before { content: '\e879'; } /* '' */
.qi-weather-night-cloud:before { content: '\e87a'; } /* '' */
.qi-weather-sun:before { content: '\e87b'; } /* '' */
.qi-weather-thermometer:before { content: '\e87c'; } /* '' */
.qi-weather-umbrella:before { content: '\e87d'; } /* '' */
.qi-weather-wind:before { content: '\e87e'; } /* '' */
.qi-whatsapp:before { content: '\e87f'; } /* '' */
.qi-x:before { content: '\e880'; } /* '' */
.qi-youtube-o:before { content: '\e881'; } /* '' */
.qi-youtube-official:before { content: '\e882'; } /* '' */
.qi-youtube-play:before { content: '\e883'; } /* '' */
.qi-youtube:before { content: '\e884'; } /* '' */
.qi-clock-hour:before { content: '\e885'; } /* '' */
.qi-clock-minute:before { content: '\e886'; } /* '' */
.qi-rocket:before { content: '\e887'; } /* '' */
.qi-audio:before { content: '\e888'; } /* '' */
.qi-audio-list:before { content: '\e889'; } /* '' */
.qi-calendar:before { content: '\e88a'; } /* '' */
.qi-gift:before { content: '\e88b'; } /* '' */
.qi-list:before { content: '\e88c'; } /* '' */
.qi-message:before { content: '\e88d'; } /* '' */
.qi-q:before { content: '\e88e'; } /* '' */
.qi-social:before { content: '\e88f'; } /* '' */
.qi-profile:before { content: '\e890'; } /* '' */
.qi-lock:before { content: '\e891'; } /* '' */
.qi-mail-button:before { content: '\e892'; } /* '' */
.qi-attachment:before { content: '\e893'; } /* '' */
.qi-radiobutton:before { content: '\e894'; } /* '' */
.qi-checkbox:before { content: '\e895'; } /* '' */
.qi-checkbox-checked:before { content: '\e896'; } /* '' */
.qi-radiobutton-selected:before { content: '\e897'; } /* '' */
.qi-arrow-down-alt:before { content: '\e898'; } /* '' */
.qi-heart-full:before { content: '\e899'; } /* '' */
.qi-tiktok:before { content: '\e89A'; } /* '' */
/*
   Animation example, for spinners
*/
.animate-spin {
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
  display: inline-block; }

/* this seems to work better */
.animate-spin:before {
  display: block !important;
  margin: 0 auto; }

@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -moz-transform: rotate(359deg);
    transform: rotate(359deg); } }
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -o-transform: rotate(359deg);
    transform: rotate(359deg); } }
@-ms-keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(359deg); } }
@keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }
/** icon animations **/
@keyframes shake {
  0% {
    transform: translateX(0%); }
  5% {
    transform: translateX(-9.975%); }
  10% {
    transform: translateX(9.9%); }
  15% {
    transform: translateX(-9.775%); }
  20% {
    transform: translateX(9.6%); }
  25% {
    transform: translateX(-9.375%); }
  30% {
    transform: translateX(9.1%); }
  35% {
    transform: translateX(-8.775%); }
  40% {
    transform: translateX(8.4%); }
  45% {
    transform: translateX(-7.975%); }
  50% {
    transform: translateX(7.5%); }
  55% {
    transform: translateX(-6.975%); }
  60% {
    transform: translateX(6.4%); }
  65% {
    transform: translateX(-5.775%); }
  70% {
    transform: translateX(5.1%); }
  75% {
    transform: translateX(-4.375%); }
  80% {
    transform: translateX(3.6%); }
  85% {
    transform: translateX(-2.775%); }
  90% {
    transform: translateX(1.9%); }
  95% {
    transform: translateX(-0.975%); }
  100% {
    transform: translateX(0%); } }
@keyframes bounce {
  0% {
    transform: translateY(0%); }
  10% {
    transform: translateY(-24.75%); }
  20% {
    transform: translateY(0%); }
  30% {
    transform: translateY(-22.75%); }
  40% {
    transform: translateY(0%); }
  50% {
    transform: translateY(-18.75%); }
  60% {
    transform: translateY(0%); }
  70% {
    transform: translateY(-12.75%); }
  80% {
    transform: translateY(0%); }
  90% {
    transform: translateY(-4.75%); }
  100% {
    transform: translateY(0%); } }
@keyframes float {
  0% {
    transform: translate(0, 0); }
  15% {
    transform: translate(10%, -15%); }
  30% {
    transform: translate(-5%, -30%); }
  45% {
    transform: translate(17%, -45%); }
  60% {
    transform: translate(0%, -60%); }
  90% {
    transform: translate(0, 0); } }
@keyframes beat {
  0% {
    transform: scale(1); }
  2% {
    transform: scale(1.5); }
  10% {
    transform: scale(1.3); }
  12% {
    transform: scale(1.5); }
  20% {
    transform: scale(1.3); }
  22% {
    transform: scale(1.5); }
  40% {
    transform: scale(1); } }
@keyframes flip {
  0% {
    transform: rotateY(0); }
  100% {
    transform: rotateY(720deg); } }
@keyframes flash {
  0% {
    background: rgba(255, 255, 255, 0); }
  1% {
    background: white; }
  5% {
    background: rgba(255, 255, 255, 0.5); }
  6% {
    background: white; }
  14% {
    background: rgba(255, 255, 255, 0); } }
@keyframes grid-item-in {
  0% {
    opacity: 0;
    transform: translateY(-10px) scale(0.9); }
  100% {
    opacity: 1;
    transform: translateY(0); } }
@media (min-width: 768px) {
  .grid-embeds > div, .grid-2-embeds > div, .grid-3-embeds > div, .grid-4-embeds > div {
    margin: 0;
    padding: 0;
    float: left; }
  .grid-embeds iframe, .grid-2-embeds iframe, .grid-3-embeds iframe, .grid-4-embeds iframe {
    display: inline;
    margin: 0;
    padding: 0; }
  .grid-embeds:after, .grid-2-embeds:after, .grid-3-embeds:after, .grid-4-embeds:after {
    content: '';
    display: block;
    clear: both; }

  .grid-2-embeds > div {
    width: 50%;
    max-width: 50%;
    width: 50%; }
  .grid-2-embeds iframe {
    width: 50%;
    max-width: 50%;
    width: 50%; }

  .grid-3-embeds > div {
    width: 33.3%;
    max-width: 33.3%;
    width: 33.3%; }
  .grid-3-embeds iframe {
    width: 33.3%;
    max-width: 33.3%;
    width: 33.3%; }

  .grid-4-embeds > div {
    width: 25%;
    max-width: 25%;
    width: 25%; }
  .grid-4-embeds iframe {
    width: 25%;
    max-width: 25%;
    width: 25%; } }
.hidden {
  display: none !important;
  visibility: hidden !important; }

.clearfix {
  clear: both; }

.full-width {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw; }

.center-embed iframe, .center-embed blockquote, .center-embed .instagram-media {
  display: block;
  margin: 0 auto !important; }
.center-embed .instagram-media {
  position: relative !important; }

.aspect-ratio-div {
  position: relative; }
  .aspect-ratio-div iframe, .aspect-ratio-div img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
input[type=text].subject-field {
  display: none; }
.gu-mirror{position:fixed!important;margin:0!important;z-index:9999!important;opacity:.8;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:alpha(opacity=80)}.gu-hide{display:none!important}.gu-unselectable{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.gu-transit{opacity:.2;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";filter:alpha(opacity=20)}
/** initial setup **/

.nano {
  position : relative;
  width    : 100%;
  height   : 100%;
  overflow : hidden;
}
.nano > .nano-content {
  position      : absolute;
  overflow      : scroll;
  overflow-x    : hidden;
  top           : 0;
  right         : 0;
  bottom        : 0;
  left          : 0;
}
.nano > .nano-content:focus {
  outline: thin dotted;
}
.nano > .nano-content::-webkit-scrollbar {
  display: none;
}
.has-scrollbar > .nano-content::-webkit-scrollbar {
  display: block;
}
.nano > .nano-pane {
  background : rgba(0,0,0,.25);
  position   : absolute;
  width      : 10px;
  right      : 0;
  top        : 0;
  bottom     : 0;
  visibility : hidden\9; /* Target only IE7 and IE8 with this hack */
  opacity    : .01;
  -webkit-transition    : .2s;
  -moz-transition       : .2s;
  -o-transition         : .2s;
  transition            : .2s;
  -moz-border-radius    : 5px;
  -webkit-border-radius : 5px;
  border-radius         : 5px;
}
.nano > .nano-pane > .nano-slider {
  background: #444;
  background: rgba(0,0,0,.5);
  position              : relative;
  margin                : 0 1px;
  -moz-border-radius    : 3px;
  -webkit-border-radius : 3px;
  border-radius         : 3px;
}
.nano:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed {
  visibility : visible\9; /* Target only IE7 and IE8 with this hack */
  opacity    : 0.99;
}
/* Make clicks pass-through */

#nprogress {
  pointer-events: none;
}

#nprogress .bar {
  background: #29d;

  position: fixed;
  z-index: 1031;
  top: 0;
  left: 0;

  width: 100%;
  height: 2px;
}

/* Fancy blur effect */
#nprogress .peg {
  display: block;
  position: absolute;
  right: 0px;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px #29d, 0 0 5px #29d;
  opacity: 1.0;

  -webkit-transform: rotate(3deg) translate(0px, -4px);
      -ms-transform: rotate(3deg) translate(0px, -4px);
          transform: rotate(3deg) translate(0px, -4px);
}

/* Remove these to get rid of the spinner */
#nprogress .spinner {
  display: block;
  position: fixed;
  z-index: 1031;
  top: 15px;
  right: 15px;
}

#nprogress .spinner-icon {
  width: 18px;
  height: 18px;
  box-sizing: border-box;

  border: solid 2px transparent;
  border-top-color: #29d;
  border-left-color: #29d;
  border-radius: 50%;

  -webkit-animation: nprogress-spinner 400ms linear infinite;
          animation: nprogress-spinner 400ms linear infinite;
}

.nprogress-custom-parent {
  overflow: hidden;
  position: relative;
}

.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
  position: absolute;
}

@-webkit-keyframes nprogress-spinner {
  0%   { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes nprogress-spinner {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.text-center {
  text-align: center; }

.text-right {
  text-align: right; }

.text-justify {
  text-align: justify; }
#admin-bar {
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  width: 100%;
  height: 32px;
  background-color: black; }
  #admin-bar h1 {
    margin: 2px 10px;
    font-size: 26px;
    color: white;
    display: inline-block;
    float: left; }
  #admin-bar ul {
    margin: 2px 12px;
    padding: 0;
    float: left; }
    #admin-bar ul.right {
      float: right; }
    #admin-bar ul li {
      float: left;
      list-style: none;
      padding: 0px 6px; }
  #admin-bar a {
    color: #ffffff;
    text-decoration: none;
    font-size: 14px;
    text-transform: uppercase;
    line-height: 32px; }
    #admin-bar a:hover {
      color: #ed3624; }

html.admin-mode body {
  padding-top: 82px; }
html.admin-mode #main-navigation, html.admin-mode #header {
  top: 32px; }
html.admin-mode .menu-dropdown {
  top: 102px; }
html.admin-mode.menu-expanded .menu-dropdown {
  top: 144px; }
.content header {
  z-index: 2;
  position: relative; }
  .content header img {
    width: 100%;
    display: block; }

.article-header {
  margin-bottom: 10px; }
  .article-header:before, .article-header:after {
    content: " ";
    display: table; }
  .article-header:after {
    clear: both; }
  .article-header {
    *zoom: 1; }
  .article-header .big-play-button {
    cursor: pointer;
    display: block;
    margin: 0.2em auto;
    top: 50%;
    left: 50%;
    width: 2em;
    line-height: 2em;
    height: 2em;
    text-align: center;
    font-size: 3em;
    background: #3d3d3d;
    color: white;
    border-radius: 100%; }
    .article-header .big-play-button.qi-arrow-right {
      padding-left: 0.2em; }
    .article-header .big-play-button.qi-headphones {
      line-height: 1.9em; }
  .article-header iframe {
    display: block;
    max-width: 1000px;
    margin: 0 auto; }
  .article-header .media-container {
    position: relative;
    z-index: 1;
    width: 100%; }
    .article-header .media-container.video {
      max-width: 1000px;
      margin: 0 auto; }
      .article-header .media-container.video iframe {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0; }
    .article-header .media-container.audio {
      background: transparent; }
  .article-header .article-image ~ .media-container {
    position: absolute;
    bottom: 0; }
  .article-header .article-image ~ .big-play-button,
  .article-header .media-container ~ .big-play-button {
    position: absolute;
    margin: -1em; }

.article-title,
.article-body {
  position: relative;
  margin-top: 1em; }
  .article-title .fb-video,
  .article-body .fb-video {
    display: block;
    text-align: center; }
  .article-title h1,
  .article-body h1 {
    margin-top: 0; }

.article-body h1 {
  font-size: 2.2em; }
.article-body h2 {
  font-size: 2em; }
.article-body h3 {
  font-size: 1.8em; }
.article-body h4 {
  font-size: 1.4em; }
.article-body h5 {
  font-size: 1em; }
.article-body h6 {
  font-size: 0.9em; }
@media screen and (min-width: 700px) {
  .article-body h1 {
    font-size: 2.8em; }
  .article-body h2 {
    font-size: 2.4em; }
  .article-body h3 {
    font-size: 2.2em; }
  .article-body h4 {
    font-size: 1.6em; }
  .article-body h5 {
    font-size: 1em; }
  .article-body h6 {
    font-size: 0.8em; } }

.article-time {
  font-size: 0.8em;
  color: #919191;
  margin-bottom: 1em; }

@media screen and (max-width: 700px) {
  .social-share .button {
    font-size: 1.2em; }
    .social-share .button.desktop[data-platform=whatsapp] {
      display: none !important; } }
.social-share-image {
  width: 400px; }

.social-share {
  position: relative;
  margin-top: 0.65em; }
  .social-share .share-title {
    float: left;
    text-transform: uppercase;
    font-weight: bold;
    -moz-transform: translateX(-100%) rotate(-90deg);
    -ms-transform: translateX(-100%) rotate(-90deg);
    -o-transform: translateX(-100%) rotate(-90deg);
    -webkit-transform: translateX(-100%) rotate(-90deg);
    transform: translateX(-100%) rotate(-90deg);
    -moz-transform-origin: top right;
    -ms-transform-origin: top right;
    -o-transform-origin: top right;
    -webkit-transform-origin: top right;
    transform-origin: top right;
    margin: 0 -0.6em 0 0;
    line-height: 0.9em;
    font-size: 1.1em; }
  .social-share .button.submission-share {
    display: block;
    margin: 20px auto;
    width: 400px;
    max-width: 90%;
    text-decoration: none;
    color: white; }
  .social-share .btn-share {
    float: left;
    text-decoration: none;
    font-size: 2em;
    border-left: 1px solid #e7e7e7;
    margin: 0;
    padding: 0 0.2em;
    height: auto;
    line-height: 0.9em; }
    .social-share .btn-share.desktop[data-platform=whatsapp] {
      display: none; }
    .social-share .btn-share[data-platform=twitter], .social-share .btn-share[data-platform=twitter]:hover {
      color: #2eabe2; }
    .social-share .btn-share[data-platform=facebook], .social-share .btn-share[data-platform=facebook]:hover {
      color: #3b5898; }
    .social-share .btn-share[data-platform=whatsapp], .social-share .btn-share[data-platform=whatsapp]:hover {
      color: #059e00; }
  footer.article-footer .social-share {
    display: none;
    float: left;
    margin: 0 0 10px; }
    footer.article-footer .social-share .btn-share {
      color: #919191; }

.sponsors-list {
  background: #3d3d3d;
  white-space: nowrap;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 0 3px; }
  .sponsors-list:before, .sponsors-list:after {
    content: " ";
    display: table; }
  .sponsors-list:after {
    clear: both; }
  .sponsors-list {
    *zoom: 1; }
  .sponsors-list .handle {
    cursor: pointer;
    text-align: center;
    display: inline-block;
    padding: 10px;
    background: white;
    margin: 3px 0 0; }
    .sponsors-list .handle.no_padding {
      padding: 0;
      padding-right: 13px; }
    .sponsors-list .handle .arrow {
      display: none; }
    .sponsors-list .handle img {
      display: block;
      height: 23px;
      width: auto; }

.partner.inline .container {
  padding: 10px 10px;
  color: white;
  min-height: 320px; }
  .partner.inline .container a {
    color: white; }

.hitlist-header .sponsors-list {
  bottom: 65px; }

.sponsors-content {
  color: white; }
  .sponsors-content a {
    color: white; }
  .sponsors-content .overlay {
    z-index: 100;
    position: relative;
    background: rgba(61, 61, 61, 0.9);
    padding: 10px 0;
    display: none;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s; }
    .sponsors-content .overlay.single-image {
      padding: 0; }
      .sponsors-content .overlay.single-image .container,
      .sponsors-content .overlay.single-image p {
        padding: 0;
        margin: 0;
        max-width: none; }
    .sponsors-content .overlay.current {
      display: block; }
  .sponsors-content .overlay {
    position: absolute;
    display: block;
    top: 0;
    left: 100%;
    width: 100%;
    height: 100%;
    padding-top: 5%;
    padding-bottom: 4%;
    font-size: 1.2em; }
    .sponsors-content .overlay.current {
      left: 0; }
  .sponsors-content .qmusic_be-partner-87 .close {
    display: none; }
  .sponsors-content .close {
    cursor: pointer;
    position: absolute;
    top: 10px;
    right: 10px;
    color: #3d3d3d;
    background: white;
    width: 1.8em;
    line-height: 1.8em;
    text-align: center;
    border-radius: 100%;
    z-index: 1; }
    .sponsors-content .close.white-background {
      color: #ed3624; }

.geluid {
  background: #ed3624;
  padding: 10px 0;
  margin: 0;
  color: white; }
  .geluid:before, .geluid:after {
    content: " ";
    display: table; }
  .geluid:after {
    clear: both; }
  .geluid {
    *zoom: 1; }
  .geluid h2 {
    color: white;
    margin: 0.3em 0; }
    .geluid h2 strong {
      color: #F9F3C5; }
  .geluid ul.guesses {
    padding: 0px; }
  @media screen and (min-width: 900px) {
    .geluid ul.guesses {
      max-height: 400px;
      overflow: auto; } }
  .geluid li.guess {
    list-style: none;
    background-color: white;
    padding: 0.4em;
    margin-bottom: 0.6em;
    border-radius: 5px; }
    .geluid li.guess .answer {
      color: #ed3624;
      font-family: "Cervo", Helvetica, Arial, sans-serif;
      letter-spacing: -0.03em;
      font-weight: bold;
      font-size: 1.6em;
      text-transform: uppercase; }
    .geluid li.guess .by {
      line-height: 1;
      color: #919191;
      font-size: 0.8em; }

.broadcasted-contenders-wrapper {
  background: #7CBAF7;
  padding: 10px 0;
  margin: 0; }
  .broadcasted-contenders-wrapper:before, .broadcasted-contenders-wrapper:after {
    content: " ";
    display: table; }
  .broadcasted-contenders-wrapper:after {
    clear: both; }
  .broadcasted-contenders-wrapper {
    *zoom: 1; }
  .broadcasted-contenders-wrapper h2 {
    color: white;
    margin: 0.3em 0; }
    .broadcasted-contenders-wrapper h2 strong {
      color: #ed3624; }
  .broadcasted-contenders-wrapper ul.broadcasted-contenders {
    padding: 0px;
    max-height: 400px;
    overflow: auto; }
    .broadcasted-contenders-wrapper ul.broadcasted-contenders.hidden {
      display: none; }
  .broadcasted-contenders-wrapper li.broadcasted-contender {
    list-style: none;
    background-color: white;
    padding: 0.25em 0.4em;
    margin-bottom: 0.6em; }
    .broadcasted-contenders-wrapper li.broadcasted-contender.already-broadcasted {
      background-color: #ed3624; }
      .broadcasted-contenders-wrapper li.broadcasted-contender.already-broadcasted .name {
        color: white; }
    .broadcasted-contenders-wrapper li.broadcasted-contender .name {
      color: #ed3624;
      font-family: "Cervo", Helvetica, Arial, sans-serif;
      letter-spacing: -0.03em;
      font-weight: bold;
      font-size: 1.6em; }
    .broadcasted-contenders-wrapper li.broadcasted-contender .remark {
      margin-top: 1em; }

.user-login-placeholder {
  background: #f5f5f5;
  position: relative;
  padding: 10px;
  margin: 0 0 10px 0; }
  .user-login-placeholder:before, .user-login-placeholder:after {
    content: " ";
    display: table; }
  .user-login-placeholder:after {
    clear: both; }
  .user-login-placeholder {
    *zoom: 1; }
  .user-login-placeholder .button {
    float: right; }

@media screen and (min-width: 700px) {
  .btn-share.mobile[data-platform=whatsapp], .button.mobile[data-platform=whatsapp] {
    display: none !important; }

  .btn-share.desktop[data-platform=whatsapp] {
    display: inline !important; }

  .button.desktop[data-platform=whatsapp] {
    display: block !important; }

  .article-header .big-play-button {
    font-size: 4em; }

  .news-header .news-title {
    max-width: 1000px;
    margin: 2% auto; }

  .article-title {
    padding-right: 200px; }

  .social-share {
    font-size: 0.8em; }

  .sponsors-list {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 0;
    overflow: visible;
    background: transparent;
    text-align: right;
    z-index: 2; } }
@media screen and (min-width: 900px) {
  .article-header .big-play-button {
    font-size: 5em; } }
@media screen and (min-width: 1000px) {
  .sponsors-list .handle.qmusic_be-partner-87 img {
    height: 75px; }
  .sponsors-list .handle img {
    height: 60px; } }
@media screen and (min-width: 1200px) {
  .sponsors-list .handle.qmusic_be-partner-87 img {
    height: 100px; }
  .sponsors-list .handle img {
    height: 75px; } }
footer.live_blog {
  display: none;
  border-bottom: none; }

article.live_blog {
  padding-right: 10px;
  border-bottom: 1px solid lightgray; }
  article.live_blog:last-child {
    border-bottom: none; }
  article.live_blog:not(.main) {
    margin-top: 2em; }
  article.live_blog.main {
    border-bottom: none; }
    article.live_blog.main .social-share {
      display: none; }
  article.live_blog .social-share {
    position: initial;
    float: right;
    margin: 5px 0; }
  article.live_blog .timeago {
    font-size: 15px; }
    article.live_blog .timeago:not(.recent) {
      color: gray; }
    article.live_blog .timeago.recent {
      font-weight: bold; }
  article.live_blog h3 {
    margin-top: 0px;
    color: #ed3624;
    text-transform: uppercase;
    font-size: 2em;
    line-height: 1em; }
  article.live_blog .article-title {
    padding: 0;
    margin-top: 0px; }
  article.live_blog .recent-tag {
    letter-spacing: -0.03em;
    background-color: red;
    padding: 4px 8px;
    font-family: 'Cervo';
    color: white;
    border-radius: 7px;
    font-size: 14px; }
  article.live_blog .recent-tag-wrapper {
    display: inline; }

.time-header {
  margin-bottom: 0.6em; }

@media (min-width: 700px) {
  article.live_blog {
    padding-left: 120px !important; }
    article.live_blog .time-header {
      position: absolute;
      left: 0;
      width: 120px;
      display: table;
      border-spacing: 0px 5px;
      top: 0.2em; }
      article.live_blog .time-header .timeago {
        display: table-header-group; }
      article.live_blog .time-header .recent-tag-wrapper {
        display: table-footer-group; } }
.grid-item.live-blog {
  text-transform: uppercase;
  font-weight: 600; }
  .grid-item.live-blog time {
    display: block;
    font-size: 1.4em;
    font-weight: bold;
    padding-bottom: 0.1em; }
  .grid-item.live-blog .highlight {
    line-height: 0.9em;
    font-size: 1.8em;
    color: #3d3d3d; }
  .grid-item.live-blog.odd .inner {
    background-color: #ed3624; }
  .grid-item.live-blog.odd .highlight {
    color: #F9F3C5; }
  .grid-item.live-blog .inner {
    background-color: #7CBAF7;
    padding: 10%; }
  .grid-item.live-blog.title-tile {
    text-align: center;
    font-size: 6.3em;
    line-height: 0.7em; }
    .grid-item.live-blog.title-tile .highlight {
      font-size: 1em;
      line-height: 0.9em;
      color: #ed3624; }
    .grid-item.live-blog.title-tile .inner {
      padding: 8%; }

.c-live-blog__footer {
  text-align: center;
  padding: 2em 0;
  display: none; }
  html.app-only .c-live-blog__footer {
    display: block; }
html.embedded body {
  padding-top: 0;
  background-color: white; }
html.embedded.js #body-content-wrap {
  padding-top: 0; }
/*loading fonts*/
/* @import must be at top of file, otherwise CSS will not work */
@font-face {
  font-family: 'Cervo';
  src: url(/assets/cervo-light-webfont-f0e910869daf3e3437e16e92fdbf4748db97ddab8e67e1d28fbfbac2b7415b28.eot);
  src: url(/assets/cervo-light-webfont-f0e910869daf3e3437e16e92fdbf4748db97ddab8e67e1d28fbfbac2b7415b28.eot?#iefix) format("embedded-opentype"), url(/assets/cervo-light-webfont-49fb3173eb7bc21db87ee3cfd9943a19813099c4212c074f3ad3cb1ae91a9b0e.woff2) format("woff2"), url(/assets/cervo-light-webfont-bfec290f1f26cd73f90d7650b76012d9ed3c1037b406e3c1a6d5a8438469f3ef.woff) format("woff"), url(/assets/cervo-light-webfont-781d406520753c7e70fdf22859c9e2003870cc02dc9253b442778f3835a67491.ttf) format("truetype"), url(/assets/cervo-light-webfont-db6374d87a0615717c560cd7751689c944305deee09035a5655e20eabd2af7da.svg#cervolight) format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: fallback; }
@font-face {
  font-family: 'Cervo';
  src: url(/assets/cervo-medium-webfont-f396889f14d1c0b159ed1e7b1699240fc3a0f5a5c6ca3b8f25ca4ee9ccd6ca69.eot);
  src: url(/assets/cervo-medium-webfont-f396889f14d1c0b159ed1e7b1699240fc3a0f5a5c6ca3b8f25ca4ee9ccd6ca69.eot?#iefix) format("embedded-opentype"), url(/assets/cervo-medium-webfont-c43a067fe8da9dda83e2bc2246eb7acbf5fa0505a6f3174e1555f394c07f41e3.woff2) format("woff2"), url(/assets/cervo-medium-webfont-3c5b4afcd2fc8192de8206aaabfa5cd469dd19f573b661037547c8e900f8e28d.woff) format("woff"), url(/assets/cervo-medium-webfont-b309396736d76d1cf4523c47cc741e9e5bc105b7289a3581f93530b416a8224f.ttf) format("truetype"), url(/assets/cervo-medium-webfont-0243d2fbc2aa48e32d34ba07ef9363d4d4516f65541ca14db17853c23f903b62.svg#cervomedium) format("svg");
  font-weight: 600;
  font-style: normal;
  font-display: fallback; }
@font-face {
  font-family: 'Qarla';
  src: url(/assets/qarla-bold-webfont-2a88354311af1b4b59071682c71313dff49bac19af544347ddad2d8ca71dc6fa.eot);
  src: url(/assets/qarla-bold-webfont-2a88354311af1b4b59071682c71313dff49bac19af544347ddad2d8ca71dc6fa.eot?#iefix) format("embedded-opentype"), url(/assets/qarla-bold-webfont-44ffc770a3954d984035f70520e5fb63636363cd5ac9ff218d36390b9390fef6.woff2) format("woff2"), url(/assets/qarla-bold-webfont-b1445362c7ef5b1d7882e10028cc5b199469d30e5e6c1a1ea8dce71a8aa0d0f3.woff) format("woff"), url(/assets/qarla-bold-webfont-df6f4e52fd32ee76477cf86d4a123c5f32698cec2b8b7ba4776f6144d87d3ab5.ttf) format("truetype"), url(/assets/qarla-bold-webfont-779146dfc4ac3e41c691f9a629f66dd10b30598814f6d39ba9d1e62b0d962e3f.svg#qarlabold) format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: fallback; }
@font-face {
  font-family: 'Qarla';
  src: url(/assets/qarla-bolditalic-webfont-04eb340d56d9e7b69e714d22ab62cfbce44c5dfbee22279ddb358ded8c41ba00.eot);
  src: url(/assets/qarla-bolditalic-webfont-04eb340d56d9e7b69e714d22ab62cfbce44c5dfbee22279ddb358ded8c41ba00.eot?#iefix) format("embedded-opentype"), url(/assets/qarla-bolditalic-webfont-f212dee4694a15a2663949fdb5960f30a02de501808ae80b8f344119a87f6db3.woff2) format("woff2"), url(/assets/qarla-bolditalic-webfont-39a8db3a88acb418bbc549e96e410db1335aaa462122abf3995673fc9580a181.woff) format("woff"), url(/assets/qarla-bolditalic-webfont-8f3c8d5d0022419b5e863a9af3f5246238284cf1644b117fc5118d616ef5ed6d.ttf) format("truetype"), url(/assets/qarla-bolditalic-webfont-78b0cacb7332391d1f93f3ecaf95b6d6dd3dd03356e1351801c1892ba6a54a7d.svg#qarlabolditalic) format("svg");
  font-weight: bold;
  font-style: italic;
  font-display: fallback; }
@font-face {
  font-family: 'Qarla';
  src: url(/assets/qarla-italic-webfont-36afe7275ae11822fc7b84b44b884521aa4b34acfd1bcd3c6a22ea56e285915b.eot);
  src: url(/assets/qarla-italic-webfont-36afe7275ae11822fc7b84b44b884521aa4b34acfd1bcd3c6a22ea56e285915b.eot?#iefix) format("embedded-opentype"), url(/assets/qarla-italic-webfont-7fcc18712bf71a6d29cd5cb77210c822360d791d8dff45229895c0a20dbbd343.woff2) format("woff2"), url(/assets/qarla-italic-webfont-d6bce81e3fd851de67ad5f668644dba53384e42e5171c09bc9c848d21d1ff44d.woff) format("woff"), url(/assets/qarla-italic-webfont-10c57a198354911426e8a78f739b563568b9db39d30b25929bf0df420d5845d3.ttf) format("truetype"), url(/assets/qarla-italic-webfont-f3e865cb6b58a5d084723096c748ab0f86a381a7acfe16b8a27943c9690ea456.svg#qarlaitalic) format("svg");
  font-weight: normal;
  font-style: italic;
  font-display: fallback; }
@font-face {
  font-family: 'Qarla';
  src: url(/assets/qarla-regular-webfont-54c1a2046fb447eb10e404dac4aa583f4b9d41a025b092675a3ae3f56454ffa8.eot);
  src: url(/assets/qarla-regular-webfont-54c1a2046fb447eb10e404dac4aa583f4b9d41a025b092675a3ae3f56454ffa8.eot?#iefix) format("embedded-opentype"), url(/assets/qarla-regular-webfont-e53482f8154bb7598eeb950bab53c14c46b00014cab838d0809c601e9148300f.woff2) format("woff2"), url(/assets/qarla-regular-webfont-24f466034827dd466b142ad0bf8212c56138b497c04fe13ff66b3701d58ce309.woff) format("woff"), url(/assets/qarla-regular-webfont-5a51a7a88e7871c85f66464a8da55432ee42e9371d910e7a1b12e9c47d6d87b7.ttf) format("truetype"), url(/assets/qarla-regular-webfont-84b90364177160c767761fdc600ef60e9d63814e58874ca3cef2cbcfe27b9076.svg#qarlaregular) format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: fallback; }
@font-face {
  font-family: 'BlackBones';
  src: url(https://fonts.qmusic.be/black-bones.ttf), url(https://fonts.qmusic.be/black-bones.eot), url(https://fonts.qmusic.be/black-bones.woff), url(https://fonts.qmusic.be/black-bones.woff2), url(https://fonts.qmusic.be/black-bones.svg);
  font-weight: normal;
  font-style: normal;
  font-display: fallback; }
@font-face {
  font-family: 'q-icons';
  src: url(/assets/q-icons-b36c156471b838175f8486e3e09206374ccf59e31cb04bce340eeeffa34e9c1c.eot);
  src: url(/assets/q-icons-b36c156471b838175f8486e3e09206374ccf59e31cb04bce340eeeffa34e9c1c.eot#iefix) format("embedded-opentype"), url(/assets/q-icons-58623ca5c93d48529551ada717bb90657949133aec1db084e531f455a1fc8b48.woff) format("woff"), url(/assets/q-icons-66bf4a313eed46ffd1518b311c28aae06ded5b5f870be5ad281028728852e5c6.ttf) format("truetype"), url(/assets/q-icons-e582aec00f569684a581e4e3df978ddab26aa6d24b01c1b7c7311cd2df05033d.svg#q-icons) format("svg");
  font-weight: normal;
  font-style: normal; }
[class^="qi-"]:before, [class*=" qi-"]:before {
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -ms-transition: opacity 0.5s;
  transition: opacity 0.5s;
  font-family: "q-icons";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: inherit;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ }
  .window-loaded [class^="qi-"]:before, .window-loaded [class*=" qi-"]:before {
    opacity: 1; }
.webform {
  background: #ed3624;
  padding: 10px 10px 20px;
  margin: 0;
  border-radius: 10px;
  min-height: 150px;
  display: flex;
  align-items: center;
  justify-content: center; }
  .webform:before, .webform:after {
    content: " ";
    display: table; }
  .webform:after {
    clear: both; }
  .webform {
    *zoom: 1; }
  .webform .container {
    width: 100%; }
  .webform h2 {
    font-size: 2.5rem;
    color: #ffffff;
    text-align: center;
    margin: 0.5em 0 0.2em; }
    .webform h2.subtitle {
      margin-top: 1em;
      text-align: left; }
  .webform.success-message {
    display: block;
    color: #ffffff;
    font-size: 1.6em;
    font-family: "Cervo", Helvetica, Arial, sans-serif;
    letter-spacing: -0.03em;
    text-align: center;
    text-transform: uppercase; }
  .webform ul.error {
    list-style: none;
    background-color: #ed3624;
    color: #ffffff;
    padding: 8px 12px;
    font-size: 1.1em; }
  .webform a {
    color: #ffffff;
    text-decoration: underline; }

.webform textarea {
  height: initial; }

.form-item {
  margin-bottom: 10px;
  position: relative;
  clear: both; }
  .form-item .form-group {
    position: relative; }
  .form-item .jquery-validate-error {
    color: #ffffff;
    padding: 3px 10px; }

label {
  font-size: 1.4em;
  line-height: 1.2em;
  margin-bottom: 5px;
  color: #ffffff; }
  .file label, .compact label {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    font-family: "Cervo", Helvetica, Arial, sans-serif;
    letter-spacing: -0.03em;
    text-transform: uppercase;
    gap: 3px;
    overflow: hidden;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s; }

label abbr, .checkable-label abbr {
  text-decoration: none; }

input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="date"],
input[type="time"],
textarea,
select {
  display: block;
  background: #ffffff;
  width: 100%;
  border-radius: 0;
  border: 0;
  outline: 0;
  height: 40px;
  padding: 0 10px;
  border-radius: 5px;
  font-size: 1.2em;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }

input[type="file"] {
  display: flex;
  box-sizing: border-box;
  width: 100%;
  padding: 10px 10px 10px 10px;
  border-radius: 5px;
  border: 0;
  outline: 0;
  height: auto;
  border: 1px dashed #ffffff;
  margin: 10px 0;
  color: #ffffff;
  text-align: center;
  font-size: 1em;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }

.checkable-group, .consent {
  height: auto;
  z-index: 1; }
  .checkable-group label, .consent label {
    font-size: 1em;
    margin: 0; }
  .checkable-group .checkable-label, .consent .checkable-label {
    font-size: 1.4em;
    line-height: 1.2em;
    font-family: "Cervo", Helvetica, Arial, sans-serif;
    letter-spacing: -0.03em;
    text-transform: uppercase;
    display: block;
    float: left;
    padding: 0;
    color: #ffffff; }
    .checkable-group .checkable-label .required,
    .checkable-group .checkable-label [title="required"], .consent .checkable-label .required,
    .consent .checkable-label [title="required"] {
      color: #ffffff;
      float: right;
      margin-left: 0.2em; }
  .checkable-group .webform-checkable, .consent .webform-checkable {
    display: block;
    clear: both;
    position: relative;
    padding: 0;
    background: none;
    margin-top: 2px; }
    .checkable-group .webform-checkable input, .consent .webform-checkable input {
      position: absolute;
      z-index: 3;
      top: 0;
      left: 0;
      width: 30px;
      height: 30px;
      height: 100%;
      opacity: 0; }
    .checkable-group .webform-checkable input + label, .consent .webform-checkable input + label {
      display: block;
      min-height: 30px;
      padding: 10px 10px 10px 40px;
      color: #ffffff; }
      .checkable-group .webform-checkable input + label:after, .consent .webform-checkable input + label:after {
        content: " ";
        position: absolute;
        z-index: 2;
        width: 30px;
        height: 30px;
        top: 50%;
        left: 15px;
        margin: -15px;
        color: #ffffff;
        font-family: "q-icons";
        font-style: normal;
        font-weight: normal;
        font-size: 30px;
        line-height: 30px;
        text-align: center;
        content: "\e895"; }
    .checkable-group .webform-checkable input[type="radio"] + label:after, .consent .webform-checkable input[type="radio"] + label:after {
      content: "\e894"; }
    .checkable-group .webform-checkable input:checked + label:before, .consent .webform-checkable input:checked + label:before {
      background: #ffffff; }
    .checkable-group .webform-checkable input:checked + label:after, .consent .webform-checkable input:checked + label:after {
      content: "\e896"; }
    .checkable-group .webform-checkable input[type="radio"]:checked + label:after, .consent .webform-checkable input[type="radio"]:checked + label:after {
      content: "\e897"; }
    .checkable-group .webform-checkable input:focus + label, .consent .webform-checkable input:focus + label {
      color: #ffffff; }

.search-box-and-button,
.form-item .search-box-and-button {
  display: block;
  margin-right: 40px;
  position: relative; }
  .search-box-and-button input[type="text"],
  .search-box-and-button button,
  .form-item .search-box-and-button input[type="text"],
  .form-item .search-box-and-button button {
    height: 40px;
    width: auto;
    font-size: 1.2em;
    padding: 0 10px; }
  .search-box-and-button input[type="text"],
  .form-item .search-box-and-button input[type="text"] {
    display: block;
    width: 100%;
    border: 1px solid #3d3d3d; }
  .search-box-and-button button,
  .search-box-and-button [type="button"],
  .search-box-and-button [type="submit"],
  .form-item .search-box-and-button button,
  .form-item .search-box-and-button [type="button"],
  .form-item .search-box-and-button [type="submit"] {
    background: #3d3d3d;
    line-height: 40px;
    width: 40px;
    position: absolute;
    right: -40px;
    top: 0; }
  .search-box-and-button .loader,
  .form-item .search-box-and-button .loader {
    position: absolute;
    left: 0;
    top: 0;
    background: #3d3d3d;
    color: #ffffff; }

@media screen and (min-width: 700px) {
  .form-item {
    margin-bottom: 20px; }

  .form-item.half {
    width: 50%;
    float: left;
    clear: none; }
    .form-item.half:nth-of-type(odd) {
      clear: left; }
      .form-item.half:nth-of-type(odd) .form-group, .form-item.half:nth-of-type(odd):before {
        margin-right: 10px; }
    .form-item.half:nth-of-type(even) .form-group,
    .form-item.half:nth-of-type(even) .checkable-label, .form-item.half:nth-of-type(even):before {
      margin-left: 10px; }

  .form-item.sinterklaas .sinterklaas {
    display: flex;
    gap: 10px;
    margin-bottom: 10px; }
    .form-item.sinterklaas .sinterklaas .gift,
    .form-item.sinterklaas .sinterklaas .website {
      flex: 2; }
    .form-item.sinterklaas .sinterklaas .price {
      flex: 1;
      border-right: none; }
  .form-item.sinterklaas .error {
    float: left;
    color: #ffffff; }
  .form-item.sinterklaas .total-row {
    text-align: right;
    color: #ffffff;
    border-top: 1px solid #ffffff;
    padding-top: 10px;
    margin-left: 84%; }
    .form-item.sinterklaas .total-row .error {
      float: none; } }
@keyframes image-radio-pop {
  0% {
    transform: scale(1); }
  40% {
    transform: scale(1.12); }
  70% {
    transform: scale(1.02); }
  100% {
    transform: scale(1.05); } }
.o-form__imageRadio {
  --image-radio-accent: #ed3624;
  --image-radio-bg: #ffffff;
  --image-radio-text-color: #ffffff;
  --image-radio-columns: 5;
  --image-radio-font: Cervo, Helvetica, Arial, sans-serif;
  --image-radio-gap: 12px;
  display: grid;
  grid-template-columns: repeat(var(--image-radio-columns), 1fr);
  grid-gap: var(--image-radio-gap);
  grid-auto-rows: min-content;
  width: 100%;
  clear: both;
  padding-top: 1rem; }
  @media screen and (max-width: 900px) {
    .o-form__imageRadio {
      --image-radio-columns: 3; } }
  @media screen and (max-width: 700px) {
    .o-form__imageRadio {
      --image-radio-columns: 2; } }
.o-form__imageRadio-wrapper {
  display: flex;
  flex-direction: column;
  border-radius: 12px;
  overflow: hidden;
  border: 4px solid transparent;
  transition: opacity 0.2s ease, border-color 0.2s ease; }
  .o-form__imageRadio-wrapper input[type="radio"],
  .o-form__imageRadio-wrapper input[type="checkbox"] {
    position: absolute;
    left: -90000px; }
  .o-form__imageRadio-wrapper input:checked + label .o-form__imageRadio-label__checkbox {
    opacity: 1;
    background: var(--image-radio-accent); }
  .o-form__imageRadio-wrapper.selected, .o-form__imageRadio-wrapper:has(input:checked) {
    border-color: var(--image-radio-accent);
    animation: image-radio-pop 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transform: scale(1.05);
    opacity: 1; }
.o-form__imageRadio-label {
  position: relative;
  display: block;
  cursor: pointer;
  aspect-ratio: 1;
  text-transform: uppercase;
  background: var(--image-radio-bg); }
  .o-form__imageRadio-label:hover {
    opacity: 0.9; }
  .o-form__imageRadio-label__image {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: flex-end; }
  .o-form__imageRadio-label__text {
    display: block;
    width: 100%;
    padding: 2rem 0.5rem 0.5rem;
    color: var(--image-radio-text-color);
    font-family: var(--image-radio-font);
    font-size: 16px;
    line-height: 1.2;
    text-align: center;
    text-wrap: balance;
    background: linear-gradient(to top, rgba(43, 43, 43, 0.7) 0%, rgba(43, 43, 43, 0) 100%); }
  .o-form__imageRadio-label__checkbox {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    border: 2px solid var(--image-radio-accent);
    background: rgba(255, 255, 255, 0.6); }
.o-form__footer {
  display: flex;
  justify-content: right; }
  .o-form__footer .c-button {
    padding: 24px 30px;
    font-size: 1.3em; }

.o-form__imageRadio:has(input:checked) .o-form__imageRadio-wrapper:not(:has(input:checked)) {
  opacity: 0.5; }
/**
 * Everything grid related goes here
**/
.grid {
  font-size: 1em;
  font-size: 4vw; }
  .grid:before, .grid:after {
    content: " ";
    display: table; }
  .grid:after {
    clear: both; }
  .grid {
    *zoom: 1; }

.aspect {
  position: relative;
  padding-top: 56.25%; }

.grid-item {
  display: block;
  font-family: "Cervo", Helvetica, Arial, sans-serif;
  letter-spacing: -0.03em;
  font-size: 1.4em;
  transition: opacity 0.3s, transform 0.3s;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  -moz-transition: opacity 0.3s, -moz-transform 0.3s;
  -ms-transition: opacity 0.3s, -ms-transform 0.3s;
  -o-transition: opacity 0.3s, -o-transform 0.3s; }
  .grid-item.hidden {
    display: none; }
  .grid-item.fadeout {
    opacity: 0;
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    -webkit-transform: translateY(50px);
    transform: translateY(50px); }
  .grid-item.animate-in {
    animation: grid-item-in 1 0.3s; }
  .grid-item .inner {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #ed3624;
    color: white;
    text-decoration: none;
    overflow: hidden; }
  .grid-item .inner,
  .grid-item .image {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; }
  .grid-item .image {
    width: 37.5%;
    height: 100%;
    float: left;
    position: relative; }
  .grid-item .background {
    position: absolute;
    left: 0;
    right: 0;
    top: 0; }
    .grid-item .background img {
      display: block;
      width: 100%; }
    .grid-item .background .background-icon {
      position: absolute;
      top: calc(50% - 50px);
      left: calc(50% - 50px);
      font-size: 100px; }
  .grid-item .content {
    position: relative;
    padding: 0.3em;
    height: 100%; }
  .grid-item .image ~ .content {
    margin-left: 37.5%;
    text-align: right; }
  .grid-item:nth-child(odd) .image {
    float: right; }
  .grid-item:nth-child(odd) .image ~ .content {
    margin-left: 0;
    margin-right: 37.5%;
    text-align: left; }
  .grid-item .title-bar {
    font-weight: 600;
    display: block;
    border-bottom: 1px dashed white;
    padding: 0 10px 0.03em 10px;
    margin: 0 -10px 0.15em -10px; }
  .grid-item .title-bar {
    text-transform: uppercase; }
  .grid-item .author-bar {
    display: block;
    font-weight: 600;
    font-size: 0.85em;
    color: black;
    text-transform: uppercase;
    height: 2.5em;
    line-height: 1em; }
    .grid-item .author-bar .profile-picture {
      width: 1.9em;
      height: auto;
      float: left;
      margin: 0.1em 0.35em 0 0; }
    .grid-item .author-bar .fullname {
      color: #ed3624;
      display: block; }
    .grid-item .author-bar .username {
      color: #3d3d3d;
      display: block; }
  .grid-item .subtitle {
    display: block;
    font-family: "Cervo", Helvetica, Arial, sans-serif;
    text-transform: uppercase; }
  .grid-item .icon {
    position: absolute;
    bottom: 0.3em;
    right: 0.3em;
    background: #ed3624;
    color: #3d3d3d;
    font-size: 0.8em;
    font-weight: 600; }
    .grid-item .icon:before {
      float: right;
      color: white;
      font-size: 1.4em;
      margin: -0.25em 0 0 0.2em; }
  .grid-item .body-center {
    white-space: nowrap; }
    .grid-item .body-center:after {
      content: ' ';
      height: 59%;
      display: inline-block;
      vertical-align: middle; }
  .grid-item .body {
    display: inline-block;
    vertical-align: middle;
    white-space: normal;
    font-size: 1.2em; }
  .grid-item .published-at {
    display: block;
    font-size: 0.6em;
    letter-spacing: default; }
  .grid-item .overlay-title {
    position: absolute;
    bottom: -50px;
    left: -50px;
    right: -50px;
    padding: 1em 60px 60px;
    text-transform: uppercase;
    background: black;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,1+100 */
    background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.5) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(100%, rgba(0, 0, 0, 0.5)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.5) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.5) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.5) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.5) 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#00000000',GradientType=0 );
    /* IE6-9 */ }
    .grid-item .overlay-title .title-wrap {
      margin-right: 3em;
      display: block;
      font-size: 0.9em; }
    .grid-item .overlay-title .program {
      position: absolute;
      margin: 0 0 0 60px;
      top: 0.3em;
      left: 0;
      font-size: 0.6em;
      padding: 0.12em 0.4em 0;
      background: #7CBAF7; }
      .grid-item .overlay-title .program.red {
        background: #ed3624; }
      .grid-item .overlay-title .program.yellow {
        background: #F9F3C5; }
      .grid-item .overlay-title .program.purple {
        background: #FC68B6; }
      .grid-item .overlay-title .program.green {
        background: #A8D832; }
      .grid-item .overlay-title .program.blue {
        background: #7CBAF7; }
      .grid-item .overlay-title .program.white {
        background: #ffffff; }
      .grid-item .overlay-title .program.carbon {
        background: #3d3d3d; }
    .grid-item .overlay-title .title-icon {
      width: 0.9em;
      float: left;
      text-align: right;
      margin-right: 0.2em;
      line-height: 0.95em; }
      .grid-item .overlay-title .title-icon:before {
        font-size: 0.75em; }
      .grid-item .overlay-title .title-icon ~ .program {
        left: 2em; }
      .grid-item .overlay-title .title-icon ~ .title-wrap {
        margin-left: 1.33em; }
    .grid-item .overlay-title .date-wrap {
      position: absolute;
      bottom: 60px;
      right: 60px;
      padding-right: 0.25em; }
    .grid-item .overlay-title .article-date {
      font-size: 0.6em;
      color: inherit; }
  .grid-item .time-clock {
    top: 0.05em;
    background-image: url(/assets/clock-empty-white-8ba45d14467229b00fa8736ca98d1a6d56e3312a2bc2b86ef5eb6f554074cc46.svg); }
    .grid-item .time-clock .clock-hour {
      background-image: url(/assets/clock-hour-white-ed2c9bb3f8c10ab76e12b658e432d8cc71a3c183d742a5872e8c72304188a6cb.svg); }
    .grid-item .time-clock .clock-minute {
      background-image: url(/assets/clock-minute-white-50f9b8ec05732a6ea646c365f1496e64c112ad7b9054ed0348ba3ddb40b2e715.svg); }

.homepage-header .inner, .homepage-header
.icon {
  background-color: #F9F3C5; }

.instagram-tile .image,
.edition-track-tile .image {
  width: 56.25%; }
.instagram-tile .image ~ .content,
.edition-track-tile .image ~ .content {
  margin-left: 56.25%; }
.instagram-tile:nth-child(odd) .image ~ .content,
.edition-track-tile:nth-child(odd) .image ~ .content {
  margin-right: 56.25%; }

.title-tile .inner,
.date-tile .inner {
  background: #7CBAF7; }
.title-tile .title,
.date-tile .title {
  margin: 0;
  position: absolute;
  width: 50%;
  left: 50%;
  top: 50%;
  text-align: center;
  font-weight: 600;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }
  .title-tile .title.wide,
  .date-tile .title.wide {
    width: 80%; }
  .title-tile .title span:nth-child(even),
  .date-tile .title span:nth-child(even) {
    color: #ed3624; }

.date-tile .inner {
  background: #ed3624; }

.mgp-tile .inner {
  background: #ed3624; }
.mgp-tile .mgp-title {
  margin: 0;
  font-size: 1em;
  position: absolute;
  width: 56.25%;
  top: 100%;
  left: 3%;
  text-align: center;
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  -o-transform-origin: left top;
  -webkit-transform-origin: left top;
  transform-origin: left top; }
.mgp-tile .song {
  cursor: pointer;
  float: left;
  width: 40%;
  margin: 4% 0 0 4%; }
  .mgp-tile .song:first-of-type {
    margin-left: 12%; }
  .mgp-tile .song .cover {
    position: relative;
    padding-top: 100%; }
    .mgp-tile .song .cover img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
  .mgp-tile .song .artist {
    display: block;
    font-weight: bold;
    font-size: 0.6em; }
  .mgp-tile .song .track {
    display: block;
    font-size: 0.5em; }
.mgp-tile .mgp-button {
  position: relative;
  line-height: 1.4em;
  font-size: 0.9em;
  text-align: center;
  background: #ffffff; }
  .mgp-tile .mgp-button .text {
    position: relative;
    color: #3d3d3d;
    z-index: 2; }
    .mgp-tile .mgp-button .text:before, .mgp-tile .mgp-button .text:after {
      content: '\0000a0'; }
  .mgp-tile .mgp-button .progress {
    display: block;
    position: absolute;
    background: #F9F3C5;
    left: 0;
    top: 0;
    height: 100%;
    z-index: 1;
    -moz-transition: linear width 0.2s;
    -ms-transition: linear width 0.2s;
    -o-transition: linear width 0.2s;
    -webkit-transition: linear width 0.2s;
    transition: linear width 0.2s; }
.mgp-tile.voted .mgp-button, .mgp-tile.finished .mgp-button {
  cursor: auto; }
.mgp-tile.voted .cover, .mgp-tile.finished .cover {
  opacity: 0.8; }
.mgp-tile.voted .song.voted .cover, .mgp-tile.finished .song.voted .cover {
  opacity: 1; }
.mgp-tile.finished .cover {
  opacity: 0.6; }
.mgp-tile.finished .song.winner .cover {
  opacity: 1; }

.grid-item.edition-track-tile .image ~ .content {
  text-align: center; }

.edition-track-tile .content {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-box-align: start;
  -moz-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start; }
.edition-track-tile .title-bar,
.edition-track-tile .subtitle {
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch; }
.edition-track-tile .hitlist-position {
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  min-height: 5em;
  position: relative; }
  .edition-track-tile .hitlist-position .current {
    display: block;
    font-size: 4em;
    font-weight: bold;
    position: absolute;
    top: 50%;
    line-height: 1em;
    margin-top: -0.58em;
    left: 0;
    width: 100%; }
  .edition-track-tile .hitlist-position .previous {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    font-size: 0.8em;
    color: #570e07;
    line-height: 0.9em;
    text-transform: uppercase; }
    .edition-track-tile .hitlist-position .previous:before {
      color: white;
      font-size: 0.7em;
      display: inline-block;
      vertical-align: bottom;
      margin: -0.08em 0.2em 0 0; }

.grid-item .cover-buttons {
  position: absolute;
  bottom: 1em;
  width: 100%;
  text-align: center; }
  .grid-item .cover-buttons a {
    position: relative;
    background: #3d3d3d;
    border: 0.1em solid white;
    color: white;
    border-radius: 100%;
    width: 2em;
    height: 2em;
    line-height: 1.8em;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden; }
    .grid-item .cover-buttons a .progress {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      background: #636363;
      width: 0;
      z-index: 1;
      -moz-transition: all 0.2s linear;
      -ms-transition: all 0.2s linear;
      -o-transition: all 0.2s linear;
      -webkit-transition: all 0.2s linear;
      transition: all 0.2s linear; }
    .grid-item .cover-buttons a:before {
      position: relative;
      z-index: 2; }
    .grid-item .cover-buttons a.play {
      position: relative;
      padding-left: 0.1em; }
      .grid-item .cover-buttons a.play.playing:before {
        background: white;
        position: absolute;
        top: 30%;
        left: 30%;
        width: 40%;
        height: 40%;
        border-radius: 13%;
        text-indent: -999px;
        overflow: hidden; }
    .grid-item .cover-buttons a.active {
      background: #ed3624; }

[data-role="grid-show-more"] {
  display: block;
  padding-top: 1em;
  clear: both;
  font-family: "Cervo", Helvetica, Arial, sans-serif;
  letter-spacing: -0.03em;
  text-align: right;
  text-transform: uppercase;
  text-decoration: none;
  color: black; }
  [data-role="grid-show-more"] .qi-arrow-down-alt {
    color: #ed3624; }

@media screen and (max-width: 599px) {
  .container .grid-item .inner {
    margin: 2px 0; } }
@media screen and (min-width: 600px) {
  #visual-radio-preview {
    display: block; }

  .grid {
    padding: 2px;
    font-size: 2vw; }

  .homepage-header {
    padding-bottom: 0; }

  .homepage-grid {
    padding-top: 0; }

  .grid-item {
    width: 50%;
    float: left; }
    .grid-item .inner {
      margin: 2px; }
    .grid-item .background {
      margin: -2px;
      -moz-transition: transform 0.3s;
      -ms-transition: transform 0.3s;
      -o-transition: transform 0.3s;
      -webkit-transition: transform 0.3s;
      transition: transform 0.3s; }
    .grid-item .overlay-title {
      -moz-transition: transform 0.3s;
      -ms-transition: transform 0.3s;
      -o-transition: transform 0.3s;
      -webkit-transition: transform 0.3s;
      transition: transform 0.3s; }

  .grid-item:hover .background {
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05); }

  .grid-item.edition-track-tile .image {
    float: right; }
  .grid-item.edition-track-tile .image ~ .content {
    margin-left: 0;
    margin-right: 56.25%; } }
@media screen and (min-width: 900px) {
  .grid {
    font-size: 1.3vw; }

  .container .grid {
    font-size: 1em; }

  .grid-item {
    width: 33.3%;
    font-size: 1.5em; }

  .homepage-header .grid-item {
    width: 50%;
    font-size: 2em; }

  .grid-item .cover-buttons {
    font-size: 1.1em; }
    .grid-item .cover-buttons a.rate {
      font-size: 0.8em; }
    .grid-item .cover-buttons a.play {
      font-size: 1em;
      padding-left: 0.1em;
      height: 2.2em;
      width: 2.2em;
      line-height: 2.1em; }
  .grid-item:first-child .cover-buttons {
    font-size: 1em; } }
@media screen and (min-width: 900px) and (max-width: 1499px) {
  .homepage-grid .grid-item:nth-of-type(11n+1),
  .homepage-grid .grid-item:nth-of-type(11n+4),
  .homepage-grid .grid-item:nth-of-type(11n+6),
  .homepage-grid .grid-item:nth-of-type(11n+7),
  .homepage-grid .grid-item:nth-of-type(11n+9),
  .programs-grid .grid-item:nth-of-type(11n+1),
  .programs-grid .grid-item:nth-of-type(11n+4),
  .programs-grid .grid-item:nth-of-type(11n+6),
  .programs-grid .grid-item:nth-of-type(11n+7),
  .programs-grid .grid-item:nth-of-type(11n+9) {
    clear: left; }
  .homepage-grid .grid-item:last-child,
  .programs-grid .grid-item:last-child {
    clear: none; }
  .homepage-grid .grid-item:nth-of-type(11n+8) .aspect,
  .programs-grid .grid-item:nth-of-type(11n+8) .aspect {
    margin-top: -28.125%; }
  .homepage-grid .grid-item:nth-of-type(11n+1),
  .homepage-grid .grid-item:nth-of-type(11n+8),
  .programs-grid .grid-item:nth-of-type(11n+1),
  .programs-grid .grid-item:nth-of-type(11n+8) {
    width: 66.6%;
    font-size: 3em; }
  .homepage-grid .grid-item:nth-of-type(11n+4),
  .homepage-grid .grid-item:nth-of-type(11n+5),
  .programs-grid .grid-item:nth-of-type(11n+4),
  .programs-grid .grid-item:nth-of-type(11n+5) {
    width: 50%;
    font-size: 2em; }

  .hitlist-grid .grid-item:first-child,
  .news-grid .grid-item:first-child,
  .events-grid .grid-item:first-child {
    width: 66.6%;
    font-size: 3em; }
  .hitlist-grid .grid-item:nth-of-type(4),
  .news-grid .grid-item:nth-of-type(4),
  .events-grid .grid-item:nth-of-type(4) {
    clear: left; }
  .hitlist-grid .grid-item.hidden ~ .grid-item:nth-child(4),
  .news-grid .grid-item.hidden ~ .grid-item:nth-child(4),
  .events-grid .grid-item.hidden ~ .grid-item:nth-child(4) {
    clear: none; }
  .hitlist-grid.filtered .grid-item,
  .news-grid.filtered .grid-item,
  .events-grid.filtered .grid-item {
    width: 33.3%;
    font-size: 1.5em; } }
@media screen and (min-width: 1500px) {
  .homepage-grid .grid-item:nth-of-type(16n+1),
  .homepage-grid .grid-item:nth-of-type(16n+4),
  .homepage-grid .grid-item:nth-of-type(16n+9),
  .homepage-grid .grid-item:nth-of-type(16n+12),
  .homepage-grid .grid-item:nth-of-type(16n+14),
  .programs-grid .grid-item:nth-of-type(16n+1),
  .programs-grid .grid-item:nth-of-type(16n+4),
  .programs-grid .grid-item:nth-of-type(16n+9),
  .programs-grid .grid-item:nth-of-type(16n+12),
  .programs-grid .grid-item:nth-of-type(16n+14) {
    clear: left; }
  .homepage-grid .grid-item:last-child,
  .programs-grid .grid-item:last-child {
    clear: none; }
  .homepage-grid .grid-item:nth-of-type(16n+16) .aspect,
  .programs-grid .grid-item:nth-of-type(16n+16) .aspect {
    margin-top: -28.125%; }
  .homepage-grid .grid-item:nth-of-type(16n+4),
  .homepage-grid .grid-item:nth-of-type(16n+16),
  .programs-grid .grid-item:nth-of-type(16n+4),
  .programs-grid .grid-item:nth-of-type(16n+16) {
    width: 50%;
    font-size: 2.25em; }
  .homepage-grid .grid-item:nth-of-type(16n+5),
  .homepage-grid .grid-item:nth-of-type(16n+6),
  .homepage-grid .grid-item:nth-of-type(16n+7),
  .homepage-grid .grid-item:nth-of-type(16n+8),
  .homepage-grid .grid-item:nth-of-type(16n+12),
  .homepage-grid .grid-item:nth-of-type(16n+13),
  .homepage-grid .grid-item:nth-of-type(16n+14),
  .homepage-grid .grid-item:nth-of-type(16n+15),
  .programs-grid .grid-item:nth-of-type(16n+5),
  .programs-grid .grid-item:nth-of-type(16n+6),
  .programs-grid .grid-item:nth-of-type(16n+7),
  .programs-grid .grid-item:nth-of-type(16n+8),
  .programs-grid .grid-item:nth-of-type(16n+12),
  .programs-grid .grid-item:nth-of-type(16n+13),
  .programs-grid .grid-item:nth-of-type(16n+14),
  .programs-grid .grid-item:nth-of-type(16n+15) {
    width: 25%;
    font-size: 1.1em; }

  .hitlist-grid .grid-item,
  .news-grid .grid-item,
  .events-grid .grid-item {
    width: 25%;
    font-size: 1.1em; }
  .hitlist-grid .grid-item:first-child,
  .news-grid .grid-item:first-child,
  .events-grid .grid-item:first-child {
    width: 50%;
    font-size: 2.25em; }
  .hitlist-grid .grid-item:nth-of-type(6),
  .news-grid .grid-item:nth-of-type(6),
  .events-grid .grid-item:nth-of-type(6) {
    clear: left; }
  .hitlist-grid .grid-item.hidden ~ .grid-item:nth-child(6),
  .news-grid .grid-item.hidden ~ .grid-item:nth-child(6),
  .events-grid .grid-item.hidden ~ .grid-item:nth-child(6) {
    clear: none; }
  .hitlist-grid.filtered .grid-item,
  .news-grid.filtered .grid-item,
  .events-grid.filtered .grid-item {
    width: 25%;
    font-size: 1.1em; } }
* {
  margin: 0;
  padding: 0;
  border: 0; }

*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  *behaviour: url(../libs/boxsizing.htc); }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

iframe {
  border: 0;
  margin: 0;
  padding: 0; }

h1 + h1, h2 + h1, h3 + h1, h4 + h1, h5 + h1, h6 + h1, h1 + h2, h2 + h2, h3 + h2, h4 + h2, h5 + h2, h6 + h2, h1 + h3, h2 + h3, h3 + h3, h4 + h3, h5 + h3, h6 + h3, h1 + h4, h2 + h4, h3 + h4, h4 + h4, h5 + h4, h6 + h4, h1 + h5, h2 + h5, h3 + h5, h4 + h5, h5 + h5, h6 + h5, h1 + h6, h2 + h6, h3 + h6, h4 + h6, h5 + h6, h6 + h6 {
  margin-top: 0; }

h2 {
  font-size: 2em;
  text-transform: uppercase; }

h3 {
  font-size: 1.7em; }

h4 {
  font-size: 1.3em; }

h5 {
  font-size: 1em; }

h6 {
  font-size: 0.9em; }

p {
  font-size: 1em;
  margin-bottom: 1em;
  line-height: 1.6em; }

hr {
  background: #e0e0e0;
  height: 1px;
  margin: 2em 1em; }

ul, ol {
  margin: 1em 0;
  padding: 0 0 0 1.4em;
  line-height: 1.6em; }

li ul, li ol {
  margin: 0; }

button::-moz-focus-inner {
  border: 0; }

a img {
  border: none;
  outline: none; }

img {
  -ms-interpolation-mode: bicubic;
  max-width: 100%;
  height: auto; }

svg:not(:root) {
  overflow: hidden; }

#vague-svg-blur {
  position: absolute;
  left: -9999px;
  width: 1px;
  top: 0; }

#nprogress .bar {
  background: #ed3624;
  z-index: 3000; }
#nprogress .peg {
  box-shadow: 0 0 10px #ed3624, 0 0 5px #ed3624; }
#nprogress .spinner-icon {
  border-top-color: #ed3624;
  border-left-color: #ed3624; }

.content-overflow {
  width: 100%;
  position: relative;
  overflow: hidden; }

.desktop-only {
  display: none; }

#fullscreen-logo {
  position: fixed;
  margin: 0;
  top: 0;
  right: 10px;
  width: 40px;
  padding-bottom: 60px;
  z-index: 1200;
  border-radius: 0 0 10px 10px;
  background: url(/assets/q-music-logo-medium-white-a81da001881a12212dd08f256e24dcfa4a47dfe4ff554145acb334d31b00d4bc.png) center 88% no-repeat #ed3624;
  background-size: 30px 36px;
  display: none; }
  #fullscreen-logo .title {
    display: block;
    height: 0;
    width: 0;
    overflow: hidden;
    float: left;
    text-indent: -9999px; }
  #fullscreen-logo .close-button {
    display: block;
    color: black;
    background: white;
    width: 100%;
    padding: 5px 0 3px;
    line-height: 1.1em;
    margin-bottom: -0.5em;
    text-align: center;
    font-size: 19.2px; }
  .show-player-fullscreen #fullscreen-logo {
    display: block; }

.container {
  position: relative;
  margin: 0 auto;
  padding: 0 10px;
  max-width: 1000px; }

.icon-button {
  cursor: pointer;
  position: relative;
  text-align: center;
  text-decoration: none;
  display: inline-block; }
  .icon-button:focus {
    text-decoration: none; }
  .icon-button .icon {
    display: block;
    line-height: 1em;
    min-width: 1em;
    height: 1em;
    text-align: center;
    margin: 0 auto; }
  .icon-button.big {
    font-size: 2em; }
    .icon-button.big .tooltip {
      font-size: 0.5em; }
  .icon-button.big-icon .icon {
    font-size: 2.8em; }
  .icon-button .icon-text {
    line-height: 1.5em;
    font-size: 1em; }
  .icon-button .icon-text.under {
    margin-top: 0.2em;
    display: block;
    text-align: center;
    white-space: nowrap; }

.fit-text {
  display: block;
  line-height: 0.8em;
  margin: 0.05em 0 -0.05em 0;
  white-space: nowrap; }

.nano {
  min-height: 200px; }
  .nano .nano-content {
    padding-right: 20px; }
  .nano .nano-pane {
    background: #FFFFFF;
    width: 5px;
    right: 1px;
    margin: 0 5px; }
    .nano .nano-pane .nano-slider {
      background: #FF0000;
      margin: 0;
      box-shadow: inset 0 0 0 1px #FFFFFF; }

.loader {
  padding: 0;
  margin: 0;
  font-size: 30px;
  height: 40px;
  width: 40px;
  line-height: 40px;
  text-align: center;
  color: black;
  background: white;
  border-radius: 100%; }
  .loader.centered {
    display: block;
    margin: 10px auto; }

.modal-overlay {
  background: #000000;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  position: fixed;
  z-index: 5000; }

.modal-content {
  position: relative;
  margin: 5% auto;
  padding: 30px 0 20px 0;
  background: white; }
  .modal-content .title {
    margin: 0; }

.modal-close {
  position: absolute;
  top: -20px;
  right: 0;
  font-size: 3em;
  color: #000000; }

.time-clock {
  position: relative;
  display: inline-block;
  width: 0.9em;
  height: 0.9em;
  top: 0.1em;
  background: url(/assets/clock-empty-gray-e3f9e804b9eb5a96c59384f1654b889d85fe83bf34504fa13e7cfe7b4bc82f94.svg) center no-repeat;
  background-size: contain; }
  .time-clock .arm {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(/assets/clock-hour-gray-9d64a3c2c470761d61a710f5432f09cb0f845766ebfb53a64971e25af3301977.svg) center no-repeat;
    background-size: contain; }
  .time-clock .clock-minute {
    background-image: url(/assets/clock-minute-gray-c14e6fb84d04fa781097f9a983979ccfa7b84af4873b59119368bce4f6d0129f.svg); }
  .time-clock:before,
  .time-clock .arm:before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    font-size: 1em; }

.breadcrumbs {
  padding: 1em 0; }
  .breadcrumbs a {
    text-decoration: none;
    color: #919191; }
    .breadcrumbs a:after {
      position: relative;
      display: inline-block;
      vertical-align: middle;
      content: ' ';
      width: 0.5em;
      height: 0.5em;
      margin: 0 0.2em;
      -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg);
      border: 2px solid #919191;
      border-top-color: transparent;
      border-left-color: transparent; }

.fixed-nav-player {
  position: fixed;
  top: 4px;
  right: 4px;
  z-index: 1000; }
  @media (max-width: 700px) {
    .fixed-nav-player {
      left: 4px;
      top: 44px; } }
  @media (max-width: 600px) {
    .fixed-nav-player {
      left: 0; } }

.menu-open .fixed-nav-player {
  position: static; }

#theme-strip {
  position: relative;
  height: 11vw;
  margin: .5vw 2px;
  background-color: #ed3624;
  z-index: -1; }
  #theme-strip span {
    z-index: -1;
    position: absolute;
    background-color: #3d3d3d;
    width: calc(10vw + 4px);
    height: 11vw;
    padding: 20px; }
  #theme-strip span:first-of-type {
    border-right: 4px solid #fff; }
  #theme-strip span:last-of-type {
    right: 0;
    border-left: 4px solid #fff; }

@media screen and (min-width: 700px) {
  .mobile-only {
    display: none; }

  .desktop-only {
    display: initial; }

  h1 {
    font-size: 2.8em; }

  h2 {
    font-size: 2.8em; }

  h3 {
    font-size: 2.2em; }

  h4 {
    font-size: 1.6em; }

  h5 {
    font-size: 1em; }

  h6 {
    font-size: 0.8em; } }
@media screen and (min-width: 1000px) {
  #fullscreen-logo {
    right: 30px;
    background-position: center 83%;
    background-size: 45px 54px;
    width: 60px;
    padding-bottom: 90px; }
    #fullscreen-logo .close-button {
      margin-bottom: -1.1em; }
      #fullscreen-logo .close-button:before {
        margin-left: -0.3em; } }
@media print {
  img {
    max-width: 100% !important; }

  p, h2, h3 {
    orphans: 3;
    widows: 3; } }
/* boilerplate visuallyhidden */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }

.clearfix:before, .clearfix:after {
  content: " ";
  display: table; }
.clearfix:after {
  clear: both; }

.tooltip {
  position: absolute;
  left: -9999px;
  top: -9999px;
  margin-bottom: 10px;
  background: white;
  line-height: auto;
  padding: 4px 10px;
  pointer-events: none;
  color: black;
  line-height: normal;
  white-space: nowrap;
  opacity: 0;
  z-index: 3000;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -moz-transition: 0s opacity 1s;
  -ms-transition: 0s opacity 1s;
  -o-transition: 0s opacity 1s;
  -webkit-transition: 0s opacity 1s;
  transition: 0s opacity 1s; }

:hover > .tooltip {
  top: auto;
  left: 50%;
  bottom: 100%;
  opacity: 1;
  -moz-transition: 0.5s opacity 1s;
  -ms-transition: 0.5s opacity 1s;
  -o-transition: 0.5s opacity 1s;
  -webkit-transition: 0.5s opacity 1s;
  transition: 0.5s opacity 1s; }
  :hover > .tooltip.right {
    right: 0;
    left: auto;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    -webkit-transform: none;
    transform: none; }
.instagram-media {
  min-width: initial !important; }
.vjs-hidden, .vjs-big-play-button, .vjs-control-bar {
  display: none; }
.votes-top {
  background-color: #eeeeee;
  width: 100%;
  padding: 2px;
  padding-bottom: 0.5px; }
  @media (min-width: 700px) {
    .votes-top {
      width: 50%; } }
  .votes-top .votelist-drag-track {
    padding-right: 65px;
    height: 4em; }
    .votes-top .votelist-drag-track img {
      height: 4em;
      width: 4em; }
    .votes-top .votelist-drag-track .add-remove {
      background: none;
      height: 2em;
      width: 2em; }
  .votes-top .artist {
    font-size: 1.4em;
    padding-top: 12px; }
  .votes-top .play {
    font-size: 30px;
    color: white; }
    .votes-top .play .progress {
      display: none; }
    .votes-top .play.playing:before {
      background-color: white;
      top: 2px;
      width: 4em;
      height: 4em;
      border-radius: 13%;
      text-indent: -999px;
      overflow: hidden;
      margin-right: 3px; }
  .votes-top .toggle-playing {
    position: absolute;
    right: 3px;
    top: 5px;
    font-size: 56px;
    color: #d7d7d7; }
    .votes-top .toggle-playing:focus, .votes-top .toggle-playing:link {
      color: #d7d7d7; }
    .votes-top .toggle-playing:active, .votes-top .toggle-playing:hover {
      color: rgba(0, 0, 0, 0.5); }
    @media (max-width: 699px) {
      .votes-top .toggle-playing {
        right: 17px; } }
    .votes-top .toggle-playing .icon {
      line-height: 70px; }
    .votes-top .toggle-playing .qi-stop {
      display: none; }
    .votes-top .toggle-playing.playing {
      color: rgba(0, 0, 0, 0.5); }
      .votes-top .toggle-playing.playing .qi-stop {
        display: inline; }
      .votes-top .toggle-playing.playing .qi-play {
        display: none; }
:root {
  --primary-color: #E72413;
  --secondary-color: #3D3D3D;
  --tertiary-color: #FFF; }

.q-yellow-yellow {
  --primary-color: #F9F3C5;
  --secondary-color: #F9F3C5;
  --tertiary-color: #3D3D3D; }

.q-yellow-yellow {
  --primary-color: #F9F3C5;
  --secondary-color: #F9F3C5;
  --tertiary-color: #3D3D3D; }

.q-yellow-purple {
  --primary-color: #F9F3C5;
  --secondary-color: #FC68B6;
  --tertiary-color: #3D3D3D; }

.q-purple-yellow {
  --primary-color: #FC68B6;
  --secondary-color: #F9F3C5;
  --tertiary-color: #FFF; }

.q-yellow-green {
  --primary-color: #F9F3C5;
  --secondary-color: #A8D832;
  --tertiary-color: #3D3D3D; }

.q-green-yellow {
  --primary-color: #A8D832;
  --secondary-color: #F9F3C5;
  --tertiary-color: #3D3D3D; }

.q-yellow-blue {
  --primary-color: #F9F3C5;
  --secondary-color: #7CBAF7;
  --tertiary-color: #3D3D3D; }

.q-blue-yellow {
  --primary-color: #7CBAF7;
  --secondary-color: #F9F3C5;
  --tertiary-color: #FFF; }

.q-yellow-red {
  --primary-color: #F9F3C5;
  --secondary-color: #ED3624;
  --tertiary-color: #3D3D3D; }

.q-red-yellow {
  --primary-color: #ED3624;
  --secondary-color: #F9F3C5;
  --tertiary-color: #FFF; }

.q-purple-yellow {
  --primary-color: #FC68B6;
  --secondary-color: #F9F3C5;
  --tertiary-color: #FFF; }

.q-yellow-purple {
  --primary-color: #F9F3C5;
  --secondary-color: #FC68B6;
  --tertiary-color: #3D3D3D; }

.q-purple-purple {
  --primary-color: #FC68B6;
  --secondary-color: #FC68B6;
  --tertiary-color: #FFF; }

.q-purple-purple {
  --primary-color: #FC68B6;
  --secondary-color: #FC68B6;
  --tertiary-color: #FFF; }

.q-purple-green {
  --primary-color: #FC68B6;
  --secondary-color: #A8D832;
  --tertiary-color: #FFF; }

.q-green-purple {
  --primary-color: #A8D832;
  --secondary-color: #FC68B6;
  --tertiary-color: #3D3D3D; }

.q-purple-blue {
  --primary-color: #FC68B6;
  --secondary-color: #7CBAF7;
  --tertiary-color: #FFF; }

.q-blue-purple {
  --primary-color: #7CBAF7;
  --secondary-color: #FC68B6;
  --tertiary-color: #FFF; }

.q-purple-red {
  --primary-color: #FC68B6;
  --secondary-color: #ED3624;
  --tertiary-color: #FFF; }

.q-red-purple {
  --primary-color: #ED3624;
  --secondary-color: #FC68B6;
  --tertiary-color: #FFF; }

.q-green-yellow {
  --primary-color: #A8D832;
  --secondary-color: #F9F3C5;
  --tertiary-color: #3D3D3D; }

.q-yellow-green {
  --primary-color: #F9F3C5;
  --secondary-color: #A8D832;
  --tertiary-color: #3D3D3D; }

.q-green-purple {
  --primary-color: #A8D832;
  --secondary-color: #FC68B6;
  --tertiary-color: #3D3D3D; }

.q-purple-green {
  --primary-color: #FC68B6;
  --secondary-color: #A8D832;
  --tertiary-color: #FFF; }

.q-green-green {
  --primary-color: #A8D832;
  --secondary-color: #A8D832;
  --tertiary-color: #3D3D3D; }

.q-green-green {
  --primary-color: #A8D832;
  --secondary-color: #A8D832;
  --tertiary-color: #3D3D3D; }

.q-green-blue {
  --primary-color: #A8D832;
  --secondary-color: #7CBAF7;
  --tertiary-color: #3D3D3D; }

.q-blue-green {
  --primary-color: #7CBAF7;
  --secondary-color: #A8D832;
  --tertiary-color: #FFF; }

.q-green-red {
  --primary-color: #A8D832;
  --secondary-color: #ED3624;
  --tertiary-color: #3D3D3D; }

.q-red-green {
  --primary-color: #ED3624;
  --secondary-color: #A8D832;
  --tertiary-color: #FFF; }

.q-blue-yellow {
  --primary-color: #7CBAF7;
  --secondary-color: #F9F3C5;
  --tertiary-color: #FFF; }

.q-yellow-blue {
  --primary-color: #F9F3C5;
  --secondary-color: #7CBAF7;
  --tertiary-color: #3D3D3D; }

.q-blue-purple {
  --primary-color: #7CBAF7;
  --secondary-color: #FC68B6;
  --tertiary-color: #FFF; }

.q-purple-blue {
  --primary-color: #FC68B6;
  --secondary-color: #7CBAF7;
  --tertiary-color: #FFF; }

.q-blue-green {
  --primary-color: #7CBAF7;
  --secondary-color: #A8D832;
  --tertiary-color: #FFF; }

.q-green-blue {
  --primary-color: #A8D832;
  --secondary-color: #7CBAF7;
  --tertiary-color: #3D3D3D; }

.q-blue-blue {
  --primary-color: #7CBAF7;
  --secondary-color: #7CBAF7;
  --tertiary-color: #FFF; }

.q-blue-blue {
  --primary-color: #7CBAF7;
  --secondary-color: #7CBAF7;
  --tertiary-color: #FFF; }

.q-blue-red {
  --primary-color: #7CBAF7;
  --secondary-color: #ED3624;
  --tertiary-color: #FFF; }

.q-red-blue {
  --primary-color: #ED3624;
  --secondary-color: #7CBAF7;
  --tertiary-color: #FFF; }

.q-red-yellow {
  --primary-color: #ED3624;
  --secondary-color: #F9F3C5;
  --tertiary-color: #FFF; }

.q-yellow-red {
  --primary-color: #F9F3C5;
  --secondary-color: #ED3624;
  --tertiary-color: #3D3D3D; }

.q-red-purple {
  --primary-color: #ED3624;
  --secondary-color: #FC68B6;
  --tertiary-color: #FFF; }

.q-purple-red {
  --primary-color: #FC68B6;
  --secondary-color: #ED3624;
  --tertiary-color: #FFF; }

.q-red-green {
  --primary-color: #ED3624;
  --secondary-color: #A8D832;
  --tertiary-color: #FFF; }

.q-green-red {
  --primary-color: #A8D832;
  --secondary-color: #ED3624;
  --tertiary-color: #3D3D3D; }

.q-red-blue {
  --primary-color: #ED3624;
  --secondary-color: #7CBAF7;
  --tertiary-color: #FFF; }

.q-blue-red {
  --primary-color: #7CBAF7;
  --secondary-color: #ED3624;
  --tertiary-color: #FFF; }

.q-red-red {
  --primary-color: #ED3624;
  --secondary-color: #ED3624;
  --tertiary-color: #FFF; }

.q-red-red {
  --primary-color: #ED3624;
  --secondary-color: #ED3624;
  --tertiary-color: #FFF; }

.q-orange-red {
  --primary-color: #FF9700;
  --secondary-color: #ED3624;
  --tertiary-color: #FFFFFF; }

.q-all-blue {
  --primary-color: #7CBAF7;
  --secondary-color: #7CBAF7;
  --tertiary-color: #FFF; }
  .q-all-blue .c-button--base {
    background: #7CBAF7; }
    .q-all-blue .c-button--base:hover {
      background: #4ca1f4; }

.u-grid {
  width: 100%;
  clear: both;
  display: flex;
  flex-flow: wrap; }
  .u-grid__item {
    width: 100%;
    margin-right: 1.45773%; }
    .u-grid__item:last-child {
      margin-right: 0; }
  .u-grid--spacing .u-grid__item {
    margin-bottom: 1.45773%; }
  .u-grid--spacing\+ .u-grid__item {
    margin-bottom: 2.91545% !important; }
  .u-grid--2\/4 {
    display: grid;
    grid-gap: 11px 1.45773%; }
    @media (min-width: 61.25em) {
      .u-grid--2\/4 {
        grid-template-columns: repeat(2, minmax(0, 1fr)); } }
  @media (min-width: 46.25em) {
    .u-grid--reset .u-grid__item {
      margin-bottom: 0; } }

@media (min-width: 61.25em) {
  .u-1\/3\@desktop {
    width: 32.36152%; } }

@media (min-width: 81.25em) {
  .u-1\/3\@wide {
    width: 32.36152%; } }

@media (min-width: 61.25em) {
  .u-2\/3\@desktop {
    width: 66.18076%; } }

.u-2\/3\@wide.u-grid__item {
  margin-right: 0; }
@media (min-width: 81.25em) {
  .u-2\/3\@wide.u-grid__item {
    width: 66.18076%;
    margin-right: 1.45773%; } }

.u-h2 {
  font-size: 45px; }

[hidden] {
  display: none !important; }

@media (min-width: 46.25em) {
  [hidden-tablet] {
    display: none; } }

@media (max-width: 46.24em) {
  [hidden-mobile] {
    display: none; } }

.u-tooltip-aria {
  position: relative; }
  .u-tooltip-aria::after {
    content: attr(aria-label);
    display: none;
    position: absolute;
    top: 110%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 5000;
    pointer-events: none;
    padding: 4px 8px;
    line-height: 15px;
    font-size: .75rem;
    color: #fff;
    white-space: nowrap;
    background-color: #3D3D3D;
    border-radius: 2px;
    box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.3); }
  .u-tooltip-aria:hover::after, .u-tooltip-aria:focus::after {
    display: block; }
  .u-tooltip-aria[data-tooltip-position="left"]::after {
    left: 0;
    transform: translateX(0); }
  .u-tooltip-aria[data-tooltip-position="right"]::after {
    left: 100%;
    transform: translateX(-100%); }

a {
  color: #E72413;
  text-decoration: underline; }
  a:hover, a:focus {
    text-decoration: none; }
  a[target="_blank"]:not([class*="qi-"]):not([data-role="share"])::after {
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    margin-left: 0.25em;
    vertical-align: text-bottom;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px"><path d="M0 0h24v24H0z" fill="none"/><path d="M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z"/></svg>');
    background-size: contain;
    background-repeat: no-repeat; }
  a.c-button[target="_blank"]:not([class*="qi-"]):not([data-role="share"])::after {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px"><path d="M0 0h24v24H0z" fill="none"/><path d="M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z" fill="white" /></svg>'); }

body {
  color: #3D3D3D;
  font: 18px/1.2 "Qarla";
  margin: 0;
  background: #F2F2F2;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

h1,
h2,
h3,
h4,
h5,
h6 {
  letter-spacing: -0.23px;
  line-height: 1em;
  text-transform: uppercase;
  font-family: "Cervo";
  font-weight: bold; }

h3 {
  line-height: 22px; }

.o-heading {
  line-height: 1.6; }

h3.o-heading {
  color: #3D3D3D;
  font-size: 24px;
  text-transform: uppercase; }

button {
  cursor: pointer;
  padding: 0;
  background: none; }

select {
  border: 1px solid #BCBEBF;
  border-radius: 0;
  -webkit-appearance: none;
  font-size: 20px;
  font-family: "Qarla";
  cursor: pointer;
  padding-right: 24px;
  color: #3D3D3D; }

.o-form__field .o-form__text {
  border: 1px solid #BCBEBF;
  font-family: "Qarla";
  font-size: 20px; }

:focus-visible {
  outline: none;
  /* disable native outline only for keyboard focus */
  box-shadow: 0 0 0 4px rgba(59, 150, 241, 0.4), 0 0 0 2px #3B96F1;
  border-radius: 5px; }

.o-icon {
  width: 24px;
  height: 24px;
  display: inline-block; }
  .o-icon--mini {
    width: 0.725rem; }
  .o-icon--audio {
    width: 18px;
    height: 27px; }
  .o-icon--qsounds {
    width: 100%;
    max-width: 223px;
    height: 100%;
    max-height: 67px; }
  .o-icon--google, .o-icon--apple {
    width: 146px;
    height: 50px; }
  .o-icon--large {
    width: 46px;
    height: 46px; }

.o-page {
  position: relative;
  height: 100%; }
  @media (min-width: 46.25em) {
    .o-page > header {
      position: fixed;
      left: 0;
      top: 0;
      bottom: 0;
      z-index: 1000; } }
  .o-page__content > *:last-child {
    padding-bottom: 65px; }
  .o-page__main {
    display: flex;
    flex-direction: column;
    flex: 1 0 auto;
    height: 100%; }
    @media (min-width: 46.25em) {
      .o-page__main {
        margin-left: 185px; } }
    @media (min-width: 61.25em) {
      .o-page__main {
        margin-left: 240px; } }
  .o-page__content-wrapper {
    flex: 1 0 auto; }
  .o-page__footer {
    flex-shrink: 0; }
  .o-page__title {
    text-align: center;
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 8px !important; }
    @media (min-width: 46.25em) {
      .o-page__title {
        font-size: 55px; } }
  .o-page__header {
    background: linear-gradient(#E72413 100px, #FFFFFF 101px);
    padding: 0 9px 32px;
    margin-bottom: 0 !important; }
    @media (min-width: 46.25em) {
      .o-page__header {
        background: linear-gradient(#E72413 300px, #FFFFFF 301px); } }

.o-media {
  position: relative;
  background: #FFF;
  overflow: hidden;
  font-family: "Cervo"; }
  .o-media:hover .o-media__image img {
    opacity: .96;
    transform: scale(1.03); }
  .o-media__header {
    font-size: 16px;
    padding: 12px 0 8px; }
    .o-media__header .o-heading {
      margin-bottom: 8px; }
    .o-media__header h2.o-heading {
      font-size: 27px; }
  .o-media__image {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    overflow: hidden;
    transform: translateX(0); }
    .o-media__image img {
      width: 100%;
      transition: transform .3s; }
  .o-media__tag {
    font: normal 15px/1.3 "BlackBones";
    margin: 0;
    color: #E72413; }
  .o-media__subtitle {
    font-size: 16px;
    margin-bottom: 0;
    text-transform: uppercase; }
  .o-media__title {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 18px; }
    @media (min-width: 46.25em) {
      .o-media__title {
        font-size: 24px;
        line-height: 1.2; } }
  .o-media__link {
    color: #3D3D3D;
    text-decoration: none; }
  .o-media__content {
    padding: 8px; }
  .o-media__category-icon {
    position: absolute;
    left: 6px;
    color: #000;
    opacity: .75;
    font-size: 20px; }
  .o-media__time {
    font-size: 13px;
    color: #3D3D3D;
    margin-top: 4px; }
    @media (min-width: 46.25em) {
      .o-media__time {
        font-size: 18px; } }
  .o-media__button {
    margin-left: auto; }
  .o-media__play {
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    position: absolute;
    width: 60px;
    height: 60px;
    fill: #FFF; }
  .o-media--audio .o-media__content, .o-media--podcast .o-media__content, .o-media--music .o-media__content, .o-media--list .o-media__content, .o-media--date .o-media__content, .o-media--video .o-media__content, .o-media--win .o-media__content, .o-media--photo .o-media__content {
    padding-left: 33px; }
  .o-media--custom {
    padding-top: 56.25%; }

.o-container {
  margin: 0 auto; }
  @media (min-width: 46.25em) {
    .o-container {
      padding: 0 8px; } }
  @media (min-width: 61.25em) {
    .o-container {
      padding: 0 32px; } }
  @media (min-width: 93.75em) {
    .o-container {
      padding: 0 50px; } }
  .o-container\- {
    max-width: 945px !important;
    margin: 0 auto; }
  .o-container\-\- {
    margin: 0 auto;
    max-width: 798px !important; }
  .o-container\-\-\- {
    margin: 0 auto;
    max-width: 360px !important; }

.o-block-link, .c-nav__item {
  position: relative; }
  .o-block-link a:before, .c-nav__item a:before {
    bottom: 0;
    content: "";
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    white-space: nowrap;
    z-index: 1; }

.o-channel {
  display: flex;
  background: #E72413;
  color: #FFF;
  width: 100%;
  padding: 0 24px 0 0;
  font-size: 15px;
  align-items: center;
  height: 60px;
  background-size: cover;
  transform: translateX(0);
  min-width: 0;
  position: relative;
  /*&__play{
    color: white !important;
    border-radius: 50%;
    border: none !important;
    background: rgba(0,0,0, 0.3);
    -webkit-box-shadow: 1px 2px 0px 0px rgba(0,0,0,0.3); 
    box-shadow: 1px 2px 0px 0px rgba(0,0,0,0.3); 
    transition: box-shadow ease 0.2s, background-color ease 0.2s, transform ease 0.2s;

    &:hover{
      box-shadow: none;
      background-color: rgba(0,0,0,0) !important;
      transform: scale(1.05);
      color: white !important;
    }
  }*/ }
  @media (min-width: 46.25em) and (max-width: 81.24em) {
    .o-channel {
      padding: 60px 8px 8px;
      height: auto; } }
  @media (min-width: 81.25em) {
    .o-channel {
      height: auto;
      flex: 1; } }
  @media (min-width: 81.25em) {
    .o-channel__logo {
      min-width: 16%;
      width: 16%; } }
  @media (min-width: 46.25em) and (max-width: 81.24em) {
    .o-channel__logo {
      max-width: 70px;
      max-height: 70px;
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      top: 0; } }
  .o-channel__img {
    width: 100%; }
  .o-channel__title {
    font-weight: 600; }
  .o-channel__content {
    min-width: 0;
    text-transform: uppercase; }
  .o-channel__title, .o-channel__artist {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-family: "Cervo";
    font-size: 18px; }
    @media (min-width: 81.25em) {
      .o-channel__title, .o-channel__artist {
        font-size: 1.2vw; } }
  .o-channel__icon {
    width: 30px;
    min-width: 30px;
    height: 30px; }
    @media (min-width: 61.25em) {
      .o-channel__icon {
        width: 2.3vw;
        min-width: 2.3vw;
        height: 2.3vw; } }
  .o-channel-block {
    width: 33%; }
    @media (max-width: 46.24em) {
      .o-channel-block {
        width: 50%; } }
    .o-channel-block .o-channel__img {
      width: 70px; }
  .o-channel__action {
    margin-left: auto;
    width: 2.5rem;
    height: 2.5rem;
    background-color: #FFF;
    border-radius: 100%;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition-duration: .3s;
    transition-property: background-color;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); }
    .o-channel__action:hover {
      background-color: rgba(255, 255, 255, 0.8); }
  .o-channel__icon {
    width: 1rem;
    height: 1rem;
    fill: #E72413; }

.o-header--full {
  position: relative; }
  @media (min-width: 61.25em) {
    .o-header--full .o-header__content {
      position: absolute;
      left: 0;
      top: 0;
      padding: 8vw 6.99708% 0 40.81633%;
      color: var(--tertiary-color); } }
  @media (max-width: 61.24em) {
    .o-header--full .o-header__title {
      top: 20%;
      position: absolute;
      left: 40.81633%;
      right: 6.99708%; }
    .o-header--full .o-header__description {
      font-weight: bold;
      font-size: 16px;
      padding: 8px; } }
  @media (max-width: 61.24em) and (min-width: 46.25em) {
    .o-header--full .o-header__description {
      padding: 24px 40px; } }

.o-header--default {
  text-align: center; }
  @media (min-width: 46.25em) {
    .o-header--default {
      padding-top: 40px; } }
  @media (min-width: 46.25em) {
    .o-header--default .o-header--has-image .o-header__content {
      max-width: 40.81633%; } }
@media (max-width: 61.24em) {
  .o-header__content {
    padding: 8px; } }
.o-header__title {
  text-align: center; }
  @media (min-width: 46.25em) {
    .o-header__title {
      font-weight: normal;
      font-size: 24px; } }
  @media (min-width: 61.25em) {
    .o-header__title {
      font-size: 3.05em; } }

.o-article {
  position: relative;
  background: #FFF; }
  .o-article::before {
    content: '';
    background: #E72413;
    width: 100%;
    height: 100px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1; }
    @media (min-width: 46.25em) {
      .o-article::before {
        height: 300px; } }
  .o-article__container {
    margin: 0 auto;
    max-width: 798px; }
  .o-article__wrapper {
    padding: 0 9px 32px;
    margin: 0 auto;
    max-width: 798px; }
  .o-article__image, .o-article__video {
    padding-top: 56.256%;
    position: relative;
    overflow: hidden; }
    .o-article__image .o-article__img, .o-article__image .o-article__video-wrapper, .o-article__video .o-article__img, .o-article__video .o-article__video-wrapper {
      position: absolute;
      left: 0;
      display: block;
      top: 0;
      z-index: 1;
      width: 100%; }
  .o-article__header {
    margin-bottom: 8px; }
    @media (min-width: 46.25em) {
      .o-article__header {
        padding-top: 48px;
        margin-bottom: 32px; } }
    @media (min-width: 81.25em) {
      .o-article__header {
        padding-top: 62px;
        margin-bottom: 32px; } }
  .o-article__title {
    font-size: 24px;
    font-weight: 100;
    margin-bottom: 8px !important;
    text-wrap: balance; }
    .o-article__title strong {
      font-weight: 600; }
    @media (min-width: 46.25em) {
      .o-article__title {
        font-size: 55px; } }
  .o-article__cta {
    margin-bottom: 18px; }
  .o-article__date {
    text-transform: uppercase;
    font-size: 16px;
    font-family: "Cervo";
    text-align: center;
    line-height: 1; }
    @media (min-width: 46.25em) {
      .o-article__date {
        font-size: 18px; } }
    .o-article--no-image .o-article__date {
      margin-bottom: 0; }
  .o-article .article-body h2, .o-article .article-body h3, .o-article .article-body h4, .o-article .article-body h5 {
    margin-bottom: 16px;
    line-height: 1; }
  .o-article__content-top {
    text-align: center;
    margin-bottom: 32px; }
    .o-article--no-image .o-article__content-top {
      background: #E72413;
      padding: 8px 9px;
      position: relative;
      z-index: 2;
      color: #FFF;
      align-items: center;
      justify-content: center;
      display: flex;
      flex-direction: column;
      min-height: 100px;
      margin-bottom: 0; }
      @media (min-width: 46.25em) {
        .o-article--no-image .o-article__content-top {
          min-height: 300px; } }
    .o-article__content-top > * {
      margin-bottom: 8px; }
      @media (min-width: 46.25em) {
        .o-article__content-top > * {
          margin-bottom: 16px; } }
  @media (min-width: 46.25em) {
    .o-article__top {
      display: none; } }

.o-hitlist::before {
  content: '';
  background: #E72413;
  width: 100%;
  height: 100px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1; }
  @media (min-width: 46.25em) {
    .o-hitlist::before {
      height: 300px; } }

.o-section {
  margin: 0 0 16px; }
  @media (min-width: 46.25em) {
    .o-section {
      margin: 16px auto 0; } }
  .o-section__title {
    font-size: 67px;
    line-height: .7;
    color: var(--primary-color); }
    .o-section__title em {
      display: block;
      font-family: "BlackBones";
      color: #3D3D3D;
      text-transform: none;
      font-size: 43px;
      font-weight: 400;
      position: relative;
      z-index: 1;
      font-style: normal; }
  .o-section__program-title {
    font-size: 40px;
    color: var(--primary-color); }
    .o-section__program-title em {
      color: #3D3D3D;
      font-size: 34px; }
  .o-section__footer {
    text-align: center;
    padding-top: 11px; }
  .o-section__header {
    padding: 24px 0; }
    @media (min-width: 46.25em) {
      .o-section__header {
        padding: 32px 0 24px; } }
    @media (min-width: 46.25em) {
      .o-section__header--inline {
        display: flex;
        align-items: center; } }
    .o-section__header--inline .o-section__heading {
      margin-right: 1.45773%; }
      .o-section__header--inline .o-section__heading--light {
        font-weight: 100; }
    .o-section__header .o-form__field:last-child {
      margin-left: auto; }
  .o-section__button {
    width: 100%;
    justify-content: center; }
    @media (min-width: 46.25em) {
      .o-section__button {
        width: 32.36152%; } }

.o-list {
  margin: 0;
  padding: 0;
  list-style: none;
  text-transform: uppercase; }
  .o-list__item-with-button {
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 25px; }
    .o-list__item-with-button:last-child {
      margin-bottom: 0; }
  .o-list__link {
    font-family: 'Cervo';
    font-weight: bold;
    text-decoration: none; }
    .o-list__link:after {
      margin-left: 5px;
      content: '>';
      transition: margin-left .1s ease-in; }
    .o-list__link:hover:after {
      margin-left: 10px; }

.o-timetable {
  list-style: none;
  margin: 0;
  padding: 0;
  font-family: "Cervo"; }
  .o-timetable__link {
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
    color: #3D3D3D; }
    .o-timetable__link:hover {
      color: #E72413; }
  .o-timetable__time {
    text-align: center;
    width: 15.4519%;
    font-size: 16px; }
  .o-timetable__item {
    background: #FFF;
    border-bottom: 1px solid #3D3D3D;
    line-height: 50px;
    white-space: nowrap;
    display: flex;
    align-items: center;
    position: relative;
    transform: translateX(0); }
    .o-timetable__item:last-child {
      border-bottom: 0; }
    .o-timetable__item--active {
      color: #E72413; }
      .o-timetable__item--active a {
        color: #E72413; }

.o-dayswitch {
  padding: 8px 0;
  position: relative; }
  .o-dayswitch__button {
    width: 15%;
    height: 100%;
    background: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%); }
    .o-dayswitch__button:hover {
      fill: #E72413; }
  .o-dayswitch__next {
    right: 0; }
  .o-dayswitch__title {
    text-align: center;
    font-size: 18px;
    line-height: 1.1; }
    .o-dayswitch__title span,
    .o-dayswitch__title a {
      font-size: 30px;
      display: block; }
  .o-dayswitch__subtitle {
    color: #E72413;
    font-style: normal; }

.o-playlist {
  background: #FFF;
  box-shadow: 0 -1px 0 0 rgba(9, 76, 89, 0.1);
  display: flex;
  align-items: center;
  padding: 1.45773%;
  position: relative; }
  .o-playlist__track-actions-icon {
    fill: #FFF;
    background: #E72413;
    border-radius: 100%;
    width: 24px;
    height: 24px; }
    .o-playlist__track-actions-icon use {
      transform: scale(0.65);
      transform-origin: center center; }
  .o-playlist__position {
    font-size: 16px;
    text-transform: uppercase;
    min-width: 38px;
    color: #717180;
    text-align: center;
    padding-right: 1.45773%;
    font-family: "Cervo"; }
    @media (min-width: 46.25em) {
      .o-playlist__position {
        font-size: 24px; } }
  .o-playlist__image {
    width: 54px;
    min-width: 54px;
    height: 54px;
    background: #717180; }
    @media (min-width: 46.25em) {
      .o-playlist__image {
        width: 70px;
        min-width: 70px;
        height: 70px; } }
    .o-playlist__image img {
      display: block; }
  .o-playlist__heading {
    font-size: 32px;
    line-height: 1;
    margin: 8px 0; }
    @media (max-width: 46.24em) {
      .o-playlist__heading {
        padding: 0 9px; } }
  .o-playlist__stats {
    margin: 0;
    display: block;
    line-height: 22px;
    font-size: 14px;
    font-family: "Cervo";
    color: #717180; }
  .o-playlist__textLabel {
    text-transform: uppercase;
    font-weight: 600; }
  .o-playlist__movement {
    font-size: 16px;
    margin-left: 4px; }
    .o-playlist__movement .o-icon {
      width: 9px; }
    .o-playlist__movement--new {
      color: #01BFB3; }
    .o-playlist__movement--raised {
      color: #6DD400; }
      .o-playlist__movement--raised .o-icon {
        fill: #6DD400;
        vertical-align: text-bottom; }
    .o-playlist__movement--dropped {
      color: #ED3624; }
      .o-playlist__movement--dropped .o-icon {
        fill: #ED3624;
        vertical-align: middle;
        transform: rotate(180deg); }
    .o-playlist__movement--equal {
      color: #FAD322; }
      .o-playlist__movement--equal .o-icon {
        fill: #FAD322;
        vertical-align: middle; }
  .o-playlist__previous {
    display: inline-block;
    width: 20px; }
  .o-playlist__title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
    .o-playlist__title:is(h3) {
      font-size: 20px; }
    @media (min-width: 46.25em) {
      .o-playlist__title {
        font-size: 24px; } }
  .o-playlist__artist {
    margin: 0;
    font-size: 18px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    line-height: 1;
    font-family: "Cervo"; }
    @media (min-width: 46.25em) {
      .o-playlist__artist {
        font-size: 20px; } }
  .o-playlist__content {
    padding: 0 8px 0 16px;
    min-width: 0; }
  .o-playlist__actions {
    white-space: nowrap;
    margin-left: auto;
    display: flex;
    align-items: center; }
    @media (min-width: 46.25em) {
      .o-playlist__actions .o-like__group {
        margin-left: 28px; } }
    .o-playlist__actions .o-like__group .o-playlist__button {
      width: 30px; }
    .o-playlist__actions .o-like {
      margin-left: 5px;
      width: auto !important;
      height: auto !important; }
      @media (min-width: 46.25em) {
        .o-playlist__actions .o-like {
          margin-left: 20px; } }
    .o-playlist__actions .o-actions-popper {
      display: flex;
      align-items: center; }
    .o-playlist__actions .o-icon {
      fill: #3D3D3D;
      width: 20px;
      height: 20px; }
      @media (min-width: 46.25em) {
        .o-playlist__actions .o-icon {
          width: 30px;
          height: 30px; } }
      .o-playlist__actions .o-icon--track {
        width: 30px;
        height: 30px; }
        @media (min-width: 46.25em) {
          .o-playlist__actions .o-icon--track {
            width: 40px;
            height: 40px; } }
  .o-playlist__button {
    width: 20px;
    height: 20px; }
    @media (min-width: 46.25em) {
      .o-playlist__button {
        width: 40px;
        height: 40px; } }
    .o-playlist__button.o-preview {
      width: 30px;
      height: 30px; }
      @media (min-width: 46.25em) {
        .o-playlist__button.o-preview {
          width: 40px;
          height: 40px; } }
  .o-playlist__message {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column; }
    .o-playlist__message p {
      text-transform: uppercase;
      font-weight: 600;
      font-size: 24px;
      font-family: "Cervo"; }
  .o-playlist--highlight {
    background: #E72413;
    box-shadow: 0 0 11px rgba(0, 0, 0, 0.5);
    z-index: 3; }
    .o-playlist--highlight * {
      color: #FFF; }
    .o-playlist--highlight .o-icon {
      fill: #FFF !important; }

.o-form__field {
  position: relative; }
.o-form__label {
  position: relative;
  display: block; }
  .o-form__label--select:hover:after {
    border-top-color: #000; }
  .o-form__label--select:after {
    content: '';
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #3D3D3D;
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    right: 8px;
    transform: translateY(-50%); }

.o-like {
  width: 32px;
  height: 32px;
  margin-left: 20px;
  display: flex;
  align-items: center;
  justify-content: center; }
  .o-like .icon {
    stroke: #E72413;
    fill: white !important;
    stroke-width: 1.5px; }
    .o-like .icon:hover {
      stroke: #E72413;
      fill: #E72413 !important;
      stroke-width: 1.5px; }
  .o-like--unlike .icon {
    fill: #E72413 !important;
    stroke: none; }
  .c-playlist--large .o-like {
    width: 40px;
    height: 40px; }

.o-message {
  background: #FFF;
  border-radius: 2px;
  padding: 16px;
  font-size: 16px;
  position: relative; }
  .o-message--in {
    margin-right: 36px; }
  .o-message--out {
    margin-left: 36px; }
  .o-message__image {
    position: absolute;
    left: -36px;
    width: 32px;
    top: 0; }
  .o-message:after {
    content: attr(data-message-time);
    color: #717180;
    font-size: 11px; }

.o-heading__program-title {
  position: relative;
  line-height: 1;
  color: var(--tertiary-color);
  font-weight: bold;
  font-size: 25px;
  text-wrap: balance; }
  @media (min-width: 46.25em) {
    .o-heading__program-title {
      font-size: 6vw; } }
  @media (min-width: 81.25em) {
    .o-heading__program-title {
      font-size: 4vw; } }
  .o-heading__program-title em {
    text-transform: none;
    font: 300 26px "BlackBones";
    color: var(--secondary-color);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    top: 0;
    position: absolute;
    transform: translateY(-58%);
    width: 100%;
    line-height: 1.4;
    padding-left: 8px;
    margin-left: -8px; }
    @media (min-width: 46.25em) {
      .o-heading__program-title em {
        font-size: 4vw; } }
    @media (min-width: 81.25em) {
      .o-heading__program-title em {
        font-size: 3vw; } }

.o-popover {
  background: #FFF;
  border-radius: 2px;
  position: absolute;
  box-shadow: 4px 4px 16px 0 rgba(18, 79, 91, 0.15) !important;
  width: 300px !important;
  text-align: left !important;
  padding: 12px !important;
  z-index: 1000; }
  .o-popover--right {
    right: 0; }

.popper {
  position: absolute;
  z-index: 200000; }

.popper .popper__arrow {
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
  margin: 10px; }

.popper[x-placement^="top"] {
  margin-bottom: 10px; }

.popper[x-placement^="top"] .popper__arrow {
  border-width: 10px 10px 0 10px;
  border-color: #fafafa transparent transparent transparent;
  bottom: -10px;
  left: calc(50% - 10px);
  margin-top: 0;
  margin-bottom: 0; }

.popper[x-placement^="bottom"] {
  margin-top: 10px; }

.popper[x-placement^="bottom"] .popper__arrow {
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #fafafa transparent;
  top: -10px;
  left: calc(50% - 10px);
  margin-top: 0;
  margin-bottom: 0; }

.popper[x-placement^="right"] {
  margin-left: 10px; }

.popper[x-placement^="right"] .popper__arrow {
  border-width: 10px 10px 10px 0;
  border-color: transparent #fafafa transparent transparent;
  left: -10px;
  top: calc(50% - 10px);
  margin-left: 0;
  margin-right: 0; }

.popper[x-placement^="left"] {
  margin-right: 10px; }

.popper[x-placement^="left"] .popper__arrow {
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #fafafa;
  right: -10px;
  top: calc(50% - 10px);
  margin-left: 0;
  margin-right: 0; }

.o-vote {
  text-align: left; }
  .o-vote--disabled .o-vote__button {
    color: rgba(255, 255, 255, 0.5);
    cursor: default; }
  .o-vote--disabled .o-vote__cover:before {
    content: '';
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    z-index: 1; }
  .o-vote__img {
    width: 100%;
    display: block; }
  .o-vote__icon {
    width: 16px;
    height: 16px; }
  .o-vote__content {
    position: absolute;
    left: 0;
    bottom: 0;
    color: #FFF;
    right: 0;
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.71) 98%);
    padding: 4px; }
  .o-vote__title, .o-vote__artist {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin: 0;
    line-height: 1; }
  .o-vote__title {
    font-size: 20px; }
  .o-vote__cover {
    width: 100%;
    position: relative;
    margin-bottom: 8px; }
  .o-vote__button {
    width: 100%;
    justify-content: center; }
  .o-vote__actions {
    min-height: 36px; }
  .o-vote .o-progressbar {
    max-width: 70%; }

.o-progressbar {
  background: #FFF;
  height: 7px;
  width: 200px;
  flex: 1;
  border-radius: 5px;
  margin: 4px 0; }
  .o-progressbar__track {
    background: #E72413;
    height: 7px;
    border-radius: 5px; }

.o-select {
  position: relative;
  display: block;
  margin: 0 10px; }
  .o-select:hover:after {
    border-top-color: #000; }
  .o-select:after {
    content: '';
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #E72413;
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    right: 8px;
    transform: translateY(-50%); }
  .o-select__field {
    font-family: "Cervo";
    border: 0;
    padding: 0 24px 0 0;
    height: auto;
    color: #E72413;
    font-size: 20px; }
    @media (min-width: 46.25em) {
      .o-select__field {
        font-size: 45px; } }
  .o-select option {
    font-size: 18px; }

.c-menu {
  width: 100%;
  background: #FFF; }
  @media (min-width: 46.25em) {
    .c-menu {
      border-top: 0;
      box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
      width: 185px;
      height: 100%;
      overflow-y: scroll;
      scrollbar-width: none;
      -ms-overflow-style: none;
      display: flex;
      flex-direction: column; }
      .c-menu::-webkit-scrollbar {
        display: none; }
      .c-menu:after {
        content: '';
        width: 10px;
        left: 0;
        top: 0;
        bottom: 0;
        background: #E72413;
        position: absolute; } }
  @media (max-width: 46.24em) {
    .c-menu {
      top: 0;
      z-index: 1000;
      position: sticky;
      width: 100%; } }
  @media (min-width: 61.25em) {
    .c-menu {
      width: 240px; } }
  .c-menu__top, .c-menu__main {
    background: #FFF;
    position: relative; }
    @media (min-width: 46.25em) {
      .c-menu__top, .c-menu__main {
        padding-left: 10px; } }
  @media (max-width: 46.24em) {
    .c-menu__main {
      transition: transform .4s ease-in-out;
      z-index: 20;
      position: fixed;
      bottom: 0;
      width: 85%;
      top: 0;
      transform: translateX(-100%);
      padding-top: 78px;
      border-top: 5px solid #E72413;
      visibility: hidden; }
      .c-menu__main:before {
        content: '';
        background: url("/assets/qmusic-a1d81a5f88375b3c5507cbc0b064ce1fc8778a076a245bddfd4f2a3e2417c330.png") no-repeat 0 0/cover;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: 6px;
        width: 48px;
        height: 57px; } }
  @media (min-width: 46.25em) {
    .c-menu__main {
      flex: 1; } }
  .c-menu__logo {
    margin: 6px auto;
    display: block; }
    @media (min-width: 46.25em) {
      .c-menu__logo {
        margin: 24px auto 32px; } }
  @media (max-width: 46.24em) {
    .c-menu__top {
      border-top: 5px solid #E72413;
      display: flex;
      align-items: center;
      height: 66px; } }
  .c-menu__toggle {
    position: absolute;
    left: 8px;
    background: none;
    top: 50%;
    transform: translateY(-50%);
    padding: 10px 20px;
    width: 32px;
    height: 20px;
    z-index: 30;
    outline: none; }
    @media (min-width: 46.25em) {
      .c-menu__toggle {
        display: none; } }
  .c-menu__meta {
    background: #FFF;
    padding: 8px;
    display: flex;
    text-transform: uppercase;
    align-items: center;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
    font-family: "Cervo"; }
    html:not(.homepage) .c-menu__meta {
      display: none; }
    @media (min-width: 46.25em) {
      .c-menu__meta {
        display: none; } }
    .c-menu__meta-button {
      flex: 1; }
    .c-menu__meta-separator {
      width: 10%;
      text-align: center;
      font-weight: bold; }
  .c-menu--open {
    bottom: 0; }
    @media (max-width: 46.24em) {
      .c-menu--open:after {
        content: '';
        left: 0;
        top: 0;
        right: 0;
        position: absolute;
        bottom: 0;
        background: rgba(0, 0, 0, 0.5);
        z-index: 2; }
      .c-menu--open .c-menu__main {
        transform: translateX(0%);
        visibility: visible; }
      .c-menu--open .c-social {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0; } }

.c-nav {
  list-style: none;
  margin: 0;
  padding: 0 0 24px; }
  .c-nav__item {
    position: relative;
    padding: 0.5rem;
    padding-left: 22px; }
  .c-nav__link {
    text-transform: uppercase;
    font-size: 18px;
    font-family: "Cervo";
    text-decoration: none;
    font-weight: 600;
    z-index: 1;
    transition: color 0.3s;
    color: #3D3D3D; }
    @media (min-width: 46.25em) {
      .c-nav__link {
        font-size: 24px; } }
    .c-nav__link:hover, .c-nav__link:focus {
      color: #E72413; }
    .c-nav__link:focus {
      text-decoration: none; }
    .c-nav__link--active {
      color: #E72413; }
      .c-nav__link--active:after {
        content: '';
        position: absolute;
        height: 36px;
        width: 5px;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        border-right: 5px solid #E72413; }

.c-social {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center; }
  @media (min-width: 46.25em) {
    .c-social {
      margin: 0 0 40px; } }
  .c-social li {
    margin: 0 6px; }
  .c-social a {
    background: #3D3D3D;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    font-size: 26px;
    background: #FFF;
    color: #3D3D3D;
    text-decoration: none; }
    .c-social a:hover {
      color: #000; }
    @media (min-width: 46.25em) {
      .c-social a {
        width: 26px;
        height: 26px;
        background: #3D3D3D;
        color: #FFF;
        font-size: 18px; }
        .c-social a:hover {
          background: #000;
          color: #FFF; } }
  @media (max-width: 46.24em) {
    .c-menu--open .c-social {
      padding: 8px;
      background: #E72413; } }

.c-logo {
  display: flex;
  justify-content: center; }
  .c-logo__link {
    display: flex;
    justify-content: center; }
  .c-logo__img {
    width: 33px;
    height: 41px;
    display: block; }
    @media (min-width: 46.25em) {
      .c-logo__img {
        width: 67px;
        height: 80px; } }
    @media (min-width: 61.25em) {
      .c-logo__img {
        width: 84px;
        height: 100px; } }

.c-icon--hamburger,
.c-icon--hamburger:after,
.c-icon--hamburger:before {
  height: 3px;
  background: #E72413;
  width: 24px;
  border-radius: 1px; }

.c-icon--hamburger {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateX(50%); }
  .c-menu--open .c-icon--hamburger {
    background: transparent; }
  .c-icon--hamburger:before, .c-icon--hamburger:after {
    content: '';
    transform-origin: center center;
    transition: transform .3s,background .3s; }
  .c-icon--hamburger:before {
    position: absolute;
    top: -6px;
    left: 0; }
    .c-menu--open .c-icon--hamburger:before {
      transform: translateY(6px) rotate(-45deg); }
  .c-icon--hamburger:after {
    position: absolute;
    bottom: -6px;
    left: 0; }
    .c-menu--open .c-icon--hamburger:after {
      transform: translateY(-6px) rotate(45deg); }

@media (min-width: 46.25em) {
  .items-without-columns {
    display: none; } }

.float-column {
  width: 100%;
  float: left;
  padding: 0;
  margin: 0;
  display: none; }
  .float-column:first-child {
    display: block; }
  @media (min-width: 46.25em) {
    .float-column {
      width: 49.271135%; }
      .float-column:first-child {
        margin-right: 1.45773%; }
      .float-column:nth-child(2) {
        display: block; } }
  @media (min-width: 81.25em) {
    .float-column {
      width: 32.3615133333%; }
      .float-column:first-child {
        margin-right: 0; }
      .float-column:nth-child(2) {
        display: block;
        margin: 0 1.45773% 1.45773%; }
      .float-column:nth-child(3) {
        display: block; } }

.c-media-list {
  margin-bottom: 11px; }
  .c-media-list:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden; }
  .c-media-list .u-grid__item {
    background: #FFF;
    width: 100%;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
    backface-visibility: hidden;
    will-change: transform;
    overflow: hidden;
    margin: 0;
    margin-bottom: 18px; }
    @media (max-width: 46.24em) {
      .c-media-list .u-grid__item {
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
        margin-bottom: 8px; } }
    .c-media-list .u-grid__item--image-only {
      background: transparent;
      box-shadow: none !important; }
    .c-media-list .u-grid__item .o-media__image {
      padding-top: 56.256%;
      position: relative; }
      .c-media-list .u-grid__item .o-media__image img {
        position: absolute;
        left: 0;
        display: block;
        top: 0; }
  .c-media-list ~ .o-section__footer {
    clear: both; }

@-webkit-keyframes flash {
  0% {
    opacity: .6; }
  100% {
    opacity: 1; } }
@keyframes flash {
  0% {
    opacity: .6; }
  100% {
    opacity: 1; } }
.c-live-panel {
  position: relative;
  font-family: "Cervo"; }
  .c-live-panel--contrast {
    --tertiary-color: #3D3D3D; }
  @media (max-width: 46.24em) {
    .c-live-panel {
      display: none; } }
  .c-live-panel__main {
    display: block;
    padding-top: 45.77%;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: var(--primary-color);
    background-image: url("/assets/live-panel-placeholder-184e04e69839b766c5d9544ac1454002c44401c1423ef4497fb53ff8846e8837.png"); }
  .c-live-panel__content {
    position: absolute;
    left: 43.73178%;
    right: 0;
    top: 15%;
    z-index: 0; }
    @media (min-width: 61.25em) {
      .c-live-panel__content {
        top: 25%; } }
  .c-live-panel__timings {
    margin: 0 0 16px 0;
    color: var(--tertiary-color);
    text-transform: uppercase;
    line-height: 1; }
  .c-live-panel__actions {
    margin: 16px 0 24px; }
    .c-live-panel__actions .c-button {
      background-color: #3D3D3D;
      margin-right: 16px; }
  .c-live-panel__onair {
    display: flex;
    align-items: baseline;
    color: var(--tertiary-color);
    text-transform: uppercase;
    font-weight: bold;
    position: relative;
    padding: 4px 16px 0 28px; }
    .c-live-panel__onair-key {
      white-space: nowrap; }
    .c-live-panel__onair-value {
      font-weight: normal;
      margin-left: 4px; }
    .c-live-panel__onair .o-icon {
      margin-right: 8px;
      position: absolute;
      left: 0;
      top: 0; }
  .c-live-panel .o-icon {
    fill: var(--tertiary-color); }
  .c-live-panel__hitlist {
    margin-right: 24px; }
  .c-live-panel__button {
    background: #E72413; }
    .c-live-panel__button:hover {
      background: #242424; }
  .c-live-panel__footer {
    background: #FFF;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 1;
    padding: 1.45773% 2.91545%; }
    .c-live-panel__footer-wrapper {
      display: flex;
      align-items: baseline;
      min-width: 0; }
    .c-live-panel__footer-title {
      font-size: 34px;
      font-weight: bold;
      text-transform: uppercase;
      margin-left: 16px;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
      text-decoration: none;
      color: #3D3D3D;
      padding-right: 24px; }
    .c-live-panel__footer-actions {
      margin-left: auto;
      white-space: nowrap; }
  .c-live-panel__placeholder {
    background-image: url("/assets/live-panel-placeholder-184e04e69839b766c5d9544ac1454002c44401c1423ef4497fb53ff8846e8837.png"); }
  .c-live-panel--vote {
    display: block !important;
    color: #FFF; }
    .c-live-panel--vote__title {
      color: #FFF; }
    @media (max-width: 46.24em) {
      .c-live-panel--vote .c-live-panel__main {
        padding: 0;
        background-image: none !important; } }
    .c-live-panel--vote .c-live-panel__content {
      left: 20px;
      bottom: 26px;
      top: auto;
      display: flex;
      flex-direction: column;
      right: auto; }
      @media (max-width: 46.24em) {
        .c-live-panel--vote .c-live-panel__content {
          display: none; } }
      @media (min-width: 61.25em) {
        .c-live-panel--vote .c-live-panel__content {
          left: 48px; } }
    .c-live-panel--vote .c-live-panel__actions {
      margin: 0; }
      .c-live-panel--vote .c-live-panel__actions .c-button {
        margin-right: 4px;
        margin-bottom: 4px; }
        @media (min-width: 61.25em) {
          .c-live-panel--vote .c-live-panel__actions .c-button {
            margin-right: 8px; } }

.c-button {
  background: #E72413;
  color: #FFF;
  display: inline-flex;
  text-transform: uppercase;
  cursor: pointer;
  height: 36px;
  line-height: 36px;
  white-space: nowrap;
  font-weight: bold;
  font-size: 24px;
  padding: 0 10px;
  position: relative;
  transition: background .1s ease-in;
  align-items: center;
  font-family: "Cervo";
  text-decoration: none; }
  @media (min-width: 46.25em) {
    .c-button {
      padding: 0 20px; } }
  .c-button .o-icon {
    fill: #FFF;
    margin-right: 8px; }
  .c-button--wide {
    justify-content: center;
    width: 100%; }
  @media (min-width: 46.25em) {
    .c-button--normal\@tablet {
      width: auto; } }
  .c-button--small {
    font-size: 18px; }
  .c-button--large {
    font-size: 24px;
    height: 42px;
    line-height: 42px; }
    @media (min-width: 46.25em) {
      .c-button--large {
        height: 50px;
        line-height: 50px; } }
    .c-button--large .o-icon {
      width: 30px;
      height: 30px; }
  .c-button--rounded {
    border-radius: 5px; }
  .c-button:hover {
    background: #b81d0f; }
  .c-button--white {
    background: #FFF;
    color: #E72413 !important;
    text-decoration: none !important; }
    .c-button--white:hover {
      background-color: #e6e6e6; }
  .c-button--base {
    background: #E72413; }
    .c-button--base:hover {
      background: #b81d0f; }
    .c-button--base .o-icon {
      fill: #FFF; }
  .c-button--secondary {
    background: #3D3D3D; }
    .c-button--secondary:hover {
      background: #242424; }
  .c-button--tertiary {
    background: #FAD424; }
    .c-button--tertiary:hover {
      background: #e6be05; }
  .c-button--themed {
    background: var(--secondary-color); }
    .c-button--themed:hover {
      background: var(--secondary-color); }
  @media (max-width: 46.24em) {
    .c-button--with-icon span {
      display: none; }
    .c-button--with-icon .o-icon {
      margin-right: 0; } }
  .c-button--circle {
    background-color: #E72413;
    color: #FFF; }
    .c-button--circle .o-icon {
      fill: #FFF; }
  .c-button--icon {
    width: 40px;
    height: 40px; }
  .c-button--disabled {
    cursor: default; }

@media (max-width: 46.24em) {
  .c-channels {
    display: none !important; } }
@media (min-width: 81.25em) {
  .c-channels {
    display: flex;
    flex-direction: column; } }
@media (max-width: 81.24em) {
  .c-channels {
    margin-top: 1.45773%; } }
@media (max-width: 81.24em) {
  .c-channels__title {
    display: none; } }
.c-channels__list {
  display: flex; }
  @media (min-width: 81.25em) {
    .c-channels__list {
      flex: 1;
      flex-direction: column; } }
@media (min-width: 46.25em) {
  .c-channels .c-button {
    margin: 1.45773% 0 0 0; } }
@media (min-width: 46.25em) and (max-width: 81.24em) {
  .c-channels .o-channel:nth-child(2) {
    margin: 0 1.45773%; }
  .c-channels .o-channel:nth-child(4) {
    display: none; } }
@media (min-width: 81.25em) {
  .c-channels .o-channel {
    margin-bottom: 5px; }
    .c-channels .o-channel:last-child {
      margin-bottom: 0; } }

.c-footer {
  position: relative;
  text-align: center;
  background: #E72413;
  color: #FFF;
  padding: 24px 0; }
  @media (min-width: 46.25em) {
    .c-footer {
      text-align: left; } }
  .c-footer a {
    color: #FFF;
    display: inline-block; }
  .c-footer__logo {
    fill: #FFF; }

.c-doormat {
  font-family: "Cervo"; }
  @media (min-width: 46.25em) {
    .c-doormat {
      display: flex;
      flex-wrap: wrap;
      align-items: center; } }
  .c-doormat__item {
    margin: 24px 0; }
    @media (min-width: 46.25em) {
      .c-doormat__item {
        margin: 0 1.45773% 0 0; } }
    @media (max-width: 81.24em) {
      .c-doormat__item--logo {
        text-align: center;
        margin-bottom: 24px;
        flex-basis: 100%; } }
    @media (min-width: 81.25em) {
      .c-doormat__item--logo {
        width: 32.36152%; } }
    @media (min-width: 46.25em) {
      .c-doormat__item--menu {
        width: 57.72595%;
        display: flex; } }
    @media (min-width: 61.25em) {
      .c-doormat__item--menu {
        width: 40.81633%; } }
    .c-doormat__item:last-child {
      margin-right: 0;
      margin-left: auto; }
  .c-doormat--downloads {
    width: 15.4519%; }
    .c-doormat--downloads a {
      display: inline-block; }
  .c-doormat__title {
    text-transform: uppercase;
    font-size: 24px;
    margin-bottom: 16px; }
  @media (min-width: 46.25em) {
    .c-doormat .o-list {
      width: 49.27114%; } }

.c-playlist {
  list-style: none;
  padding: 0;
  margin: 0; }
  .c-playlist__item {
    position: relative; }
    .c-playlist__item--hidden {
      margin-bottom: 32px; }
      .c-playlist__item--hidden .o-playlist {
        filter: blur(8px);
        user-select: none; }

.c-player {
  align-items: center;
  display: flex;
  color: #FFF;
  cursor: pointer;
  flex-direction: row;
  position: relative;
  z-index: 1;
  padding: 0 8px 0 0;
  height: 48px;
  background-size: cover; }
  @media (min-width: 46.25em) {
    .c-player {
      flex-direction: column;
      height: 185px;
      min-height: 155px;
      text-align: center;
      padding-left: 8px; } }
  @media (min-width: 46.25em) {
    .c-player {
      height: 90px;
      min-height: 90px;
      position: relative;
      width: 85%;
      margin: auto;
      left: 5px;
      bottom: 10px;
      flex-direction: row; } }
  .c-player__channel {
    width: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0; }
    @media (min-width: 46.25em) {
      .c-player__channel {
        display: none; } }
    .c-player__channel-img {
      width: 100%;
      max-height: 48px;
      display: inline-block; }
      @media (min-width: 46.25em) {
        .c-player__channel-img {
          max-width: 90px; } }
  .c-player__title, .c-player__artist, .c-player__now {
    font-family: "Cervo";
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
    @media (min-width: 46.25em) {
      .c-player__title, .c-player__artist, .c-player__now {
        text-align: left; } }
  .c-player__now {
    font-size: 20px;
    display: none; }
    @media (min-width: 46.25em) {
      .c-player__now {
        display: block;
        margin-bottom: 4px; } }
  @media (min-width: 20em) and (max-width: 46.24em) {
    .c-player__artist {
      margin-right: 4px; }
      .c-player__artist:after {
        content: ' - '; } }
  .c-player__icon {
    width: 22px;
    height: 22px;
    flex-shrink: 0; }
    @media (min-width: 46.25em) {
      .c-player__icon {
        min-width: 32px;
        width: 32px;
        height: 32px; } }
    @media (min-width: 61.25em) {
      .c-player__icon {
        width: 44px;
        height: 44px; } }
  .c-player__content {
    flex: 1; }
    @media (min-width: 20em) and (max-width: 46.24em) {
      .c-player__content {
        display: flex; } }
    @media (min-width: 46.25em) {
      .c-player__content {
        margin-right: 4px; } }

.c-share {
  display: flex;
  align-items: center;
  margin: 24px 0;
  transition: opacity .35s ease-in-out; }
  .c-share__title {
    color: #3D3D3D;
    font-weight: bold;
    font-size: 24px;
    margin-bottom: 0;
    text-transform: uppercase;
    font-family: "Cervo"; }
    @media (max-width: 46.24em) {
      .c-share__title {
        display: none; } }
  .c-share__link-icon {
    font-size: 24px; }
    @media (min-width: 46.25em) {
      .c-share__link-icon {
        font-size: 32px; } }
  .c-share a {
    text-decoration: none;
    color: #E72413; }
  .c-share > * {
    margin: 0 24px 0 0; }

.c-vote {
  padding: 40px 16px 16px;
  text-align: center; }
  @media (min-width: 46.25em) {
    .c-vote {
      position: absolute;
      right: 0;
      padding: 30px 0 0;
      text-align: left;
      width: 49.27114%;
      bottom: 30px; } }
  @media (min-width: 61.25em) {
    .c-vote {
      right: 30px; } }
  .c-vote__title {
    margin-bottom: 8px;
    font-size: 24px;
    white-space: nowrap;
    color: var(--tertiary-color); }
    @media (min-width: 61.25em) {
      .c-vote__title {
        margin-bottom: 24px;
        font-size: 32px; } }
  .c-vote__list {
    display: flex;
    align-items: flex-end; }
    @media (max-width: 46.24em) {
      .c-vote__list {
        justify-content: center; } }
    .c-vote__list-item {
      margin-right: 1.45773%;
      flex: 1;
      max-width: 49.27114%;
      /*@include mq(tablet) {
        max-width: span(5 of 12);
      }*/
      width: 100%; }

.c-hitlist__header {
  background: #FFF;
  margin-bottom: 32px;
  padding-bottom: 24px; }
  .c-hitlist__header__title {
    display: flex;
    flex-direction: column;
    justify-content: center; }
    @media (min-width: 46.25em) {
      .c-hitlist__header__title {
        flex-direction: row; } }
    .c-hitlist__header__title .o-page__title {
      display: inline-flex; }
  .c-hitlist__header .o-article__wrapper {
    padding: 0; }
  .c-hitlist__header .o-select {
    max-width: 200px;
    align-self: center; }
.c-hitlist__heading {
  font-size: 32px; }
.c-hitlist__footer {
  text-align: right; }
.c-hitlist__pagination {
  display: inline-block; }
  .c-hitlist__pagination_item {
    display: inline; }
    .c-hitlist__pagination_item a {
      text-decoration: none;
      font-family: Cervo;
      font-weight: 600;
      color: #3D3D3D;
      margin-right: 8px;
      font-size: 1.1em; }
    .c-hitlist__pagination_item--active a {
      color: #E72413; }
  .c-hitlist__pagination_button a {
    background-color: #3D3D3D;
    color: #FFF;
    padding: 4px 16px; }

.c-omnyplayer-wrapper {
  --button-color: #E72413;
  --text-color: #3D3D3D;
  --background-color: #eee;
  --highlight-color: #ddd; }

.c-login {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 5000; }
  .c-login__overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.6); }
  .c-login__main {
    position: relative;
    z-index: 5001;
    width: 500px;
    padding: 30px;
    margin: 30vh auto;
    background-color: white; }

.trigger-change {
  display: block; }

:root {
  --newsletter-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
  --newsletter-background-color: #F2F2F2;
  --button-color: #ed3624; }

.o-newsletter {
  background-color: white;
  min-height: 250px;
  margin-bottom: 20px; }
  @media screen and (max-width: 700px) {
    .o-newsletter {
      padding: 15px 10px; } }

.c-newsletter {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 20px 32px 10px; }
  @media (max-width: 700px) {
    .c-newsletter {
      padding: 10px; } }
  .c-newsletter__title {
    line-height: 1em; }
  .c-newsletter__body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 100%; }
  .c-newsletter__form {
    width: 100%;
    display: grid;
    overflow: hidden;
    grid-template-columns: 1fr 150px;
    grid-auto-rows: 40px;
    grid-column-gap: 10px; }
    @media (max-width: 700px) {
      .c-newsletter__form {
        grid-template-columns: 1fr;
        grid-template-rows: 40px 40px;
        grid-row-gap: 10px; } }
  .c-newsletter__button {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: end;
    height: 100%;
    background-color: var(--button-color); }
  .c-newsletter__text {
    margin: 0.5em;
    font-size: 0.7em;
    color: #717180; }
  .c-newsletter__error, .c-newsletter__success {
    min-height: 2em;
    font-size: large; }
  .c-newsletter input[type="text"] {
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 12px;
    font-size: 1em;
    font-family: "Qarla"; }

.c-newsletter-container {
  margin: 0 auto;
  padding: 50px 35px;
  max-width: 780px;
  max-height: 150px;
  margin-bottom: 100px;
  background-image: url("/assets/qmusic-background-newsletter-505f9dd919fe6e18774de0353f5275350bbcc8f8c663bd422f913240acf0e1dc.jpg");
  box-shadow: var(--newsletter-box-shadow); }
  @media screen and (max-width: 700px) {
    .c-newsletter-container {
      padding: 15px 10px;
      margin: 0 10px 150px 0; } }
  .c-newsletter-container .c-newsletter {
    background-color: var(--newsletter-background-color);
    box-shadow: var(--newsletter-box-shadow); }

.c-a11y-menu__link {
  text-transform: uppercase;
  display: inline-block;
  font-weight: bold;
  font-size: 1.375rem;
  color: #3D3D3D;
  font-family: "Cervo";
  text-decoration: none;
  padding: 0.313rem 1rem; }
  .c-a11y-menu__link:focus {
    color: #ed3624; }

.c-search {
  border: 1px solid #8A8A8A;
  padding: .5rem .75rem;
  border-radius: 5px;
  margin: 22px;
  position: relative; }
  .c-search:focus-within {
    box-shadow: 0 0 0 4px rgba(59, 150, 241, 0.4), inset 0 0 0 1px #3B96F1;
    border-color: #3B96F1; }
  .c-search__input {
    appearance: none;
    -webkit-appearance: none;
    font-size: 15px;
    outline: none;
    box-shadow: none;
    background: transparent; }
    .c-search__input:not(:valid) + .c-search__clear-button {
      display: none; }
  .c-search__button {
    background: white; }
  .c-search__button-icon {
    width: 24px;
    height: 24px; }
  .c-search__clear-button {
    position: absolute;
    right: 2.25rem;
    top: 0.188rem;
    width: 2rem;
    height: 2rem; }
  .c-search__submit-button {
    width: 2rem;
    height: 2rem;
    position: absolute;
    right: 0.188rem;
    top: 0.188rem; }

.c-sponsors {
  position: relative;
  cursor: default;
  z-index: 2;
  list-style: none;
  margin: 0;
  padding: 0 0 0 8px;
  display: flex;
  background-color: #3D3D3D; }
  .c-sponsors__item {
    text-transform: uppercase;
    margin-left: 4px;
    font-size: 16px;
    font-family: "Cervo";
    font-weight: 600;
    color: #ffffff;
    height: 28px; }
  .c-sponsors__name {
    cursor: pointer; }
  .c-sponsors .c-sponsors__item:not(.c-sponsors__title):not(:last-child):after {
    content: ", ";
    margin-left: -2px; }

.c-partner {
  z-index: 2;
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center; }
  .c-partner .c-banner {
    width: 100%;
    height: auto;
    max-width: 798px; }
    .c-partner .c-banner figure {
      margin: 0; }

#c-partner-desktop {
  display: none;
  padding-top: 10px;
  margin-bottom: -30px; }
  @media (min-width: 46.25em) {
    #c-partner-desktop {
      display: flex; } }
  #c-partner-desktop .c-banner--desktop_content {
    margin: 0 20px; }

#c-partner-mobile {
  display: flex; }
  @media (min-width: 46.25em) {
    #c-partner-mobile {
      display: none; } }
  #c-partner-mobile .c-banner--mobile_content {
    margin: 0 20px; }

#c-partner-in-page {
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: white; }
  #c-partner-in-page a {
    border: none !important; }

.c-corporate-footer {
  background: #FFF;
  color: #3D3D3D;
  font-size: 15px; }
  .c-corporate-footer__content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column; }
    @media (min-width: 46.25em) {
      .c-corporate-footer__content {
        flex-direction: row; } }
  .c-corporate-footer__details {
    padding: 15px 0;
    margin: 0;
    display: flex;
    align-items: center;
    flex-direction: column;
    line-height: 1; }
    @media (min-width: 46.25em) {
      .c-corporate-footer__details {
        flex-direction: row; } }
  .c-corporate-footer__img {
    margin-bottom: 12px;
    width: 67px; }
    @media (min-width: 46.25em) {
      .c-corporate-footer__img {
        margin: 0 30px 0 0; } }
  .c-corporate-footer span {
    margin: 0 6px; }
  @media (max-width: 46.24em) {
    .c-corporate-footer span {
      display: block;
      text-indent: -9000px; } }

.embed-placeholder {
  position: relative;
  overflow: hidden;
  max-width: 100%;
  height: fit-content;
  margin: 0 auto;
  padding: 20px;
  background: #f9f9f9;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: left; }
  .embed-placeholder__text {
    margin-bottom: 0 !important; }
  .embed-placeholder a {
    width: fit-content; }

.partner-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 900;
  background-color: rgba(0, 0, 0, 0.7); }
  .partner-overlay__close_button {
    position: absolute;
    top: 20px;
    right: 20px;
    background: none;
    border: 0;
    height: 64px;
    width: 60px; }
    .partner-overlay__close_button svg {
      pointer-events: none; }
  .partner-overlay--show {
    display: flex !important; }

.c-a11y-menu {
  padding: 1rem 1.5rem;
  position: fixed;
  left: -99999rem;
  box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.2); }
  .c-a11y-menu:focus-within {
    background-color: #ffffff;
    display: block;
    z-index: 100000;
    left: 0; }
  .c-a11y-menu__link {
    margin-right: 1rem; }
    .c-a11y-menu__link:focus {
      color: #ed3624; }
    .c-a11y-menu__link:last-child {
      margin-right: 0; }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0; }

.c-accessibility h1, .c-accessibility h2, .c-accessibility h3 {
  margin-top: 2em; }

.accessibility__list {
  margin-left: 1vw; }

.accessibility__list dd {
  margin-top: 8px;
  margin-bottom: 4px;
  margin-left: 1vw; }

.accessibility__list dt {
  font-size: 20px;
  font-weight: 800; }

.accessibility__header {
  margin: 2rem 0;
  font-size: 24px; }

.accessibility {
  margin: 0 auto;
  max-width: 70ch;
  padding: 20px;
  font-size: 18px; }

.accessibility__subtitle {
  padding: 8px 0; }

.accessibility__updated {
  font-size: smaller; }

@media (max-width: 46.24em) {
  .admin-mode #admin-bar {
    display: none; } }
.admin-mode body {
  padding-top: 0px !important; }
@media (min-width: 46.25em) {
  .admin-mode .c-menu {
    top: 32px; }
  .admin-mode body {
    padding-top: 32px !important; } }

.formulate-input {
  margin-bottom: 1.5em; }

.formulate-input .formulate-input-label {
  display: block;
  line-height: 1.5;
  font-size: .9em;
  font-weight: 600;
  margin-bottom: .1em; }

.formulate-input .formulate-input-label--before + .formulate-input-help--before {
  margin-top: -.25em;
  margin-bottom: .75em; }

.formulate-input .formulate-input-element {
  margin-bottom: .1em; }

.formulate-input .formulate-input-help {
  color: #6d6d6d;
  font-size: .7em;
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: .25em; }

.formulate-input .formulate-input-errors {
  list-style-type: none;
  padding: 0;
  margin: 0; }

.formulate-input .formulate-input-error,
.formulate-input .formulate-file-upload-error {
  color: #960505;
  font-size: .8em;
  font-weight: 300;
  line-height: 1.5;
  margin-bottom: .25em; }

.formulate-input:last-child {
  margin-bottom: 0; }

.formulate-input[data-classification='text'] input {
  appearance: none;
  border: 1px solid #cecece;
  box-sizing: border-box;
  font-size: .9em;
  padding: .75em;
  display: block;
  width: 100%;
  font-weight: 400;
  line-height: 1.2em;
  margin: 0; }

.formulate-input[data-classification='text'] input::placeholder {
  color: #ed3624;
  line-height: normal; }

.formulate-input[data-classification='text'] input:focus {
  outline: 0;
  border: 1px solid #ed3624; }

.formulate-input[data-classification='text'] .formulate-input-element--date input,
.formulate-input[data-classification='text'] .formulate-input-element--month input,
.formulate-input[data-classification='text'] .formulate-input-element--week input,
.formulate-input[data-classification='text'] .formulate-input-element--datetime-local input {
  min-height: 2.2em; }

.formulate-input[data-classification='text'] .formulate-input-element--search {
  position: relative; }

.formulate-input[data-classification='text'] .formulate-input-element--search::before {
  content: '';
  width: 2em;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72.99 72.9"><path fill="%236d6d6d" d="M71.77,66,53.87,48.1A29.94,29.94,0,1,0,30,60a29.52,29.52,0,0,0,18.1-6.1l18,17.8A4,4,0,0,0,69,72.9a4.18,4.18,0,0,0,2.9-1.2A4.09,4.09,0,0,0,71.77,66ZM30.07,51.9a21.9,21.9,0,1,1,15.5-37.4A21.37,21.37,0,0,1,52,30a22,22,0,0,1-6.4,15.5A21.54,21.54,0,0,1,30.07,51.9Z"/></svg>');
  background-size: 1em 1em;
  background-repeat: no-repeat;
  background-position: center;
  pointer-events: none; }

.formulate-input[data-classification='text'] .formulate-input-element--search input {
  padding-left: 2em; }

.formulate-input[data-classification='text'] input[type="color"] {
  height: 1.1em;
  box-sizing: content-box;
  width: auto;
  min-width: 5em; }

.formulate-input[data-classification='text'] input[type="color"]::-webkit-color-swatch-wrapper {
  padding: 0 0 0 1.5em;
  display: flex;
  align-items: center;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 79.17 79.17"><path fill="%236d6d6d" d="M40.8,22.92c-3.4-3.4-4.76-8.44-1-12.24s8.84-2.44,12.24,1c5-5,10.69-13.33,18.81-11.31a11,11,0,0,1,7.62,14.34c-1.26,3.45-4.63,6.06-7.16,8.59-.92.93-3,2.26-3.46,3.46-.42,1,1.82,2.63,2.36,4a8,8,0,0,1-12.42,9.19c-.21-.16-1.35-1.51-1.59-1.51s-.83.83-1,1L49.71,44.9,32.43,62.18c-3.37,3.38-6.6,7.14-10.26,10.21a11,11,0,0,1-4.48,2.28c-1.25.3-3.11-.22-4.18.18-1.28.48-2.42,2.65-3.68,3.4-6.05,3.61-12.64-4-8.46-9.57.73-1,2.53-1.92,3-3a14.46,14.46,0,0,0-.09-2.52,10.75,10.75,0,0,1,3.14-6.77c.92-1,1.93-1.93,2.89-2.9Zm4.4-1.5c4.19,4,8.24,8.24,12.36,12.36,2.06,2.06,5,5.59,8,2.61,4.65-4.62-5-6.8-2.42-10.78C66.3,20.7,76.4,16.48,74.84,9.45,73.62,4,67.12,2.78,63.29,6.32c-2.55,2.36-4.93,4.94-7.39,7.4-.79.78-1.8,2.28-2.88,2.73-2.14.88-3.4-1.62-4.79-2.77-2.58-2.14-6.89-.82-6.53,3C41.89,18.68,43.87,20.09,45.2,21.42Zm-1.45,4.44L27.82,41.79C22,47.57,15.89,53.14,10.41,59.2a8.23,8.23,0,0,0-1.44,2c-.93,2,.25,4.14-.5,6S4.92,69.94,4.3,72a2.34,2.34,0,0,0,2.56,3c1.11-.17,2-1.33,2.71-2.07a11.17,11.17,0,0,1,2.08-2c1.68-.94,4,.17,5.93-.57C20,69.41,22,66.73,23.76,65L34.42,54.3,53.3,35.42Z"/></svg>');
  background-repeat: no-repeat;
  background-size: .9em .9em;
  background-position: left .1em; }

.formulate-input[data-classification='text'] input[type="color"]::-webkit-color-swatch {
  display: block;
  height: 1em;
  border-radius: .2em;
  border: 0;
  flex: auto; }

.formulate-input[data-classification='text'] input[type="color"]::-moz-color-swatch {
  display: block;
  height: 1em;
  border-radius: .2em;
  border: 0;
  flex: auto; }

.formulate-input[data-classification='slider'] .formulate-input-element--range {
  display: flex;
  align-items: center; }

.formulate-input[data-classification='slider'] .formulate-input-element-range-value {
  font-size: .9em;
  line-height: 1;
  margin-left: .5em;
  background-color: #efefef;
  padding: .25em .3em;
  border-radius: .25em;
  color: #6d6d6d;
  font-variant-numeric: tabular-nums; }

.formulate-input[data-classification='slider'] input {
  appearance: none;
  width: 100%;
  font-size: 1em;
  padding: .5em 0; }

.formulate-input[data-classification='slider'] input:focus {
  outline: 0; }

.formulate-input[data-classification='slider'] input::-webkit-slider-thumb {
  cursor: pointer;
  appearance: none;
  width: 1em;
  height: 1em;
  border-radius: 1em;
  border: 0;
  background-color: #ed3624;
  margin-top: calc(-.5em + 2px); }

.formulate-input[data-classification='slider'] input::-moz-range-thumb {
  cursor: pointer;
  appearance: none;
  width: 1em;
  height: 1em;
  border-radius: 1em;
  border: 0;
  background-color: #ed3624;
  margin-top: calc(-.5em + 2px); }

.formulate-input[data-classification='slider'] input::-ms-thumb {
  cursor: pointer;
  appearance: none;
  width: 1em;
  height: 1em;
  border-radius: 1em;
  border: 0;
  background-color: #ed3624;
  margin-top: calc(-.5em + 2px); }

.formulate-input[data-classification='slider'] input::-webkit-slider-runnable-track {
  appearance: none;
  width: 100%;
  height: 4px;
  background-color: #efefef;
  border-radius: 3px;
  margin: 0;
  padding: 0; }

.formulate-input[data-classification='slider'] input::-moz-range-track {
  appearance: none;
  width: 100%;
  height: 4px;
  background-color: #efefef;
  border-radius: 3px;
  margin: 0;
  padding: 0; }

.formulate-input[data-classification='textarea'] textarea {
  appearance: none;
  border-radius: .3em;
  border: 1px solid #cecece;
  box-sizing: border-box;
  font-size: .9em;
  padding: .75em;
  display: block;
  width: 100%;
  font-weight: 400;
  line-height: 1.2em;
  margin: 0; }

.formulate-input[data-classification='textarea'] textarea::placeholder {
  color: #ed3624;
  line-height: normal; }

.formulate-input[data-classification='textarea'] textarea:focus {
  outline: 0;
  border: 1px solid #ed3624; }

.formulate-input[data-classification='select'] .formulate-input-element {
  position: relative; }

.formulate-input[data-classification='select'] .formulate-input-element::before {
  content: '';
  width: 0;
  height: 0;
  border: .3em solid transparent;
  border-top-color: #cecece;
  border-bottom-width: 0;
  top: 50%;
  margin-top: -.1em;
  right: 1em;
  position: absolute; }

.formulate-input[data-classification='select'] .formulate-input-element[data-multiple]::before {
  display: none; }

.formulate-input[data-classification='select'] select {
  appearance: none;
  border-radius: .3em;
  border: 1px solid #cecece;
  box-sizing: border-box;
  font-size: .9em;
  padding: .75em;
  display: block;
  width: 100%;
  font-weight: 400;
  line-height: 1.2em;
  margin: 0;
  padding-right: 2em; }

.formulate-input[data-classification='select'] select::placeholder {
  color: #ed3624;
  line-height: normal; }

.formulate-input[data-classification='select'] select:focus {
  outline: 0;
  border: 1px solid #ed3624; }

.formulate-input[data-classification='select'] select option {
  color: #000000; }

.formulate-input[data-classification='select'] select option:disabled {
  color: #ed3624; }

.formulate-input[data-classification='select'] select[multiple] {
  padding: 0;
  overflow-y: auto; }

.formulate-input[data-classification='select'] select[multiple] option {
  padding: 0.75em; }

.formulate-input[data-classification='select'] select[data-placeholder-selected] {
  color: #ed3624; }

.formulate-input[data-classification='box'] .formulate-input-wrapper {
  display: flex;
  align-items: center; }

.formulate-input[data-classification='box'] .formulate-input-element {
  display: flex;
  align-items: center; }

.formulate-input[data-classification='box'] .formulate-input-element input {
  position: absolute;
  left: -999px;
  opacity: 0;
  pointer-events: none; }

.formulate-input[data-classification='box'] .formulate-input-element-decorator {
  display: block;
  width: 1em;
  height: 1em;
  border-radius: .25em;
  border: 1px solid #cecece;
  position: relative; }

.formulate-input[data-classification='box'] .formulate-input-element-decorator::before {
  content: '';
  display: block;
  background-size: contain;
  background-position: right;
  width: calc(100% - .125em);
  height: calc(100% - .125em);
  box-sizing: border-box;
  position: absolute;
  top: .0625em;
  left: .0625em; }

.formulate-input[data-classification='box'] .formulate-input-element[data-type="radio"] .formulate-input-element-decorator {
  border-radius: 1em; }

.formulate-input[data-classification='box'] .formulate-input-element[data-type="radio"] .formulate-input-element-decorator::before {
  border-radius: 1em;
  width: calc(100% - .5em);
  height: calc(100% - .5em);
  top: .25em;
  left: .25em; }

.formulate-input[data-classification='box'][data-type="checkbox"] .formulate-input-label {
  font-weight: normal; }

.formulate-input[data-classification='box'] .formulate-input-element input[type="checkbox"] ~ .formulate-input-element-decorator {
  border-color: #ed3624; }

.formulate-input[data-classification='box'] .formulate-input-element input[type="checkbox"]:checked ~ .formulate-input-element-decorator::before {
  background-color: #ed3624;
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path d="M8.76,56.2c-6.38-6.34,3.26-16,9.64-9.69L38,65.88,80.56,23.29c6.38-6.38,16.07,3.32,9.69,9.69L42.84,80.37a6.83,6.83,0,0,1-9.65,0Z"/></svg>');
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path d="M8.76,56.2c-6.38-6.34,3.26-16,9.64-9.69L38,65.88,80.56,23.29c6.38-6.38,16.07,3.32,9.69,9.69L42.84,80.37a6.83,6.83,0,0,1-9.65,0Z"/></svg>'); }

.formulate-input[data-classification='box'] .formulate-input-element input[type="radio"]:checked ~ .formulate-input-element-decorator {
  border-color: #ed3624; }

.formulate-input[data-classification='box'] .formulate-input-element input[type="radio"]:checked ~ .formulate-input-element-decorator::before {
  background-color: #ed3624; }

.formulate-input[data-classification='box'] .formulate-input-element input:focus ~ .formulate-input-element-decorator {
  border-color: #ed3624; }

.formulate-input[data-classification='box'] .formulate-input-label--after {
  margin-left: 1.5em; }

.formulate-input[data-classification='box'] .formulate-input-label--before {
  margin-right: .5em; }

.formulate-input[data-classification='group'] .formulate-input-group-item {
  margin-bottom: .5em; }

.formulate-input[data-classification='group'] > .formulate-input-wrapper > .formulate-input-label {
  margin-bottom: .5em; }

.formulate-input[data-classification='group'] [data-is-repeatable] {
  padding: 1em;
  border: 1px solid #efefef;
  border-radius: .3em; }

.formulate-input[data-classification='group'] [data-is-repeatable] .formulate-input-grouping {
  margin: -1em -1em 0 -1em; }

.formulate-input[data-classification='group'] [data-is-repeatable] .formulate-input-group-repeatable {
  padding: 1em 3em 1em 1em;
  border-bottom: 1px solid #efefef;
  position: relative; }

.formulate-input[data-classification='group'] [data-is-repeatable] .formulate-input-group-repeatable-remove {
  position: absolute;
  display: block;
  top: calc(50% - .65em + .5em);
  width: 1.3em;
  height: 1.3em;
  background-color: #cecece;
  right: .85em;
  border-radius: 1.3em;
  cursor: pointer;
  transition: background-color .2s;
  overflow: hidden;
  text-indent: -1000px; }

.formulate-input[data-classification='group'] [data-is-repeatable] .formulate-input-group-repeatable-remove[data-disabled] {
  opacity: .2;
  pointer-events: none; }

.formulate-input[data-classification='group'] [data-is-repeatable] .formulate-input-group-repeatable-remove::before, .formulate-input[data-classification='group'] [data-is-repeatable] .formulate-input-group-repeatable-remove::after {
  content: '';
  position: absolute;
  top: calc(50% - .1em);
  left: .325em;
  display: block;
  width: .65em;
  height: .2em;
  background-color: white;
  transform-origin: center center;
  transition: transform .25s; }

@media (pointer: fine) {
  .formulate-input[data-classification='group'] [data-is-repeatable] .formulate-input-group-repeatable-remove:hover {
    background-color: #dc2c2c; }

  .formulate-input[data-classification='group'] [data-is-repeatable] .formulate-input-group-repeatable-remove:hover::after, .formulate-input[data-classification='group'] [data-is-repeatable] .formulate-input-group-repeatable-remove:hover::before {
    height: .2em;
    width: .75em;
    left: .25em;
    top: calc(50% - .075em); }

  .formulate-input[data-classification='group'] [data-is-repeatable] .formulate-input-group-repeatable-remove:hover::after {
    transform: rotate(45deg); }

  .formulate-input[data-classification='group'] [data-is-repeatable] .formulate-input-group-repeatable-remove:hover::before {
    transform: rotate(-45deg); } }
.formulate-input[data-classification='group'] [data-is-repeatable] .formulate-input-group-repeatable:last-child {
  margin-bottom: 1em; }

.formulate-input[data-classification="file"] .formulate-input-upload-area {
  width: 33%;
  height: 0;
  margin: auto;
  position: relative;
  padding-bottom: 33%; }

.formulate-input[data-classification="file"] .formulate-input-upload-area input {
  cursor: pointer;
  appearance: none;
  opacity: 0;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 5; }

.formulate-input[data-classification="file"] .formulate-input-upload-area[data-has-files] {
  padding: 0;
  padding-bottom: 33%; }

.formulate-input[data-classification="file"] .formulate-input-upload-area[data-has-files] input {
  display: none; }

.formulate-input[data-classification="file"] .formulate-input-upload-area-mask {
  border-radius: .4em;
  position: absolute;
  pointer-events: none;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border: 2px dashed #ed3624;
  z-index: 2;
  border-radius: 999px; }

.formulate-input[data-classification="file"] .formulate-input-upload-area-mask::before {
  content: '';
  background-color: #ed3624;
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 58 58"><path d="M29,58A29,29,0,1,0,0,29,29,29,0,0,0,29,58ZM29,4A25,25,0,1,1,4,29,25,25,0,0,1,29,4Z"/><polygon points="27 22 27 44.4 31 44.4 31 22 41.7 31.1 44.3 28.1 29 15 13.7 28.1 16.3 31.1 27 22"/></svg>');
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 58 58"><path d="M29,58A29,29,0,1,0,0,29,29,29,0,0,0,29,58ZM29,4A25,25,0,1,1,4,29,25,25,0,0,1,29,4Z"/><polygon points="27 22 27 44.4 31 44.4 31 22 41.7 31.1 44.3 28.1 29 15 13.7 28.1 16.3 31.1 27 22"/></svg>');
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  width: 2em;
  height: 2em;
  position: absolute;
  pointer-events: none; }

.formulate-input[data-classification="file"] .formulate-input-upload-area input:focus ~ .formulate-input-upload-area-mask,
.formulate-input[data-classification="file"] .formulate-input-upload-area input:hover ~ .formulate-input-upload-area-mask,
.formulate-input[data-classification="file"] .formulate-input-upload-area input[data-is-drag-hover] ~ .formulate-input-upload-area-mask {
  border-color: #ed3624; }

.formulate-input[data-classification="file"] .formulate-input-upload-area input:focus ~ .formulate-input-upload-area-mask::before,
.formulate-input[data-classification="file"] .formulate-input-upload-area input:hover ~ .formulate-input-upload-area-mask::before,
.formulate-input[data-classification="file"] .formulate-input-upload-area input[data-is-drag-hover] ~ .formulate-input-upload-area-mask::before {
  background-color: #ed3624; }

.formulate-input[data-classification="file"] .formulate-files {
  list-style-type: none;
  margin: 0;
  padding: 0; }

.formulate-input[data-classification="file"] .formulate-files .formulate-file-add {
  appearance: none;
  display: block;
  min-width: 75px;
  border: 1px solid #ed3624;
  color: #ed3624;
  padding: 5px;
  border-radius: 5px;
  text-align: center;
  position: relative;
  font-size: 13px;
  cursor: pointer;
  margin: .5em 0; }

.formulate-input[data-classification="file"] .formulate-files .formulate-file-add input {
  position: absolute;
  display: block;
  cursor: pointer; }

.formulate-input[data-classification="file"] .formulate-files .formulate-file-add input::-webkit-file-upload-button {
  display: none; }

.formulate-input[data-classification="file"] .formulate-files .formulate-file-progress {
  background-color: #cecece;
  height: .3em;
  border-radius: 1.25em;
  width: 5em;
  overflow: hidden;
  position: relative;
  flex: 0 0 5em;
  right: .75em;
  bottom: 0;
  transition: height .25s, width .25s, flex-basis .25s;
  z-index: 2;
  position: absolute; }

.formulate-input[data-classification="file"] .formulate-files .formulate-file-progress::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  opacity: 0;
  transform: scale(0.08);
  background-color: #ffffff;
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path d="M8.76,56.2c-6.38-6.34,3.26-16,9.64-9.69L38,65.88,80.56,23.29c6.38-6.38,16.07,3.32,9.69,9.69L42.84,80.37a6.83,6.83,0,0,1-9.65,0Z"/></svg>');
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path d="M8.76,56.2c-6.38-6.34,3.26-16,9.64-9.69L38,65.88,80.56,23.29c6.38-6.38,16.07,3.32,9.69,9.69L42.84,80.37a6.83,6.83,0,0,1-9.65,0Z"/></svg>');
  mask-size: 77%;
  -webkit-mask-size: 77%;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  z-index: 3; }

.formulate-input[data-classification="file"] .formulate-files .formulate-file-progress[data-just-finished] {
  width: 1.25em;
  height: 1.25em;
  flex: 0 0 1.25em; }

.formulate-input[data-classification="file"] .formulate-files .formulate-file-progress[data-just-finished]::before {
  transition: transform .25s .2s, opacity .25s .2s;
  transform: scale(1);
  opacity: 1; }

.formulate-input[data-classification="file"] .formulate-files .formulate-file-progress[data-is-finished] {
  transition: height .25s, width .25s, left .25s, top, .25s, border-radius .25s;
  width: .3em;
  flex: 0 0 .3em;
  height: 100%;
  right: 0;
  border-radius: 0 .23em .23em 0;
  position: relative; }

.formulate-input[data-classification="file"] .formulate-files .formulate-file-progress[data-is-finished]::before {
  transition: opacity .1s;
  opacity: 0; }

.formulate-input[data-classification="file"] .formulate-files .formulate-file-progress .formulate-file-progress-inner {
  background-color: #ed3624;
  width: 1%;
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
  z-index: 2; }

.formulate-input[data-classification="file"] .formulate-files .formulate-file-name {
  padding-left: 1.5em;
  padding-right: 2em;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: auto;
  display: none; }

.formulate-input[data-classification="file"] .formulate-files .formulate-file-name::before {
  position: absolute;
  left: .7em;
  top: 50%;
  margin-top: -.7em;
  background-color: #ed3624;
  content: '';
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.06 83.59"><path d="M55.94,83.59a8.16,8.16,0,0,0,8.12-8.16V19.12a1.77,1.77,0,0,0-.52-1.25L46.21.59A1.69,1.69,0,0,0,45.14.08L44.69,0l-.18,0H8.13A8.18,8.18,0,0,0,0,8.16V75.41a8.16,8.16,0,0,0,8.13,8.16H55.94ZM46.68,6,58.11,17.38H46.68ZM3.52,75.43V8.16A4.64,4.64,0,0,1,8.13,3.52h35V19.16a1.75,1.75,0,0,0,1.76,1.74H60.55V75.43a4.65,4.65,0,0,1-4.61,4.65H8.13A4.65,4.65,0,0,1,3.52,75.43Z"/></svg>');
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.06 83.59"><path d="M55.94,83.59a8.16,8.16,0,0,0,8.12-8.16V19.12a1.77,1.77,0,0,0-.52-1.25L46.21.59A1.69,1.69,0,0,0,45.14.08L44.69,0l-.18,0H8.13A8.18,8.18,0,0,0,0,8.16V75.41a8.16,8.16,0,0,0,8.13,8.16H55.94ZM46.68,6,58.11,17.38H46.68ZM3.52,75.43V8.16A4.64,4.64,0,0,1,8.13,3.52h35V19.16a1.75,1.75,0,0,0,1.76,1.74H60.55V75.43a4.65,4.65,0,0,1-4.61,4.65H8.13A4.65,4.65,0,0,1,3.52,75.43Z"/></svg>');
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-size: contain;
  -webkit-mask-size: contain;
  width: 1.25em;
  height: 1.25em;
  display: inline-block;
  margin-right: .5em; }

.formulate-input[data-classification="file"] .formulate-files .formulate-file-remove {
  width: 1.25em;
  height: 1.25em;
  border-radius: 1em;
  border: 1px solid #ed3624;
  background-color: #ed3624;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="white" viewBox="0 0 59.1 59.2"><path d="M1.6,57.7a5,5,0,0,0,3.5,1.5,4.85,4.85,0,0,0,3.5-1.5l21-21,21,21a5,5,0,0,0,3.5,1.5,4.85,4.85,0,0,0,3.5-1.5,5,5,0,0,0,0-7.1l-21-21,21-21a5,5,0,0,0,0-7.1,5,5,0,0,0-7.1,0l-21,21L8.6,1.7a5,5,0,0,0-7.1,0,5,5,0,0,0,0,7.1l21,21L1.6,50.7A4.83,4.83,0,0,0,1.6,57.7Z"/></svg>');
  /*mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 59.1 59.2"><path d="M1.6,57.7a5,5,0,0,0,3.5,1.5,4.85,4.85,0,0,0,3.5-1.5l21-21,21,21a5,5,0,0,0,3.5,1.5,4.85,4.85,0,0,0,3.5-1.5,5,5,0,0,0,0-7.1l-21-21,21-21a5,5,0,0,0,0-7.1,5,5,0,0,0-7.1,0l-21,21L8.6,1.7a5,5,0,0,0-7.1,0,5,5,0,0,0,0,7.1l21,21L1.6,50.7A4.83,4.83,0,0,0,1.6,57.7Z"/></svg>');
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 59.1 59.2"><path d="M1.6,57.7a5,5,0,0,0,3.5,1.5,4.85,4.85,0,0,0,3.5-1.5l21-21,21,21a5,5,0,0,0,3.5,1.5,4.85,4.85,0,0,0,3.5-1.5,5,5,0,0,0,0-7.1l-21-21,21-21a5,5,0,0,0,0-7.1,5,5,0,0,0-7.1,0l-21,21L8.6,1.7a5,5,0,0,0-7.1,0,5,5,0,0,0,0,7.1l21,21L1.6,50.7A4.83,4.83,0,0,0,1.6,57.7Z"/></svg>');
  mask-size: .6em;
  -webkit-mask-size: .6em;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;*/
  background-position: center;
  background-size: .6em;
  background-repeat: no-repeat;
  cursor: pointer;
  position: absolute;
  right: .75em;
  z-index: 3;
  transition: transform .25s;
  bottom: 0;
  background-color: #ed3624; }

@media (pointer: fine) {
  .formulate-input[data-classification="file"] .formulate-files .formulate-file-remove:hover {
    transform: scale(1.5); } }
.formulate-input[data-classification="file"] .formulate-files li {
  display: block; }

.formulate-input[data-classification="file"] .formulate-files li[data-has-error] .formulate-file-progress {
  background-color: #dc2c2c; }

.formulate-input[data-classification="file"] .formulate-files li[data-has-preview] .formulate-file-name:before {
  display: none; }

.formulate-input[data-classification="file"] .formulate-files li + li {
  margin-top: .5em; }

.formulate-input[data-classification="file"] .formulate-files .formulate-file {
  appearance: none;
  border-radius: .3em;
  border: 1px solid #cecece;
  box-sizing: border-box;
  font-size: .9em;
  display: block;
  width: 100%;
  font-weight: 400;
  line-height: 1.2em;
  margin: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  border-radius: 999px;
  padding-bottom: 100%; }

.formulate-input[data-classification="file"] .formulate-files .formulate-file::placeholder {
  color: #ed3624;
  line-height: normal; }

.formulate-input[data-classification="file"] .formulate-files .formulate-file:focus {
  outline: 0;
  border: 1px solid #ed3624; }

.formulate-input[data-classification="file"] .formulate-files .formulate-file ::-webkit-progress-bar {
  appearance: none;
  height: .5em;
  border-radius: .5em;
  overflow: hidden; }

.formulate-input[data-classification="file"] .formulate-files .formulate-file-image-preview {
  width: 100%;
  flex: 0 0 3em;
  position: absolute;
  padding-bottom: 100%;
  z-index: 2;
  left: 0;
  top: 0;
  box-shadow: 0 0 0 1px #efefef;
  transition: transform .25s, box-shadow .25s, background-color .25s;
  border-radius: 999px; }

@media (pointer: fine) {
  .formulate-input[data-classification="file"] .formulate-files .formulate-file-image-preview:hover {
    /* transition-delay: .2s;
     transform: scale(3);
     background-color: #ffffff;
     box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.1);*/ } }
.formulate-input[data-classification="file"] .formulate-files .formulate-file-image-preview img {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  object-fit: cover;
  border-radius: 999px;
  transition: all .25s; }

.formulate-input[data-classification="file"] [data-type="image"] .formulate-input-upload-area .formulate-input-upload-area-mask::before {
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 90 71.05"><path d="M82.89,0H7.1A7.12,7.12,0,0,0,0,7.11V64a7.11,7.11,0,0,0,7.1,7.1H82.9A7.11,7.11,0,0,0,90,64V7.11A7.12,7.12,0,0,0,82.89,0ZM69.28,39.35a5.44,5.44,0,0,0-8,0L50.58,50.74,32.38,30.88a5.31,5.31,0,0,0-7.92,0L4.74,52.4V7.11A2.37,2.37,0,0,1,7.11,4.74H82.9a2.37,2.37,0,0,1,2.36,2.37V56.3Z"/><circle cx="67.74" cy="22.26" r="8.53"/></svg>');
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 90 71.05"><path d="M82.89,0H7.1A7.12,7.12,0,0,0,0,7.11V64a7.11,7.11,0,0,0,7.1,7.1H82.9A7.11,7.11,0,0,0,90,64V7.11A7.12,7.12,0,0,0,82.89,0ZM69.28,39.35a5.44,5.44,0,0,0-8,0L50.58,50.74,32.38,30.88a5.31,5.31,0,0,0-7.92,0L4.74,52.4V7.11A2.37,2.37,0,0,1,7.11,4.74H82.9a2.37,2.37,0,0,1,2.36,2.37V56.3Z"/><circle cx="67.74" cy="22.26" r="8.53"/></svg>'); }

.formulate-form-errors {
  margin: .75em 0;
  padding: 0;
  list-style-type: none; }

.formulate-form-errors:first-child {
  margin-top: 0; }

.formulate-form-errors:last-child {
  margin-bottom: 0; }

.formulate-form-errors .formulate-form-error {
  color: #960505;
  font-size: .9em;
  font-weight: 300;
  line-height: 1.5;
  margin-bottom: .25em; }

.formulate-form button.c-button {
  width: 100%;
  max-width: 15em;
  text-align: center;
  align-items: center;
  justify-content: center; }

.c-profile-form {
  max-width: 350px;
  margin: auto; }
  .c-profile-form label {
    color: #3D3D3D; }
  .c-profile-form .alert, .c-profile-form .c-alert-fail, .c-profile-form .c-alert-success {
    text-align: center;
    margin-bottom: 20px;
    padding: 10px;
    color: white; }
  .c-profile-form .c-alert-fail {
    background-color: #ed3624; }
  .c-profile-form .c-alert-success {
    background-color: #A8D832; }
  .c-profile-form .c-house-number {
    display: flex; }
    .c-profile-form .c-house-number > :first-child {
      margin-right: 1.5em; }

.c-article--joe-profile label {
  padding: 0; }
.c-article--joe-profile.c-markup ul:not(.u-grid) li:before {
  position: initial; }
.c-article--joe-profile.c-markup ul:not(.u-grid) li {
  padding-left: 0; }
.c-article--joe-profile .c-profile-form {
  margin-top: 5em; }
  .c-article--joe-profile .c-profile-form .alert, .c-article--joe-profile .c-profile-form .c-alert-fail, .c-article--joe-profile .c-profile-form .c-alert-success {
    margin-bottom: initial;
    padding: initial;
    font-weight: 500;
    padding: 1em; }
  .c-article--joe-profile .c-profile-form .c-alert-success {
    color: inherit; }
@media screen and (max-width: 739px) {
  .c-article--joe-profile .c-profile-form {
    margin-top: 7em; } }
.c-article--joe-profile .formulate-input-element--select select {
  width: 100%; }
.c-article--joe-profile .formulate-input[data-classification='box'] .formulate-input-element-decorator {
  width: 25px;
  height: 22.7px; }

.willy-profile select {
  font-family: Mulish, sans-serif;
  font-size: .9em;
  padding: 0;
  padding-left: .75em;
  width: 100%;
  font-weight: 400;
  line-height: 1.2em; }
.willy-profile input[type=date] {
  font-family: Mulish, sans-serif;
  font-size: .9em;
  padding: .9em;
  padding-left: .75em;
  font-weight: 400;
  line-height: 1.2em; }

.app-only .c-article__header {
  display: none; }

.app-only .profile-edit.c-page-header--basic {
  min-height: 65px;
  padding: 0; }
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or any plugin's vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any styles
 * defined in the other CSS/SCSS files in this directory. It is generally better to create a new
 * file per style scope.
 *











 */