/*
Theme Name: Twenty Sixteen Child
Theme URI: http://wordpress.org/themes/twentyeleven
Author: Alice and Bob
Author URI: https://social-media-tabelle.de
Template: twentysixteen
Description: See parent theme + custom adjustments
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: modified, dark, light, white, black, gray, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: twentysixteen-child
*/

.recordEntry{
    display: flex;
    align-items: center;
    border-bottom: 1px dashed rgba(0,0,0,0.5);
}

.recordKey{
    width: 45%;
    margin-right: 5%;
    display: inline-block;
    vertical-align: top;
}
.recordValue{
    width: 49%;
    display: inline-block;
    vertical-align: top;
    text-align: right;
}
div#recordData {
    margin-top: 2em;
}
ul.recordData{
    margin-bottom: 0;
}
/**
* Club formatting with colors
*/
/* Name of the club */
span.recordName{
    white-space: nowrap; /*Avoid line breaks into the club name*/
    padding: 0.1em 0.4em;
}

.page-template-template_verein .entry-title{
    display: inline-block;
    padding: .5em;
}

article .entry-title:hover,
article span.recordName:hover{
    transition: all .4s;
}

/**
* Color1: weiss
*/
article.color1-weiss .entry-title,
article.color1-weiss span.recordName{
    background-color: white;
}

/**
* Color1: rot
*/
article.color1-rot .entry-title,
article.color1-rot span.recordName{
    background-color: red;
}
/**
* Color1: gruen
*/
article.color1-gruen .entry-title,
article.color1-gruen span.recordName{
    background-color: green;
}
/**
* Color1: schwarz
*/
article.color1-schwarz .entry-title,
article.color1-schwarz span.recordName{
    background-color: black;
}
/* Color1 blau */
article.color1-blau .entry-title,
article.color1-blau span.recordName{
    background-color: blue;
}
/* Color1 hellblau */
article.color1-hellblau .entry-title,
article.color1-hellblau span.recordName{
    background-color: #1da9d9;
}
/* Color1 lila */
article.color1-lila .entry-title,
article.color1-lila span.recordName{
    background-color: #4e2a7e;
}
/* Color1 braun */
article.color1-braun .entry-title,
article.color1-braun span.recordName{
    background-color: #aa5c1c;
}

/**
* Color2: rot
*/
article.color2-rot .entry-title{
    color: red;    
    border: 1px solid red;
}
article.color2-rot span.recordName{
    color: red; 
    border-top: 1px solid red;
    border-bottom: 1px solid red;
}
/**
* Color2: weiss
*/
article.color2-weiss .entry-title{
    color: white;    
    border: 1px solid white;
}
article.color2-weiss span.recordName{
    color: white;
    border-top: 1px solid white;
    border-bottom: 1px solid white;
}
/**
* Color2: gelb
*/
article.color2-gelb .entry-title{
    color: #ffe600;    
    border: 1px solid #ffe600;
}
article.color2-gelb span.recordName{
    color: #ffe600;
    border-top: 1px solid #ffe600;
    border-bottom: 1px solid #ffe600;
}
/**
* Color2: schwarz
*/
article.color2-schwarz .entry-title{
    color: black;    
    border: 1px solid black;
}
article.color2-schwarz span.recordName{
    color: black;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
}
/**
* Color2: blau
*/
article.color2-blau .entry-title{
    color: blue;    
    border: 1px solid blue;
}
article.color2-blau span.recordName{
    color: blue; 
    border-top: 1px solid blue;
    border-bottom: 1px solid blue;
}
/**
* Color2: Grün
*/
article.color2-gruen .entry-title{
    color: green;    
    border: 1px solid green;
}
article.color2-gruen span.recordName{
    color: green; 
    border-top: 1px solid green;
    border-bottom: 1px solid green;
}

/**
* Set color3 as hover-color?
* Color3: white
* Heidenheim: color1-blau color2-rot color3-weiss
*/
article.color3-weiss .entry-title,
article.color3-weiss span.recordName{
    text-shadow: 2px 2px white;
}
article.color3-weiss .entry-title:hover,
article.color3-weiss span.recordName:hover{
    color: white;
    text-shadow: none;
}
/*Bielefeld: schwarz weiss blau*/
article.color3-blau .entry-title,
article.color3-blau span.recordName{
    text-shadow: 2px 2px blue;
}
article.color3-blau .entry-title:hover,
article.color3-blau span.recordName:hover{
    color: blue;
    text-shadow: none;
}
/*Leverkusen: rot weiss schwarz*/
article.color3-schwarz .entry-title,
article.color3-schwarz span.recordName{
    text-shadow: 2px 2px black;
}
article.color3-schwarz .entry-title:hover,
article.color3-schwarz span.recordName:hover{
    color: black;
    text-shadow: none;
}
/*Gladbach: schwarz weiss gruen*/
article.color3-gruen .entry-title,
article.color3-gruen span.recordName{
    text-shadow: 2px 2px green;
}
article.color3-gruen .entry-title:hover,
article.color3-gruen span.recordName:hover{
    color: green;
    text-shadow: none;
}
/*Holstein Kiel: blau weiss rot*/
article.color3-rot .entry-title,
article.color3-rot span.recordName{
    text-shadow: 2px 2px red;
}
article.color3-rot .entry-title:hover,
article.color3-rot span.recordName:hover{
    color: red;
    text-shadow: none;
}
ul{
    list-style: none;    
}
/*FontAwesome Icon place*/
.fa{
    margin-right: .3em;
}


