@charset "utf-8";

/*
Theme Name: fchaka
Theme URI: http://http://www.fchaka.fi/;
Author: Patrik Sigfrids
Author URI: http://http://www.menestystarinat.fi/
Description: fchaka
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
/**/


/**
 * Slanted tabs with CSS 3D transforms
 * See http://lea.verou.me/2013/10/slanted-tabs-with-css-3d-transforms/
 */


/*sponsor1 käytössä alapalkissa ja Yhteistyökumppanit-sivulla*/
/*sponsor1 avulla sponsorit näkyvät myös mobiilissa*/
/*loput @media #sponsor1*/   
#sponsor1 {
    width: 100%;
    height: 360px;
    background-color: black;
    text-align: center;
}

#sponsor1 h2{
    text-align: center;
    background-color: #16160c;
    border-bottom: 6px solid #dead67;
    font-size: 17px !important;
    letter-spacing: 1px;
    height: 46px;
    padding-top: 12px;
    color: white;
    margin-top: -2px;
    position: relative;
    top: 2px;
}

#sponsor1 img {
    max-height: 80px;
    width: auto !important;
    display: inline-block;
    margin: 1% 3%;
}

#mobiilibanneri {
    height: 60px;
    width: auto;
    background-color: #252525;
    margin: 0 auto;
    visibility: hidden;
}

#mobiilibanneri p {
    text-align: center;
    color: #dead67;
    padding-top: 12px;
}

/*alafooter käytössä alapalkissa*/
.alafooter {
    display: inline-block;
}

.alafooter div {
    margin: 0 60px;
}

/*pelitpalkki käytössä etusivun Ottelut/Tulokset/Sarjataulukko osiossa*/
.pelitpalkki {
    text-align: center;
    height: 40px;
    background-color: #454641;
}

.pelitpalkki a {
    font-size: 14px;
    color: #c5c3c3 !important;
    line-height: 40px;
}

/*liput on käytössä Liput sivulla*/
table.liput {
    margin-left: 20px;
    margin-top: 20px;
}

.liput thead {
    font-size: 16px;
}

.liput thead tr {
    text-align: left;
    color: #dead67;
    height: 30px;
}

.liput tbody {
    text-align: left;
    font-size: 14px;
    line-height: 18px;
}

.liput tbody tr td {
    height: 26px;
}
/*.ottelut ja .koti on käytössä Ottelut-sivulla*/
table.ottelut {
    width: 100%;
}

.ottelut thead {
    font-size: 15px;
}

.ottelut thead tr {
    height: 30px;
    color: #dead67;
}

.ottelut tbody {
    text-align: center;
    font-size: 13px;
}

.ottelut tbody tr td {
   height: 26px;
   padding-top: 5px;
   padding-bottom: 5px;
}
.ottelut tbody tr td a {
    color: #dead67 !important;
}

.koti {
   font-weight: bold;
   background-color: black;
}

/*.sisalto käytössä Historia-sivun navigointipalkissa*/
/*Mobiilin vaikutus @media alapuolella*/
.sisalto {
    float: right;
    width: 240px;
    background-color: #16160c;
    border-bottom: 1px solid #dead67;
    margin: 21px 10px 10px 10px;
}

.sisalto h5 {
    font-size: 16px;
    color: white;
    text-align: center;
    line-height: 30px;
    letter-spacing: 0.5px;
}

/*.pelaaja käytössä joka pelaajan omalla sivulla*/

.pelaaja {
    min-height: 520px;
}

.pelaaja h3 {
    font-size: 40px;
    color: #dead67;
    margin-top: 10px;
    font-weight: bold;
}

.pelaaja h4 {
    font-size: 30px;
    color: #dead67;
    margin-top: 10px;
}
.pelaaja figure {
    float: left;
    margin: 10px;
    width: 40%;
}

.pelaaja span /*Numero kuvan ylälulmassa*/{
  display: inline-block;
  color: white;
  font-size: 45px;
  text-align: center;
  background-color: #454641;
  border-style: solid;
  border-width: 2px;
  border-color: #dead67;
  height: 75px;
  width: 75px;
  line-height: 65px;
}

.pelaaja img {
    float: left;
    margin: 10px 30px 0px 0px;
    width: 40%;
    clear: left;
}

.uutiset #content{
       padding-top: 32px;
}

.custom-pagination{
       padding: 4px 14px;
       margin-right: 18px;       
}



article.loop{
       height: auto;
       min-height: 0;
}

article.loop a{
       display: block;
font-size: 14px;
margin: 23px 0 3px 23px;
}

.tv {
    background-color: #464641;
}

#post-487 strong{
       
       font-size: 120%;
       
}

#synved-tabs-1-2 td{
       padding: 5px;
}

.banneri .slide-data{
       display: none;
       
}

.banneri .flexslider {
  background: none repeat scroll 0 0 transparent;
  border: 0 solid #fff;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  margin: 0 0 60px;
  position: relative;
}

.banneri .flexslider-hg.flexslider ul.slides img{
       width: auto;
       height: 120px;
       margin: 0 auto;
       
}

.banneri ul:after{
/*        content: "";
  display: table;
  clear: both; */
       
}

.banneri .easy-logo_image{
       height: auto !important;
}

.banneri .jcarousel-wrapper{
       margin: 0 auto !important;
}

.banneri .jcarousel-wrapper h3{
       display: none !important;
}

.banneri {
       height: 133px;
       /*height: auto;*/
       padding: 10px 0;
       
}

.banneri .jcarousel li{
       
    margin: 1em 0;  
    height: 85px;
    width: 260px;
    
    position: relative;
       
}


.banneri .jcarousel li img {  
    max-height: 75px;  
    max-width: 260px;  
    position: absolute;  
    top: 0;  
    bottom: 0;  
    left: 0;  
    right: 0;  
    margin: auto;  
    
}


.kuvat td{
       
       vertical-align: top;
       
       font-size: 14px;
       
       padding: 20px 30px 0 20px;
       
}

.kuvat td h4{
       margin: 0;
}

.kuvat tr{
       
}

.kuvat img{
       
}

.content-column.full_width.fans{
       min-height: 570px;
       
       
}

.tuotekuvat img{
       
      padding:20px 0 20px 20px; 
}


.content-column.one_half.sponsors{
       padding-left: 25px;
}

.content-column.one_half.last_column.sponsors{
       padding-right: 50px;
}

.snvdshc{
       
       
}

.banneris{
  margin-left: auto;
  margin-right: auto;
  width: 1200px;
}

.banneri{
       
       background-color: #16160c;
       padding: 0px;
       
}

#synved-tabs-1-1 p{
       margin-right: 0;
       /*border-right: 1px solid #dead67 !important;*/
       /*height: 392px;*/
}

