/*Ilmoitus alue*/
#popup{
	display:none;
	padding: 15px;
    text-align: center;
    border: 1px solid #f7ef0f;
    margin: 0 15%;
}
#popup-close{
	font-weight:bold;
	color:#f7ef0f;
}
/*== YLEISET ==*/
body{
/*	*/
	background-color: #000;
	color: #FFF;
/* on Start, state of fade out  */
	opacity: 1;
	transition: 1s opacity;
/*end state of fade out*/
}
body.fade-out {/*!SCRIPT uses this TAG+CLASS!*/
    opacity: 0;
    transition: none;
}

h1{
	color: #f7ef0f;
	text-shadow:  2px 2px 4px #000;
	text-transform: uppercase;
}
a {color:#f7ef0f;}

.fullimg img{
	max-width: 100%;
    height: auto;
}

.center{text-align:center;}

.smallFont{font-size:0.80em;}

/*== PÄÄKUVA ja VÄRITYKSET ==*/
.bg-main{
	background-color: #0f1f40;
}
.bg-second{
	background-color: #1e3b77;
}

.paakuva{
	opacity: 0.7;
	display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}
.keskiBG{
	background-color: #010101; 
}
.hideThis{display:none;}
/*== ID ==*/
/* ylä */
#ylaPad{
}
#ylaPad .navbar-brand{position: relative;}
#ylaPad .navbar-brand img {
	width:50px;
	z-index: 1;
	}
#ylaPad .navbar-collapse ,
#ylaPad .navbar-collapse .dropdown-menu{text-align: center;}
#ylaPad .navbar-nav .nav-link {
    color: #f7ef0f;
}
#ylaPad .navbar-nav .active .nav-link {
    color: #fff;
	font-weight: 700;
}
/*dropdown*/
#ylaPad .dropdown-menu {
    color: #f7ef0f;
   background-color: #1e3b77;
    border: 2px solid #0a1429;
}
#ylaPad .dropdown-item {color: #e8e10e;}
#ylaPad .dropdown-item.active, .dropdown-item:active {
    color: #fff;
    background-color: transparent;
}
#ylaPad .dropdown-item:focus, #ylaPad .dropdown-item:hover {
    background-color: #0f1f40;
}
/* pääkuva */
#paakuvaPad{
	position: relative;
	background: url("img/bg.jpg") top center;
	background-position-y: 20%;
}
#paakuvaPad .slogan{
	position: absolute;
    width: 100%;
	bottom:0;
	text-align: center;
}

#paakuvaPad .slogan h1{
	font-size: 1.8rem;
}

/*#paakuva img{
	opacity:0;
	-webkit-transition: opacity 2s; 
  transition: opacity 2s;
	}
	
	#paakuvaPad #paakuva .paakuvaShow{opacity:1;}
*/
/* keski */
#keskiPad .container .row{
padding: 20px 0 40px;
}
#keskiPad .bg-main{
	border-radius:5px;
}

/*Sponsorit*/
#sponsorPad{padding:25px;}
#sponsorPad .sponsor {
	padding:5px;
	text-align:center;
	}
#sponsorPad img{
	width:100%;
	max-width:182px;
	margin: 0 auto;
}
#sponsorPad .container {
    border-radius: 5px;
}

/* ala */
#alaPad{
text-align: center;
}
#alaPad  .container .row{
padding: 5px 0;
}



/*MUUT*/
.facebook{text-align: center;}

/*Pelaaja kortit*/
#pelaajat .card {
    width: 200px;  /*Pienimmän kuvan mukaan*/
    margin-left: auto;
    margin-right: auto;
	 background: #273552;
     /* Vaihda taustaväri tämän sijaan*/
}
#pelaajat .card .kortinKuva{
	overflow-y: hidden;
    height: 200px;
}
#pelaajat .row div {
    padding: 5px;
}

/*JuiserIO custom*/
#keskiPad .juicer-feed.white li.feed-item, 
#keskiPad .juicer-feed.user li.feed-item, 
#keskiPad .juicer-feed.juicer-widget li.feed-item, 
#keskiPad .juicer-feed.colors li.feed-item, 
#keskiPad .juicer-feed.gray li.feed-item, 
#keskiPad .juicer-feed.modern li.feed-item, 
#keskiPad .juicer-feed.polaroid li.feed-item {
    background: #273552;
    color: #ffffff;
    border-color: #142444;
}
#keskiPad .juicer-feed.modern .j-message {
    color: #fff;
}
#keskiPad .juicer-feed a {
    -moz-transition: color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out;
    -webkit-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;
    color: #f7ef0f;
}
#keskiPad .j-poster h3, 
#keskiPad .j-poster .twitter-poster {
    color: #f7ef0f;
}
#keskiPad .juicer-feed.white li.feed-item.juicer,
#keskiPad  .juicer-feed.user li.feed-item.juicer, 
#keskiPad .juicer-feed.juicer-widget li.feed-item.juicer, 
#keskiPad .juicer-feed.colors li.feed-item.juicer, 
#keskiPad .juicer-feed.gray li.feed-item.juicer, 
#keskiPad .juicer-feed.modern li.feed-item.juicer, 
#keskiPad .juicer-feed.polaroid li.feed-item.juicer {
    background: #0e141f;
	
}
/*MEDIA*/
@media (min-width:768px){
	/*Näyttävämpi logo isolla ruudulla*/
	#ylaPad .navbar-brand img {
	position: absolute;
	top: 50px;
	width:200px;
	}
}
/*Fix media = korjaa yläpalkin dropdown menun*/
@media (min-width:768px) and (max-width:992px){
	#ylaPad .dropdown-menu {left: -65px;}
}
	
@media (max-width:992px){

}


	
@media (max-width:768px ){
	#keskiPad .container{
		min-width:100%;
}
@media (max-width:425px){
	.slogan h1{font-size: 1.6rem; }
}