/*
Theme Name:  Rookie Child Theme for Emotionum
Theme URI:   https://github.com/ThemeBoy/Rookie-Child
Version:     1.0.2
Description: This is a child theme template for Rookie, customized for EMOTIONUM-Network.
Author:      ThemeBoy
Author URI:  http://themeboy.com
License:     GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template:    rookie
Tags: black, blue, brown, gray, green, orange, pink, purple, red, silver, tan, white, yellow, dark, light, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, custom-background, custom-colors, custom-menu, editor-style, featured-images, full-width-template, rtl-language-support, sticky-post, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Rookie is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/

.small {font-size: 0.75em; line-height: 0.75em;}
.wpfp-span {margin: 15px 0 0 0px;
    display: block;
    clear: both;
    padding: 5px;
    border: 1px solid #ddd;
    border-radius: 5px;
    text-align: left;}



.sp-player-gallery-wrapper .gallery-icon.portrait,
.sp-template-player-photoooo {
    position: relative;
    padding-bottom: 125%;
    overflow: hidden;
}
.sp-template-player-photo {
    position: relative;
    padding-bottom: 00%;
    overflow: hidden;
    min-width: 20%;
}


.dataTable .data-name .player-photo, .dataTable .data-name .player-flag {
    width: 2em;
    height: 2em;
    margin-right: 0.5em;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    position: relative; 
    overflow: hidden;
}

.sp-player-list .data-name .player-photo img, 
.sp-player-list .data-name .player-flag img,
.sp-data-table .data-name .player-photo img, 
.sp-data-table .data-name .player-flag img {
    height: 100%;
    max-width: inherit;
    max-height: 2em; 
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.playerpic {
	width: 100%;
    padding-bottom: 100%;
    margin-bottom: 20px;
	background: #f4f4f4;
    border: 1px solid #e0e0e0;
}
a > .playerpic {
    background-color: transparent !important;
    border: 0;
}
span.player-emo.emo-gallery {
    width: 50%;
    height: 50%;
    display: block;
    position: absolute;
    bottom: -2px;
    right: 10px;
}

.emo-modal.active {z-index: 999999;}
header#masthead {
	background-image: url('https://static.fc-union-berlin.de/cache/1-FC-Union-Berlin-c916020a0823c5fc7ed8fd0a6a805199.png');
	background-size: cover;
	background-position: center;
}
.site-logo img {
    margin: 0px;
}
.site-branding {min-height: 1px;padding: 9.7% 0 !important; margin:0 !important;}
nav#site-navigation {
	    background: rgba(10, 10, 10, 0.99);
    
}


@media (max-width: 400px) {
	span.player-flag {
    	display: none !important;
	}
}
@media only screen and (max-width: 7700px) and (orientation: portrait) { 
    body {background-size: 125vw auto !important;}
    .site-branding {text-shadow: 2px 2px #fff;}
} 
@media (max-width: 700px) { 
   .sp-player-photo img {
    	max-width: 110%;
    	max-height: 200%;
   }
	.sp-template-player-photoooo {
       padding-bottom: 75%;
	}
	.playerpic {
  		width: calc(50% - 10px);
    	padding-bottom: 50%;
		float: left;
		margin-bottom: 0;
	}
	.sp-template-player-photo > .playerpic {margin-right: 20px;}
	.sp-template-player-photo 
}
@media screen and (min-width: 701px)
{
.sp-template-photo {
    width: auto;
    max-width: 50%;
    margin: 0 20px 20px 0;
    float: left;
}
}

/*** cutom ***/
html {margin-top: 0 !important;}
.site-header, .site-content, .site-footer, .site-info {
    margin: inherit;
    max-width: 985px !important;
}
#content{padding-top: 40px;}

.site-menu {    margin-top: 0px;
    position: absolute; z-index: 999;
    width: 985px; max-width: 100%;}
    
header#masthead {
	/*background-image: url('https://static.fc-union-berlin.de/cache/1-FC-Union-Berlin-b13905e642d537bee7a4336239a37278.png');
	background-size: cover;
	background-position: center;*/
}

body {

    background-image: url('https://static.fc-union-berlin.de/cache/1-FC-Union-Berlin-5df39de4617a79d8494544341ac64075.jpeg') !important;
    background-color: #5a5a5a !important;
    background-repeat: no-repeat !important;
}

.site-logo img {
    margin: 0px;
}
.site-branding {min-height: 1px;padding: 9.7% 0 !important; margin:0 !important;}

button, input[type="button"], input[type="reset"], input[type="submit"] {
	color: white !important;
}
.sp-table-caption {
	border-top-color: black !important;
}

.main-navigation .nav-menu > li:hover > a {
	background: rgba(226, 0, 26, 0.99) !important;
}
.main-navigation .search-form .search-field {
	background: rgba(226, 0, 26, 0.99) !important;
	color: white !important;
}
#wpadminbar.no {display: none;}

@media (max-width: 600px) { 
	h1.site-title { font-size: 9vw; }
    h2.site-description { font-size: 3vw; }
    body {padding: 0; background: none;}
    h1 { font-size: 8vw; }
    h2 { font-size: 6vw; }
    h3 { font-size: 5vw; }
    header#masthead { padding-top: 14%; background-image: URL(https://union.emotionum.com/wp-content/uploads/2017/03/union_klein.png);}
    none.main-navigation ul ul {
       position: static;
       width: 100%;
       display: block;
       margin-left: 15px;
    }
}

#buddypress ul.item-list li div.action {
}
#buddypress ul.item-list li div.action a {
 font-size: 11px;
}
/* loading **/
#loading.loading {
    display: block;
    z-index: 999999;
    position: fixed;
    left: 50%;
    top: 50%;
    width: 200px;
    height: 200px;
    margin: -100px 0 0 -100px;
    content: "";
}

#loading {
    display: none;
    left: -1000%;
}
#emo-modaliframe {
     background: #000 url(https://football.emotionum.com/bundles/emotionumsite/images/head-loader.gif?R13k) no-repeat center center !important;
}

.gallery-item .gallery-icon.portrait img, .gallery-item .sp-player-photo img {
    position: absolute;
    min-height: 105%;
    min-width: 105%;
    height: auto !important;
    width: auto !important;
    max-width: 100%;
    /* max-height: 110%; */
    transform: translate(-50%, -0%);
    top: 0%;
    left: 50%;
}
.main-navigation ul ul a {
    display: block;
}

.wpfp-span li a:last-of-type {
    font-size: .7em;
    float: right;
}
.wpfp-span li a:first-of-type {
    padding: 10px;
    font-weight: bold;
    font-size: 1.2em;
}