/* responsive menu */

.header {
    background-color: #000;
    color: #eee;
}

.header a {
    color: #fff;
}

.header .logo {
    /*font-size: 1.7rem;
    //text-transform: uppercase;*/
    width: 20px;
    background-color: white;
}

.header .logo:hover {
    background-color: #68bd44;
}

.menu-wrapper {
    color: inherit;
    font-weight: 600;
    padding: 0rem 0;
    margin: 0 0rem 0em 0rem;
    /*margin-bottom: 1em;*/
    -webkit-font-smoothing: antialiased;
    height: 2.5em;
    overflow: hidden;
    -webkit-transition: height 0.5s;
    -moz-transition: height 0.5s;
    -ms-transition: height 0.5s;
    transition: height 0.5s;
}

.menu-wrapper.open {
    height: auto;
}

.custom-menu-3 {
    text-align: right;
}

.custom-toggle {
    width: 34px;
    height: 34px;
    position: absolute;
    top: 0;
    right: 0;
    display: none;
}

.custom-toggle .bar {
    background-color: #fff;
    display: block;
    width: 20px;
    height: 2px;
    border-radius: 100px;
    position: absolute;
    top: 18px;
    right: 7px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
}

.custom-toggle .bar:first-child {
    -webkit-transform: translateY(-6px);
    -moz-transform: translateY(-6px);
    -ms-transform: translateY(-6px);
    transform: translateY(-6px);
}

