/*
 Theme Name: CBBS
 Description: Tema za cbbs.hr
 Author: Orbis d.o.o
 Author URI: www.orbis.hr
 */
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-weight: normal;
	vertical-align: baseline;
	background: transparent;
}

article, aside, figure, footer, header, nav, section, details, summary {display: block;}
html {
	box-sizing: border-box;
}
*,
*:before,
*:after {
	box-sizing: inherit;
}

/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
   If this default setting for images is causing issues, you might want to replace it with a .responsive class instead. */
img,
object,
embed {max-width: 100%;}
html {overflow-y: scroll;}
ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before,
blockquote:after,
q:before,
q:after {content: ''; content: none;}
a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}
hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}
input, select {vertical-align: middle;}
pre {
    white-space: pre; /* CSS2 */
    white-space: pre-wrap; /* CSS 2.1 */
    white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
    word-wrap: break-word; /* IE */
}
input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom;}
.ie7 input[type="checkbox"] {vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}
select, input, textarea {font: 99% sans-serif;}
table {font-size: inherit; font: 100%;}
small {font-size: 85%;}
strong {font-weight: bold;}
td, td img {vertical-align: top;}
img { height:auto; }
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
pre, code, kbd, samp {font-family: monospace, sans-serif;}
.clickable,
label,
input[type=button],
input[type=submit],
input[type=file],
button {cursor: pointer;}
/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}
/* make buttons play nice in IE */
button,
input[type=button] {width: auto; overflow: visible;}
/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}
/* prevent BG image flicker upon hover
   (commented out as usage is rare, and the filter syntax messes with some pre-processors)
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}
*/
/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/************************************END RESET*************************************************/


body, select, input, textarea {color: #5a5a5a;}
a {text-decoration: none;}


::-moz-selection{background: #328efe; color: #fff; text-shadow: none;}
::selection {background: #328efe; color: #fff; text-shadow: none;}

a:link {-webkit-tap-highlight-color: #328efe;}

ins {background-color: #328efe; color: #000; text-decoration: none;}
mark {background-color: #328efe; color: #000; font-style: italic; font-weight: bold;}


input:focus, textarea:focus {
    outline: none !important;
    border: 1px solid #328efe;
}
:-webkit-input-placeholder {/* WebKit browsers */
    color: #999;
}
:-moz-placeholder {/* Mozilla Firefox 4 to 18 */
    color: #999;
    opacity: 1;
}
::-moz-placeholder {/* Mozilla Firefox 19+ */
    color: #999;
    opacity: 1;
}
:-ms-input-placeholder {/* Internet Explorer 10+ */
    color: #999;
}

.alignleft {
    float: left;
    margin-right: 10px;
}
.alignright {
    float: right;
    margin-left: 10px;
}
.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
body {
    background: #fff;
    font-family: Verdana, sans-serif;
    font-size: 13px;
    line-height: 22px;
    color: #333;
    border-top: 5px solid #0098dd;
}
hr {
    border-top: 6px solid #eeeeee;
  }
h1 {
color: #0098DD;
font-size: 16px;
font-weight: bold;
padding-bottom: 20px;
}
h2 {
    font-weight: bold;
    font-size: 15px;
    color: #0098DD;
    padding-bottom: 20px;
}
h3 {
   padding-bottom: 5px;
   color: #333;
  }
h3 a  {
color: #0098DD;

}
header #logo {
    margin-left: 30px;
  }
#content h3 {
    font-weight: bold;
    padding-bottom: 15px;

}
#sidebar h2 {
color: #0098DD;
text-align: justify;
}
#sidebar h3 {
    text-align: justify;
}
p {
    padding-bottom: 12px;
     text-align: justify;
}
#content h2, #content h3, #content h1, #content h4 {
    text-align: justify;
}
#content ul {
    list-style: disc;
    margin-left: 30px;
    padding-bottom: 12px;
    text-align: justify;
}
#content a, #prefooter a, #sidebar a {
    color: #0098DD;
}
#content b {
    font-weight: bold;
}
#content h2 {
    padding-top: 10px;
}
#content p {

}
#sidebar p {
    padding-bottom: 5px;
}
#content small {
    line-height: 14px;
    padding-bottom: 12px;
}
.container {
    margin: 0 auto;
    position: relative;
    width: 960px;
}
header {
    padding: 5px 0px;
    height: 75px;
    width: 100%;
    overflow: hidden;
    position: relative;
}
.zastave {
    position: absolute;
    right: 0px;
    top: 5px;
    text-transform: uppercase;
    color: #0098DD;
    font-size: 15px;
}
.zastave span {
    font-weight: bold;
    margin: 0px 2px;
    }
