/* Smanjivanje istaknutih slika u postovima */

.post .wp-post-image {
  width: 60%;
}

.tabs.section-header {
  top: 6px;
  width: 385px;
  /* izravnava kategorije desno od main postova */
}


.custom-logo {
  max-height: none !important;
  width: 34% !important;
  height: auto !important;
  /* Održava omjer stranica */
  margin-top: -35px;
  /* Pomaknite logo 20px prema gore */
}


.main-navigation-search {
   max-width: 240px; /* Postavite maksimalnu širinu forme prema vašim potrebama */ 
}
@media (max-width: 768px) {
  .featured-image img {
    width: 100% !important; /* Osigurava da CSS pravilo ima prednost */
    height: auto !important; /* Zadržava proporcionalne dimenzije */
  }
}

.custom-logo {
    filter: none !important;
}



@media only screen and (max-width: 768px) { /* ili druga veličina ekrana za mobilne uređaje */
    .custom-logo {
        margin-top: -17px;
		    margin-right: -21px;
			/* Prilagodite ovu vrednost kako bi logo bio pomeran gore */
    }
}


/* Smanjivanje istaknutih slika u postovima */
.post .wp-post-image {
    width: 60%; /* ili bilo koja druga veličina */
    height: 500px; /* održava odnos širine i visine */
}


.wrapper {

   max-width: 1700px; /* Možete prilagoditi maksimalnu širinu sadrzaja kao i u headeru prema potrebi */
    margin: 0 auto; /* Centrira element u viewportu */
}

.section-title {
  font-size: 13px;  
} 

li {
   padding: 5px 10px; /* Smanjuje padding unutar tabova */
   
}

article {
  
}

.site-advertisement {
     opacity: 0.7; /* Postavite prozirnost na 50% */
}


.wprm-recipe-notes-container.wprm-block-text-normal strong,
.wprm-recipe-notes-container.wprm-block-text-normal b {
    color: black !important;
}


/* Stilovi za desktop */
@media (min-width: 768px) {
    /* Stilovi za wrapper koji poravnava elemente u liniji */
    .featured-news-wrapper {
        display: flex !important;
        justify-content: space-between !important;
        align-items: flex-start !important;
        flex-wrap: nowrap !important;
    }

    /* Lijevi widget ostaje isti */
    .widget-area.featured-left-sidebar {
        flex: 0 1 25% !important;
        margin: 0 10px !important;
        box-sizing: border-box !important;
    }

    /* Srednji widget sužavamo i pomeramo ulijevo */
    .featured-news-post.clear {
        flex: 1 1 50% !important; /* Smanjujemo širinu srednjeg widgeta na 50% */
        margin: 0 10px 0 -10px !important; /* Pomeramo ga ulijevo za 10px */
        box-sizing: border-box !important;
    }

    /* Pomjeramo desni widget ulijevo */
    .widget-area.featured-right-sidebar {
        flex: 0 1 25% !important;
        margin: 0 !important; /* Uklanjamo margine */
        padding: 0 !important; /* Uklanjamo padding */
        box-sizing: border-box !important;
    }

    /* Specifični stilovi za slike unutar srednjeg widgeta */
    .featured-news-post.clear .featured-news-post-wrapper .featured-image,
    .featured-news-post.clear .recent-news-wrapper .featured-image,
    .featured-news-post.clear .keep-reading-wrapper .featured-image {
        width: 100% !important;
        height: auto !important;
        object-fit: cover !important;
    }

    /* Osigurajte da se slike u srednjem widgetu ne sužavaju */
    .featured-news-post.clear img {
        width: 100% !important;
        height: auto !important;
     }
		
/* Stil za podebljana slova */
strong {
		
		
    color: #87A984 !important; /* Promijenite boju prema vašoj želji */
    font-weight: bold !important;
		
		}

}

/* Stil za mobilne uređaje */
@media (max-width: 768px) {
    .grid {
        display: flex !important;
        flex-direction: column !important;
    }

    .grid-item {
        width: 100% !important;
        margin-bottom: 20px !important;
        position: relative !important;
        left: 0 !important;
        top: 0 !important;
    }

    .grid-item:last-child {
        margin-bottom: 0 !important;
    }
}

/* Smanjenje elementa pozadinske slike za moblini u ATF-u */

@media only screen and (max-width: 768px) {
    #page-site-header {
        padding-top: 20px; /* Reduce the top padding */
        padding-bottom: 20px; /* Reduce the bottom padding */
    }
    #breadcrumb-list {
        font-size: 12px; /* Reduce font size of breadcrumbs */
        line-height: 1.2; /* Adjust line height to reduce vertical space */
    }
}

.eb-cia-title {
    color: #101828; /* Sets the font color to a dark blue */
}

