@import url('https://fonts.googleapis.com/css?family=Raleway:400,400i,700,700i|Zilla+Slab:400i&display=swap&subset=latin-ext');

#pub_login {
  display:flex;
  position:fixed;
  top:0;
  left:0;
  z-index:10000;
  align-items: center;
  justify-content: center;
  width:100%;
  height:100vh;
  background:rgba(101, 39, 42, 0.95);
  animation: fade ease 500ms forwards;
}

#pub_login.pub_hidden {
  display:none;
}

#pub_login_header {
  margin:40px 10px 20px 10px;
  text-align:center;
}

#pub_login_window {
  background:#fff;
  padding:0 30px 30px 30px;
  box-shadow:0 0 20px rgba(0,0,0,0.1);
  border-radius:5px;
  overflow:hidden;
  animation:zoom ease-in-out 800ms forwards;
}

.pub_login_group label {
  font-size:10pt;
  margin-left:5px;
}

.pub_login_group input[type=text], .pub_login_group input[type=password] {
  padding:10px;
  border:none;
  border-bottom-width:1px;
  border-bottom-style:solid;
  border-bottom-color:#ECEFF1;
  margin:10px 0;
  text-align:center;
  width:250px;
  font-size:12pt;
  color:#333;
  transition:ease 800ms;
}

.pub_login_group input:focus {
  outline:none;
  border-bottom-width: 1px;
  border-bottom-style: solid;
}

#pub_login_buttons {
  display:flex;
  justify-content: space-between;
  padding-top:20px;
}

#pub_login_buttons input {
  border:none;
  width:120px;
  padding:10px 0;
  font-size:11pt;
  text-transform:uppercase;
  color:#333;
  background:#fff;
}

#pub_login_buttons input:hover {
  background:#F4F6F6;
}

#pub_login_buttons input[type=submit]:hover {
  color:#fff;
  background:#843F42;
}

#pub_register a {
  display:block;
  padding:15px 0;
  margin:10px -30px -20px -30px;
  text-align:center;
  color:#333;
  font-size:10pt;
  text-decoration:none;
  cursor:pointer;
}


#pub_user_menu {
  display:inline-block;
}

.pub_register, .pub_register_btn, .pub_text_1 {
  display:none;
}
.pub_text_0, .pub_text_1 {
  font-size:9.5pt;
}

.pub_alert {
  margin-bottom: 20px;
  padding: 15px;
  text-align:center;
  cursor:default !important;
  transition:200ms ease;
}
.pub_alert:hover {
  opacity:0.8;
}

.pub_alert_green {
  color:#3c763d;
  background-color:#dff0d8;
  border-left:5px solid #d6e9c6;
}

.pub_alert_blue {
  color:#31708f;
  background-color:#d9edf7;
  border-left:5px solid #bce8f1;
}

.pub_alert_yellow {
  color:#8a6d3b;
  background-color:#F8EEB9;
  border-left:5px solid #F7DFB0;
}

.pub_alert_red {
  color:#a94442;
  background-color:#f2dede;
  border-left:5px solid #ebccd1;
}

.pub_alert_green strong, .pub_alert_green em, .alert_green span { color:#3c763d; }
.pub_alert_blue strong, .pub_alert_blue em, .alert_blue span { color:#31708f; }
.pub_alert_yellow strong, .pub_alert_yellow em, .alert_yellow span { color:#8a6d3b; }
.pub_alert_red strong, .pub_alert_red em, .alert_red span { color:#a94442; }

.pub_dot:after {
  content:'•';
  margin:0px 7px;
}

.pub_shrink_me {
  animation:shrink_me 500ms ease-in-out forwards;
}

@keyframes shrink_me {
  0% {
    overflow:hidden;
  }
  100% {
    height:0px;
    padding:0 15px;
    overflow:hidden;
    margin:0;
    opacity:0;
  }

}

#thumbnails {
  display:flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.news_block {
  margin:25px;
}

.article_info {
  display:none;
}

#article_photo {
  max-width:100%;
}

.article_image {
  margin-bottom:20px;
}

.news_block {
  width:250px;
  cursor:pointer;
}

.news_photo_frame {
  height:250px;
  margin-bottom:15px;
  overflow:hidden;
  transition:ease 300ms;
}

.news_block:hover .news_photo_frame {
  transform:scale(1.1) rotate(3deg);
  box-shadow:5px 5px 20px rgba(0,0,0,0.1)
}

.news_block:hover .news_photo {
  transform:scale(0.9);
}

.news_photo {
  width:250px;
  height:250px;
  background-position:center center;
  background-size:cover;
  transform:scale(1.1);
  transition:ease 300ms;
}

#cookie_warning {
  padding:20px;
  background:#fff;
  font-size:9pt;
  text-align:center;
}

#cookie_warning_text {
  padding:10px;
}

#cookie_warning a, .btn {
  display:inline-block;
  padding:10px 20px;
  background:rgba(132, 63, 66, 1);
  color:#fff;
  text-decoration:none;
  margin:10px;
}