.custom-toggle.x .bar {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.custom-toggle.x .bar:first-child {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.pure-menu-item {
    line-height: inherit;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    border-right: 1px solid #ccc;
}

.pure-menu-item:last-child {
    border-right: none;
}

.pure-menu-link {
    color: #FFF;
    padding: 0 1em;
    text-transform: uppercase;
    font-size: 0.9em;
}



.pure-menu-item.selected .pure-menu-link {
    color: #68bd44;
}

.pure-menu-link:hover,
.pure-menu-link:focus {
    background-color: transparent;
    color: #68bd44;
}

.pure-menu-heading {
    font-size: 1.2rem;
    padding-top: 0.1em;
    padding-bottom: 0em;
    padding-left: 0;
    display: none !important;
}


@media (max-width: 47.999em) {

    .custom-menu-3 {
        text-align: left;
    }

    .custom-toggle {
        display: block;
    }

    .pure-menu-item {
        line-height: inherit;
        border-right: none;
    }

    .pure-menu-heading {
        display: block !important;
    }

    .header {
        border-bottom: 1px solid #ccc;
    }
}



.title {
    font-size: 4rem;
    background-color: black;
    color: #eee;
    padding: 2rem 0;
    font-weight: 600;
    /*background-image: url(/pnode2/user/themes/pnode/assets/razor_back.png);*/
    background-position: center;
    /* Center the image */
    background-repeat: no-repeat;
    /* Do not repeat the image */
    background-size: auto 120%;

}

.title a {
    /*display: block;*/
}

/* FOnt */

/* rubik-300 - latin */

@font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 300;
    src: local('Rubik Light'), local('Rubik-Light'),
        url('../fonts/rubik-v7-latin-300.woff2') format('woff2'),
        /* Chrome 26+, Opera 23+, Firefox 39+ */
        url('../fonts/rubik-v7-latin-300.woff') format('woff');
    /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* rubik-300italic - latin */

@font-face {
    font-family: 'Rubik';
    font-style: italic;
    font-weight: 300;
    src: local('Rubik Light Italic'), local('Rubik-LightItalic'),
        url('../fonts/rubik-v7-latin-300italic.woff2') format('woff2'),
        /* Chrome 26+, Opera 23+, Firefox 39+ */
        url('../fonts/rubik-v7-latin-300italic.woff') format('woff');
    /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* rubik-regular - latin */

@font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 400;
    src: local('Rubik'), local('Rubik-Regular'),
        url('../fonts/rubik-v7-latin-regular.woff2') format('woff2'),
        /* Chrome 26+, Opera 23+, Firefox 39+ */
        url('../fonts/rubik-v7-latin-regular.woff') format('woff');
    /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* rubik-italic - latin */

@font-face {
    font-family: 'Rubik';
    font-style: italic;
    font-weight: 400;
    src: local('Rubik Italic'), local('Rubik-Italic'),
        url('../fonts/rubik-v7-latin-italic.woff2') format('woff2'),
        /* Chrome 26+, Opera 23+, Firefox 39+ */
        url('../fonts/rubik-v7-latin-italic.woff') format('woff');
    /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* rubik-500 - latin */

@font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 500;
    src: local('Rubik Medium'), local('Rubik-Medium'),
        url('../fonts/rubik-v7-latin-500.woff2') format('woff2'),
        /* Chrome 26+, Opera 23+, Firefox 39+ */
        url('../fonts/rubik-v7-latin-500.woff') format('woff');
    /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* rubik-700 - latin */

@font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 700;
    src: local('Rubik Bold'), local('Rubik-Bold'),
        url('../fonts/rubik-v7-latin-700.woff2') format('woff2'),
        /* Chrome 26+, Opera 23+, Firefox 39+ */
        url('../fonts/rubik-v7-latin-700.woff') format('woff');
    /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-300 - latin */

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'), local('OpenSans-Light'),
        url('../fonts/open-sans-v15-latin-300.woff2') format('woff2'),
        /* Chrome 26+, Opera 23+, Firefox 39+ */
        url('../fonts/open-sans-v15-latin-300.woff') format('woff');
    /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-300italic - latin */

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 300;
    src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'),
        url('../fonts/open-sans-v15-latin-300italic.woff2') format('woff2'),
        /* Chrome 26+, Opera 23+, Firefox 39+ */
        url('../fonts/open-sans-v15-latin-300italic.woff') format('woff');
    /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-regular - latin */

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans Regular'), local('OpenSans-Regular'),
        url('../fonts/open-sans-v15-latin-regular.woff2') format('woff2'),
        /* Chrome 26+, Opera 23+, Firefox 39+ */
        url('../fonts/open-sans-v15-latin-regular.woff') format('woff');
    /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-italic - latin */

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    src: local('Open Sans Italic'), local('OpenSans-Italic'),
        url('../fonts/open-sans-v15-latin-italic.woff2') format('woff2'),
        /* Chrome 26+, Opera 23+, Firefox 39+ */
        url('../fonts/open-sans-v15-latin-italic.woff') format('woff');
    /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-600 - latin */

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
        url('../fonts/open-sans-v15-latin-600.woff2') format('woff2'),
        /* Chrome 26+, Opera 23+, Firefox 39+ */
        url('../fonts/open-sans-v15-latin-600.woff') format('woff');
    /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-700 - latin */

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'), local('OpenSans-Bold'),
        url('../fonts/open-sans-v15-latin-700.woff2') format('woff2'),
        /* Chrome 26+, Opera 23+, Firefox 39+ */
        url('../fonts/open-sans-v15-latin-700.woff') format('woff');
    /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* Core Stuff */

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    font-family: 'Open Sans', 'Lato', Arial, Helvetica, sans-serif;
}

body {
    font-size: 14px;
    line-height: 24px;
    color: #ccc;
    background-color: #000;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    font-weight: 300;

}

#body {
    max-width: 800px;
    margin: 0 auto;
}

#body.full-width {
    max-width: none;
    margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #454B4D;
}

h1,
h2 {
    padding-left: 0.5rem;
    background-color: #eee;
    color: #000;
    font-weight: 600;
}

h1 {
    font-size: 1.3em;
    line-height: 2rem;
    margin: 20px 0;
}

h2 {
    font-size: 1.1em;
    margin-top: 1.5rem;
    margin-bottom: 0.75rem;
}

h3 {
    font-size: 1.17em;
    font-weight: 600;
    color: white;
}

h4 {
    font-weight: 600;
}

p {
    margin: 0 0 1.5rem 0;
    /*margin-block-start: 0;
    margin-block-end: 1.5rem;*/
}

img {
    max-width: 100%;
}

a {
    color: #68bd44;
    text-decoration: none;
}

a:hover {
    color: #fff;
}

pre {
    background: #333;
    margin: 1rem 0;
    padding: 1rem;
    line-height: 1.5rem;
}

blockquote {
    border-left: 10px solid #eee;
    margin: 0;
    padding: 0 2rem;
}

ul li {
    list-style-type: square;
}

ol li {
    list-style-type: decimal-leading-zero;
}

span {
    font-weight: 600;
}

/* grid */

.pure-g [class*=pure-u] {
    font-family: 'Open Sans', Arial, sans-serif;
}



b,
strong {
    font-weight: 600;
}

/* Utility Classes */

.wrapper {
    margin: 0 3rem;
}

.padding {
    padding: 3rem 1rem;
}

.left {
    float: left;
}

.right {
    float: right
}

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

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

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

.border-bottom {
    border-bottom: 1px solid #ccc;
}

.border-top {
    border-top: 1px solid #ccc;
}

.blink {
    animation: blinker 1s linear infinite;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}

/* Content Styling */

.part-header {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    background-color: #eee;
    color: #000;
    font-weight: 600;
    margin: 0em 1rem 1.5rem 1rem;
}

.part-content {
    padding: 0 1rem;
    font-size: 1em;
    margin-bottom: 1.5rem;
}

.part-content > ul {
    padding-left: 1.3em;
}

.footer {
    max-width: 800px;
    margin: 0 auto;
    margin-top: 2em;
}

.full-width {
    max-width: none;
    margin: 0;
    margin-top: 2em;
}

#body .pure-u-md-1-2 {
    padding: 1em;
}

