/*
 Theme Name:   Taniec.org na Wordpress
 Theme URI:    https://wordpress.taniec.org/
 Description:  Motyw dla taniec.org
 Author:       Robert Rychcicki
 Author URI:   https://www.solveamaze.uk
 Template:     twentyseventeen
 Version:      0.0.1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         taniec
 Text Domain:  twenty-seventeen-child
*/

.taniec-page-header {
    background: url("images/orange_top_m.png");
    height: 80px;
    background-repeat: repeat-x;
}

.taniec-name {
    position: absolute; 
    right: 171px; 
    top: 39px; 
    margin-top: -1em; 
    color: silver; 
    text-align: right;
    font-size: 14pt;
    display: none;
}

.taniec-title {
    position: absolute; 
    left: 50%; 
    margin: 0 0 0 -200px; 
    width: 400px; 
    top: 48px; 
    color: white; 
    text-align: center; 
    font-size: 13pt;
    padding: 0;
    display: none;
}

.navigation-top {
    background-image: url("images/black_menu.png") !important;
    background-repeat: repeat-x !important;
    border: none;
    font-size: 1rem;
    min-height: 60px;
}

.navigation-top > .wrap {
    padding-top: 0px;
    padding-bottom: 0px;
}

.navigation-top ul#top-menu {
    background: transparent;
}

.taniec-logo {
    display: none;
}

.front-header {
    display: none;
    padding: 0 !important;
    margin: -2em 0 0 0 !important;
}

.front-header > section {
    padding: 0 !important;
    margin: 0 !important;
}

.site-content {
    padding: 1em !important;
}

@media screen and ( min-width: 32em ) {
    .taniec-logo {
        display: block;
    }
}

@media screen and ( min-width: 48em ) {
    .taniec-name {
        display: block;
    }
    
    .taniec-page-header {
        margin-bottom: 80px;
    }
    
    .has-sidebar:not(.error404) #primary {
        float: right;
    }
    
    .has-sidebar #secondary {
        float: left;
    }

}

@media screen and ( min-width: 67em ) {
    .home .post-thumbnail {
        max-width: 180px;
        position: absolute;
    }
    
    .home .entry-content {
        margin-left: 200px !important;
    }
    
    .taniec-title {
        display: block;
    }
    
    .front-header {
        display: block;
    }

}