/**
* Social Media Table for Facebook related data
*/
table.smart-table{
    table-layout: auto;
}
table.smart-table th{
    text-align: center;
}
table.smart-table th,
table.smart-table td{
    width: auto;
}

table.smart-table .place{
    
}
table.smart-table .name{
    white-space: nowrap;
}
table.smart-table .likes{
    
}
table.smart-table .talkingabout{
    
}
table.smart-table .checkins{
    
}

table.smart-table td.place,
table.smart-table td.likes,
table.smart-table td.talkingabout,
table.smart-table td.checkins,
table.smart-table td.follower,
table.smart-table td.views,
table.smart-table td.league,
table.smart-table td.subscribers,
table.smart-table td.comments,
table.smart-table td.videoViews,
table.smart-table td.videoCount,
table.smart-table td.tweets,
table.smart-table td.followers,
table.smart-table td.following,
table.smart-table td.favorites,
table.smart-table td.followedByCount,
table.smart-table td.followsCount,
table.smart-table td.mediaCount
{
    text-align: right;
}

table.smart-table tfoot tr td{
    text-align: right;
}
/*
* fontawesome sorting for headings
*/
table.smart-table th i.fa {
    float: right;
    vertical-align: bottom;
    line-height: inherit;
    display: none;
}

table.smart-table th i.fa.social {
    float: left;
    display: inline-block;
}
/* combining FA with tablesorter logic */
table.smart-table th i.fa.fa-sort {
    display: inline-block;
}
table.smart-table th.headerSortDown i.fa.fa-sort,
table.smart-table th.headerSortUp i.fa.fa-sort {
    display: none;
}
table.smart-table th.headerSortDown i.fa.fa-sort-alpha-asc,
table.smart-table th.headerSortDown i.fa.fa-sort-numeric-asc {
    display: inline-block;
}
table.smart-table th.headerSortUp i.fa.fa-sort-alpha-desc,
table.smart-table th.headerSortUp i.fa.fa-sort-numeric-desc {
    display: inline-block;
}

/*all data containing table is waaaaay to wide ...*/
article#post-143 .entry-content{
    /*overflow-x: scroll;*/
}
article#post-143 .entry-content table#smart-all-table{
    /*min-width: 2200px;*/
}
/*hide some columns with less usable data*/
article#post-143 table#smart-all-table .checkins, 
article#post-143 table#smart-all-table .following, 
article#post-143 table#smart-all-table .favorites, 
article#post-143 table#smart-all-table .comments, 
article#post-143 table#smart-all-table .views, 
article#post-143 table#smart-all-table .videoViews,
article#post-143 table#smart-all-table .videoCount   
{
    display: none;
}
article#post-143 table#smart-all-table .name{
    white-space: normal;
}
/*overwriting parent theme setting for max width*/
body.page-id-143 .site-inner {
    /*max-width: 1920px;*/
}

table#smart-google-table .views {
    display: none;
}

.entry-content h2 {
    line-height: 1.5;
}


#table-wrapper{
    overflow-x: scroll;
}

@media (max-width: 1023px){
    table.smart-table .name {
        white-space: normal;
    }
    
    .entry-content h2,
    .entry-content h3 {
        margin-top: 2vw;
        margin-bottom: 2vw;
    }
}
@media (max-width: 640px){
    .entry-header, .entry-summary, .entry-content, .entry-footer, .page-content{
        margin-left: 4vw;
        margin-right: 4vw;
    }
    .sidebar {
        margin-bottom: 4vw;
        padding: 0 4vw;
    }
    .site-header {
        padding: 4vw;
    }
    .site-footer {
        padding: 0 4vw 1.75em;
    }
    .widget {
        margin-bottom: 1em;
        padding-top: 1em;
    }
    ul, ol,
    .widget .widget-title{
        margin: 0;
    }
    p {
        margin: 0 0 2vw;
    }
}