#synved-tabs-1 .tab-body {
       background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
       height: 412px;
       border-right: 1px solid #dead67 !important;
       border-bottom: 1px solid #dead67 !important;
       border-radius: 0 !important;
       overflow: auto;
}

.snvdshc .ui-corner-all, #textbox .snvdshc .ui-tabs .ui-tabs-nav li{
       
       border-radius: 0 !important;
       
}

#locker .snvdshc #synved-tabs-2 .ui-state-active{
       border-radius: 0 !important;
}


input{
       
outline-style:none;
box-shadow:none;
border-color:transparent;

}

.content-column.two_fifth.grey.juniors1{
       
       margin-right: 2px !important;
       width: 39.7% !important;
margin-top: 2px;
}

.content-column.three_fifth.last_column.juniors{
       margin-top: 2px;
       
       
}


.h2otsikko{
              
       background-color: #252525;
       border-bottom: 1px solid #dead67;
       color: white;
       font-size: 17px !important;
       font-weight: normal;
       height: 46px;
       margin-top: -2px;
       padding-top: 14px;
       position: relative;
       top: 2px;
       padding: 10px 25px 45px 25px;
       
}

.h3otsikko{
       
       font-size: 14px ;
       padding-top: 5px;
       display: block;
       color: #dead67;
       
       
}

#locker .snvdshc #synved-tabs-2 .ui-state-active{
       
       /*background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5) !important;*/
       height: 50px !important;
       top: 10px !important;
       border-bottom: 1px solid white !important;
       padding: 0px 15px;
       
}

#synved-tabs-2.ui-tabs .ui-tabs-nav li.ui-tabs-active a {
  padding-top: 1em !important;
  text-transform: none;
  
}





.responsive-tabs .responsive-tabs__panel{
       border-color: white !important;
}

.responsive-tabs .responsive-tabs__list__item--active, .responsive-tabs .responsive-tabs__list__item--active:hover{
       border-color: white !important;
}

.three_fifth {
  margin-right: 2px !important;
  width: 59.7% !important;
}

.three_fifth.coach {
  margin-right: 2px !important;
  width: 378px !important;
}

.content-column.two_fifth.last_column.coach{
       
       margin: 0 0 0 2px;
       padding: 0 0 0 0px;
       width: 317px;

}

.one_half {
  margin-right: 2px !important;
  width: 49.7% !important;
}

.empty img {
  height: 260px;
  width: 180px;
  max-width: 90% !important;
}
#span mob {
  position: absolute;
  top: 0px;
  left: 0px;
  color: white;
  font-size: 30px;
  text-align: center;
  background-color: #454641;
  border-style: solid;
  border-width: 2px;
  border-color: #dead67;
  height: 50px;
  width: 50px;
  line-height: 45px;
}
.fb{
   background: url("images/facebook.jpg") no-repeat scroll 0 0 #e0e0e0;
    /*display: inline-block;*/
    float:left;
    height: 359px;
    margin-bottom: 10px;
    padding-top: 37px;
    width: 460px;
    margin-right: 10px;
    margin-left: 10px;
}

.twitter{
   background: url("images/twitter.jpg") no-repeat scroll 0 0 #e0e0e0;
    /*display: inline-block;*/
    float:left;
    height: 359px;
    margin-bottom: 10px;
    padding-top: 36px;
    width: 460px;
    margin-right: 10px;
    margin-left: 10px;
}

.insta {
background: url("images/instagram.jpg") no-repeat scroll 0 0 #e0e0e0;
float: left;
height: 356px;
margin-bottom: 10px;
margin-left: 10px;
margin-right: 10px;
padding-left: 0;
padding-top: 38px;
width: 460px;
}

.insta > div {
  
margin-left: 0;

}


.youtube{
  background: url("images/youtube.jpg") no-repeat scroll 0 0 #e0e0e0;
  float: left;
  height: 356px;
  margin-bottom: 10px;
  margin-left: 10px;
  margin-right: 10px;
  padding-left: 21px;
  padding-top: 59px;
  width: 460px;
}

.pam{
       display: none !important;
}

#textbox .snvdshc .ui-tabs .ui-tabs-nav li.ui-tabs-active {
       
       border-bottom: 1px solid white !important;
       
}

#textbox .snvdshc .ui-tabs .ui-tabs-nav li{
       
       border-bottom: 1px solid #dead67 !important;
       
}



#textbox .snvdshc #synved-tabs-1 .ui-state-active, .snvdshc .ui-widget-content .ui-state-active, .snvdshc .ui-widget-header .ui-state-active, .snvdshc .ui-tabs .ui-tabs-nav li{
       height: 50px;
       padding: 0 15px;
       
}

#synved-tabs-2-0{
       border-bottom: 1px solid #dead67;
       border-radius: 0;
}   

#synved-tabs-1.ui-tabs .ui-tabs-nav{
       max-width: 100%;
       width: 800px;
       border-radius: 0;
}

#synved-tabs-2.ui-tabs .ui-tabs-nav{
       
       width: 410px;
       border-radius: 0;
       
}

.tab:before {
    height: 50px;
    width: 10px;
    display: block;
    content:" ";
    background-color: #FFF;
    position: absolute;
    right: -2px;
    top: -2px;
    border-top: 2px solid blue;
    border-bottom: 2px solid blue;
}
.tab {
    height: 50px;
    width: 150px;
    border-radius: 10px 10px 0px 0px;
    background-color: #FFF;
    position: relative;
    border: 2px solid blue;
} 
.tab:after {
    display: block;
    content:" ";
    width: 100px;
    height: 50px;
    top: -2px;
    background-color: #FFF;
    position: absolute;
    right: -29px;
    transform:skewX(45deg);
    -ms-transform:skewX(45deg);
    -webkit-transform:skewX(45deg);
    border: 2px solid blue;
    z-index: -1;
}




.alamenu {
    background-color: #464641;
    padding-bottom: 14px;
    padding-top: 14px;
    padding-left: 14px;
    padding: 14px;
}


.amazingcarousel-title{
       display: none;
}


#alttextbox .shop_table.cart .variation-Koko{
       
       margin-bottom: 0;
       
}


#alttextbox .shop_table.cart{
       font-size: 14px;
}


.cart-contents {
  display: block;
  padding-top: 12px;
}


 .product-name a{
       color: white;
       font-size: 14px;
}

.cart_item, .cart-collaterals{
       font-size: 14px;
}

.shipping_calculator{
       color: white;
       display: none;
}


.single_add_to_cart_button:hover{ background-position: 0 0; width: 115px; height: 32px;


        border:0;
} 
.single_add_to_cart_button{
       
       background-position: 0 -82px;

       width: 115px; height: 32px;
       background: url("images/siirra.png") no-repeat scroll 0 -82px rgba(0, 0, 0, 0);
       
       text-indent: -9999px;
               
               
               border:0;
               cursor: pointer;
}