/*
kod za klikanje besplatnih alata na HP */

.widget-title a {
    text-decoration: none !important; /* Uklanja podvlačenje linka */
}


.widget-title a:hover {
		 text-decoration: none !important; /* Uklanja podvlačenje linka */
    color: #000 !important; /* Boja linka na hover (crna) */
}

.widget-title a:active {
    color: #000 !important; /* Boja linka kada se klikne (crna) */
}

#magazine_pro_editorial_section .section-content .featured-image img {
    max-width: 100%; /* Osigurava da slike ne pređu širinu kontejnera */
    height: auto; /* Održava proporcije slika */
    object-fit: cover; /* Podesite kako bi slike bile isečene, ako su nejednake dimenzije */
    width: 300px !important; /* Smanjuje širinu slika */
    height: 400px !important; /* Smanjuje visinu slika */
    border-radius: 8px; /* Dodaje zaobljene uglove slikama */
    margin-bottom: 20px; /* Ostavlja razmak između slika i teksta */
}

#magazine_pro_editorial_section .section-content .featured-image img {
    max-width: 100%;
    height: auto;
    object-fit: cover;
    width: 300px !important;
    height: 400px !important;
    border-radius: 8px;
    margin-bottom: 20px;
    box-shadow: 0 4px 8px rgba(255, 255, 255, 0.1); /* Blaga bela senka za kontrast na crnoj pozadini */
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

#magazine_pro_editorial_section .section-content .featured-image img:hover {
    transform: scale(1.05); /* Blago uvećanje slike */
    box-shadow: 0 8px 16px rgba(255, 255, 255, 0.2); /* Pojačana bela senka prilikom hovera */
}

/* Obezbedi da se slike postave ispod naslova */
.sidebar-post-wrapper {
    display: flex;
    flex-direction: column; /* Postavi da elementi idu vertikalno */
    align-items: flex-start; /* Poravnanje elemenata sa leve strane */
}

/* Slike će zauzeti svoj prostor */
.sidebar-post-wrapper .featured-image {
   order: 1; /* Pomeramo slike ispod naslova */
	
 margin-top: 20px; /* Razmak između naslova i slike */
}

/* Naslov je iznad slike */
.sidebar-post-wrapper .entry-header { 
    margin-bottom: 15px; /* Razmak između naslova i slike */
}

/* Sređivanje socijalnih ikonica na ostu o SEO optimizaciji*/
.postid-85 .social-icons svg {
    width: 20px;  /* Primer veličine samo za ovaj post */
    height: 17px;
		 margin-top: 2.9mm; 
		 margin-left: 4mm;
		
}


.postid-85 .icon-down {
  
 position: relative;   /* Aktivira pozicioniranje u odnosu na trenutni položaj */
  
}

.postid-85 .icon-home {
    position: relative;  /* Omogućava relativno pozicioniranje */
    top: 0;              /* Podesite ukoliko želite da je pomerite gore/dole */
    left: 0;             /* Podesite ukoliko želite da je pomerite levo/desno */
}

/* Pravilo važi samo za pojedinačne postove */
.single #page-site-header {
    background-size: contain;  /* Prikazuje celu sliku */
    background-position: center;
    background-repeat: no-repeat;
    background-color: #333;  /* Siva pozadina koja se vidi sa strane */
    height: 600px;  /* Povećajte ili smanjite visinu po potrebi */
    position: relative;
}

/* Zatamnjenje pozadine na postovima */
.single #page-site-header .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);  /* Pojačano zatamnjenje */
    opacity: 0.85;  /* Blago pojačana transparentnost za tamniji efekat */
}

/* Stil za naslov sa 3D efektom */
.single .page-header h1.page-title {
    color: #fff;  /* Beli naslov */
    z-index: 2;
    position: relative;
    text-align: center;
    padding-top: 180px;  /* Smanjeno razmicanje */
    font-size: 2.5rem;  /* Prilagođena veličina fonta */
    max-width: 800px;  /* Ograničena širina naslova */
    margin: 0 auto;  /* Naslov je centriran */
    text-transform: none;  /* Ostavlja originalni format teksta (nije uppercase) */
    letter-spacing: 1px;  /* Suptilni razmak između slova */
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6), 3px 3px 5px rgba(0, 0, 0, 0.5);  /* 3D efekat sjenki */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);  /* Efekat "kutije" za dodatno izdvajanje */
    padding: 20px;  /* Dodato unutrašnje razmicanje */
    background-color: rgba(0, 0, 0, 0.4);  /* Prozirna pozadina za bolji kontrast naslova */
    border-radius: 8px;  /* Lagano zaobljeni uglovi za moderniji izgled */
}

/* Sakrij featured image samo u pojedinačnim postovima */
.single-post .featured-image {
    display: none;
}