/*
Theme Name: Lechia Zielona Góra
Description: Child theme for Themify Ultra
Author: Maja Sędziak
Template: themify-ultra
*/

/* write custom css below */

:root {

    --theme_accent: #0c692f !important;
    --theme_accent_semi: #0e7b37 !important; 
    --yellow: #ffc107;



    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --info: #17a2b8;
    --light: #f8f9fa;
}


#content {
    padding-top: 0px;
}
.product-template-default #content, 
.woocommerce-page #content {
    padding-top: 9%;
    padding-bottom: 5%;
}


#header, 
.fixed-header #header {
    padding: 0;
    transition: all 0.5s;
}

#site-logo {
    position: absolute !important;
    content: " ";
    z-index: 1;
    top: 10px;
    left: 0%;
    margin-top: 0 !important;
    transition: all 0.5s;
}

#headerwrap #site-logo a img {
    transition: all 0.5s ease-in-out;
}

/*
#headerwrap.fixed-header #site-logo a img {
    width: 60%;
    height: 60%;
    transition: all 0.5s ease-in-out;
}
*/
#main-nav a {
    color: #fff;
    font-weight: 500;
}



#main-nav li:last-child {
    color: var(--theme_accent_semi) !important;
    text-transform: uppercase;
    font-weight: bold !important;
    margin-right: -7px;
    font-size: 20px;
    margin-bottom: -1px;
    transition: all 0.5s ease-in-out;
}
#main-nav li:last-child:hover {
    transition: all 0.5s ease-in-out;
}
#main-nav li:last-child a {
    padding: 1.5em 0.75em !important;
    transition: all 0.5s ease-in-out;
    color: var(--theme_accent) !important;
    background-color: var(--yellow) !important;
}
#main-nav li:last-child:hover a {
    color: var(--theme_accent) !important;
    background-color: #fff !important;
    transition: all 0.5s ease-in-out;
}
#headerwrap.fixed-header #main-nav a {
    padding: .75em 1.45em;
}



.header-widget-full .header-widget-inner,
.header-widget-full .header-widget-inner .col4-2 {
    display: flex;
    align-items: center;
}
.header-widget-full .header-widget-inner>.first~div:last-child {
    justify-content: flex-end;
}
.header-widget-full .header-widget-inner .themify-social-links ul li {
    margin-bottom: 0;
}


.baner-akapit p {
    font-size: 2.2em;
    line-height: 1.2em;
    margin-bottom: 0.2em;
}


/*** TABELE MECZE ***/

/* ikonki */
.macze h2 strong, .mecze h2, .mecze h3, .mecze h3 strong {
    color: #fff !important;
}
.mecze.ui.vertical>.tab-nav {
    background-color: transparent;
    margin-top: 1em !important;
}
.mecze.ui .tab-nav em {
    margin-bottom: 0.3em;
}
.mecze.ui.vertical>.tab-nav li {
    margin-bottom: 1em !important;
}
.mecze.ui.vertical>.tab-nav li a {
    padding: 1.25em;
    text-transform: uppercase;
    font-weight: bold;
}
.mecze.ui .tab-content {
    margin-left: 3em;   
    border: none;
    background-color: transparent;
}

.mecze .aktualne-tab {
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    background-color: #fff;
}
.mecze .aktualne-data p {
    margin-bottom: 0.2em;
}
.mecze .aktualne-data p:first-of-type {
    font-size: 72px;
    line-height: 72px;
}
.mecze .aktualne-data p {
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
}
.mecze .aktualne-druzyna p, .mecze .aktualne-bramki p {
    margin-bottom: 0;
}
.mecze .aktualne-druzyna p {
    font-size: 25px;
    line-height: 30px;
    color: var(--theme_accent);
}


.ranking-row.tytul p {
    font-weight: bold;
}
.ranking-row p {
    margin-bottom: 0;
}
.ranking-row {
    padding: 0.5em;
    background-color: var(--light);
    border-radius: 3px;
    margin-bottom: 5px;
}
.ranking-row.tytul {
    margin-bottom: 10px;
}
.ranking-row.lechia {
    background-color: var(--yellow);
}