.add_to_cart_button.product_type_variable:hover{ background-position: 0 0; width: 115px; height: 32px;

text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
} 
.add_to_cart_button.product_type_variable{
       
       background-position: 0 -82px;

width: 115px; height: 32px;
background: url("images/valitse.png") no-repeat scroll 0 -82px rgba(0, 0, 0, 0);

text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
        margin: 12px 0 0 19px;
} 

.synved-tab-title-pelit p{
       margin: 0;
       padding: 0;
       margin-bottom: 0 !important;
}

.woocommerce-billing-fields h3{
       height: 18px;
}

.entry-content .variation p{
       line-height: 14px !important;
       
}

.tuoteosastonavi{
       width: 200px;
       float:left;
       margin: 150px 0 0 100px;
}

.tuoteosastonavi ul.dropdown li{
       float:none;
}

#kauppa .tuoteetsis{
       float:left;
       width: 800px;
}

#kauppa .tuoteetsis #content{
       width: 800px;
       
}


#kauppa.kategoriantuotteet:after{
       
   content: "."; 
   visibility: hidden; 
   display: block; 
   height: 0; 
   clear: both;
       
}


#tab-description p{
         color: #dead67 ;
         font-size: 16px !important;
}

#tab-description h2:after{
       content: ":";
}

#tab-description *{
       display: inline;
       
}

.tuotesivu .panel h2{
       font-size: 16px;
       color: white;
}

#kauppa div.images{
       
       width: 370px;
       float:left;
       
}


#kauppa div.images img{
       width: 300px;
}

#kauppa div.summary{
       
       width: 410px;
       float:left;
       margin-top: 20px;
}

#kauppa div.woocommerce-tabs{
       
       width: 410px;
       float:left;
       
}

#kauppa div.woocommerce-tabs:after{
       
   content: "."; 
   visibility: hidden; 
   display: block; 
   height: 0; 
   clear: both;
       
}

#subtextbox h3.mvklubi{
	    clear: right;
    font-size: 14px;
    padding: 18px 0px 17px 23px;
    color: #dead67;
	background-color: #464641;
        margin: 0;
        
        
        
}

.amazingcarousel-image > div > a{
       display:none;
}
.entry-content a {
    color: #dead67;
}
.entry-content p{
       font-size: 14px !important;
       line-height: 1.45 !important;
       margin-right: 20px;
       margin-bottom: 0px;
}

.entry-content p.forminf{
       margin-bottom: 20px;
}

.entry-content .contact p{
       margin-right: 0;
}

.responsive-tabs p{
       margin-left: 22px;
       font-size: 12px !important;
}

.jcarousel li{
       width: 238px !important;
}

ul.products{
       
       border-top: 1px solid #dead67;
       
}

.columns-5 ul.products{
       border:none;
}

.product_meta{
  padding-top: 8px;       
}

.product_meta, .variations{
       color:white;
}

.product_meta > span{
       display:block;
       line-height: 1.25;
       text-transform: capitalize;
}

.variations td.label{
       height: 10px;
}

.variations td.value{
       height: 10px;
}

#kauppa{
       line-height: 1.25;
}

.posted_in a{
       display: inline !important;
}

h1.product_title{
       color:white !important;
       font-size: 24px !important;
}

.tuotesivu .sigle-ostoskori .amount{
       color: #dead67;
       font-size: 16px;
}

.tuotesivu .amount{
       color: #dead67;
       font-size: 20px;
}

.sku, .posted_in a{
       color: #dead67 !important;
}

.related.products h2{
       
       display: none;
       
}

 .variations td{
       padding-left: 0;
       padding-right: 7px;
 }


ul.products li{
       
       float:left; 
       text-align: center;
       padding-left: 40px;
       /*padding-top: 40px;*/

}

ul.products:after{
content: "";
  display: table;
  clear: both;
}

ul.products li.first {
padding-left: 0px;       
}


#kauppa h1.page-title{
       
       background-color: black;
       margin:0;
       padding: 10px 0px 0;
       width: auto;
}

#kauppa p.woocommerce-result-count{
       padding: 10px 0 0;
       background-color: black;
       width: 200px;
       margin-bottom: 27px;
       color:white;
       float:left;
}


#kauppa a.product_type_variable{
       display: block;
}



.products h3{
text-align: center;       
}


.siirry{
       
background: url("images/siirry-tasta.png") no-repeat scroll 0 -82px transparent;
bottom: 0;
color: #dead67;
display: block;
height: 28px;
left: 23px;
padding-top: 15px;
position: absolute;
text-indent: -9999px;
width: 115px;
top: 221px;
    
              
}


.siirry:hover{
    background-position: 0 0; width: 115px; height: 28px;
}

#kauppa #container {
       
       padding-top: 20px;
       
}

#kauppa {
    
    width: 1200px;
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 20px;
    background-color: black;
}

#kauppa a{
       
       color: white;
       
}


h3 mark.count { background-color:transparent; color: white; }

.locker .ui-tabs .ui-tabs-nav li.ui-tabs-active a {
  font-size: 16px !important;
  padding: 1.1em 2px;
}

.ui-tabs .ui-tabs-nav li a{
       padding-top: 0.8em !important;
       padding-left: 0.3em!important;
       padding-right: 0.3em !important;
       /*font-size: 15px !important;*/
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active  a{
       /*padding-top: 1.3em !important;*/
       /*text-transform: uppercase;*/
       /*font-size: 17px !important;*/
}




.excerpt-dash{
       display: none;
}

.excerpt {
  display: none;
  padding: 10px 0 14px 75px;
  font-size: 12px;
  line-height: 1.4;
  border-bottom: 1px solid #464641;
}

.eka .excerpt {
  display: block;
  
}


#recentnews ul li {
  padding-left: 20px;
  width: 356px;
}

#recentnews ul li :after {
    content: "";
  display: table;
  clear: both;
}

.snvdshc .ui-widget-content .display-posts-listing a {
  color: #dead67;
  float: left;
  width: 100%;
  font-weight: 500;
  font-size: 14px;
  margin: 2px 0;
}

.snvdshc .ui-widget-content .display-posts-listing a:after {
    content: "";
  display: table;
  clear: both;
}

.listing-item .title {
       
       color: #dead67;
}

.listing-item .date {
  color: white;
  float: left;
  margin-right: 10px;
}

#kauppa .woocommerce .products {
       padding: 34px;
       /*padding-top: 38px;*/
}

#main .jcarousel img.easy-logo_image, #main_sub .jcarousel img.easy-logo_image{
      height: 92px !important; 
}

#sponsor .jcarousel{
       
       background-color: white;
}


#contact_area .contact-form label span{
       color: #eaeae2;
}



@font-face {
font-family: 'oswaldregular';
src: url('fonts/oswald-regular.ttf');
}

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

html {
	height: 100%;
}