.zastave a span{
    color: #0098DD;
    font-weight: normal;
}
.opisstranice {
    position: absolute;
    top: 30px;
    left: 445px;
    font-size: 15px;
    color: #667882;
}
#mainmenu {
    width: 100%;
    height: 45px;
    background: #0098dd;
    line-height: 45px;
    margin-top: 10px;
}
#mainmenu li {
    float: left;
}
#mainmenu li a {
    font-weight: bold;
    display: block;
    padding: 0px 46px;
    color: #fff;
}
#mainmenu li.current-menu-item a, #mainmenu li a:hover {
    background: #667882;
}
#mainmenu li.current-menu-item ul a {
    background: #0098DD;
}
#mainmenu li ul{
 position: absolute;
    z-index: 9999;
    background: #0097dd;
    visibility: hidden;
    opacity: 0;
}

#mainmenu li ul li{
    float: none;
    position: relative;
}
#mainmenu li ul li a{
    padding: 0px 30px 0px 20px;
    text-transform: none;
    border-bottom: 0px!important;
    font-weight: 400;
}
#mainmenu ul li:hover > ul {
    visibility: visible;
    opacity: 1;
}
#bcumb {
    border-bottom: 1px solid #eeeeee;
    width: 100%;
    font-size: 10px;
    padding:5px;
}
#bcumb a {
 font-size: 11px;
}
#mainpage {
    width: 100%;
    overflow: hidden;
    margin-top: 25px;
}
#content  {
    padding-bottom: 15px;
    border-bottom: 6px solid #eeeeee;
  }
#content, #clanstvo {
    float: left;
    width: 640px;
    margin-right: 30px;
    overflow: hidden;
}
#content ol {
 padding-left: 30px;
}
#sidebar, #kontaktirajtenas {
    float: left;
    width: 290px;
}
.pojedinanovost {
    overflow: hidden;
    padding-bottom: 10px;
    margin-bottom: 20px;
   border-bottom: 1px dotted #eeeeee
}
.pojedinanovost h3>a {
	display:block;
	text-align:left;
}
#click-menu-label {
 margin-top: 2px;
}
#sidebar p, #prefooter p, #sidebar span {
    font-size: 11px!important;
    line-height: 18px!important;
}
a#arhivanovosti {
    padding: 10px 30px;
  border: 1px solid #eeeeee;
color: #0098DD;
margin-left: 60px;
display: inline-block;
  }
#kontaktirajtenas {
    padding-top: 10px;
  }
#prefooter {
    overflow: hidden;
    margin-top: 50px;
}
#prefooter #clanstvo {
    padding-top: 10px;
}
.clanstvorows {
    text-align: center;
    overflow: hidden;
    margin-top: -10px;
}
.clanstvorow img {
    width: 54px;
}
.clanstvorow {
    float: left;
    width: 128px;
    padding: 0px 10px;
    display: inline-block;
}
.clanstvorow h5 {
    font-size: 11px;
    line-height: 16px;
    color: #777
}
.clanstvorowcefa {
    margin-top: 25px;
}
.cefarow img {
    margin-top: 20px;
  }