/* tabs - onglets */
/* Style the tab */
.tab {
    //overflow: hidden;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    border-top: 1px solid #eee;
    background-color: black;
    margin-bottom: 3rem;
    //height: 3rem;
    box-sizing: border-box;
}

/* Style the buttons that are used to open the tab content */
.tab button {
    background-color: black;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 0 1rem !important;
    height: 47px;
    //transition: 0.3s;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.25rem;
    border-bottom: 1px solid #eee;
}

.tab button .english {
    font-size: 0.8rem;
    font-weight: 400;
}

/* Change background color of buttons on hover */
.tab button:hover {
    background-color: #eee;
    color: black;
}

/* Create an active/current tablink class */
.tab button.active {
    background-color: #eee;
    color: black;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 0;
    //border-top: 1px solid #eee;
}

.tabcontent.active {
    display: block;
}

/* Chat */
.chat {
    height: 360px;
}

/* custom jplayer */

.jp-audio {
    height: 4.5rem;
    border-bottom: 2px solid;
    overflow: hidden;
    color: #CCC;
}

.jp-audio:first-of-type {
    /*border-top: 2px solid;*/
}



.more_infos_main {
    padding: 1px 5px;
    border: 1px solid #68bd44;
    //margin-left: 5px;
}

.more_infos_main:hover {
    border: 1px solid white;
}

.stream-subtext {
    font-size: 0.9em;
    margin-top: 0;
    margin-bottom: 0;
}

.stream-subtext span {
    font-weight: inherit;
    font-style: italic;
}

#mainStream ul {
    margin: 0.75rem 0;
}

#mainStream ul li {
    font-size: 0.8rem;
    line-height: 1.5rem;
    height: 1.5rem;
    overflow: hidden;
}