body {
	background-color: white;
    font-family: 'Ubuntu', sans-serif;
}

#container1 {
    /*background-color: black;*/
    height: 200px;
    position: relative;
}



.both {
	clear: both;
}

.gap {
    width: 700px;
    height: 20px;
    background-color: black;
}

/*Taustaväriluokkia, kaikki käytössä*/
#greyback {
    background-color: #454641;
}


#greyback img {
    max-width: 100%;
    height: auto;
}

#greyback1 {
    background-color: #454641;
    padding-left: 10px;
}

#greyback1 img {
    max-width: 100%;
    height: auto;
}

#blackback {
  background-color: #000;
}

#whiteback {
  background-color: white;
}

/****** Joukkue *******/

.joukkuepylvas {
  margin: 5px !important;
  padding: 10px;
  width: 30%;
  display: inline-block;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  
}

.joukkuepylvas a {
    color: white !important;
}

.joukkuepylvas figure {
  position: relative;
}

.joukkuepylvas figure span /*Numero kuvan ylälulmassa*/{
  position: absolute;
  top: 0px;
  left: 0px;
  color: white;
  font-size: 30px;
  text-align: center;
  background-color: #454641;
  border-style: solid;
  border-width: 2px;
  border-color: #dead67;
  height: 50px;
  width: 50px;
  line-height: 45px;
}

.joukkuepylvas figure img /*Pelaajan kuva*/{
  display: inline-block;
  max-height: 260px;
}

.sponssi /*Pelaajakuvan päällä oleva sponsorikuva*/{
   z-index: 1;
   position: absolute;
   left: 0px;
   
}

/******* Fanit **********/

.fans {
    background-color: #454641;
    margin-top: 2px;
}

.fans p {
    font-size: 12px;
    line-height: 12px;
    color: #eaeae2;
    margin: 20px 20px 20px 20px;
}

.fans a {
    text-decoration: none;
    color: #dead67;
    margin: 0 0 20px 0;
}

/******* Ottelut ********/

.report {
    background-image: url('images/report.jpg');
    background-repeat: repeat-x;
    background-color: #6b6b67;
    min-height: 257px;
    text-shadow: 1px 1px #000;
}

.report p {
    font-size: 14px;
    margin-left: 60px;
    max-width: 300px;
}

.report h2 {
    font-size: 20px;
    margin-left: 60px;
}

.report h3 {
    font-size: 14px;
    margin-left: 60px;
    margin-top: 20px;
    margin-bottom: 20px;
    max-width: 300px;

}

.report a {
    text-decoration: none;
    color: #fff;
    margin-left: 100px;
}

.nextgame {
    background-color: #6b6b67;
    height: 257px;
    text-align: center;
}

.nextgame a {
    width: 51px;
    margin-left: 70px;
}

.nextgame h2, #sublocker h2, .season h2 , .series h2, .local h2, .contact h2, .service h2, .juniors h2,  #subtextbox .content-column.two_fifth.grey h2, .joukkue, .fans h2, .tv h2,  h2.ykumppanit {
       
    background-color: #252525;
    border-bottom: 1px solid #dead67;
    font-size: 17px !important;
    font-weight: normal;
    height: 46px;
    padding-top: 14px;
    color: white;
    margin-top: -2px;
    position: relative;
    top: 2px;
}

.joukkue {
    border-top: 2px solid black;
    margin-bottom: 10px;
    padding-bottom: 30px;
}

h2.ykumppanit{
    padding-left: 20px;    
}

.nextgame h2{
    width: 280px;
}

#sublocker h2 {
    text-align: center;
    color: white;
}

.season h2 {
    padding-left: 23px;
    font-size: 16px !important;
}

.series h2 {
    padding-left: 23px;
    font-size: 16px !important;
}

.local h2 {
    padding-left: 20px;    
}

.contact h2, #subtextbox .content-column.two_fifth.grey h2, .juniors h2, .joukkue, .fans h2, .tv h2 {
    padding-left: 20px;        
}

.juniors h2, .juniors1 h2{
    margin-bottom: 15px;
}

.service h2 {   
    margin-bottom: 5px;
    padding: 17px 20px 5px;
    height: 48px;
}

.nextgame h3, #sublocker h3, .season h3 , .series h3, .local h3, .contact h3, .service h3 {
  color: #dead67;
  font-size: 18px;
  margin: 21px 20px 5px;
}

h4{
  color: #dead67;
  font-size: 16px;
  margin: 21px 20px 5px;     
}

.nextgame  h3 {
    font-size: 20px;
    margin-bottom: 10px;
}

.service  h3 {
    font-size: 18px;
    margin-bottom: 10px;
}

.nextgame  h4 {
    font-size: 14px;
    margin-top: 10px;
}

.nextgame table {
    margin-left: 70px;
    margin-top: 20px;
}

.season {
    background-color: #b5b5b3;
    color: #000;
}

.season p {
    font-size: 12px;
    line-height: 16px;
}

.season ul li {
    color: #000;
    font-size: 12px;
}

.series {
    background-color: #6b6b67;
    color: #fff;
    font-size: 12px;
    padding-bottom: 20px;
}

.series table {
    margin-left: 20px;
    width:250px;
    margin-top: 19px;
    
}

.series tr {
    height: 15px;
}

.series b {
    color: #fff;
    font-weight: bold;
    height: 20px;
    display: block;
}


/******* Juniorit *******/
.grey {
    background-color: #454641;
    color: black;
}

.grey p {
    margin-left: 20px;
    margin-bottom: 20px;
}

.grey a {
    font-size: 12px;
    font-weight: 500;
    text-decoration: none;
    color: #dead67;
    line-height: 25px;
}

.grey a:hover {
       
       color: white;
       
}

.grey h3 {
    color: #000;
    font-size: 16px;
    margin-left: 20px;
    font-weight: bold;
    line-height: 22px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.juniors {
    background-color: #6b6c67;
    font-size: 12px;
    line-height: 15px;
    padding-top: 0px;
    padding-bottom: 20px;
    min-height: 200px;
}

.juniors1{
    /*padding-bottom: 20px;   */
}

.juniors p {
    width: 360px;
    margin-left: 20px;
}

#juniorlink {
       float: left;
       padding-bottom: 15px;
       padding-left: 20px;
       width: 260px;
}

#juniorlink a {
    
    margin-top: 23px;
    font-weight: normal;
    font-size: 14px;
    color: #fff;
}



#juniorlink a:hover {
       color: #dead67;
       
}


.profile {
    padding-left: 30px;
}

/****** Seura ******/

.local {
    background-color: #454641;
    color: #eaeae2;
    min-height: 400px;
}

.local p {
    font-size: 12px;
    margin-left: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
}




.contact {
    background-color: #252525;
}

.contact p {
    color: #707069;
}



.forminf {
    margin-top: 20px;
    margin-left: 20px;
    width: 200px;
    float: left;
}