.cefarow h5 {
    margin-top: -3px;
}
.seaprow img {
    margin-top: 5px;
}
.hdlrow img, .huprow img {
    margin-top: -5px;
}
.hdlrow h5, .huprow h5 {
    margin-top: 1px;
}
footer {
    border-top: 1px solid #eee;
    padding: 10px;
    margin-top: 20px;
    font-size: 12px;
}
.wp-caption { 
    width:auto!important; 
}
.wp-caption-text {
    text-align: center;
    color: #888;
    font-size: 11px;
    line-height: 15px;
}
a.linkvise {
    float: right;
}
.pojedina_novost {
    overflow: hidden;
    border-bottom: 6px  solid #eee;
    margin-bottom: 15px;
    padding-bottom: 5px;
}
.wp-paginate {
    text-align: center;
    padding: 10px 0px!important;
}
.wp-paginate .current {
    background: #0098DD!important;
  border: 1px solid #0098DD!important;
}
.wp-paginate a {
     background: #fff!important;
  border: 1px solid #ddd!important;
}
.breadcrumb-container a {
    color: #888;
}
#kontaktirajtenas a img {
    width: 32px;
    margin-top: 3px;
}
#kontaktirajtenas h3 {
    color: #0098DD
  }
.pojedina_novost h3 {
    padding-bottom:0px!important;
}
.pojedina_novost p {
    padding: 0px;
}
#click-menu {
 top: 23px!important;
}
#click-menu.click-menu-active {
    /*display: none!important;*/
    right: 0px;
    top: -18px!important;;
    margin-left: 50%;
}
#click-menu.click-menu-active #RMX {
    display: none!important;
 font-size: 30px;
 color: red;
 line-height: 40px;
 padding: 20px;
 margin: 0px;
}
#responsive-menu #responsive-menu-title  {
    padding: 20px 0px 0px 5%!important;
    line-height: 17px!important;
}
#click-menu.click-menu-active #click-menu-label {
 display: none;
}
#content ol li, #content ul li{
 text-align: justify;
}
.broken_link, a.broken_link {
 text-decoration: none!important;
}
.post-date {
	font-size:10px;opacity:.5;
}

.gdpr-notice-btn {
	position:relative;
}
.gdpr-notice {
	background: #ddd;
	position: absolute;
	z-index: 1;
	padding: 25px;
	display: none;
}
.gdpr-notice-btn:focus+.gdpr-notice,
.gdpr-notice-btn:hover+.gdpr-notice {
	display:block;
}
.gdpr-text {
	display:inline;
}

@media screen and (max-width: 1000px) {
    .opisstranice {
        left: 250px;
    }
.container {
    width: 100%;
    padding: 0px 20px;
}
#clanstvo {
    width: 100%;
    display: none;
}
.clanstvorow {
    float: none;
}
#sidebar {
    padding-top: 30px;
    width: 100%;
}
#content {
    width: 100%;
}
#bcumb {
    display: none;
}
#mainmenu li a{
padding: 0px 20px;
}
}
@media screen and (max-width: 750px) {
     .opisstranice {
        top: 20px
    }

    #mainmenu li a{
padding: 0px 15px;
}
#content img {
    height: auto;
}
}
@media screen and (max-width: 650px) {
    #mainmenu li a{
padding: 0px 13px;
font-size: 11px;
}
     .opisstranice {
        display: none;
     }
}
@media screen and (max-width: 600px) {
    #content img.alignright {
display: none;
}
#mainmenu ul {
    display: none;
  }
  #mainmenu {
      height: 5px;
  }
  header #logo{
      position: absolute;
      right: 00px;
      top: 8px;
  }
  .zastave {
      top: 2px;
  }

}
@media screen and (max-width: 365px) {
header a#logo {
    width: 70%;
    top: 10px;
}
}
@media screen and (max-width: 310px) {
header a#logo {
    width: 60%;
    top: 20px;
}
}

.wp-block-image figcaption {
	font-size:.875em;margin:0 1em 1em;text-align:center;opacity:.75;line-height:1.35;
}
.wp-block-image {
    padding: 1.5em 4.5em;
}
.wp-block-column .wp-block-image {
    padding:0;
}