.news_titles h4 {
  font-size:9pt;
}

.news_titles h3 {
  font-size:14pt;
}

#article_tags {
  display:none;
}

#search_term {
  padding:20px;
}

#search_term a {
  margin:5px 10px;
  display:inline-block;
  padding:5px 10px;
}

#search_term .active {
  background:#843F42;
  color:#fff;
}

#pub_user_menu {
  display:block;
  padding:15px;
  position:fixed;
  background:#FABD05;
  border-radius:0 2px 2px 0;
  bottom:10px;
  left:0;
  opacity:0;
  transition:ease 500ms;
  cursor:default;
}

#pub_user_menu:hover {
  opacity:1;
}

#pub_user_menu span {
  margin-right:10px;
}

.mdi-account {
  font-size:16pt;
}

* {
  margin:0;
  padding:0;
  box-sizing: border-box;
  font-family:'Raleway',sans-serif;
  color:#2C2C2C;
  font-size:10.25pt;
}

body {
  background:#65272A;
}

p {
  line-height:1.75;
}

section {
  background:#fff;
  padding:20px 0 40px 0;
}

article {
  padding:20px;
}

.container {
  position:relative;
  margin:auto;
  padding:20px;
  width:990px;
  max-width:1200px;
}

h1, h2, h3, h4, h5, h6 {
  font-family:'Zilla Slab',serif;
  font-weight:400;
  font-style:italic;
  color:#843F42;
  padding-left:20px;
  border-left:3px solid #D65426;
}

h1 {
  font-size:26pt;
  margin-bottom:20px;
  letter-spacing:-1px;
}

h2 {
  font-size:18pt;
  margin-bottom:20px;
  letter-spacing:-1px;
  padding:0;
  border:none;
}

a {
  color:#843F42;
  text-decoration:none;
}

p {
  text-align:justify;
  margin:25px 0;
}

ul, ol {
  padding-left:20px;
}

article li {
  line-height:2;
}

nav ul, footer ul {
  list-style-type:none;
}

nav ul li, #nav_footer ul li {
  display:inline-block;
  margin-left:30px;
}

nav a, footer a {
  color:#fff;
  font-family:'Zilla Slab',serif;
  font-style:italic;
  font-size:16pt;
}

nav a:hover, footer a:hover {
  color:#EDB568;
}

#birth {
  height:590px;
  background:url(radjanje.jpg) center center no-repeat;
}

header {
  height:140px;
  background:url(header.jpg) top center no-repeat;
  background-size:contain;
}

header #logo_header {
  width:380px;
  margin-top:30px;
}

#nav_page {
  background:url(line.png) top center repeat-x #fff;
  padding:10px 20px 0px 20px;
  border-bottom:1px solid #F7EEEE;
}

#nav_page li {
  margin-left:0;
  margin-right:30px;
}

#nav_page a {
  color:#843F42;
}

#nav_page a:hover {
  color:#D98107;
}

#bottom {
  height:350px;
  background:url(bottom_1.jpg) bottom center;
  background-size:cover;
}

footer {
  background:url(line.png) top center repeat-x;
  padding:20px;
}