/*** FOOTER ***/

#footerwrap {
    padding-top: 0 !important;
}
#footer-logo a img {
    margin-top: -4em !important;
}
.footer-widgets .widgettitle , 
#footer .widget li, 
#footer p,
#footer h2, #footer h3 {
    text-align: left;
}
#footer h2, #footer h3 {
    font-size: 1.5em;
}
#footer .section-col+.footer-text {
    border-top-color: var(--yellow);
    border-top-width: 3px;
}
#footer .section-col {
    margin-top: 2em;
}
#footer h2, #footer h3 {
    color: #fff;
    letter-spacing: 1px;
}
#footer .col3-1 {
    width: 28%;
}
#footer .col3-1.first {
    width: 37%;
} 
#footer a {
    font-weight: 500 !important;
}
strong {
    font-weight: 700 !important;
}
/*
#footer #block-14, #footer #block-16, #footer #block-20 {
    margin-bottom: 3.5em;
}
    */




/* posty na głównej */
.loops-wrapper.boxed .post-image img, .woocommerce .boxed.products .product-image img,
.loops-wrapper.boxed .post, .woocommerce .boxed .product {
    border-radius: 0px;
}

.module .image-wrap .zoom:hover, .module .image-wrap:hover .zoom, .module-image.image-full-overlay:hover .image-content:before {
    background-color: var(--yellow);
}
.module .image-wrap .zoom {
    font-size: 2em;
}


.home .loops-wrapper.polaroid .post-image+.post-content {
    background: linear-gradient(to top, #000 0, rgba(0, 0, 0, 0) 100%);
    padding: 3%;
    min-height: 100px;
}
.home .polaroid .post:hover .post-image+.post-content {
    min-height: 100px;
    height: 0;
}
.home .post-title {
    text-align: left;
    font-size: 22px !important;
}
.home .wpisy-siatka-1 .post-title {
    font-size: 30px !important;
}
.home .wpisy-siatka-1 .loops-wrapper.polaroid .post-image+.post-content {
    min-height: 125px;
}
.home .wpisy-siatka-1 .post {
    margin-bottom: 0;
}
.home .wpisy-siatka-2 .loops-wrapper.grid2>.post {
    margin-bottom: 0;
    width: 50%;
}
.home .wpisy-siatka-2 .gutter-sizer {
    width: 0;
}
.home .wpisy-siatka-4 .loops-wrapper.grid4>.post {
    margin-bottom: 0;
}



/*** woo ***/
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) .woocommerce-breadcrumb {
    text-align: center;
}
.woocommerce-products-header__title.page-title {
    text-align: center;
}
.product_title.woocommerce-loop-product__title {
    min-height: 42px;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
    font-weight: 400;
    text-transform: uppercase;
}
.wc-block-components-totals-shipping__change-address__link {
    color: #000;
}


/** strona koszyka **/
.sidebar-none .woocommerce table.shop_table.cart {
    width: 100%;
}
.woocommerce-page.sidebar-none .cart-collaterals .cart_totals {
    width: 50%;
}
.woocommerce .cart-collaterals .cart_totals tr td {
    width: 40%;
}

/** ikona koszyka **/
.cart-wrap a {
    margin: 0 -70px 0 10px;
    color: var(--yellow) !important;
}
.cart-wrap a em {
    margin-left: 10px;
    background: hsla(0, 0%, 78%, .25);
}
.cart-wrap a:hover {
    color: #000 !important;
}