/****** Palvelut *********/



.service {
    background-color: #464641;
    padding-bottom: 20px;
    margin-top: 2px;
}

.service p {
    padding: 10px 20px 10px 20px;
    font-size: 12px;
    line-height: 12px;
    color: #eaeae2;
}



.service a {
    text-decoration: none;
    color: #dead67;
    margin: 0 0 20px 0;
}


/***** Sponsor *****/

.sponsors {
    padding-top: 20px;
    background-color: white;
    min-height: 400px;
}

.one_half.sponsors {
       width: 50% !important;
       margin-right: 0px !important;
}

/****** SHOP ********/

.page-title {
    color: #dead67;
    font-size: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.woocommerce-result-count {
    color: #dead67;
    font-size: 16px;
    margin-bottom: 10px;
}


.products {
    background-color: #000000;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
}

.products h3 {
    color: #fff;
    font-size: 18px;
    margin-bottom: 10px;
}

.products img {
    margin-top: 20px;
}

.amount {
    color: #dead67;
}

a.product_type_variable{
       
}




.product {
    background-color: #000;
}

.images img{
    margin: 20px 0 0 20px;
}

.summary {
    margin: 10px 0 0 20px;
}

.summary h1 {
    color: #dead67;
    margin-bottom: 10px;
    font-size: 18px;
}

.summary p {
    margin-bottom: 10px;
}

.woocommerce-tabs {
    margin: 20px 0 0 20px;
    color: #fff;
}

.description_tab {
    color: #dead67;
}

.quantity {
    margin: 0 0 10px 0;
}

.panel {
    padding-bottom: 10px;
}

.panel h2 {
    color: #dead67;
    font-size: 18px;
    margin: 10px 0 10px 0;
}

.description_tab a {
    color: #dead67;
    text-decoration: underline;
}

.reviews_tab a {
    color: #dead67;
    text-decoration: underline;
}

/***** header *****/

header {
    background-color: #16160c;
	border-bottom: solid #dead67 1px;
    height: 52px;
}



.logo {
    position: relative;
	width: 230px;
    top: -40px;
    float: left;
    margin-left: 11px;
    z-index: 2;
    
}




.logobutton {
    background: rgba(0,0,0,0.5);
    border-bottom: 1px solid #dead67;
    display: inline-block;
    color: #dead67;
    font-family: Arial;
    font-size: 15px;
    font-style: normal;
    height: 43px;
    vertical-align: center;
    line-height: 33px;
    margin-top: 20px;
    width: 220px;
    text-decoration: none;
    text-align: center;
}

.logobutton:active {
    position:relative;
    top:1px;
}

.sublogo {
    position: relative;
    width: 208px;
    top: 0px;
    float: left;
    margin-left: 96px;
    z-index: 2;
}

.sublogobutton {
    background: rgba(0,0,0,0.5);
    border-bottom: 1px solid #dead67;
    display: inline-block;
    color: #dead67;
    font-family: Arial;
    font-size: 15px;
    font-style: normal;
    height: 43px;
    padding-top: 10px;
    vertical-align: center;
    line-height: 33px;
    width: 250px;
    text-decoration: none;
    text-align: center;
}

.sublogobutton a {
    padding-top: 10px;
}

#head {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

/******  NAVIGATION ******/

nav {
    float: right;
    margin-right: 150px;
    background-color: #16160c;
    font-size: 13px;
}


ul.dropdown {
    list-style:none;
    float:left;
}

ul.dropdown li {
    height: 51px;
    float:left;
    position:relative;
    padding-left: 5px;
    padding-right: 5px;
}

ul.dropdown li.current-menu-item, ul.dropdown li.current-product-ancestor {
    background-color: #363234;
    color: #dead67;
}

ul.dropdown li.current-menu-item a, ul.dropdown li.current-product-ancestor a{
    color: #dead67;
}


#kauppa ul.dropdown li.current-menu-item, ul.dropdown li.current-product-ancestor {
    background-color: black;
    color: #dead67;
}

#kauppa ul.dropdown li{
       border-bottom: 1px solid #dead67;
       
}

#kauppa ul.dropdown li.current-menu-item a, #kauppa  ul.dropdown li.current-product-ancestor a{
    color: #dead67;
}


ul.dropdown a {
    font-family: 'oswaldregular', sans-serif;
    text-decoration:none;
    color: White;
    display: table-cell;
    text-align: left;
    padding-left: 6px;
    padding-right: 6px;
    width: 100%;
    height: 52px;
    vertical-align: middle;
    text-transform: uppercase;
    font-size: 14px;
}

ul.dropdown a:hover {
    color: #dead67;
}

ul.dropdown ul {
    list-style: none;
    margin:0;
    padding:0;
    width: 210px;
    position:absolute;
    z-index:500;
    border-bottom: 2px solid #dead67;
    
}

ul.dropdown li ul {
    top:51px;
}

ul.dropdown ul ul {
    top:0;
    left:100%;
}

ul.dropdown ul li {
    background-image: none;
    background-color: #363234;
    float:none;
    height: 35px;
}

ul.dropdown ul li a {
    color: #dead67;
    font-family: 'ubuntu', sans-serif;
    font-weight: 500;
    font-size: 14px;
    height: 35px;
    text-transform: none;
    
}

ul.dropdown ul,
ul.dropdown li:hover ul ul,
ul.dropdown ul li:hover ul ul {
    display: none;
}

ul.dropdown li:hover ul,
ul.dropdown ul li:hover ul ,
ul.dropdown ul li ul li:hover ul {
    display: block;
}

ul.dropdown li * a:hover {
    color: white;
}

ul.dropdown li.menu-item-has-children:hover {
    background-image: url('images/kolmio.png');
    background-repeat: no-repeat;
    background-position: center bottom;
}

.mobile_nav {
    display: none;
}


#main{
       position: relative;
       top: 0;
       margin-left: auto;
    margin-right: auto;
    width: 1200px;
    height: 1741px;
    background-color:black;
    
}

#main1 {
       
    background-image: url('https://fchaka.fi/wp-content/uploads/2020/07/DSC9959-scaled.jpg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top center;
    max-width: 1200px;
    
    min-height: 847px;
    
}

/***** main *****/

#main2 {
       
    position: absolute;
    top: 0;
    width: 1200px;
    
    height: 847px;

    background: -webkit-linear-gradient(bottom,rgba(0,0,0,0),rgba(0,0,0,1)); /*Safari 5.1-6*/
    background: -o-linear-gradient(bottom,rgba(0,0,0,0),rgba(0,0,0,1)); /*Opera 11.1-12*/
    background: -moz-linear-gradient(bottom,rgba(0,0,0,0),rgba(0,0,0,1)); /*Fx 3.6-15*/
    background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,1)); /*Standard*/
    
}

