/*
 Theme Name:   Koło 122 Astra
 Template:     twentyfourteen
 Description:  Child theme dla Koła Wędkarskiego 122 ASTRA
*/

html body #secondary { display: none !important; }
html body .site:before { display: none !important; }

html body .site,
html body .site-header,
html body .site-content,
html body .site-footer,
html body .primary-navigation,
html body #main-content,
html body #primary,
html body #content,
html body #content-sidebar {
    margin-left: 0 !important;
    float: none !important;
}

body { background: #ededed !important; }
html body .site {
    max-width: 1260px !important;
    margin: 0 auto !important;
    background: #fff !important;
    overflow: hidden !important;
}

html body #main-content {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
    padding: 0 20px !important;
    box-sizing: border-box !important;
}

html body #content-sidebar {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: static !important;
    order: -1 !important;
    width: 220px !important;
    min-width: 220px !important;
    max-width: 220px !important;
    padding: 20px !important;
    box-sizing: border-box !important;
    flex-shrink: 0 !important;
}

html body #primary {
    order: 1 !important;
    flex: 1 1 0% !important;
    padding: 20px 30px !important;
    box-sizing: border-box !important;
    min-width: 0 !important;
    width: auto !important;
    max-width: none !important;
}

html body #content {
    width: 100% !important;
    max-width: 100% !important;
}

html body .entry-content { max-width: 100% !important; }
html body .entry-content img { max-width: 100%; height: auto; }

html body.page #content-sidebar { display: none !important; }
html body.page #primary { max-width: 960px; margin: 0 auto; padding-left: 0 !important; }

html body .primary-navigation { background-color: #444 !important; }
html body .primary-navigation a { color: #ccc !important; }
html body .primary-navigation a:hover,
html body .primary-navigation .current_page_item > a,
html body .primary-navigation .current-menu-item > a { color: #fff !important; }
html body .search-toggle { background: #444 !important; }

.entry-title a, .widget a, .cat-links a { color: #0eb5d1; }
.entry-title a:hover, .widget a:hover { color: #41a62a; }

.widget_categories ul { margin: 0; padding: 0; list-style: none; }
.widget_categories li { padding: 3px 0; border-bottom: 1px solid #eee; font-size: 13px; }

.site-header { background: #000; }
html body .site-footer { margin-left: 0 !important; }

html body #main.site-main {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    padding: 0 20px !important;
    box-sizing: border-box !important;
}

html body .primary-navigation .current-menu-item > a,
html body .primary-navigation .current_page_item > a {
    background: transparent !important;
    color: #fff !important;
    font-weight: 700 !important;
}

@media (max-width: 768px) {
    html body #main-content { flex-direction: column !important; }
    html body #content-sidebar { width: 100% !important; min-width: 100% !important; max-width: 100% !important; order: 2 !important; }
}