/*** RWD ***/
@media all and (max-width: 1500px) {
    .home .post-title {
        font-size: 18px !important;
    }
}
@media all and (max-width: 1300px) {
    #main-nav li:last-child {
        margin-right: 0px;
    }
    .cart-wrap a {
        margin: 0 0 0 10px;
    }
    .cart-wrap a em {
        margin-left: 0px;
    }
    .home .loops-wrapper.polaroid .post-image+.post-content {
        display: flex;
        align-items: flex-end;
    }
}
@media all and (max-width: 1130px) {
    body #site-logo a img  {
        max-width: 60px;
    }
    #mobile-menu {
        background-color: rgba(12,105,47,0.5);
    }
    .sidemenu {
        padding: 25px 25px 25px !important;
    }
    #headerwrap #main-nav a {
        font-weight: 600 !important;
    }
    #main-nav li:last-child {
        text-align: center;
    }
    #main-nav li:last-child a {
        padding: 1em 0.5em !important;
        font-size: 1em;
    }
    #mobile-menu #block-11 {
        margin-bottom: 0px;
    }
    #mobile-menu #block-8 p {
        margin-left: 0 !important;
    }
    #mobile-menu .themify-social-links {
        margin-bottom: 2em;
    }
    #headerwrap.fixed-header #main-nav a {
        padding: 0.6em 0em !important;
    }
}
@media all and (max-width: 1024px) {
    .menu-icon-inner {
        color: var(--yellow)
    }
    .mecze {
        display: flex !important;
        flex-direction: column !important;
    }
    .mecze.ui.vertical>.tab-nav {
        display: flex;
        justify-content: center;
        width: 100%;
    }
    .mecze.ui.vertical>.tab-nav li {
        width: 20%;
        margin-right: 1%;
    }
    .mecze.ui .tab-content {
        margin-left: 0 !important;
        width: calc(100% - 2.6em);
    }
    .mecze .aktualne-druzyna p {
        font-size: 1.2em;
        line-height: 1.2em;
    }
    .mecze .aktualne-bramki p {
        font-size: 0.8em;
        line-height: 1.2em;
    }
}
@media all and (max-width: 900px) {
    .woocommerce-page.sidebar-none .cart-collaterals .cart_totals {
        width: 100%;
    }
    .woocommerce .cart-collaterals .cart_totals tr td {
        width: 70%;
    }
    .home .loops-wrapper.polaroid .post-image+.post-content {
        display: flex;
        align-items: flex-end;
        min-height: 70px;
        padding: 3%;
    }
    .home .wpisy-siatka-1 .loops-wrapper.polaroid .post-image+.post-content {
        min-height: 130px;
    }
    .mecze .aktualne-data p:first-of-type{
        font-size: 50px;
        line-height: 50px;
    }
}
@media all and (max-width: 768px) {
    .mecze.ui.vertical>.tab-nav li {
        width: 33%;
    }
    .mecze.ui .tab-content {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }
}
@media all and (max-width: 600px) {
    .home .wpisy-siatka-1 .loops-wrapper.polaroid .post-image+.post-content {
        min-height: 130px;
    }
    .home .wpisy-siatka-1 .post-title {
        font-size: 22px !important;
    }
    .home .wpisy-siatka-2 .post-title {
        font-size: 14px !important;
    }
}
@media all and (max-width: 480px) {
    .mecze .tab-nav .tb_tab_title {
        font-size: 0.7em;
    }
    .footer-widgets {
        display: flex;
        flex-direction: column;
    }
    #footer .col3-1 {
        width: 100% !important;
    }
    #footer h2, #footer h3 {
        font-size: 1em;
        font-weight: 600;
        margin-bottom: 0;
    }
    #block-18, #block-31, #block-14, #block-16 {
        margin-bottom: 0;
    }
    .multimedia {
        display: flex !important;
    }
    .multimedia .module-buttons-item {
        margin-inline-start: 0.6em;;
    }
    .multimedia .module-buttons-item a {
        padding: .9em 2.5em 0.9em 1em;
    }
}
@media all and (min-width: 600px) {
    #sidebar .wp-block-latest-posts.columns-2 li {
        width: calc(95% - .625em);
    }
    #sidebar {
        padding-left: 30px;
        border-left: 1px solid #ddd;
    }
}
@media all and (min-width: 1280px) {
    .single-post .post {
        margin-left: -2em;
    }
}