@import url('//fonts.googleapis.com/css?family=Staatliches|Barlow+Condensed:400,500&subset=latin-ext');
/*@import url('//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');*/
@import url('//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css');

/*
COLORS::
dark brown: #442a19
middle brown: #6f3b1a
light brown: #af7147
dark sand: #d7a456
sand: #ebca8a
orange: #f8af3d
yellow: #fce262
red: #dd3435;
pink: #ee727f
dark green: #517d39
middle green: #7bbc55
olive green: #848641
light green: #c9d409
*/

* { outline:0 !important; border-radius:0 !important; }
.img-circle { border-radius:50% !important; }
.badge { border-radius:10px !important; }

body { background:#fff; color: #333; font: 400 20px/1.6em 'Barlow Condensed', Helvetica, Arial, sans-serif; margin-top:0px; color:#444; }
body { background-size:500px 500px; }

b { font-weight: 500; }
strong { font-weight: 500; }
mark, .mark { background:#c82c49; padding:0em 0.25em 0.2em; color:white; }
pre { font-size: 0.8em; line-height: 1.4em; }
.big { font-size:1.5em; }
.hr > hr { display:block; width:100%; height:3px;border:0;margin:2em auto;padding:0; color:#ebca8a; background:#ebca8a; clear:both; float:none; }
form label { font-weight:500; }

a { color:#d7a456; }
a:hover, a:focus, a:active { color:#af7147; text-decoration:none; }
.vam { vertical-align:middle; }

@media (min-width: 881px) {
/*.container { max-width:880px; }*/
}
article.bg-danger { background: #FDD url('https://dummyimage.com/120x25/FDD/FAA.png&text=PRIVATE+CONTENT') repeat scroll 0 0; }

.breadcrumb { background:none; text-align:right; color:#555; }
.breadcrumb a, .breadcrumb a:visited  { color:#d7a456; }
.breadcrumb a:hover, .breadcrumb a:focus, .breadcrumb a:active  { color:#af7147; text-decoration:none; }
.breadcrumb > .active { color: #555; }
.breadcrumb li:first-child a { font-weight:500; text-transform: uppercase; }
.breadcrumb li:first-child:before { content: "⇠ "; color:#555; }

.article img, .front section img, .article iframe,  
article img, .front section img, article iframe { max-width:100%; }  

h1 span#project { background:#F26531; color:#fff; padding: 0.1em 1em; }

.article h3, article h3 { font-size: 1.4em; font-weight:500; margin:1.2em 0 1em; }
.article h4, article h4 { font-size: 1.2em; font-weight:500; color:#000; margin:1.5em 0 1em; }
.article h5, article h5 { font-size: 1.1em; font-weight:500; color:#777; margin:1.5em 0 1em; }
.article h6, article h6 { font-size: 1.0em; font-weight:500; }

.article h3, .article h4, .article h5, .article h6, .article h7,
article h3, article h4, article h5, article h6, article h7 { line-height:1.3em; }

blockquote { margin:2em 0; font: normal 20px/1.5em Georgia,serif; }
blockquote small { font-style: normal; line-height:1.5em; margin-top:0.5em; }

#navbar { font:normal 0.9em/1.5em Staatliches; }

.navbar-default .navbar-nav.navbar-right > li > a { color:#442a19; text-transform: uppercase; font-weight:500; padding:18px 5px 2px; }
.scls { margin-top:0px; }
.navbar-default .navbar-nav.navbar-right > li.scls > a { color:#ee727f; }
 
@media (min-width: 992px) {
    .scls { margin-top:-3px; }
    .navbar-default .navbar-nav.navbar-right > li > a { font-size: 1.25em; } 
}

.navbar-default .navbar-nav.navbar-right > li > a:hover, .navbar-default .navbar-nav.navbar-right > li > a:focus { 
color:#fce262; 
} 

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
color: #dd3435 !important;
background:transparent url('../img/ladybird-box.svg') no-repeat scroll center -6px;
background-size:32px;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover { background-color:transparent; }

@media (max-width: 767px) {

    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color:#442a1a;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
    color:yellow;
    }
    .navbar-nav .open .dropdown-menu .dropdown-header,
    .navbar-nav .open .dropdown-menu > li > a {
    color:#444444;
    }
}

.navbar-default {
border:0;
padding:0 0;
background:#d7a456;
min-height:180px;
margin-bottom:0;
}
.navbar-header { float:left; }

@media (max-width: 767px) {
    .navbar-header { float:none; }
}

.navbar .dropdown-menu { font-size:0.9em; }
.navbar-toggle { margin-top:75px; }
.dropdown-header { font-size:inherit; }

.nav.navbar-right > li > a {
padding:15px 10px 10px 10px;
}
@media (max-width: 767px) {
  .nav.navbar-right > li > a {  padding:8px 10px; }
}

.page-header { margin-top:0; font-family: Staatliches; }
.not-front .page-header { color:#848641; }

#navbar ul.navbar-nav:not(.navbar-right) > li:first-child { border-left:1px solid #eee; }
.recom h3 { margin: 0; }
.linkContainer { border: 0; }
.page-type-sound .article iframe, .page-type-sound article iframe { width:100%;height:450px;border:none; }
.page-type-video .article iframe, .page-type-video article iframe { width:100%;min-height:100px;border:0; }
.page-type-text .article .abstract, .page-type-text article .abstract { font-size:1em; line-height:1.5em;font-weight:500; }
.w64 { width:64px; }
.postAuthor.vcard { border-top:5px solid #eee;overflow:hidden; }
.postAuthor picture { margin-top:2em;display:block; }

.btn-def2 { background:#DDD; border-color:#CCC; }
.form-control:focus { border-color:#ccc; box-shadow: 0 1px 1px rgba(0,0,0,0.075) inset, 0 0 8px rgba(128,128,128, 0.4); }

.form2 { background:#f9f9f9;padding:0;border:1px solid #eee; }
form legend { margin-top:1em; }

img.logo {
background: transparent;
padding:0;
width:240px;
/*height:47px;*/
border-radius:3px;
display:inline-block;
margin:-18px 0 0 0px;
vertical-align:top;
}
h1:hover img.logo { opacity:0.85; }
.navbar-inverse .navbar-brand { color: white; }
h1:hover .navbar-inverse .navbar-brand, .navbar-inverse .navbar-brand:hover { color: white; opacity:0.85; }
.navbar-brand { font-size:0.65em; color:#c82c49 !important;  }

@media (min-width: 768px) and (max-width: 1199px) {
.navbar-header, .navbar-header h1, .navbar-header .navbar-brand { float:none; width:100%;margin:0;padding:0; display:block; text-align:center; }
.navbar-header .navbar-brand { margin:1em 0; }
#navbar { margin:1em 0; }
}


#navbar { margin-top:65px; }

@media (max-width: 767px) {
  .navbar .navbar-brand, .navbar h1 {
  float:none;
  width:100;
  position:static;
  text-align:center;
  display:block;
  padding:0;
  margin:30px 0 0 0;
  } 
  #navbar {
    margin-top: 85px;
    background:#af7147;
  }  
  .navbar .navbar-toggle {
  float:none;
  z-index:1;
  position:absolute;
  top:-70px;
  margin-left:calc(50vw - 35px);
  left:0;
  border:0;
  }
  .navbar .navbar-toggle:focus, .navbar .navbar-toggle:hover, .navbar .navbar-toggle:active {
  background:rgba(0,0,0,0.1);
  color:red;
  }
}

.alert-info a { font-weight:bold; }

dl.napirend dt { font:bold 0.8em/2em Helvetica,Arial,sans-serif; }
@media (max-width: 767px) {
    dl.napirend dt { margin-top:1em; }
}

.recom .picitem { width:100%; }

.stripAlert { background:#C30288;color:white;padding:1em .25em;font-size:2em;line-height:1.0em; }
.stripAlert.stripAlert2 { background:#013A63; }
.bg-gray { background:#ccc; color:#000; }
.bg-blue { background:#9bd4f3; color:#000; }
.table-bordered2 { border-top:2px solid #9bd4f3; border-bottom:2px solid #9bd4f3; }


.sharing {
border-left:0; border-right:0;
padding:0.5em 0 1em 0;
margin:1em 0 -1em 0;
}

#browserupgrade, #nojs {
text-align:center;
z-index:2000;
width:100%;
margin: 0;
background: #FBDC00;
color: #332C00;
padding: 0.5em 0;
}

table.timetable { margin: 1em 0.5em; }
table.timetable td { border:none; vertical-align:top; }
table.timetable td:first-child {
  font-weight:500;
  width:5em;
}

/*  warnings */

#nojs { background: #FFC20E; }
#browserupgrade a, #browserupgrade a:visited, #nojs a, #nojs a:visited { color:#286090; }

.w160 { width:160px; }
.w240 { width:240px; }
.w320 { width:320px; }
.mt15e { margin-top:1.5em; }
.btn-muted2 { background:lightgray; color:gray; }
.pager .actualPage { text-align:center;line-height:1em;width:35%;display:block;margin:0 auto; padding:.85em 0; font-size:0.75em; }
.pager .previous a::before { content: '\2190'; margin-right: .3em; }
.pager .next a::after { content: '\2192'; margin-left: .3em; }    

@media (max-width: 767px) {
    .pager .actualPage { display:none; }
}

/* ------ pwd checker js ---------------- */

#pw-check { padding:0; line-height:1.5em; height:1em; width:100%; clear:both; display:block; margin:-0.25em auto 1.5em; text-align:center; }
#pw-check:after { content:""; clear:both; }

#pw-check ul { border:0; margin: 0; padding:0; list-style-type:none; text-align:center; }
#pw-check ul li { display:block; float:left; text-align:center; margin:0; width:33.33%; }
#iWeak,#iMedium,#iStrong { color:#ADADAD; text-align:center; padding:2px; background-color:#F1F1F1; display:block; }
#iWeak,#iMedium { border-right:solid 1px #CCCCCC; }
#iMedium,#iStrong { border-left-width:0; }
div.strong #iWeak, div.strong #iMedium, div.strong #iStrong { background: #449D44; color: #449D44; } /* strong */
div.medium #iWeak, div.medium #iMedium { background: #FFFF00; color: #FFFF00; } /* medium  */
div.weak #iWeak { background: #C9302C; color: #C9302C; } /* weak */
div.strong #iStrong { color:#fff; }
div.medium #iMedium { color:#000; }
div.weak #iWeak { color:#fff; }

.page-type-page .article img, .page-type-text .article img,
.page-type-page article img, .page-type-text article img { max-width:100% !important; }

.page-type-page .article img, .page-type-text .article img,
.page-type-page article img, .page-type-text article img,
picture img, .picitem img {
 -moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}

/*
picture img:hover, picture img:focus, picture img:active,
.galery:hover img, .galery:focus img, .galery:active img {
 -moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
transform: scale(1.1);
-webkit-filter: none;
filter: none;
}

.page-type-page article img:hover, .page-type-page article img:focus, .page-type-page article img:active,
.page-type-text article img:hover, .page-type-text article img:focus, .page-type-text article img:active {
-webkit-filter: none;
filter: none;
}
*/

.type-preview {
position:relative;
display:flex;
}

.type-preview .type-icon {
z-index:1;
position:absolute;
display:flex;
justify-content:center;
align-items:center;
left:50%;
top:50%;
color:white;
color:rgba(255,255,255,0.5);
font-size:5em;
line-height:1em;
margin:-.5em 0 0 -0.75em;
vertical-align:middle;
}


/* -- print -- */

@media print {

  a,a:visited {text-decoration:none;color:#333 !important;}
  a[href]:after {content:"";}
  abbr[title]:after {content:"";}
  a[href^="#"]:after,a[href^="javascript:"]:after {content:"";}
  form { display:none; }
  img { page-break-inside: aviod !important; }
  h2, h3 { page-break-before: avoid; page-break-inside: avoid; }
  
  html, body, .container { width:100% !important; max-width:100% !important; margin:0; }
  .navbar { display:inherit; max-width:100% !important; border:0; margin:0; position:static; margin:0; min-height:260px; }
  #navbar, .navbar-nav, .navbar-toggle { display:none; }
  .navbar-header { width: 90% !important; max-width:90% !important; text-align:center; margin:2em auto 1em !important; display:block !important; position:static !important; float:none; }
  .navbar-header:after { content:""; clear:both; float:none; }
  .navbar-brand { display:inline-block !important; margin: 0 auto !important; padding:0 1em; transform:scale(1.5,1.5); width:100% !important; max-width:100% !important;  float:none; }
  .logo { float:none; }
  .breadcrumb { display:none !important; }
  .page-header { margin:0em 0.5em 1em; clear:both; display:block; content:""; overflow:hidden; text-align:center; }
  blockquote { border:0; color:#555 !important; }
  .pbr1 { page-break-before: always; }
  mark, .mark { background:#999 !important; }

}

/* --- blink --- */

.blink_me {
    animation-name: blinker;
    animation-duration: 0.5s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 0.5s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
}

@-moz-keyframes blinker {
    0% { opacity: 1.0; }
    50% { opacity: 0.5; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.5; }
    100% { opacity: 1.0; }
}

@keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.5; }
    100% { opacity: 1.0; }
}

/* --- jumbotron slider --- */

.jumbotron {
margin-top:1px;padding:0;position:relative;
}

.jumbotron .jimg {
    position:absolute;top:0;left:0;z-index:3;opacity:0;
}
.jumbotron .jumbimg {
    animation: slideshow 12s linear 0s infinite;
}
.jumbotron .jumbimg:nth-child(2) { animation-delay: 4s; z-index: 2; }
.jumbotron .jumbimg:nth-child(3) { animation-delay: 8s; z-index: 1; }

@keyframes slideshow {  
  0%   { opacity: 0; }
  11.11%   { opacity: 1; }
  33.33%  { opacity: 1; }
  44.44%  { opacity: 0; }
  100% { opacity: 0; }
}

.jumbotron .flags { 
position:absolute;bottom:5px;left:calc(50% - 250px);font-weight:700;z-index:100; 
background:black;background:rgba(0, 0, 0, 0.1);color:white;padding:0.5em 1em;width:90%;max-width:500px;
}
.jumbotron .flags span { display:inline-block;font-size:2.5em;line-height:1.1em;padding:0 0px 5px 0px;margin:2px 0px; color:#5bc0de; }
.jumbotron .flags span:nth-child(3) { /*margin:2px 10px;*/ }
.jumbotron .flags span:nth-child(1) { /*margin:2px 0px;*/ }
.jumbotron .flags > p { font-size:1.5em; line-height:1.2em; }
.tsh { text-shadow: 1px 1px 1px black; text-shadow: 1px 1px 1px rgba(0,0,0,0.25);  }

.front h2.important { font-size:2em; } 

/*body.front { background:#f6f6ff; }*/

@media (max-width: 650px) {
  .jumbotron .flags  { left:0; bottom:5px; max-height:210px; width:100%; max-width:650px}
  .jumbotron .flags span  { font-size:2.0em; line-height:1.2em; }
  .jumbotron .flags > p { font-size:1.3em; line-height:1.2em; }
  .front h2.important { font-size:2em; } 
}


.logged-in .navbar {
border-top:5px solid red;
/*padding-top:0.5em;*/
}
.not-logged .navbar {
padding-top:0.25em;
}

.wgroups { background:#f9f9f9;font-size:1.2em;padding:0.5em; }
.wgroups a.active { color:#c82c49; border-bottom:1px solid #c82c49; }
.wgroups a:hover, .wgroups a:focus { text-decoration:none; }
.navbar-default .navbar-collapse { border:none; }

.gradiNt {
background: none;
}

.sharing p, .sharing h4 { }
.sharing h4 { font-size:1.2em; }
.sharing a, .sharing a:visited { }
.sharing {
background:transparent url('../img/rajz.png') no-repeat scroll top center;
padding-top:110px;
}

body {
min-height:100vh;
/*background:transparent url('../img/colors-hr.png') repeat-x scroll bottom left;*/
background:transparent url('../img/kukac.gif') no-repeat scroll bottom right;
padding-bottom:1em;
}

.signupnow {
text-align:center;
background:#C9D40A;
margin:1em 0 0 0;
padding:1em 1em 1.5em;
}
.signupnow a, .signupnow a:visited { color:#517D39; }
.signupnow a:hover, .signupnow a:active .signupnow a:focus  { color:#848641; }

/*EOF*/