/* cmsms stylesheet: Dijahronija modified: 16.02.2026. 03:06:52 */
body {
  background: #503423;
  color: #333;
  font-family: 'Open Sans Condensed', sans-serif;
  background-image: url(/images/leather_landscape_1.jpg);
  background-size: cover;
  background-position: 50% 0%
}

a {  }
a, a:hover, a:active, a:focus { outline: none }
section { padding: 3em 0 }
section h2 { margin-right: 0.5em; margin-bottom: 0.5em }
.btn-default { background: rgba(0,0,0,0.1); color: #333 }
.btn-default:hover { background: rgba(0,0,0,0.2); color: black }
.btn-primary { background: #3883AA }
.btn-primary:hover { background: #3E91BD }

/*** HEADER ***/
header {
  padding: 2.5em;
  margin: 0;
  color: white;
  background-color: #503423;
  background-image: url(/images/leather_landscape_1.jpg);
  background-size: cover;
  background-position: 50% 0%
}

@media (orientation: portrait) {
  header {
    background-image: url(/images/leather_portrait_1.jpg);
  }
}

header a { color: #eee }
header a:hover { color: white }
header h1 { text-align: left; margin-bottom: 0.25em; font-weight: bold; font-size: 2.5em }
header nav { text-align: left }
header li { display: block; padding: 0 0.5em; font-size: 1em }


/*** MAIN PAGE HEADER ***/
body.glavna { }
header.glavna { padding: 10em 1em 5em }
header.glavna h1 { text-align: center; font-size: 3em; transform-origin: 50% 50% }
header.glavna #bookmark { color: #fc4a1a; text-align: center; font-size: 3.2em; opacity: 0.85 }
header.glavna nav { text-align: center }
header.glavna ul { padding: 0 }
header.glavna li { display: block; font-size: 1.1em }
header.glavna div.news { margin-top: 4em }

/*** MAIN PAGE CONTENT ***/
body.glavna section#main { background: #F7F7F7 }

/*** INNER PAGE HEADER ***/
header.inner { padding-bottom: 0; background-attachment: fixed }
header.inner h1 { display: inline-block; font-size: 1em }
header.inner nav { display: inline-block }
header.inner ul { display: inline-block; padding-left: 1em }
header.inner nav li { display: inline-block; opacity: 0.6 }
header.inner nav li.menuactive { color: white; opacity: 1 }


section#bar {padding: 0 }
section#bar { border-top: 1px solid white }


/*** NASLOV ***/
section#naslov { }
section#naslov h1 { font-weight: bold; color: white; font-size: 1.6em; margin-bottom: 0 }


/*** SUBMENU ***/
nav#submenu {  }
nav#submenu a { color: #DDD; display: inline-block; margin-right: 1em }
nav#submenu a:hover { color: white }

/*** NEWS ***/
div.news {}
div.news div.item { padding: 1em }
div.news div.item-content { background: rgba(0, 0, 0, 0.25); padding: 1em; font-size: 1em; backdrop-filter: blur(1.5px); box-shadow: 1px 5px 30px rgba(0,0,0,0.3) }
div.news a.title { display: block; padding: 0.2em 0 0.5em 0; color: #eee }
div.news a.title:hover { text-decoration: none; color: white }
div.news a.title h3 { font-weight: bold; font-size: 1.3em; border-bottom: 1px solid white; padding-bottom: 0.5em }
div.news div.more { display: inline-block }
div.news div.more:hover { text-decoration: underline }

article.news { margin: 1em; background: white; border-radius: 10px; padding: 2em; color: #333 }

/*** INFO ***/
section#info { background: #F7F7F7 }

/*** MATERIJALI ***/
section#materijali { background: #F0F0F0 }

/*** LITERATURA ***/
section#literatura { background: #F7F7F7 }

/*** KOLOKVIJUM ***/
section#kolokvijum { background: #F0F0F0 }
div.prijava { margin-bottom: 1em }
div.prijava label { width: 120px }
div.prijava input[type=text], div.prijava select { width: 180px }

/*** ISPIT ***/
section#ispit { background: #F7F7F7 }
body.fonetika section#ispit { background: #F0F0F0 }
body.knjizevni-srb section#ispit { background: #F0F0F0 }