footer #logo_footer {
  float:left;
  padding-top:10px;
  width:320px;
}

#legal {
  clear:both;
  display:flex;
  padding:100px 0px 20px 0px;
  justify-content: space-between;
}

#legal div {
  color:#fff;
  font-size:9pt;
  font-style:italic;
}

#legal a {
  color:#fff;
  font-size:9pt;
  font-style:italic;
  font-weight:bold;
  font-family:'Raleway',sans-serif;
}

#legal div:nth-child(2) {
  text-align:right;
}

.home header {
  height:660px;
  background:url(home.jpg) top center no-repeat;
}

.home #logo_header img {
  float:left;
  padding-top:20px;
  width:280px;
}

.home #nav_header {
  float:right;
  margin-top:40px;
  background:none;
  padding:0;
}

.home article .container {
  padding:0px 100px 40px 100px;
}

footer #nav_footer {
  margin-top:10px;
  float:right;
}

.home article h1, .home article h3, .home article p {
  color:#fff;
}

#lang {
  position:fixed;
  top:0px;
  z-index:100;
  text-align:center;
  display:none;
  background:rgba(72, 35, 37, 0.9);
  width:100%;
  height:100vh;
}
#lang #lang_window {
  position:relative;
  display:block;
  top:40%;
  margin:auto;
}

#lang div.lang_box {
  display:inline-block;
  width:140px;
  text-align:center;
  color:#fff;
  font-style:italic;
  font-size:12pt;
  font-weight:bold;
  background:rgba(0,0,0,0.2);
  border-radius:10px;
  margin:10px;
  text-align:center;
  padding:25px 30px;
}

#lang div.lang_box:hover {
  background:#843F42;
  cursor:pointer;
}

.lang_box img {
  border:4px solid rgba(255,255,255,0.2);
  border-radius:50%;
  margin-bottom:10px;
}

#active_lang {
  position:absolute;
  z-index:2;
  top:0;
  right:0;
  color:#A76668;
  font-style:italic;
  font-family:'Zilla Slab',serif;
  padding:20px;
  cursor:pointer;
}

#active_lang span {
  font-family:'Raleway',sans-serif;
  font-size:12pt;
  font-weight:bold;
  color:#EDB568;
  margin-left:5px;
}


@media (min-width: 1800px) {
  .container {
    width:1300px;
    max-width:1300px;
  }

}

@media (min-width: 320px) and (max-width: 1024px) {
  .home header {
    padding-top:30px;
  }

  #lang #lang_window {
    top:50px;
    transform:scale(0.7);
  }

  .home header #logo_header {
    margin-top:20px;
    text-align:center;
  }

  .home header #logo_header img {
    float:none;
  }

  .home header .container {
    padding:0;
  }

  .home #nav_header li:first-of-type, #nav_page li:first-of-type {
    display:none;
  }

  .home #nav_header, #nav_page {
    text-align:center;
    float:none;
    margin-top:30px;
  }

  .home #nav_header ul, #nav_page ul {
    padding:0;
  }

  .home #nav_header ul li, #nav_page ul li {
    margin:0 10px;
  }

  .home #nav_header ul li a, #nav_page ul li a {
    font-size:14pt;
  }

  #nav_page .container, #nav_page {
    padding:15px 0 10px 0;
    margin-top:0;
  }

  .container {
    width:100%;
    max-width:100%;
  }

  .home article .container {
    padding:20px;
  }

  header {
    background:none;
  }

  #legal {
    flex-wrap:wrap;
    padding-top:40px;
  }

  #legal div {
    width:100%;
    text-align:center;
  }

  #logo_header, #logo_header img {
    max-width:100% !important;
  }

  footer #logo_footer, footer #nav_footer {
    float: none;
    max-width:100%;
  }

  #nav_footer ul {
    margin-top:40px;
    padding-left:0;
  }

  #nav_footer ul li {
    margin:10px;
    display:block;
    text-align:center;
  }

  #legal div:nth-child(2) {
    text-align:center;
    padding-top:20px;
  }

}