.jp-type-single {
    height: 3rem;
    position: relative;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.jp-gui .jp-interface {
    height: 100%;
}

.jp-audio .jp-controls {
    width: 40px;
    background-color: transparent;
    top: 7px;
    z-index: 4;
}

.jp-audio .jp-controls a {
    font-size: 40px;
    padding-left: 0;
}

.jp-audio .jp-controls a:hover {
    color: #68bd44;
}

.jp-audio .jp-volume-controls {
    right: unset;
    left: 50px;
    background-color: transparent;
    width: 20px;
    height: 36px;
    padding-left: 0;
    top: 10px;
}

.jp-audio .jp-volume-controls.horizontal {
    width: 100px;
}

.jp-audio .jp-volume-controls .jp-volume-bar {
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    //border: 1px solid #ecf0f1;
    background: #807e7e;
}

.jp-audio .jp-volume-controls .jp-volume-bar .jp-volume-bar-value {
    position: absolute;
    bottom: 0;
    background-color: #68bd44;
    width: 20px;
    height: 80%;
    border-top: 2px solid #FFF;
}

.jp-audio .jp-volume-controls .jp-volume-bar .jp-volume-bar-value.horizontal {
    height: 100%;
}

.jp-audio .jp-time-holder {
    left: 80px;
    right: unset;
    width: 100%;
    top: 33px;
    /*display: none;*/
}

.jp-audio .jp-current-time {
    font-size: 0.8em;
    line-height: unset;
    right: unset;
}

.jp-audio .jp-duration {
    font-size: 0.8em;
    line-height: unset;
    left: unset;
    right: 80px;
    padding: 0;
}

.jp-audio .jp-progress {
    top: 39px;
    left: 130px;
    right: 40px;
    height: 11px;
}

.jp-audio .jp-progress .jp-seek-bar {
    background-color: #27451a;
}

.jp-audio .jp-progress .jp-seek-bar .jp-play-bar {
    background-color: #68bd44;
}

.jp-audio .jp-song-holder {
    position: absolute;
    top: 28px;
    left: 82px;
    /*height: 0;*/
    /* 0 height so seek bar is clickable. */
    z-index: 2;
    /* Above progress bar display */
}

.jp-audio .jp-song {
    height: 1.2rem;
    padding: 0;
    font-size: 0.8em;
    text-align: left;
    pointer-events: none;
    overflow: hidden;
}



.jp-audio .jp-title-holder {
    position: absolute;
    top: 8px;
    left: 82px;
    height: 1.1rem;
    /* 0 height so seek bar is clickable. */
    z-index: 2;
    /* Above progress bar display */
    overflow: hidden;
}

.jp-audio .jp-title-holder.horizontal {
    left: 150px;
    top: 19px;
}

.jp-audio .jp-title {
    height: 100%;
    padding: 0;
    font-size: inherit;
    text-align: left;
    pointer-events: none;
    line-height: 1.2;
}

.jp-audio .jp-genre-holder {
    position: absolute;
    top: -1px;
    right: 0px;
    height: 2rem;
    /* 0 height so seek bar is clickable. */
    z-index: 3;
    /* Above progress bar display */
    padding: 3px;
    background-color: black;
}

.jp-audio .jp-genre {
    height: 100%;
    padding: 2px 0px;
    font-size: inherit;
    text-align: right;
    pointer-events: none;
}

.jp-audio .jp-more-holder {
    position: absolute;
    top: 25px;
    right: 0px;
    /* 0 height so seek bar is clickable. */
    z-index: 3;
    /* Above progress bar display */
    background-color: black;
    padding: 3px;

}

.jp-audio .jp-more {
    height: 100%;
    padding: 0;
    font-size: 0.8em;
    text-align: right;
    font-size: 0.8rem;

}

.jp-audio .jp-more a i {
    padding: 0.25rem 0.25rem 0.15rem 0.25rem;
    color: black;
    background-color: #68bd44;
}

.jp-audio .jp-more a i:hover {
    background-color: black;
    color: #68bd44;
}


.jp-audio .jp-description {}

.jp-audio.main-stream {
    border: none;
    margin-bottom: 0.75rem;
    background: #EEE;
    color: #000;
    padding: 0 1rem;
    height: 4.5rem;
}

/* Main Stream */
.StreamLiveHolder {
    position: absolute;
    top: 2px;
    left: 3rem;
    right: 0px;
    z-index: 2;
    line-height: 2em;
}

.main-stream .jp-controls a {
    color: #68bd44;
}

.main-stream .jp-controls a:hover {
    color: black;
}

.jp-audio.main-stream .jp-volume-controls {
    display: none;
}

.jp-audio.main-stream .jp-volume-controls .jp-volume-bar {
    border: 1px solid black;
}

.jp-audio.main-stream .jp-volume-controls .jp-volume-bar .jp-volume-bar-value {
    width: 18px;
}

.jp-audio.main-stream .jp-genre-holder {
    display: none;
}

.jp-audio.main-stream .jp-more-holder {
    background-color: transparent;
    top: 0px;
}

.jp-audio.main-stream .jp-more a i {
    color: #68bd44;
    background-color: transparent;
}

.jp-audio.main-stream .jp-more a i:hover {
    color: black;
}


.StreamLiveHolder h4 {
    margin: 0;
    padding: 0;
    color: black;
    font-weight: inherit;
    text-decoration:
}

.StreamLiveHolder h4 span {
    color: black !important;
}



.StreamLiveHolder .now-playing-bar {
    left: 0px;
    //right: 0;
    //width: 100%;
    top: 28px;
    margin: 0;
    padding: 0;
    display: inline;
    line-height: 1.2rem;
    height: 1.2rem;
    overflow: hidden;
    /*font-size: 0.8em;*/
    position: absolute;
    font-weight: 500;
}

.StreamLiveHolder #currentShowName {
    left: 108px;
    right: 0;
    //width: 100%;
    top: 28px;
    margin: 0;
    padding: 0;
    display: inline;
    line-height: 1.2rem;
    height: 1.2rem;
    overflow: hidden;
    /*font-size: 0.8em;*/
    position: absolute;
    font-weight: 500;
}