#main_sub {
    background-image: url('../../uploads/2019/05/valibanneri2019.jpg');
    background-repeat: no-repeat;
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    min-height: 147px;
    background-color: black;
}

#main_sub2 {
    background-image: url('images/kuvio.png');
    background-repeat: repeat-x;
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    /*min-height: 1563px;*/
    background-color: black;
}

#title {
    margin-top: 50px;
    min-height: 120px;
    width: 600px;
    float: right;
    vertical-align: center;
    display:none;
}

#title h2 {
    text-transform: uppercase;
    color: #ffffff;
    font-size: 26px;
    text-shadow: 1px 1px 1px #252525;
    display: none;
}

#title h3 {
    text-transform: uppercase;
    color: #ffffff;
    font-size: 	18px;
    text-shadow: 1px 1px 1px #252525;
    display: none;
}


#content {
    width: 1000px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 20px;
    padding-top: 20px;
}

#bcontent {
    min-height: 650px;
    width: 1000px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 20px;
}

img.alignright { float: right; margin: 0 0 0 1em; }
img.alignleft { float: left; margin: 0 1em 0 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }


article {
    min-height: 400px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

#locker {
    width: 410px;
    float: left;
    font-size: 13px;
    line-height: 18px;
}


.listing-item {
    margin-bottom: 10px;
    /*border-bottom: 1px solid #000;*/
}


#recentnews {
    padding-top: 20px;
    background-color:rgba(0,0,0,0.65);
    color: #fff;
    height: 411px;
    line-height: 22px;
    overflow: auto;
}

.gecko #recentnews {
    height: 410px;   
}



#allnews {
    padding-top: 20px;
    background-color: #fff;
    color: #000;
    height: 370px;
    overflow: scroll;
    ::-webkit-scrollbar {width: 12px; }
    ::-webkit-scrollbar-track {  background-color: #eaeaea;
    border-left: 0px solid #ccc;  }
    ::-webkit-scrollbar-thumb {  background-color: #000;  }
    ::-webkit-scrollbar-thumb:hover {  background-color: #aaa;  }
}

#allnews ul li {
    padding-left: 20px;
}

/*
::-webkit-scrollbar {  width: 12px;  }
::-webkit-scrollbar-track {  background-color: #eaeaea;
  border-left: 0px solid #ccc;  }
::-webkit-scrollbar-thumb {  background-color: #000;  }
::-webkit-scrollbar-thumb:hover {  background-color: #aaa;  }
*/
#textbox {
    width: 560px;
    float: left;
}


#postbox {
    width: 520px;
    margin-top: 60px;
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
    float: left;
    background-color: #454641;
}

#postbox p {
    color: #fff;
    font-size: 14px;
    line-height: 16px;
}

#postbox h2 {
    font-size: 20px;
    color: #fff;
    margin-bottom: 10px;
}

section p {

}

/*** Frontpage tables ***/


table.pelit {
    background-image: url('../../uploads/2014/12/pelitbg.jpg');
    background-repeat: no-repeat;
    background-color: #000;
    border-collapse: collapse;
    width: 100%;
}

.pelit thead h2 {
    font-size: 30px;
    color: #c5c3c3;
}

.pelit tbody p {
    font-size: 12px;
}

.pelit tbody h2 {
    font-size: 30px;
    color: #c5c3c3;
}

.pelit tbody h3 {
    font-size: 20px;
}


.pelit tbody h4 {
    font-size: 18px;
    color: #c5c3c3;
}


.pelit tbody tr td {
    text-align: center;
    vertical-align: middle;
    color: #9e9d9d;
}

.pelit tbody tr {
    height: 40px;
}

.pelit thead tr th {
    height: 220px;
    vertical-align: bottom;
}

.pelit thead tr th.eka {
       width: 60px;
       text-align: right;
}

.pelit thead tr th.toka {
       width: 159px;
       text-align: right;
}

.pelit thead tr th.kolmas {
       width: 105px;
}

.pelit thead tr th.neljas {
       width: 159px;
}

.pelit thead tr th.viides {
       width: 66px;
       text-align: right;
}

.pelit tr td a {
    color: #c5c3c3 !important;
    font-size: 14px;
}

.pelit tr:first-child td a {
    font-size: 24px !important;
}
.pelit th, .pelit td {
    padding: 0.25rem;
    font-size: 12px;
}

.pelit tbody tr:nth-child(even) {
    background: #464641;
}

.tab-title.ui-tabs-active {
       
    background-color: black !important;
    border-bottom: 1px solid white !important;
}

.tab-title.ui-state-defaul{
    
}

/****** end of tables ******/

.main_content {
    background: rgba(0,0,0,0.8);
    

  padding: 17px;

    
}
.main_content h3 {
    text-transform: uppercase;
    color: #ffffff;
    font-size: 	18px;
    text-shadow: 1px 1px 1px #252525;
    display: none;
}
.main_content a {
    color: #dead67 !important;
}
#synved-tabs-1-2 table{
       background: rgba(0,0,0,0.8);
       margin: 0 17px;
}

#synved-tabs-1-2{
       background: rgba(0,0,0,0.8);
       height: 388px;
}

#main_cont {
    background: rgba(0,0,0,0.8);
    padding: 10px 0 0 10px;
}

#subtextbox {
    width: 700px;
    float: right;
    color: #fff;
    font-size: 10px;
    height: auto;
}


hr { display: block; height: 1px;
    border: 0; border-top: 1px solid #dead67;
    margin: 1em; padding: 0;}

.postbreak { display: block; height: 1px;
    border: 0; border-top: 1px solid #000;
    margin: 0; padding: 0;}


#subtextbox ul li {
    font-size: 14px;
    line-height: 20px;
    padding-left: 15px;
}

#subtextbox h2 {

    clear: right;
}

#subtextbox h3 {
    clear: right;
}

#sublinks {
    width: 250px;
    margin-top: 30px;
    float: left;
}


#alttextbox {
    background-color: black;
    width: 978px;
    float: left;
    color: #fff;
    font-size: 10px;
}


#alttextbox #payment{
       color:black;
       
}


#alttextbox p {
    font-size: 12px;
}

#alttextbox h2 {

    clear: right;
}

#alttextbox h3 {
    clear: right;
}

.checkout{
       font-size: 14px;
}

#sublocker {
height: 554px;

    background-color: #464641;
    bottom: 1016px;
    float: left;
    padding-bottom: 35px;
    padding-top: 0px;
    top: 0;
    width: 250px;
    min-height: 400px;
}

.palsta1 {


    /*background-color: #464641;*/
    float: left;
    width: 250px;
    
}

.date{
      color: white; 
}

.alamenu ul li a{
       color: white;
}

.uutiset p {
       margin: 10px;
}

.uutiset .entry-content {
       padding: 15px;
       
}

.alamenu ul{
       padding-bottom: 20px;
}

