/*
Theme Name:     Typology Child
Theme URI:      https://mekshq.com/theme/typology
Description:    Child theme for Typology theme
Author:         meks
Author URI:     https://mekshq.com
Template:       typology
Version:        0.1.0
*/



.typology-layout-c.typology-post {
    padding: 0 !important;
}


.navbar {
    display: flex;
    width: 100%;
    font-family: 'Montserrat', sans-serif;
}

.top_part .navbar a,
.top_part .navbar a:hover,
.top_part .navbar a:focus {
    text-decoration: none !important;
}

.top_part .navbar-nav li {
    margin: 0 25px;
}

.top_part .navbar-nav .nav-link {
    padding: 31px 0 40px 0;
    font-size: 15px;
    color: #848484;
    text-transform: uppercase;
    border-top: 4px solid transparent;
    font-weight: 500;
}

.top_part .navbar-nav .login_link .nav-link {
    padding: 0 24px;
    margin: 20px 0 0 0;
    font-size: 16px;
    color: #b5121b;
    line-height: 55px;
    border: 1px solid #b5121b;
    border-radius: 8px;
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: 0.25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}

.top_part .dropdown-item {
    font-size: 15px;
    font-weight: 300;
}

.top_part .dropdown-menu .dropdown-item {
    padding-right: 2rem !important;
}

.flag-icon {
    width: 20px;
    height: 14px;
    margin-right: 8px;
    vertical-align: -2px;
    margin-left: -10px;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 10000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
}

.navbar-nav .dropdown-menu {
    top: 80%;
}

@media (max-width: 992px) {
    .navbar-light .navbar-toggler {
        border-radius: 0;
        border-color: #595959;
        padding: 3px 7px 3px 7px;
        width: 40px !important;
        height: 40px !important;
        flex: 0 0 40px;
    }

    .top_part header .container .navbar .navbar-toggler {
        width: 40px !important;
    }

    .navbar-nav {
        margin-top: 15px;
    }

    .top_part .navbar-nav .nav-link {
        padding: 10px 0;
        font-size: 15px;
        border-top: 1px solid #e6e6e6;
    }

    .top_part .navbar-nav .login_link .nav-link {
        margin-top: 0;
        padding: 10px 15px;
        line-height: normal;
    }
}

.nav-search {
    display: flex;
    align-items: center;
    margin-left: 15px;
}

.nav-search .search-form {
    display: flex;
    align-items: center;
}

.nav-search .search-field {
    height: 36px;
    padding: 0 10px;
    border: 1px solid #e0e0e0;
    border-radius: 4px 0 0 4px;
    font-size: 14px;
}

.nav-search .search-submit-header {
    height: 36px;
    padding: 0 10px;
    border: 1px solid #e0e0e0;
    border-left: none;
    border-radius: 0 4px 4px 0;
    background: #c62641;
    cursor: pointer;
}

.nav-search .search-submit i {
    font-size: 14px;
}

@media (max-width: 992px) {
    .nav-search {
        width: 90%;
        margin: 10px 0;
    }

    .nav-search .search-form {
        width: 100%;
    }

    .nav-search .search-field {
        width: 100%;
    }
}

button {
    min-width: auto !important;
}

.entry-content .typology-button-search {
    max-width: none !important;
}

.typology-layout-c.typology-post {
    padding: 0 !important;
}

.col-lg-6 {
    flex: 0 0 33% !important;
}

@media(max-width:1024px) {
    .col-lg-6 {
        flex: 0 0 50%;
    }
}

@media(max-width:768px) {
    .col-lg-6 {
        flex: 0 0 100%;
    }
}

.breadcrumbs a{
    text-decoration: none !important;
}
.breadcrumbs{
    margin-bottom: 16px;
}

.footer_detail {
    width: 100%;
    float: left;
    padding: 50px 0;
    margin: 0;
    background: #fff url(../images/footer_bg.png) no-repeat center center;
}

