.header-sidebar-btn span{
    background: #fff;
}
.header-sidebar-btn,
.tp-offcanvas-menu ul li.active button,
.tpfeature__num-2,
.tp-header-menu ul li a::before,
.tpservshow.tpservshow-blue,
.tp-btn.tp-btn-blue,
.tpservices2:hover,
.tp-about-border-text::before,
.tp-contect-box-input button,
.tpportfolio__button a,
.tp-footer-social ul li a:hover,
.tp-postbox-badge,
.tp-sidebar-category ul li a:hover{
    background-color: #0d316f;
}
.back-to-top-btn{
    background: #0d316f;
}
.tp-offcanvas-menu ul li{
    border-bottom: 1px solid #0d316f;
}
.tp-offcanvas-menu ul li.active > a,
.tp-sidebar-author-cta a:hover {
    color: #0d316f;
}
.tpservshow__title,
.tpservshow__content p,
.tpfeature__num-2,
.tpservshow__icon,
.tp-btn.tp-btn-blue,
.tp-btn.tp-btn-black:hover,
.back-to-top-btn,
.tpservices2:hover .tpservices2__title,
.tpservices2:hover .tp-text-black,
.tp-contect-box-input button,
.tpportfolio__button a,
.tp-footer-info-deg a:hover,
.tp-postbox-badge-title,
.tp-sidebar-category ul li a:hover{
    color: #fff;
}
.tp-section-title-larg {
    font-size: 60px;
}
.tpservshow.tpservshow-black{
    background-color: #000;
}
.tp-about-border-text::before{
    bottom: -2px;
}
.home-spacing{
    margin: 100px 0;
    padding: 0;
}
.home-spacing-top{
    margin: 100px 0 0 0;
    padding: 0;
}
.home-spacing-bottom{
    margin: 0 0 100px 0;
    padding: 0 0 50px 0;
}
.tp-footer-info-deg a {
    white-space: nowrap;
}
.tprecentpost {
    padding: 20px;
}
.pagination {
    position: relative;
    width: 98%;
    max-width: 1080px;
    margin: 0 auto;
    padding: 1%;
    text-align: center;
    font-weight: 600;
    font-size: 13px;
}
.pagination li {
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px;    
    text-decoration: none;
    background-color: #fff;
    color: #0d316f;
    border-radius: 50%;
    margin: 0 2px;
    transition: all 0.5s ease-in-out;
}
.pagination li:hover {
    background-color: #e9e9e9;
    transition: all 0.5s ease-in-out;
}
.pagination a {  
    color: #0d316f;
}
.pagination a:hover {  
    color: #0d316f;
}
.pagination a:active {  
    color: #fff;
}
.pagination .active {
    display: inline-block;
    width: 50px;
    height: 50px; 
    line-height: 50px;   
    background-color: #0d316f;
    color: #fff;
    border-radius: 50%;
}
.pagination .active:hover {
    background-color: #0d316f;
}
.pagination .disabled {
    display: inline-block;
    width: 50px;
    height: 50px; 
    line-height: 50px; 
    background-color: #fff;
    color: #DDD;
    border-radius: 50%;
}
.pagination .disabled:hover {
    background-color: #fff;
}
.tp-contect-map iframe {
    height: 750px;
    max-height: initial;
}
.tp-hero-spacing-4 {
    min-height: 900px;
}
@media only screen and (max-width: 966px) {
    .home-spacing{
        margin: 50px 0;
        padding: 0;
    }
    .home-spacing-top{
        margin: 50px 0 50px 0;
        padding: 0;
    }
    .home-spacing-bottom{
        margin: 0 0 50px 0;
        padding: 0 0 10px 0;
    }
    .tp-hero-spacing-4{
        padding-top: 150px;
        padding-bottom: 70px;
    }
    .tp-section-title-larg {
        font-size: 36px;
    }
    .pagination {
        position: relative;
        width: 98%;
        max-width: 1080px;
        margin: 0 auto;
        padding: 1%;
        text-align: center;
        font-weight: 600;
        font-size: 13px;
    }
    .pagination li {
        display: inline-block;
        width: 30px;
        height: 30px;
        line-height: 30px;    
        text-decoration: none;
        background-color: #fff;
        color: #0d316f;
        border-radius: 50%;
        margin: 0 2px;
        transition: all 0.5s ease-in-out;
    }
    .pagination li:hover {
        background-color: #e9e9e9;
        transition: all 0.5s ease-in-out;
    }
    .pagination a {  
        color: #0d316f;
    }
    .pagination a:hover {  
        color: #0d316f;
    }
    .pagination a:active {  
        color: #fff;
    }
    .pagination .active {
        display: inline-block;
        width: 30px;
        height: 30px; 
        line-height: 30px;   
        background-color: #0d316f;
        color: #fff;
        border-radius: 50%;
    }
    .pagination .active:hover {
        background-color: #0d316f;
    }
    .pagination .disabled {
        display: inline-block;
        width: 30px;
        height: 30px; 
        line-height: 30px; 
        background-color: #fff;
        color: #DDD;
        border-radius: 50%;
    }
    .pagination .disabled:hover {
        background-color: #fff;
    }
    .tp-contect-map iframe {
        height: 400px;
        max-height: initial;
    }
}


