img{
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}
*{background:transparent}
a, a:active, a:hover, a:visited{outline:none;text-decoration:none}
div{box-sizing:border-box}
.w100, .w40, .w60, .w50, .w30, .w70, .post_text, .post_img{display:inline-block;width:100%;float:left;padding:0 10px;}
.w100{padding:0}
.w30{width:30%}
.w70{width:70%}
.w40{width:40%}
.w50{width:50%}
.w60{width:60%}
.izdvojeno_ostalo{margin-top:30px;float:left}
.izdvojeno_ostalo .w40{padding-left:0}
.izdvojeno_ostalo .w60{padding-right:0}
.ispis_side img, .cat_ost_img img{border-radius:25px}
.home_left .ispis_side img{border-radius:50px}
.side_title, .sect_title{color:#201b4f;font-size:24px;font-weight:500;display:block;margin:0;padding:0;line-height:30px;border-bottom:1px solid #eeeeee;}
.kat_naslov h4{margin:0;font-size:18px}
.ispis_side .element{margin-bottom:15px}

.datum{display:block;margin:12px 0;font-size:85%}
.kategorija a{padding:3px 10px 3px 0;color:#6c2c84;font-size:90%}
.taxonomy-category a{color:#6c2c84;font-weight:500;font-size:16px;}
.taxonomy-post_tag a{background:#6c2c84;color:#fff;margin:3px;}
.kat_s2{margin:10px 3px 5px 0;display:inline-block}

.home_left{position:relative}
.home_left .post_text{position:Absolute;bottom:80px;left:50px;width:calc(100% - 100px);color:#fff;}
.category .home_left .post_text{bottom:40px;left:40px;width:calc(100% - 80px)}
.home_left .kat_naslov h4{font-size:40px;color:#fff;}
.home_left .post_img a{float:left;position:Relative;border-radius:50px;overflow:hidden;line-height:0;}
.home_left .post_img a:after{position:absolute;content:' ';top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:0}
.home_left .uvod{font-size: var(--wp--preset--font-size--medium)}
.uvod{margin-top:15px}

.home_left .datum, .home_left .kategorija a{font-weight:300;color:#fff;padding:3px 10px 3px 0;}

.novo_home .ispis_side{margin-top:0}

.top_level_kat a, .top_level_kat li{color:#6c2c84}
.top_level_kat a{padding-left:30px;background:url('data:image/svg+xml,<svg height="800px" width="800px" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 185.343 185.343" xml:space="preserve"><g><g><path style="fill:%236c2c84;" d="M51.707,185.343c-2.741,0-5.493-1.044-7.593-3.149c-4.194-4.194-4.194-10.981,0-15.175l74.352-74.347L44.114,18.32c-4.194-4.194-4.194-10.987,0-15.175c4.194-4.194,10.987-4.194,15.18,0l81.934,81.934c4.194,4.194,4.194,10.987,0,15.175l-81.934,81.939C57.201,184.293,54.454,185.343,51.707,185.343z"/></g></g></svg>');
background-size:10px;background-position:5px center;background-repeat:no-repeat;}


.newsletter_desno{padding:20px;background:#f8f4f9;box-sizing:border-box;border-radius:25px;text-align:center;float:left;margin:15px}
.newsletter_desno input[type=email]{border:none;box-shadow:0 0 3px #eee;display:block;margin:0 auto;max-width:300px;border-radius:12px;padding:10px;background:#fff;box-sizing:border-box;outline:none;}
.newsletter_desno h4{max-width:280px;display:block;margin:0 auto;}
.newsletter_desno p{margin:0}

.newsletter_desno input.wpcf7-submit{
    width:auto;display:block;padding:10px 25px;background:linear-gradient(90deg, #6c2c84, #b149d8); color:#fff;
    border-radius:12px;box-shadow:none;border:none;outline:none;margin:10px auto;
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-facebook, .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-instagram{background:transparent;}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-facebook path, .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-instagram path{fill:#6c2c84}

nav.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content {color:#6c2c84}

.io_footer .wp-block-social-links .wp-social-link svg{width:40px;height:40px;}
.io_footer h2{font-size:28px;font-weight:500}

.cat_23{margin:60px 0}
.cat_23 .w50, .cat_OO .w40{padding-right:0;padding-left:20px;}
.cat_23 .w50:first-child,.cat_OO .w40:first-child{padding-left:0;padding-right:20px;}
.cat_23 h3{font-size:24px;margin:10px 0}
.h5, .h5 a{font-size:20px;color:#6c2c84;}
.cat_ost_content .h5{margin:0 0 10px}
.cat_OO{margin:15px 0}

.paginacija{margin-top:50px}
.paginacija a{padding:3px 5px;margin:0 5px;font-size:18px}
.paginacija .tren a{font-weight:600;text-decoration:underline;}

.podijeli_dm svg{width:32px;height:32px;margin-right:10px;}
.podijeli_dm svg path{fill:#6c2c84;}
.podijeli_dm a{display:inline-block}
.iduci{text-align:right}
.pret_iduci a, .pret_iduci p, .podijeli_naslov{color:#6c2c84}
.podijeli_naslov{font-weight:500;border-bottom:1px solid #eee}
.pret_iduci p{border-bottom:1px solid #eee}
.pret_iduci img{border-radius:25px}
.prethodni .w30{padding-left:0}
.iduci .w30{padding-right:0}


@media screen and (max-width:899px){
    .pret_iduci .kategorije_ispis, .pret_iduci .datum{display:none}
}
@media screen and (max-width:599px){
    body{
        --wp--preset--spacing--60: 5px;
    }
    .home_left .post_text, .category .home_left .post_text{bottom:20px;left:30px;width:100%;}
    .home_left .kat_naslov h4, .category .home_left .kat_naslov h4{font-size:30px}
    .wp-site-blocks{padding:0 10px}
    .home_izdvojeno_right{text-align:center}
    .newsletter_desno{position:relative;left:50%;margin-left:-150px;width:300px}
    .taxonomy-post_tag a{display:inline-block}
    .newsletter_desno input[type=email]{max-width:240px}
    
    
}

@media screen and (max-width:489px){
    .home_left .post_text, .category .home_left .post_text{position:relative;left:0;bottom:0;margin-top:30px;color:#6d6f72;}
    .home_left .post_img a:after, .category .home_left .post_img a:after{display:none}
    .home_left .post_text .naslov h4, .home_left .datum, .home_left .kategorija a, .category .home_left .post_text .naslov h4, .category .home_left .datum, .category .home_left .kategorija a{color:#6c2c84}
    .cat_ost_content.w60,.cat_ost_img.w40{width:100%}
    .cat_ost_img.w40 img {margin:15px auto;display:block}
    .cat_23 .w50, .cat_23 .w50:first-child, .cat_OO .w40:first-child{width:100%;padding-right:10px;padding-left:10px;}
    
}
@media screen and (max-width:379px){
    
}
@media screen and (max-width:339px){
    .w40, .w60, .w50{width:100%}
    .iduci, .prethodni{text-align:center}
    .pret_iduci .naslov{text-align:left}
}