/***********  Footer Part  ************/
footer{ width:100%; float:left; margin:0px; padding:0px; font-family: 'Montserrat', sans-serif;}
footer a{
    text-decoration: none  !important;
}
.footer_detail{ width:100%; float:left; padding:50px 0; margin:0; background:#fff url(../images/footer_bg.png) no-repeat center center;}
.footer_logo{ width:80%; float:left; padding:0; margin:25px 0 30px 0;}
.footer_detail p{ padding:0; margin:0; font-size:16px; color:#505050; line-height:28px; font-weight:300;}
.footer_detail h3{ padding:0 0 12px 0; margin:25px 0 20px 0; font-size:19px; color:#2e353a; font-weight:600; position:relative;}
.footer_detail h3:after{ content:""; width:38px; height:1px; background:#cdcdcd; position:absolute; left:0; bottom:0;}
ul.footer_link{ padding:0; margin:0;}
ul.footer_link li{ padding:0; margin:0 0 18px 0; font-size:16px; color:#505050; font-weight:300;}
ul.footer_link li a{ color:#505050;}
ul.footer_link li a:hover{ color:#b5121b;}

ul.social_info{ padding:0; margin:25px 0 10px 0;}
ul.social_info li{ padding:0; margin:0; display:inline-block;}
ul.social_info li a i{ width:36px; height:36px; padding:0; margin:0 3px 10px 0; font-size:17px; color:#8e8f92; text-align:center; line-height:36px; display:inline-block; background:#edeff3; border-radius:50%;}
ul.social_info li a:hover i{ color:#fff; background:#b5121b;}

.footer__menu{ width: 33.33%; padding-left: 20px;}
.footer__social{ width: 33.3%;}
a.footer__phone{ font-weight: bold; color: #b5121b; text-decoration: none;transition: ease;}
a.footer__phone:hover{ text-decoration: underline; color: #b5121b;}

.add_block{ width:100%; float:left; padding:0 0 0 25px; margin:0 0 25px 0; position:relative;}
.add_block i{ padding:0; margin:0; font-size:20px; color:#8f9199; position:absolute; left:0; top:0;}
.add_block i.fa-envelope{ font-size:18px;}
.add_block h4{ padding:0; margin:0; font-size:14px; color:#a5a5a5; font-weight:600;}
.add_block p{ padding:0; margin:0; font-size:16px; color:#505050;}
.add_block p strong{ font-weight:700;}
.add_block p a{ color:#b5121b; font-weight: bold;}
.add_block p a:hover{ color:#b5121b; text-decoration:underline;}

.payment__methods{ width: 100%; display: flex; flex-direction: row; flex-wrap:wrap; justify-content: space-around;}
.payment-icon{ width: 10%;}

.copyright{ width:100%; float:left; padding:50px 0 0 0; margin:0; font-size:16px; color:#505050; font-weight:300; text-align:center; border-top:1px solid #e5e5e5;}
.copyright strong{ color:#b5121b; font-weight:600;}
.copyright a{ color:#505050;}
.copyright a:hover{ color:#b5121b;}

@media screen and (max-width:767px){
.footer__menu{ width: 50%; justify-content: center; align-items: center; display: flex; flex-direction: column;}
.footer__social{ width: 100%;}
ul.social_info{ display: flex; justify-content: center;}
.footer__vat {text-align: center; display: flex; flex-direction: column;}
.payment-icon{ width: 25%;}
.footer_detail p{ text-align: center;}
}

.navbar-expand-lg .navbar-nav .dropdown-menu {
        z-index: 10000;
}
body.blog article.post,
body.archive article.post,
body.search article.post {
    background: #fff;
    border: 1px solid #e1e4e8;
    border-radius: 8px;
    padding: 25px;
    margin-bottom: 30px;
    box-shadow: 0 4px 6px rgba(0,0,0,0.02);
    transition: transform 0.2s, box-shadow 0.2s;
}

body.blog article.post:hover,
body.archive article.post:hover,
body.search article.post:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.08);
}

.typology-layout-c .entry-title a,.entry-meta,.entry-excerpt {
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
}
.section-content-c {
    max-width: 1100px !important;
}
body:not(.single) .typology-featured-image img, .typology-section-related .typology-featured-image,img.attachment-typology-c.size-typology-c.wp-post-image{
    width: 100%;
    min-height: 220px;
    max-height: 220px;
    object-fit: cover;
}
body.blog article.post,
body.archive article.post,
body.search article.post {
    display: flex;
    flex-direction: column;
    height: 100% !important;
}
.entry-excerpt {
    flex-grow: 1 !important;
}
body.blog .row,
body.archive .row,
body.search .row {
    display: flex;
    flex-wrap: wrap;
}
body:not(.single) .section-head {
    margin-bottom: 0px !important;
}
body:not(.single) .typology-section {
    padding: 4rem 0 4rem !important;
}
.section-content-c .typology-posts {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    align-items: stretch !important;
}

.section-content-c .col-lg-6 {
    display: flex !important;
    flex-direction: column !important;
    padding: 0 !important; /* Resetujemy padding, bo używamy gap */
}

.section-content-c .col-lg-6 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
}

@media (min-width: 768px) {
    .section-content-c .col-lg-6 {
        flex: 0 0 calc(50% - 5px) !important;
        max-width: calc(50% - 5px) !important;
    }
}

@media (min-width: 992px) {
    .section-content-c .col-lg-6 {
        flex: 0 0 calc(33.333% - 7px) !important;
        max-width: calc(33.333% - 7px) !important;
    }
}

body.blog article.post,
body.archive article.post {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    height: 100% !important;
    margin-bottom: 0 !important;

    background: #fff;
    border: 1px solid #e1e4e8;
    border-radius: 8px;
    padding: 25px;
    box-shadow: 0 4px 6px rgba(0,0,0,0.02);
    transition: transform 0.2s, box-shadow 0.2s;
}

.entry-excerpt {
    flex-grow: 1 !important;
}

body:not(.single) .entry-title{
    padding-top: 10px;
}

img.attachment-typology-c.size-typology-c.wp-post-image {
    width: 100%;
}

body.single .entry-title.h4{
    margin-top: 10px !important;
}
.read-more{
    text-align: center;
    margin:15px 0;
}
.typology-read-more{
    background-color: #c62641;
    color: #fff;
    text-decoration: none;
    padding: 10px 15px;
    border-radius: 5px;
}
.typology-read-more:hover{
    background-color: #b5121b;
    color: #fff;
    text-decoration: none;
}

.section-content.typology-author{
    padding:20px 0;
    background:#F5F5F5;
}

#auto-toc {
    background-color: #f9f9f9;
    border: 1px solid #e0e0e0;
    padding: 20px;
    margin-bottom: 30px;
    border-radius: 5px;
    display: inline-block;
    min-width: 250px;
    width: 100%;
    font-family:'Josefin Sans';
}

#auto-toc .toc-title {
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 1.1em;
    margin-top: 0;
    text-transform:uppercase;
}

#auto-toc ul {
    list-style: none;
    margin: 0;
    padding: 0 0 0 20px;
}

#auto-toc li {
    margin-bottom: 8px;
    line-height: 1.4;
}

#auto-toc a {
    text-decoration: none;
    color: #333;
    border-bottom: 1px solid transparent;
    transition: all 0.2s;
}

#auto-toc a:hover {
    color: #000;
    border-bottom-color: #000;
}

#auto-toc .toc-item-h3 {
    margin-left: 10px;
    color: #555;
}