.alamenu ul li{
       padding: 0 0 10px 0;
}




#productbox {
    width: 1000px;
    background-color: #464641;
}

#sidebar {
    display: none;
}

.woocommerce-breadcrumb {
    display: none;
}

#main_slider {
    min-height: 200px;
    width: 600px;
    margin-right: 50px;
    margin-top: 100px;
    margin-bottom: 80px;
    float: right;
    color: #ffffff;
    font-size: 26px;
    text-shadow: 2px 2px 3px #252525;
}

#content #main_slider h1{
       font-size: 35px !important;
       margin-bottom: 10px;
}

.sliderbutton {
    margin-top: 20px;
    background: rgba(0,0,0,0.5);
 
    text-indent:0;
    border:1px solid #dead67;
    display:inline-block;
    color:#ffffff;
    font-family:Arial;
    font-size:14px;
    font-style:normal;
    height:40px;
    line-height:40px;
    width:100px;
    text-decoration:none;
    text-align:center;
    
           
         background: url("images/lue-lisaa.png") no-repeat scroll 0 0 transparent;
  color: #000000;
  cursor: pointer;
  font-weight: bold;
  height: 28px;
  padding-bottom: 2px;
  margin-top: 22px;
  width: 115px;
  
  background-position: 0 -82px; width: 115px; height: 28px;
       
       border: 0px solid #dead67;
       
       text-indent: -9999px;
}

.sliderbutton:hover {
       
       background-position: 0 0; width: 115px; height: 28px;
       
}


.sliderbutton:active {
    position:relative;
    top:1px;
}

#sponsor {
    min-height: 157px;
}


.wrapper {
    float: left;
    width: 1200px;
}

#social {
    width: 968px;
    padding-bottom: 21px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 17px;
    border-top: solid #dead67 1px;
    
}

#social a {
    margin-left: auto;
    margin-right: auto;
}

#social .youtube a {
  margin-left: 8px;
  margin-top: 21px;
  width: 406px;
}

#social a img {
    padding: 10px 10px 10px 10px;
}


/***** footer *****/

footer {
    background-color: #16160c;
    height: 545px;
    margin: 0 auto;
    width: 1200px;
    border-bottom: solid 1px #dead67;
}

#foot {
    width: 1200px;
    text-align: center;
    border-top: solid #dead67 6px;
    border-bottom: solid grey 1px;
}

#foot p {
	color: white;
	font-size: 13px;
}

#foot h2 {
	color: white;
}

#flogo {
	float: left;
        margin-top: 6px;
}

#info {
	width: 200px;
	margin-top: 20px;
	float: left;
    line-height: 18px;
}

#info h2 {
    font-weight: 500;
    font-size: 16px;
}

#info a {
    color: #dead67;
}
.topbutton {
    margin-top: 60px;
    /*background: url('images/nuoli-ylos.png');*/
    text-indent:0;
    display:inline-block;
    float: right;
    font-family:Arial;
    font-size:15px;
    font-style:normal;
    margin-right: 60px;
    margin-left: 60px;
    line-height:40px;
    width: 51px;
    height: 50px;
    text-decoration:none;
    text-align:center;
}

.topbutton:active {
    position:relative;
    top:1px;
}

#footer-bottom {
    color: grey;
    height: 56px;
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    background-color: black;
}

#footer-bottom p {
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: black;
    width: 956px;
    margin-left: auto;
    margin-right: auto;
}




/***** Mobile ****/

 @media (max-width: 600px) {

#synved-tabs-1.ui-tabs .ui-tabs-nav {
  
  width: 320px;
}
 
#footer-bottom p {
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: black;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

html {
    height: 100%;
    width: 100%;
}

body {
    background-repeat: no-repeat;
    background-position: center top;
    background-color: #16160c;
    max-width: 100%;
    font-family: 'Ubuntu', sans-serif;
}



header {
    display: none;
}

#head {
    width: 100%;
}

/**** mobile nav ******/

nav {
    display: none;
}

.mobile_nav {
    display: block;
    float: none;
    width: 100px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 44px;
    background: none;
    font-size: 16px;
}

.dropdown {
    width: 110px;
}

ul.dropdown {
    list-style:none;
}

ul.dropdown li {
    height: 50px;
    width: 100px;
    text-align: right;
    border: 1px solid #dead67;
    position: relative;
    background-color: black;
}

ul.dropdown li.current-menu-item {
    background-color: #000;
    color: #dead67;
}

ul.dropdown li.current-menu-item a {
    color: #dead67;
    height: 50px;
    width: 100px;
}

ul.dropdown a {
    font-family: 'oswaldregular', sans-serif;
    text-decoration:none;
    display: table-cell;
    text-align: center;
    color: #dead67;
    margin-left: auto;
    margin-right: auto;
    width: 100px;
    height: 50px;
    vertical-align: middle;
    text-align: center;
    text-transform: uppercase;
}

ul.dropdown a:hover {

}

ul.dropdown ul {
    list-style: none;
    margin:0;
    padding:0;
    width: 100px;
    position:absolute;
    z-index:500;
}

ul.dropdown li ul {
    top: 48px;
}

ul.dropdown ul ul {
    top:0;
    left:100%;
}

ul.dropdown ul li {
    background-image: none;
    background-color: #000;
    float:none;
    height: 48px;
}

ul.dropdown ul li a {
    color: #dead67;

}

ul.dropdown ul,
ul.dropdown li:hover ul ul,
ul.dropdown ul li:hover ul ul {
    display: none;
}

ul.dropdown li:hover ul,
ul.dropdown ul li:hover ul ,
ul.dropdown ul li ul li:hover ul {
    display: block;
    left: -1px;
}

ul.dropdown li * a:hover {
}

ul.dropdown li.menu-item-has-children:hover {
    background-color: #363234;
}


/****** main *******/

#main {
    background: none;
    width: 100%;
    height: 1360px !important;
}

#title {
    margin-top: 20px;
    min-height: 40px;
    width: 100%;
    float: right;
    vertical-align: center;
}

#title h2 {
    margin-left: 15px;
}

#content {
    min-height: 650px;
    width: 320px;
    margin-bottom: 20px;
    
}

#main_slider {
    display: none;
}

.logo {
    display: block;
}

.sublogo {
    display: none;
}

article {
    min-height: 400px;
    width: 100%;
}

#textbox {
    width: 100%;
    float: left;
    font-size: 14px;
}

#mobiilibanneri {
    visibility: visible;
}

table.pelit {
    background: none;
    background-color: #000;
    border-collapse: collapse;
    width: 100%;
}

.pelit thead tr th {
    height: 60px;
}

.pelit tbody h3 {
    font-size: 18px;
}

#postbox {
    font-size: 16px;
    width: 100%;
    margin-top: 60px;
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
    float: left;
    background-color: #454641;
}

