html, body {
    height: 100%;
    margin: 0;
    background-color: #F5F5F5;
    background-image: url('pozadina.jpg') !important;
    background-repeat: repeat !important; /* po X i Y */
    background-size: auto !important;     /* bez skaliranja */
    background-position: top left !important;
}


body {
font-family: 'Arial', 'Helvetica', sans-serif;	
	
}

.wrapper {
  max-width: 1000px; /* Užiji od body-a */
  margin: 0 auto; /* Centriranje */
  padding: 0 15px;
  background: rgba(255, 255, 255, 0.6); /* Poluprozirno za čitljivost */
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  min-height: 100vh; /* Zauzima celu visinu stranice */
  flex: 1; /* Omogućava footeru da bude na dnu */
}

.main-content {
  display: flex;
  flex: 1; /* Omogućava footeru da bude na dnu */
}

h2{
  font-size: 20px;
  color: #800000; /* Promenjeno da odgovara h2 */
  padding-top: 5px;
  padding-bottom: 10px;
  margin-top:10px;
  margin-bottom:15px;
}

h1{
  font-size: 24px;
  color: #800000; /* Promenjeno da odgovara h2 */
  padding-top: 5px;
  padding-bottom: 10px;
  margin-top:10px;
  margin-bottom:15px;
}




h3{
  font-size: 16px;
  color: #800000; /* Promenjeno da odgovara h2 */
  margin-top:15px;
  margin-bottom:15px;
}



 h4 {
  font-size: 15px;
  display: flex;
  align-items: baseline;
  margin-top:5px;
  margin-bottom:5px;
}

h4 time,
h3 time,
h2 time,
p time,
div time {
  font-size: 80%;
  color: #666;
  margin-right: 8px;
  flex-shrink: 0;
}

h4 a,
h3 a,
h2 a {
  color: #800000;
  text-decoration: none;
}

h4 a:hover,
h4 a:focus,
h3 a:active,
h3 a:hover,
h2 a:focus,
h2 a:active {
  color: #0055A4;
}

.column.news, .column.lectures {
            max-height: 200px;
            overflow-y: auto;
            padding-right: 10px;
        }
.column.news::-webkit-scrollbar, .column.lectures::-webkit-scrollbar {
            width: 8px;
        }
.column.news::-webkit-scrollbar-track, .column.lectures::-webkit-scrollbar-track {
            background: #f1f1f1;
            border-radius: 4px;
        }
.column.news::-webkit-scrollbar-thumb, .column.lectures::-webkit-scrollbar-thumb {
            background: #888;
            border-radius: 4px;
        }
.column.news::-webkit-scrollbar-thumb:hover, .column.lectures::-webkit-scrollbar-thumb:hover {
            background: #555;
        }
		
/* Контејнер пагинације */
.pagination {
    display: flex; /* Користи флексбокс за хоризонтални распоред */
    justify-content: center; /* Центрира пагинацију хоризонтално */
    align-items: center; /* Вертикално центрира елементе */
    flex-wrap: wrap; /* Омогућава преламање ако је потребно */
    margin: 20px 0; /* Додаје мало простора око пагинације */
}

/* Сваки елемент пагинације (број странице, линк, итд.) */
.page-numbers {
    display: inline-block; /* Поставља елементе у исти ред */
    margin: 0 5px; /* Додаје размак између бројева */
    padding: 6px 10px; /* Додаје унутрашњи простор за бољи изглед */
    text-decoration: none; /* Уклања подразумевни подцртај линкова */
    border: 1px solid #ddd; /* Додаје оквир за бољу видљивост */
    border-radius: 4px; /* Заобљени углови */
}

/* Стил за активну страницу */
.page-numbers.current {
    background-color: #0073aa; /* Боја позадине за активну страницу */
    color: #fff; /* Боја текста за активну страницу */
    border-color: #0073aa; /* Усклађен оквир */
}

/* Стил за ховер ефекат на линкове */
.page-numbers:hover {
    background-color: #f1f1f1; /* Боја позадине при ховеру */
    color: #000; /* Боја текста при ховеру */
}

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

ul ul{
margin-top: 10px;}