.StreamLiveHolder ul.now-playing-bar li {
    position: absolute;
    font-size: 0.8em;
    line-height: unset;
    right: unset;
    margin: 0;
    padding: 0;
    left: 95px;
    list-style-type: none;
    top: 26px;
}

.StreamLiveHolder ul.now-playing-bar li.next {
    display: none;
}

.StreamLiveHolder #time-remaining {
    position: absolute;
    display: block;
    left: -95px;
    right: unset;
    width: 95px;
    top: 0px;
    font-weight: inherit;
}

#add-stream {
    margin-top: 15px;
}

.daySchedule {
    font-size: 0.9em;
}

.daySchedule h3 {
    margin: 0;
    font-size: 1.05em;
}

.dayTime {
    padding-right: 1em;
}


/*custom green-player */
.green-audio-player {
    width: 100%;
    background-color: transparent;
    padding: 0;
    box-shadow: none;
    border-radius: 0;
    border-bottom: 2px solid #ccc;
    margin-top: -12px;
    font-size: 14px;
    font-weight: 300;
}

.green-audio-player.container-small-player-enabled {
    font-size: 10px;
    border-bottom: none;
    height: 29px;
    margin-top: -5px;
}

.green-audio-player.container-small-player-enabled .play-pause-btn svg {
    width: 12px;
    height: 18px;
}

.green-audio-player.container-small-player-enabled .download {
    margin-left: 0;
}

.green-audio-player.container-small-player-enabled .download svg {
    width: 12px;
    height: 12px;
}

.green-audio-player.container-small-player-enabled .volume {
    display: none;
}

.green-audio-player .controls {
    font-family: inherit;
    color: #ccc;
    font-size: inherit;
}

.green-audio-player .controls span {
    font-weight: 300;
}



.green-audio-player svg path:hover {
    fill: #68bd44;
}

.green-audio-player svg:hover {
    fill: #68bd44;
}

.green-audio-player .slider {
    background: #27451a;
}

.green-audio-player .slider .gap-progress {
    background-color: #68bd44;
}

.green-audio-player .slider .gap-progress .pin {
    border-radius: 0;
    background-color: #68bd44;
    box-shadow: none;
}