#locker {
    width: 100%;
    float: left;
    font-size: 14px;
    line-height: 20px;
}

#main_sub {
    width: 100%;
    background: none;
    min-height: 300px;
}

#subtextbox {
    width: 100%;
    float: right;
    color: #fff;
    font-size: 10px;
}

#subtextbox img {
    max-width: 100%;
    height: auto;
}

.gap {
    width: 100%;
}

/***** mobile subpages ********/

/***** Joukkue ***/

.team table {
    width: 95%;
    font-size: 12px;
}


.team h3 {
    font-size: 12px;
}

.joukkue {
    margin-bottom: 20px;
    font-size: 14px;
}

.joukkuepylvas {
    width: 97%;
}

.joukkuepylvas figure img {
    max-height: none;
}

.sponssi {
   position: static;
   max-width: 280px !important;
}
     
/****** Pelaaja ******/
.pelaaja {
    margin: 10px 10px 10px 0px;
 }

     
.pelaaja img {
    width: 100%;
    margin: 10px 0 0 0;
 }
     
.pelaaja  {
    margin: 10px;
 }
/****** fans *********/

.fans p {
    font-size: 12px;
    line-height: 12px;
    margin: 10px;
}


/***** Ottelut ***/

.report p {
    font-size: 14px;
    max-width: 100%;
}

.report h2 {
    font-size: 20px;
}

.report h3 {
    font-size: 14px;
    max-width: 100%;

}

.report a {
    font-size: 12px;
    text-decoration: none;
    color: #fff;
    margin-left: 100px;
}


.nextgame  h2 {
    width: 100%;
    height: 56px;
    font-size: 20px;
}

.nextgame table {
    width: 155px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
}

.nextgame  h3 {
    font-size: 16px;
}

.nextgame  h4 {
    font-size: 10px;
    margin-top: 16px;
}

.nextgame  p {
    font-size: 10px;
}

.season p {
    font-size: 10px;
}

.season h2 {
    font-size: 16px;
}

.series {
    background-color: #6b6b67;
    color: #fff;
    font-size: 12px;
    padding-bottom: 20px;
}

.series h2 {
    color: #fff;
    font-size: 14px;
}

.series table tr td {
    font-size: 14px;
    line-height: 18px;
    margin-left: 20px;
    width:100%;
}

.series b {
    color: #fff;
    font-weight: bold;
}


/******* Palvelut/liput *****/


.service p {
    font-size: 12px;
    line-height: 22px;
}

.service h2 {
    font-size: 18px;
    margin-bottom: 20px;
}


.service h3 {
    font-size: 14px;
    margin-bottom: 20px;
}


/******* Palvelut/liput *****/


.tv p {
    font-size: 12px;
    line-height: 22px;
    
}

.tv h2 {
    font-size: 18px;
    margin-bottom: 20px;
}


.tv h3 {
    font-size: 14px;
    margin-bottom: 20px;
}


/****** Juniorit ******/

#juniorlink {
    width: 100%;
}

/******** Seura *********/

.local p {
    font-size: 12px;
}

.local h2 {
    font-size: 16px;
}


.contact h2 {
    display: none;
}

.sisalto {
    clear:both;
    width: 90%;
    float: none;
}


#sublocker {
    display: none;
}

img {
    max-width: 100%;
    max-height: 100%;
}


#sponsor {
    /*width: 100%;*/
}

#sponsor .wrapper{
    /*display: none;*/
    width: 100%;
}

#sponsor .jcarousel{
       width: 100%;
       
}

#social {
    display: none;
}

#footer-bottom {
    display: none;
}

#sponsor1{
    display: inherit !important; 
    margin-top: 100px;
}
     
footer {
    display: none;
}

#footer-bottom {
    color: grey;
    height: 40px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

#contact_area {
    display: none;
}

#main .jcarousel img.easy-logo_image, #main_sub .jcarousel img.easy-logo_image{
      height: 62px !important; 
}


#main1, #main2{
       width: 100%;
       /*width: 320px;*/
}


.pelit img.alignright{
       margin-left: 0;
}

.pelit th, .pelit td{
       padding: 0;
}

.logo {
    position: relative;
	width: 220px;
    top: 19px;
    float: none;
    /*margin-left: 11px;*/
    z-index: 2;
    margin: 0 auto;
}

#synved-tabs-2-0{
       background-color: white;
}

#recentnews{
    height: 600px;
    overflow: auto;
       
}


#textbox .snvdshc #synved-tabs-1 .ui-state-active, .snvdshc .ui-widget-content .ui-state-active, .snvdshc .ui-widget-header .ui-state-active, .snvdshc .ui-tabs .ui-tabs-nav li{
       padding: 6px 7.7px;
}

.pelit img{
       max-width: 104px;
}

#synved-tabs-2.ui-tabs .ui-tabs-nav{
       width: 320px;
}

#synved-tabs-1 .tab-body{
       border-right: none !important;
}

#synved-tabs-1 .tab-body{
       height: auto;
}

#footer-bottom{
       width: 320px;
}

#recentnews ul li {
  padding-left: 20px;
  width: 303px;
}

#main_sub2 {
       
       width: 100%;
       
}

.three_fifth.coach{
       width: 100% !important;
}

ul.dropdown ul li a{
       height: 46px;
}


ul.dropdown li.current-menu-item a{
       height: 45px;
}

.three_fifth{
       width: 100% !important;
}

.report h3{
       margin-bottom: 5px;
}

.mobile_nav{
       padding-bottom: 82px;
       margin-top: 24px;
       
}

.mobile_nav.etusivu{
       padding-bottom: 2px;
       margin-top: 24px;
}

.gap{
       height: 2px;
       
}

.content-column.two_fifth.last_column.series{
       height: auto !important;
}

.one_half{
       width: 100% !important;
}

ul.dropdown .sub-menu li.current-menu-item a{
       color: white !important;
}

html {
  background-color: black;
  
}

#footer-bottom p{
       padding-left: 20px;       
}



.banneri{
       display: none;
}

.banneris{
        display: none;
}

.alasivu header{
       display: block;

  background-color: #16160c;
  border-bottom: none;
  height: 177px;

}

.alasivu .sublogo {
    display: block;
    margin: 0 auto;
position: relative;
top: 0;
width: 191px;
z-index: 2;
float: none;
}

.alasivu #main_sub{
       display: none;
}

.alasivu #main_sub.uutiset{
       display: block;
}


.alasivu #content {
  
  padding-top: 0px;
  
}

.synved-tab-title-{
       display: none;
}

.palsta1 {
    float: left;
    width: 100%;
}

.report {
  background-color: #6b6b67;
  background-image: url("images/report.jpg");
  background-repeat: repeat-x;
  height: auto;
  text-shadow: 1px 1px #000;
}

#restart:before {
  content: ' ';
  clear: right;
  display: block;
}
}