@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,700);


#jukola_top-bar-navi {background-color:#222120; padding-top:20px; height:60px; font-family: 'PT Sans', sans-serif; margin-bottom: 20px;}
#jukola_top-bar-navi .language-switcher ul,#jukola_top-bar-navi .siteselector ul{margin:0; padding:0; list-style:none;}
#jukola_top-bar-navi .language-switcher ul li, #jukola_top-bar-navi .siteselector ul li{display:inline-block; text-transform:uppercase; padding:0 10px 0 0;}
#jukola_top-bar-navi .language-switcher li, #jukola_top-bar-navi .siteselector ul li {padding:0 10px 0 0; font-weight:bold;}
#jukola_top-bar-navi .siteselector ul li.disabled {color:#aaa;}
#jukola_top-bar-navi .siteselector ul {text-align:right;}
#jukola_top-bar-navi .language-switcher li:after, #jukola_top-bar-navi .siteselector ul li:after {content:"/"; margin-left:10px; color:#fff;}
#jukola_top-bar-navi .language-switcher li:last-of-type:after, #jukola_top-bar-navi .siteselector ul li:last-of-type:after {content:"";}
#jukola_top-bar-navi .siteselector li.active a {color:#fff !important;}
#jukola_top-bar-navi .language-switcher li.active a {color:#fff;}
#jukola_top-bar-navi .lang-list {text-align: right;}
#jukola_top-bar-navi .lang-link {display:inline-block; margin:0 5px;}

.navbar {border-radius:0; border-color:transparent;}
.navbar.fixed {position:fixed;}

.navbar-collapse.collapse.in, .navbar-collapse.collapsing {background-color:#333;}
.navbar-inverse .navbar-nav > li > a {color:#fff;}
.navbar .navbar-brand {background-repeat:no-repeat; background-size:100%; background-position:center; width:100%;  margin-top:-15px; color:#fff; font-weight:bold; height:50px;}
ul.navbar-nav ul.mobile-timeline-links {display: none;     margin: 0 !important;     padding: 10px 15px !important;}
ul.navbar-nav ul.mobile-timeline-links li {display: inline-block !important;     line-height: 1.5;     padding:16px 0; margin-right:5px; }
ul.navbar-nav ul.mobile-timeline-links li.disabled a{background:#aaa !important;}
ul.navbar-nav ul.mobile-timeline-links li a {padding:15px 20px; color:#fff;}


#timeline-bar,#site_maintop,#site_mainbottom {display:none;}
#site_main {background:#fff;}
#site.container {margin-bottom:20px;}
#site_main h1, #site_main h2, #site_main h3 {font-family: 'PT Sans', sans-serif;}
#site_main h1 {font-weight:bold;}
#site_main h1 {color:#22bbea; font-size:28px;}
#site_main h2 {color:#686569; font-size:22px;}
#site_main a {color:#d29437;}
#site_main a:hover {color:#d1af7c;}
#site_main a:visited {color:#9db6bd;}
table th, table td  {padding:7px;}
td, p, div, li {font-size:13px !important;}
html {min-width: auto;}
body {background:#fff !important; font-family: 'PT Sans', sans-serif; min-width: auto;  line-height: 1.42857143; font-size:13px !important;  }
input,select {margin:5px 0; padding:5px 10px;  }
button, input[type="button"], input[type="reset"], input[type="submit"] {border:none; transition: all 0.2s ease; border-radius:2px; background: #22bbea; color:#fff; font-weight: bold; padding:5px 15px;}
button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {background:#ddd;}

tr.divider td {padding:20px 7px;}
td.muutettu {color:#aaa !important;}
#site_main a.back-btn {border:none; transition: all 0.2s ease; border-radius:2px; display:inline-block; background: #22bbea; color:#fff !important; margin:10px 0;   padding:5px 10px; }
#site_main a.back-btn:hover {background:#ddd; text-decoration: none;}


/* REGISTRATION.JUKOLA.COM */
input[value="Kirjaudu ulos"] {background:#f0f0f0; color:#000;}
input[value="Kirjaudu ulos"]:hover  {background:#ddd;}
td.iso {font-size:1.3em !important;}

/* RESULTS.JUKOLA.COM */
#site_main {background-image:#fff !important;}
#site_main table.eteentaakse a {border:none; transition: all 0.2s ease; border-radius:2px; background: #22bbea; color:#fff;  padding:5px 10px; }
#site_main table.eteentaakse a:hover {background:#ddd; text-decoration: none;}
button#favourite {display:none;}
table.eteentaakse {margin:20px 0;}
#alalinkit {padding:2em;}
table.pistelista input[type="radio"], table.pistelista input[type="checkbox"] {margin-right:5px;}
tr.b td,tr.osuus td {background: #eeece8 !important;}
div.lehdisto .rivi {display:block;}
table.tuloslista .nro a {color:#22bbea;}



@media only screen and (max-width : 990px) {
#jukola_top-bar-navi .language-switcher li, #jukola_top-bar-navi .siteselector ul li {margin:0; font-size:11px !important;}
}

@media only screen and (max-width : 767px) {
/*#jukola_top-bar-navi {display:none;}*/
ul.navbar-nav ul.mobile-timeline-links {display:block;}
.container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {margin-left:-16px; margin-right:-16px;}
.navbar {position:fixed; width:100%; border-width: 0 0 1px; left:0; right:0; z-index:1030;   top: 0; padding-top:17px; background: #222120;}
.navbar .navbar-brand {width:100%; height:50px; background-image: url("http://cdn.jukola.com/wp-content/themes/jukola_2015/images/jukola-com-logo-white.png") !important;}
#site {width:auto;min-width: auto;}
#jukola_top-bar-navi .language-switcher li, #jukola_top-bar-navi .siteselector ul li {font-size:10px;}
#jukola_top-bar-navi .language-switcher li, #jukola_top-bar-navi .siteselector ul li {padding:0 5px 0 0;}
#jukola_top-bar-navi .language-switcher li::after, #jukola_top-bar-navi .siteselector ul li::after {margin-left:5px;}
}


@media only screen and (max-width : 480px) {
  #jukola_top-bar-navi {background: #fff !important;}
.navbar .col-xs-2, .navbar .lang-list , .navbar .siteselector {padding:0;}
a.navbar-brand {width:70px !important; margin-top:0;}
.navbar {padding-right:5px; padding-left:5px; }
#site_main table.eteentaakse a {font-size:10px;}
}

@media print{a[href]:after{content:none}}