.container-player2 .player-title {
    color: #FFF;
    font-weight: 600;
    text-align: center;
    line-height: 0;
    margin-top: 12px;
}

/* breadcrumbs */

#breadcrumbs {
    padding: 0;
    line-height: inherit;
    height: auto;
    font-size: 0.8em;
}

#breadcrumbs span {
    font-weight: inherit;
}

/* login */

#grav-login {
    background: inherit !important;
    border: none !important;
}

#grav-login .button {
    background-color: inherit;
    color: #68bd44;
}

/* lineUp */

.lineup {
    margin: 0 0 0 40px; //max-width: 500px; // height: 630px;
    // overflow: hidden;
    // padding: 10px 0 40px 60px
}

.lineup ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: relative; //transition: all 0.5s linear;
    top: 0
}

.lineup ul li {
    margin: 10px 60px 0px;
    position: relative;
    padding: 2px 20px 2px 5px;
    background: rgba(255, 255, 255, 0.3);
    color: #fff;
    list-style-type: none;
    font-size: 0.9em;
}

.lineup ul li > span {
    content: "";
    display: block;
    width: 0;
    height: 100%;
    border: 1px solid #fff;
    position: absolute;
    top: 0;
    left: -30px
}

.lineup ul li > span:before {
    content: "";
    display: block;
    width: 10px;
    height: 10px; //border-radius: 50%;
    background: #68bd44; //border:1px solid #fff;
    position: absolute;
    left: -5.5px
}

.lineup ul li > span:before {
    top: -10px
}

.lineup ul li > span:after {
    top: 95%
}

.lineup .title {
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 5px
}

.lineup .info:first-letter {
    text-transform: capitalize;
}

.lineup .name {
    margin-top: 10px;
    text-transform: capitalize;
    font-style: italic;
    text-align: right;
    margin-right: 20px
}

.lineup .time span {
    position: absolute;
    left: -80px;
    color: #fff;
    font-size: 80%;
    font-weight: bold;
}

.lineup .time span:first-child {
    top: -12px
}

//.lineup .time span:last-child{top:94%}

/* log listing */

.log_listing {
    font-family: monospace;
    line-height: 1em;
    height: 300px;
    font-size: 10px;
    overflow: auto;
    width: 100%;
    overflow-x: hidden;
}

/* Schedule */

.ui-widget-content {
    background-color: unset;
    color: unset;
}

.ui-widget-header {
    background-color: unset;
    color: unset;
}

.ui-tabs .ui-tabs-nav li {
    border-bottom-width: 1px;
}

.ui-widget-header {
    border: 0;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    border-top-right-radius: 0;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border-top-left-radius: 0;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    background-color: black;
    border: 1px solid black;
}

.ui-widget-content a {
    color: #68bd44;
}

.ui-widget-content a:hover {
    color: white;
}

.widget h4 {
    color: inherit;
    margin: 0;
}

.widget ul {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
}

.widget li {
    list-style-type: none;
}

.widget li:focus {
    outline: none;
}

/* formulaires */
input {
    color: black;
}

.pure-button-primary {
    background-color: #68bd44;
}

.md {
    display: none;
}

.notmd {
    display: block;
}

@media screen and (max-width: 48em) {
    #body .pure-u-1 {
        padding: 1em 0;
    }

    body {
        padding-left: 0;
        padding-right: 0;
    }

    .pure-menu-horizontal .pure-menu-heading,
    .pure-menu-heading {
        padding-left: 1em;
    }

    .pure-menu-item {
        margin-top: 0.25em;
        margin-bottom: 0.25em;
        margin-left: 0.5em;
    }

    .menu-wrapper .pure-u-1:first-child .pure-menu-item:first-child {
        display: none;
    }

    #body {
        margin: 0 0.5em;
    }
}

@media screen and (min-width: 48em) {
    .md {
        display: block;
    }

    .notmd {
        display: none;
    }
}