.tp-postbox-item:hover .tp-postbox-thumb img {
    transform: scale(1.1);
}
.tp-postbox-thumb > a {
    display: block;
}
.tp-postbox-thumb > a img {
    transform: scale(1.01);
    width: 100%;
     height: auto;
    display: block;
}

/* Rich text content area */
.tp-body-content {font-size: 18px; line-height: 1.75; color: #333; }

.tp-body-content h2 { font-size: clamp(29px, 3.6vw, 38px); font-weight: 700; margin: 2rem 0 1rem; color: #0d316f; }
.tp-body-content h3 { font-size: clamp(24px, 3vw, 31px); font-weight: 700; margin: 1.75rem 0 0.75rem; color: #0d316f; }
.tp-body-content h4 { font-size: clamp(22px, 2.4vw, 25px); font-weight: 600; margin: 1.5rem 0 0.5rem; color: #0d316f; }

.tp-body-content p { font-size: 18px; margin-bottom: 1.25rem; }

.tp-body-content ul,
.tp-body-content ol { margin: 0 0 1.25rem 1.5rem; }
.tp-body-content ul { list-style: disc; }
.tp-body-content ol { list-style: decimal; }
.tp-body-content li { margin-bottom: 0.4rem; }

.tp-body-content table { width: 100%; border-collapse: collapse; margin-bottom: 1.5rem; overflow-x: auto; display: block; }
.tp-body-content th,
.tp-body-content td { padding: 0.6rem 0.9rem; border: 1px solid #ddd; text-align: left; }
.tp-body-content th { background-color: #0d316f; color: #fff; font-weight: 600; }
.tp-body-content tr:nth-child(even) { background-color: #f5f7fa; }

.tp-body-content img { max-width: 100%; height: auto; border-radius: 20px; margin: 1rem 0; }

.tp-body-content a { color: #0d316f; text-decoration: underline; }
.tp-body-content a:hover { color: #0a2456; }

/* Responsive video */
.video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; border-radius: 20px; }
.video-container iframe,
.video-container video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* Hero overlay */
.tp-hero-area {
    position: relative;
}
.tp-hero-area::before {
    position: absolute;
    content: "";
    background: rgba(0, 0, 0, 0.4);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 0;
}
.tp-hero-area > * {
    position: relative;
    z-index: 1;
}

/* Logo swap — transparent vs sticky */
.logo-white { display: none; }
.logo-default { display: block; }
.tp-header-transparent:not(.header-sticky) .logo-default { display: none; }
.tp-header-transparent:not(.header-sticky) .logo-white { display: block; }

/* Transparent header — white text (non-sticky only) */
.tp-header-transparent:not(.header-sticky) .tp-header-menu nav > ul > li > a { color: #fff; }
.tp-header-transparent:not(.header-sticky) .tp-header-menu nav > ul > li > a::before { background-color: #fff; }
.tp-header-transparent:not(.header-sticky) .tp-cta-phone a { color: #fff; }
.tp-header-transparent:not(.header-sticky) .tp-btn.tp-btn-border { color: #fff; border-color: #fff; }
.tp-header-transparent:not(.header-sticky) .tp-btn.tp-btn-border .tp-btn-icon::before { background-color: #fff; }
.tp-header-transparent:not(.header-sticky) .tp-btn.tp-btn-border:hover { color: #0d316f; border-color: #fff; }

/* Gallery grid */
.tp-gallery-item { position: relative; border-radius: 12px; clip-path: inset(0 round 12px); }
.tp-gallery-item img { transition: transform 0.4s ease; transform: scale(1.01); }
.tp-gallery-item:hover img { transform: scale(1.07); }
.tp-gallery-overlay {
    position: absolute; inset: 0;
    background: rgba(13, 49, 111, 0.5);
    display: flex; align-items: center; justify-content: center;
    opacity: 0;
    transition: opacity 0.4s ease;
}
.tp-gallery-item:hover .tp-gallery-overlay { opacity: 1; }

/* picture kao bg-cover — roditelj mora imati position:relative i visinu */
picture.bg-cover {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    display: block;
}
picture.bg-cover source { display: none; }
picture.bg-cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}
.bg-overlay-dark {
    position: absolute;
    background: rgba(0, 0, 0, 0.4);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.tpservices2__thumb img{
    height: auto;
}
.br-20 picture img{
    border-radius: 20px;
}
.tppostbox__thumb img{
    display: block;
    width: 100%;
    height: auto;
}
.full-w-h-auto img{
    display: block;
    width: 100%;
    height: auto;
}
.tp-footer-info-deg p{
    color: #fff;
}
.article-gallery .tp-gallery-item img{
    aspect-ratio: 1/1;
    object-fit: cover;
    width: 100%;
    height: auto;
}
.tpservices2__thumb-full img{
    width: 100%;
}
.pr-lg-50 {
    padding-right: 50px;
}
@media (max-width: 991px) {
    .pr-lg-50 {
        padding-right: 0;
    }
}
.tp-body-content h3 {
    font-size: clamp(18px, 3vw, 31px);
}
@media only screen and (max-width: 600px) {
    .tp-body-content h3 {
        margin: 0;
    }
}