@import url('https://fonts.googleapis.com/css?family=PT+Serif:400,700&subset=latin-ext');
@import 'https://fonts.googleapis.com/css?family=Lora:400,400i,700,700i&subset=latin-ext');

/* Reset */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block; /* HTML5 display-role reset for older browsers. */
}

/* HTML & Body
   --------------------------  */

html {
  font-size: 62.5%; /* Define base font of 62.5% for convenient rem sizing. See http://snook.ca/archives/html_and_css/font-size-with-rem */
  overflow-y: scroll; /* Eliminate Jumps in Horizontal Centering By Forcing a Scroll Bar: http://css-tricks.com/eliminate-jumps-in-horizontal-centering-by-forcing-a-scroll-bar/ */
  -webkit-text-size-adjust: 100%; /* Control text size in Safari for iOS without disabling user zoom */
  -ms-text-size-adjust: 100%; /
}

body {
  color: rgba(100, 100, 100, 1);
  text-rendering: optimizeLegibility;
}
html>body {
  font-size: 1.6em;
}

/* Global Styles */
body {
  background-color: rgb( 250, 250, 250 ); /* #fafafa */
  background-image: -webkit-gradient( linear, left top, left bottom, from( rgba( 250, 250, 250, 0.8 ) ), to( rgba( 245, 245, 245, 0.8 ) ) ) ; /* Safari 4+, Chrome 1-9 */
  background-image: -webkit-linear-gradient( rgba( 250, 250, 250, 0.8 ), rgba( 245, 245, 245, 0.8 ) ); /* Safari 5.1+, Mobile Safari, Chrome 10+ */
  background-image:    -moz-linear-gradient( rgba( 250, 250, 250, 0.8 ), rgba( 245, 245, 245, 0.8 ) ); /* Firefox 3.6+ */
  background-image:     -ms-linear-gradient( rgba( 250, 250, 250, 0.8 ), rgba( 245, 245, 245, 0.8 ) ); /* IE 10+ */
  background-image:      -o-linear-gradient( rgba( 250, 250, 250, 0.8 ), rgba( 245, 245, 245, 0.8 ) ); /* Opera 11.10+ */
  background-image:         linear-gradient( rgba( 250, 250, 250, 0.8 ), rgba( 245, 245, 245, 0.8 ) ); /* Firefox 16+ */
}
* {
  border-radius: 0 !important;
  -moz-border-radius: 0 !important;
}

/* Links
-------------------------------------------------------------- */

a,
a:hover,
a:active,
a:focus {
  color: rgba( 210, 35, 42, 1 ); /* #D2232A */
  text-decoration: none;
}
a:hover {
  color: rgba( 210, 35, 42, 1 );
  text-decoration: underline;
}
article.content a { /* We're using #page before a so that the WordPress Toolbar isn't interfered with. */
  -webkit-transition: all .1s ease-in; /* Safari 3.2+, Chrome */
  -moz-transition:    all .1s ease-in; /* Firefox 4-15 */
  -o-transition:      all .1s ease-in; /* Opera 10.5–12.00 */
  transition:         all .1s ease-in; /* Firefox 16+, Opera 12.50+ */
}

/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 {
  font-weight: 600;
  text-align: left;
  letter-spacing: .3px;
}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
  color: rgb( 50, 50, 50 ); /* #323232 */
  color: rgba( 50, 50, 50, 1 );
}
h1, h2 {
/*  font-family: 'Lora','Times New Roman',serif;*/
}
h3,h4 {
  font-weight: 600;
}
h1 {
  font-size: 32px;
}
h2 {
  font-size: 26px;
}
h3 {
  font-size: 21px;
}
h4 {
  font-size: 18px;
}
h5 {
  font-size: 16px;
}
h6 {
  font-size: 14px;
}
hr {
  border-color: #D2232A;
}
ul {
  list-style-type: square;
  padding-left: 20px;
}
ol {
  padding-left: 20px;
}
img {
  height: auto; /* Make sure images are scaled correctly. */
  max-width: 100%; /* Adhere to container width. */
}

/* Other elements */
pre {
  white-space: pre;           /* CSS 2.0 */
  white-space: pre-wrap;      /* CSS 2.1 */
  white-space: pre-line;      /* CSS 3.0 */
  white-space: -pre-wrap;     /* Opera 4-6 */
  white-space: -o-pre-wrap;   /* Opera 7 */
  white-space: -moz-pre-wrap; /* Mozilla */
  white-space: -hp-pre-wrap;  /* HP Printers */
  word-wrap: break-word;      /* IE 5+ */
}

blockquote {
  border: 1px solid #e3e3e3;
  font-style: italic;
  background: #f9f9f9;
  margin: 1em 10px;
  padding: 1em 20px;
  quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote p {
  display: inline;
}
.alert { clear: both; border-radius: 0; padding: 0.5em;}
.text-wrap { min-height: 20px; padding: 10px; max-width: 40%; color: #337ab7; background-color: #f5f5f5; border: 1px solid #e3e3e3; }
.text-wrap p:last-child { margin-bottom: 0; }
.box-left { float: left; margin-right: 20px }
.box-right { float: right; margin-left: 20px}
.box-pagebreak { text-align: center; padding: 10px; margin: 10px 0; border: 1px solid transparent; }
.box-pagebreak p { margin: 0; }
.alert-pagebreak { color: #000; background-color: #f2dede; border-color: #ebccd1 }
.alert-pagebreak a { color: #000; }
.alert-pagebreak:after, .alert-pagebreak:before { width: 30px; margin: 10px; font: normal normal normal 12px/1 FontAwesome; font-size: inherit; text-rendering: auto; content: "\f063"; }

.home .format-link {
 background: #eee !important;
}


article {
    line-height: 1.625; /* $line-height-base ÷ $fontbase */  
}

article.content img.size-full {
    max-width: 100%;
    height: auto;
}

article .nws .social-sharing a[href*="mailto:"]:before {
  display: none;
}
article .nws a[href*="mailto:"]:before,
aside.sidebar a[href*="mailto:"]:before {
    width: 30px;
    margin-right: 5px;
    font: normal normal normal 12px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    content: "\f0e0";  
}
a[href*="tel:"]:before {
    width: 30px;
    margin-right: 5px;
    font: normal normal normal 12px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    content: "\f098";  
}
a[href*="http://javno-zdravlje.hr/"]:after {
    width: 30px;
    margin-left: 5px;
    font: normal normal normal 12px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    content: "\f08e";
}
a[href$=".pdf"]:after {
    width: 30px;
    margin-left: 5px;
    font: normal normal normal 12px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    content: "\f1c1";
}
a[href$=".doc"]:after, a[href$=".docx"]:after {
    width: 30px;
    margin-right: 5px;
    margin-left: 5px;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    content: "\f1c2";
    color: #0000FF;
}
a[href$=".pptx"]:after, a[href$=".pptx"]:after {
    width: 30px;
    margin-right: 5px;
    margin-left: 5px;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    content: "\f1c4";
    color: #ff6633;
}
a[href$=".xlsx"]:after {
    width: 30px;
    margin-right: 5px;
    margin-left: 5px;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    content: "\f1c3";
    color: #006d09;
}
a[href$=".rar"]:before {
    width: 30px;
    margin-right: 5px;
    margin-left: 5px;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    content: "\f1c6";
    color: #90437c;
}
a[href$=".zip"]:before {
    width: 30px;
    margin-right: 5px;
    margin-left: 5px;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    content: "\f1c6";
    color: #ffc41b;
}


/* HAEDER
   -------------------------- */

.content_upper {
    padding-top: 1em;
    background-color: #fff;
    background: none repeat scroll 0 0 #FFFFFF;
    -moz-box-shadow: 0 10px 30px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 10px 30px rgba(0,0,0,0.3);
    box-shadow: 0 10px 30px rgba(0,0,0,0.3);
    position: relative;
}

.home .content_upper {
    padding-top: 0;
}

.top-main-menu {  
    text-align: center;
    -moz-box-shadow: 0 10px 30px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 10px 30px rgba(0,0,0,0.3);
    box-shadow: 0 10px 30px rgba(0,0,0,0.3);
}

header[role="banner"] {
    background-color: #fff;
}

.top-header { display: none; }

#header .navbar-form {
  padding: 0;
}
#header .form-control, 
#header .btn,
.navbar-form .form-control {
  border-radius: 0;
}


/* Navbar */
.navbar {
  /*text-transform: uppercase;*/
  font-family: 'Lato', sans-serif;
  font-size: 16px;
  margin-bottom: 0;
  border: 0;
  border-radius: 0;
}
.red {
  background-color: #D2232A!important;
}
.navbar .navbar-brand {
  padding: 0;
  position: relative;
  color: rgba(255, 255, 255, 0.84);
}
.navbar .navbar-brand:hover, .navbar .navbar-brand:focus {
  color: rgba(255, 255, 255, 0.84);
  background-color: transparent;
}
.navbar .navbar-text {
  color: rgba(255, 255, 255, 0.84);
}
.navbar .navbar-nav > li > a {
  color: rgba(255, 255, 255, 0.84);
}
.navbar .navbar-nav > li > a:hover, .navbar .navbar-nav > li > a:focus {
  color: rgba(255, 255, 255, 0.84);
  background-color: transparent;
}
.navbar .navbar-nav > .active > a, .navbar .navbar-nav > .active > a:hover, .navbar .navbar-nav > .active > a:focus {
  color: rgba(255, 255, 255, 0.84);
  background-color: rgba(0, 0, 0, 0.05);
}
.navbar .navbar-nav > .disabled > a, .navbar .navbar-nav > .disabled > a:hover, .navbar .navbar-nav > .disabled > a:focus {
  color: #E5E5E5;
  background-color: transparent;
}

/* wrap, border, background, transition */
.navbar-toggle {
  padding: 9px 7px 8px;
  border: none;
  background: transparent !important;
}

.navbar-toggle:hover {
  background: transparent !important;
}

.navbar-toggle .icon-bar {
  background-color: #fff !important;
  width: 26px;
  height: 3px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
/* Animated X */
.navbar-toggle.x .icon-bar:nth-of-type(1) {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: 10% 10%;
  -ms-transform-origin: 10% 10%;
  transform-origin: 10% 10%;
}
.navbar-toggle.x .icon-bar:nth-of-type(2) {
  opacity: 0;
  filter: alpha(opacity=0);
}
.navbar-toggle.x .icon-bar:nth-of-type(3) {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: 10% 90%;
  -ms-transform-origin: 10% 90%;
  transform-origin: 10% 90%;
}
/* Animated X collapsed */
.navbar-toggle.x.collapsed .icon-bar:nth-of-type(1) {
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
}
.navbar-toggle.x.collapsed .icon-bar:nth-of-type(2) {
  opacity: 1;
  filter: alpha(opacity=100);
}
.navbar-toggle.x.collapsed .icon-bar:nth-of-type(3) {
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
}

/*
.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 5px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.navbar .navbar-toggle {
  border-color: transparent;
}
.navbar .navbar-toggle:hover, .navbar .navbar-toggle:focus {
  background-color: transparent;
}
.navbar .navbar-toggle .icon-bar {
  background-color: rgba(255, 255, 255, 0.84);
}
*/
.navbar .navbar-nav > .open > a, 
.navbar .navbar-nav > .open > a:hover, 
.navbar .navbar-nav > .open > a:focus {
  background-color: rgba(0, 0, 0, 0.05);
  color: rgba(255, 255, 255, 0.84);
}
.dropdown-menu {
  border-radius: 0;
  font-size: 16px;
  letter-spacing: 0.6px;
}
.dropdown-menu>.active>a, 
.dropdown-menu>.active>a:focus, 
.dropdown-menu>.active>a:hover {
    color: rgba(255, 255, 255, 0.84);
    background-color: #D2232A;
}

@media (max-width: 767px) {

  .navbar-nav .open .dropdown-menu {
    background-color: rgba(0, 0, 0, 0.05)
  }
  .navbar .navbar-nav .open .dropdown-menu > .dropdown-header {
    border: 0;
    color: rgba(212, 212, 212, 0.84);
  }
  .navbar .navbar-nav .open .dropdown-menu .divider {
    background-color: rgba(255, 255, 255, 0.84);
  }
  .navbar .navbar-nav .open .dropdown-menu > li > a {
    color: rgba(255, 255, 255, 0.84);
    text-align: center;
  }
  .navbar .navbar-nav .open .dropdown-menu > li > a:hover, 
  .navbar .navbar-nav .open .dropdown-menu > li > a:focus {
    color: rgba(255, 255, 255, 0.84);
    background-color: transparent;
  }
  .navbar .navbar-nav .open .dropdown-menu > .active > a, 
  .navbar .navbar-nav .open .dropdown-menu > .active > a:hover, 
  .navbar .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: rgba(255, 255, 255, 0.84);
    background-color: rgba(0, 0, 0, 0.05);
  }
  .navbar .navbar-nav .open .dropdown-menu > .disabled > a, 
  .navbar .navbar-nav .open .dropdown-menu > .disabled > a:hover, 
  .navbar .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #E5E5E5;
    background-color: transparent;
  }
}

/* Add the following to your stylesheet */
.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;}
.dropdown-submenu:active>.dropdown-menu, 
.dropdown-submenu:hover>.dropdown-menu { display: block; }
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:active>a:after{border-left-color:#ffffff;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;}

/* Brand */
.logo-img {
  margin: 1em 0;
}
.logo-footer {
  margin-bottom: 1em;
  padding-left: 0;
  width: 150px;
}

/* Header Menu */
.header-menu{
    list-style: none outside none;
    display: inline-block;
}
.header-menu  li {
    display: inline;
    padding-right: 10px;
    padding-left: 5px;
}

/* Slider */
#headline {
  overflow: hidden;
}
#headline .carousel-inner>.item>img {
  width: 100%;
  height: auto;
  overflow: hidden;
}
#headline .carousel-indicators {
  top: 12px;
  right: 20px;
  left: auto;
  bottom: auto;
  z-index: 99;
  width: auto;
}
#headline .carousel-control {
    display: none;
    background: 0 0
}
#headline .carousel-control .fa {
    font-size: 50px;
    position: absolute;
    top: 50%;
    margin-top: -25px;
    left: 50%;
    margin-left: -18px
}
#headline:hover .carousel-control {
    display: block
}
#headline .carousel-caption {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 10;
        padding: 10px;
        color: #fff;
        text-align: center;
        background: rgba(0,0,0,0.4);
      }
#headline .carousel-caption h2 {
  font-size: 21px;
  margin-top: 5px;
  text-align: center;
}
#headline .carousel-caption span { 
  display: none;
}

/* Info */

/* Calendars */
#wp-calendar {
  background-color: #eee;
}
#wp-calendar td,
#wp-calendar th {
  font-size: 0.9em;
  text-align: center;
  border: 2px solid #fff;
}
#wp-calendar th {
  background: #D2232A;
  border: 1px solid #D2232A;
}

#wp-calendar tr:nth-of-type(odd) {
  background: transparent;
}
#wp-calendar caption {
  padding-top: 0;
  padding-bottom: 5px;
}
#wp-calendar .today {
  font-weight: 600;
  color: #D2232A;
  background: #dcdcdc; 
}
td.eo-event-future,
td.eo-event-past {
    background: #D2232A;
}
td.eo-event-future a,
td.eo-event-past a {
  color: #ffffff;
  font-weight: 600;
}
.eo-future-date,
.eo-past-date,
.eo-event-running {

}




.calendar, .events {
  padding: 0;
  border: 1px solid #fff;
}
.calendar h3, .events h3 {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
  margin-top: 0;
  margin-bottom: 5px;
}

.calendar {
  color: #515f68;
  background-color: #ffffff;
}
.calendar h4 {
  border-bottom: 1px solid #515f68;
}
.calendar a {
  color: #515f68;
}

.list-date {
  float: left;
  overflow: hidden;
  margin-right: 10px;
  width: 58px;
  text-align: center;
  display: inline;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.list-date.right, 
.events .list-date {
  margin-right: 10px;
}
li.lists {
  overflow: hidden;
  list-style: none;
  line-height: 1.1;
  padding: 0.5em;
}
li.lists:nth-child(2n+1) {
    background-color: rgba(200, 200, 200, 0.25);
}

.lists span.date {
  font-size: 0.9em;
}

.date-wrapper {
    font-family: 'Roboto', sans-serif;
    color: #ffffff;
    font-size: 28px;
    font-weight: 600;
    line-height: 1.4;
    border: 1px solid #fff;
}
.calendar .date-wrapper {
  color: #ffffff;
  background: #0193de;
}
.calendar .right .date-wrapper {
  color: #ffffff;
  background: #1bbbee;  
}
.events .date-wrapper {
  color: #ffffff;
  background: #D2232A;
}
.date-wrapper span {
    display: block;
    font-weight: 600;
    color: rgba(0, 0, 0, 0.4);
    font-size: 14px;
    line-height: 1.2;
    background: #ffffff;
    border-top: 1px solid #ffffff;
}

.calendar .date-wrapper span {
  color: #4bcaff;
}  
.calendar .right .date-wrapper.red , 
.calendar .date-wrapper.red span {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}




.event-meta ul,
.event-meta li {
  list-style: none;
  text-align: left;  
}
.event-meta ul {
  margin: 1em 0;
}
.event-meta li {
  margin: 0.5em;
  margin-left: 1em;
}
.event-meta li:before {
  font-family: 'FontAwesome';
  float: left;
  margin-left: -1.5em;
}
.event-meta li.cal:before {
  content: '\f273';
}
.event-meta li.map:before {
  content: '\f041';
}
.event-meta li.link:before {
  content: '\f08e';
}
.event-meta li.email:before {
  content: '\f0e0';
}
.event-meta a[href*="mailto:"]:before {
  display: none;
}
.event-meta li.phone:before {
  content: '\f095';
}
.event-meta a[href*="tel:"]:before {
  display: none;
}
.event-meta li.name:before {
  content: '\f007';
}

.entry-date, .entry-location {
  color: #999;
  font-style: italic;
  padding-right: 1em;
  font-size: 0.9em;
  display: inline-block;
}

.block-title {
  margin: 0 0 20px;
  border-bottom: 1px solid rgba(0,0,0,.1);
}

.block-title .block-title-inner {
    border-bottom: 1px solid #D2232A;
    color: #D2232A !important;
}
.block-title .block-title-inner {
    display: inline-block;
}
.venue-info, .contact-name, .contact-phone, .contact-email, .contact-www {
  margin-top: 1em;
}

article.content .event-details h4 {
  color: inherit;
    border-bottom: none;
    text-transform: none;
}


.event-item {
    overflow: hidden;
    margin-top: 10px;
    margin-bottom: 10px;
}

.top-news .tab-pane .event-item h3 {
    margin-top: 0;
}

section.works .nav-item {
    margin-bottom: 35px;
    overflow: hidden;
}
section.last-news h2 {
    margin-bottom: 20px;
}



/* Sidebar Menu */
aside.sidebar{
  font-size: 14px;
}
aside.sidebar img {
  padding: 1em;
}
.mainmenu {
  list-style: none;
  padding: 0;
  margin: 0;
}
.mainmenu a {
  display: block;
  font-weight: 600;
  text-decoration: none;
  padding: 5px;
  color: #646464;
  text-transform: uppercase;
}
.mainmenu li.active .sub-menu,
.mainmenu ul li.active a{
  display: block;
  list-style: square;
  max-height: 300px;
}
.sub-menu a {
    padding: 0;
    line-height: 1.4em;
    text-transform: none;
    font-weight: normal;
}
.sub-menu a:hover {
    text-decoration: underline;
}
.sub-menu {
  overflow: hidden;
  max-height: 0;
  -webkit-transition: all 0.5s ease-out;
}
.sidebar ul.sub-menu li.active a {
    color: #D2232A;
}

/*
#accordianmenu {
  background: #6599e0;
  width: 250px;
  margin: 20px auto 0 20px;
  color: black;
}
#accordianmenu p {
  font-size: 12px;
  line-height: 34px;
  padding: 0 10px;
  cursor: pointer;
    margin:0;
  background: #c5c5c7; 
  border-bottom:1px solid black;
}
#accordianmenu p:hover {
  text-shadow: 0 0 1px rgba(255, 255, 255, 0.7);
}
#accordianmenu li {
  list-style-type: none;
}
#accordianmenu ul ul li a {
  color: white;
  text-decoration: none;
  font-size: 11px;
  line-height: 27px;
  display: block;
  padding: 0 15px;
}
#accordianmenu ul ul li a:hover {
  background: black;
  color:white;
}
#accordianmenu ul ul {
  display: none;
}
#accordianmenu li.active ul {
  display: block;
}
*?
/*Lang */
li.nav-item.nav-item-language.nav-item-language-current,
li.menu-item-language-current,
li.lang.active { 
    display: none; 
}

/* Google Maps */
.google-map {
  width: 100%;
  height: 400px;
  border: #ccc solid 1px;
  margin: 10px 0 20px;
}

/* Search */
.navbar-form .form-control {
  background-color: transparent;
}

#right { 
  float: right;
  margin-top: 50px;
 }

     .searchField {
        display: inline-block;
        border: 1px solid grey;
        font-size: 20px;
        outline: grey;
        padding: 5px;
        padding-right: 50px;
        cursor: pointer;
        color: grey;
        box-sizing:border-box;
    }
.searchInput {
    position: relative;
}
.searchInput .glyphicon {
    position: absolute;
    right: 15px;
    font-size: 24px;
    width: 24px;
    color: #4b4b4b;
    text-align: center;
    padding: 6px 0;
    cursor: pointer;
}



/* SECTION - custom styles
   -------------------------- */

.post-edit-link {
    float: right;
}
section.feature,
section.works,
section.content {
    padding: 1em 1em 0;
}
section.top {
    background-color: #fff;
    padding: 0;
    margin: 0;
}
section.top .col-sm-8,
section.top .col-xs-12 {
    padding-left: 0;
    padding-right: 0;
}
section.feature {
    background-color: #DCDCDC;
    color: #444;
}
section.feature article .excerpt {
  line-height: 1.4;
}

.featured-news {
    margin-top: 1em;
    margin-bottom: 1em;
}
.featured-news .wp-post-image {
    margin-left: 0;
}

section.works ul,
section.content ul {
    padding-left: 0px; 
}
section.works li {
    list-style: none;
    overflow: hidden;
}

.item-description {
    text-align: justify;
}
.feature-wrap {
    overflow: hidden;
    height: 130px;
}
.feature-wrap i:hover {
    background: #c52d2f;
    color: #fff;
    box-shadow: inset 0 0 0 5px #c52d2f;
    -webkit-box-shadow: inset 0 0 0 5px #c52d2f;
    border: 3px solid #c52d2f;
}
.feature-wrap i {
    font-size: 48px;
    height: 110px;
    width: 110px;
    margin: 3px;
    border-radius: 100%;
    line-height: 110px;
    text-align: center;
    background: #ffffff;
    color: #D2232A;
    border: 3px solid #ffffff;
    box-shadow: inset 0 0 0 5px #f2f2f2;
    -webkit-box-shadow: inset 0 0 0 5px #f2f2f2;
    -webkit-transition: 500ms;
    -moz-transition: 500ms;
    -o-transition: 500ms;
    transition: 500ms;
    float: left;
    margin-right: 25px;
}
.fa {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

ul.features {
    padding-top: 1em;
}

.top-news h3,
.feature h3,
.features h3 {
    font-size: 1.2em;
    margin-top: 10px;
}


/* Naslovnica - linkovi naslov */
.top-news a h3, .feature a h3, .features a h3, #content a h3 { color: #333 }

.desc {
    color: rgba(100, 100, 100, 1);
}

section.top-news { 
    margin: 0 1em; 
} 

section.news article.content h2 { 
    margin-top: 0px; 
}

/* Top News Tab */
.top-news { overflow: hidden; /*max-height: 320px; */background: #FFF none repeat scroll 0% 0%;}
.top-news .nav-tabs { color: #CCC; border-bottom: 3px solid #DDD; text-transform: uppercase; }
.top-news .nav-tabs > li.active > a, 
.top-news .nav-tabs > li.active > a:focus, 
.top-news .nav-tabs > li.active > a:hover { margin-bottom: 1px; color: rgba( 210, 35, 42, 1 ); border-width: 0; }
.top-news .nav-tabs > li > a { padding-left: 0; border: none; color: #666; text-align: left; padding-bottom: 5px;}
.top-news .nav-tabs > li.active > a, 
.top-news .nav-tabs > li > a:hover { color: #D2232A !important; background: transparent; }
.top-news .nav-tabs > li > a::after { content: ""; background: #D2232A; height: 3px; position: absolute; width: 100%; left: 0; bottom: -3px; transition: all 250ms ease 0s; transform: scale(0); }
.top-news .nav-tabs > li.active > a::after, 
.top-news .nav-tabs > li:hover > a::after { transform: scale(1); }
.top-news .tab-nav > li > a::after { background: #21527d none repeat scroll 0% 0%; color: #fff; }

.top-news .nav-tabs h4 {
  margin: 0;
}
.top-news .tab-pane h3 {
    font-size: 1.2em;
    font-weight: 600;
    margin-top: 15px;
}
.top-news .tab-content ul {
    padding-left: 0;
}
.top-news .tab-content li {
  list-style: none;
}
.top-news .tab-content ul li {
    padding-bottom: 5px;
    border-bottom: 1px dashed #e1e1e1;
}
.top-news .tab-content ul li:last-child {
    border-bottom: none;
}

.top-news .nav-tabs>li { width: 50%;}

/* Events */
.event-meta ul,
.event-meta li {
  list-style: none;  
}
.event-meta ul {
  margin: 1em 0;
}
.event-meta li {
  margin: 0.5em;
}
.event-meta li:before {
  font-family: 'FontAwesome';
  float: left;
  margin-left: -1.5em;
}
.event-meta li.cal:before {
  content: '\f273';
}
.event-meta li.map:before {
  content: '\f041';
}
.event-meta li.link:before {
  content: '\f08e';
}
.event-meta li.email:before {
  content: '\f0e0';
}
.event-meta a[href*="mailto:"]:before {
  display: none;
}
.event-meta li.phone:before {
  content: '\f095';
}
.event-meta a[href*="tel:"]:before {
  display: none;
}
.event-meta li.name:before {
  content: '\f007';
}

.block-title {
  margin: 0 0 20px;
  border-bottom: 1px solid rgba(0,0,0,.1);
}

.block-title .block-title-inner {
  color: #D2232A !important;
  border-bottom: 1px solid #D2232A;
  margin-bottom: -1px;
}
.block-title .block-title-inner {
    display: inline-block;
}
.venue-info, .contact-name, .contact-phone, .contact-email, .contact-www {
  margin-top: 1em;
}

article.content .event-details h4 {
  color: inherit;
    border-bottom: none;
    text-transform: none;
}



/*
http://fontawesome.io/cheatsheet/
mail  fa-envelope []

 fa-phone []
.block-title {
  margin: 0 0 20px;
  border-bottom: 1px solid rgba(0,0,0,.1);
}
.block-title .block-title-inner {
    border-bottom: 1px solid #40ad47;
    color: #40ad47 !important;

  border-bottom: 1px solid #e1e1e1;  
  color: #40ad47 !important;    
}
*/

.event-item {
    overflow: hidden;
    margin-top: 10px;
    margin-bottom: 10px;
}

.top-news .tab-pane .event-item h3 {
    margin-top: 0;
}

section.works .nav-item {
    margin-bottom: 35px;
    overflow: hidden;
}
section.content h2 {
    margin-bottom: 20px;
}

    .example {
        -webkit-columns: 3 300px;
        -moz-columns: 3 300px;
        columns: 3 300px;
        -webkit-column-gap: 2em;
        -moz-column-gap: 2em;
        column-gap: 2em;
        margin-bottom: 1em;
    }
    .example p {
        font-size: 0.9em;
        line-height: 1.4;
    }

    .last-news {
        display: inline-block; 
        margin-bottom: 10px;
        min-width: 300px;
    }

    .example h2 {
        -webkit-column-span: all;
        -moz-column-span: all;
        column-span: all;
        font-size: 2em;
        margin-bottom: 0.5em;
        line-height: 1.2;
    }
    .example h3 {
        font-size: 1.2em;
        margin-top: 0;
        margin-bottom: 5px;
    }

/* post image */
.wp-post-image {
    float: right;
    margin-left: 15px;  
}

section.feature .wp-post-image {
    float: none;
    border: #eee 1px solid; /* #969696 */ 
}

.scrollToTop{
    width: 100px;
    height: 130px;
    padding: 10px;
    text-align:center;
    background: whiteSmoke;
    font-weight: bold;
    color: #444;
    text-decoration: none;
    position:fixed;
    bottom: 40px;
    right: 40px;
    display: none;
    background: url('../images/arrow_up.png') no-repeat 0 20px;
}
.scrollToTop:hover{
    text-decoration: none;
}

.videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
}
.videoWrapper iframe,
.videoWrapper object,
.videoWrapper embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video {
    max-width: 400px;
}

/*Read More Links*/
.read-more{
    background-color: #428BCA;
    border-color: #428BCA;
    color: #FFFFFF;
    border-radius: 4px;
    font-size: 12px;
    line-height: 1.5;
    padding: 6px 12px;
    border: 1px solid rgba(0, 0, 0, 0);
    cursor: pointer;
    display: inline-block;
    font-weight: normal;
    margin-bottom: 0;
    margin-top: 10px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}
.read-more:hover {
    background-color: #3276B1;
    border-color: #3276B1;
    color: #FFFFFF;
    text-decoration: none;
}

/* meta data */ 
.meta{  
    font-size: 9px;
}
.cats{
    margin-left: 5px;
    margin-right: 10px; 
}
.tags{
    margin-left: 5px;
    margin-right: 10px;
}

/* Widgets */
.widget{
    margin-bottom: 20px;
}
.header-widget{
    display: none;
}

.sidebar .widget {
  background: #f5f5f5;
  -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);
  box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);
  padding: 1em;
}

.top-news h4,
.sidebar h4 {
    font-size: 16px;
    color: #D2232A;
    padding-bottom: 5px;
    border-bottom: 3px solid #D2232A;
    text-transform: uppercase;
    margin-top: 0;
}

/* Posts */
article.content h1 {
  color: #1a171b;
  margin-top: 0;  
}
article.content .entry-meta {
  color: #999;
  font-size: 0.9em;
  padding-bottom: 3px;
  border-bottom: 1px solid #e1e1e1;
  margin-bottom: 20px;
}
article.content .fa-pencil {
  margin-right: 5px;
}
article.content a .fa-print, 
article.content a .fa-pencil {
  color: #999;
  float: right;
  margin-top: 3px;
}
article.content .entry-content {
  margin-bottom: 1em;
}

article.content img {
  margin-bottom: 10px;
}

article.content .tab-content {
    clear: both;
    overflow: hidden;
    padding: 1em;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
article.content .entry-header {
    float: left;
    clear: both;
    width: 100%;
}
section.news .entry-header h1,
article.content .entry-header h1,
article.content .entry-header h3 {
    font-size: 1.4em;
    color: #DCDCDC;
    line-height: 0.75em; 
    float: left;
    margin-top: -15px;
    margin-bottom: 20px;
    background-color: #fff;
    padding-right: 5px;
    line-height: 1;
}
article.content .entry-header h1 a,
article.content .entry-header h3 a {
    color: #DCDCDC;
}
article.content .entry-header h1 span {
    color: #000;
    font-weight: normal;
}
article.content .entry-header a.print {
    float: right;
    color: #DCDCDC;
    padding-left: 5px;
    margin-top: -13px;
}
.entry .date {
    color: #999;
    font-size: 0.9em;
    padding-bottom: 3px;
}
.border {
    border-bottom: #DCDCDC 1px solid;
    float: none;
    margin-top: 1em;
}
section.feature .border,
section.works .border,
section.content .border {
    border-bottom: #D2232A 1px solid;
    float: none;
    margin-top: 1em;
    margin-right: 0;
}
section.feature h2 {
    font-size: 1.6em;
    color: #D2232A;
    line-height: 0.75em;
    float: left;
    margin-top: -15px;
    background-color: #DCDCDC;
    padding-right: 5px;
    margin-bottom: 0;
}
section.works h2,
section.content h2 {
    font-size: 1.6em;
    color: #D2232A;
    line-height: 0.75em;
    float: left;
    margin-top: -15px;
    background-color: #fff;
    padding-right: 5px;
    margin-bottom: 0;
}
section.feature .ttt,
#works-wrap {
  margin-top: 1em;
}
section.content .example{
  margin-top: 2em;
  font-size: 90%;
}

/* Content */
.nws {
    clear: both;
    padding-bottom: 1em;
}
section.news,
article.content {
  clear: both;
  overflow: hidden;
  text-align: justify;
}
article.content h2 {
  color: #D2232A;
}
article.content h3 {
}
article.content h4 {
  color: #1a171b;
  margin-top: 1em;
  padding-bottom: 0.1em;
  border-bottom: 1px solid #D2232A;
  text-transform: uppercase;
}
article.content h5 {
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 10px;
}
section.news article.content {
  padding: 0 0 1em;
  margin-bottom: 1em;
  border-bottom: 1px dashed #b8b8b8;
}
section.news article.content img {
    float: left;
    margin-left: 0;
}
section.news article.content img {
    width: 100%;
}
section.top .nav-tabs>li.active>a, 
section.top .nav-tabs>li.active>a:focus, 
section.top .nav-tabs>li.active>a:hover {
  border-bottom: 1px solid #ddd;
  border: none;
}

.lead {
  padding-bottom: 1em;
}

.more_link {
  font-family: 'georgia';
  font-style: italic;
  color: #999;
  font-size: 16px;
  float: right;
  text-decoration: none;
}


.page-header {
    padding-bottom: 3px;
    border-bottom: 1px solid #e1e1e1;
}
section h1.page-header {
    margin: 0 0 20px;
    color: #1a171b;
}
section h1.page-header span.small {
  font-weight: 600;
}


/* Publications pinterest
    display: inline-block;
    float: left;
*/
.publicat article {
  overflow: hidden;
}
.publicat .wp-post-image {
  float: none;
  margin-left: 0;  
}
.publicat .thumbnail {
  padding: 0;
  border-radius: 0;
}
.publicat h4 {
  clear: both;
  font-size: large;
  color: #D2232A;
  margin: 0 1em 1em;
  padding-bottom: 5px;
  border-bottom: 1px solid #D2232A;
}
.publicat ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.publicat li {
  list-style: none;
  overflow: hidden;
}
.publicat .date {}
.publicat h2.entry-title {}
.publicat .entry-summary {}
.publicat img {
  width: 100%;
  height: auto;
}
.publicat a.thumbnail span.thumb-info-inner {
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  display: block;
  transition: all 0.3s;
  white-space: normal;
}
h2.thumb-info-inner {
  font-size: 1.2em;
  font-weight: 400;
  margin: 0;
}
.publicat a.thumbnail span.thumb-info-title {
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  background: rgba(0,0,0,0.7);
  width: 90%;
  bottom: 10%;
  color: #FFF;
  text-align: left;
  left: 0;
  line-height: 1.2;
  padding: 9px 11px 9px;
  position: absolute;
  text-shadow: 1px 1px 1px rgba(0,0,0,.2);
  transition: all 0.3s;
}
.publicat a.thumbnail span.thumb-info-type {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  background-color: #D2232A;
  border-radius: 2px;
  display: inline-block;
  float: left;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  margin: 8px -2px -15px -2px;
  padding: 2px 9px;
  text-transform: none;
}
.publicat .thumbnail figure {
  min-height: 348px;
}
@media only screen and (max-width: 1199px) {
    .publicat .thumbnail figure {
        min-height: 384px;
    }
}
@media only screen and (max-width: 991px) {
    .publicat .thumbnail figure {
        min-height: 442px;
    }
}
@media only screen and (max-width: 767px) {
    .publicat .thumbnail figure {
        min-height: auto;
    }
}

/* Social */
ul.social-share{
    padding:0;
    margin:0;
}
ul.social-share li{
    list-style:none;
    display:inline-block;
    margin:0 0.8em 1em 0;
    font-size:1em;
}
ul.social-share li a{
    font-size:14px;
}
ul.social-share li a, ul.social-share li a:hover{
    text-decoration:none;
}
ul.social-share li i{
    font-size:20px;
    margin-right:5px;
}


/* FOOTER
   -------------------------- */

/* Footer */
footer[role="contentinfo"] {}

.sub-footer {
  clear: both;
  font-size: 0.7em;
  background: #969696;
  color: #ffffff;
  line-height: 1.4;
  padding: 1.2em 2em 1.2em;
}
.sub-footer a[href*="http://javno-zdravlje.hr/"]:after {
  display: none;
}
.sub-footer h4 {
  margin-top: 0;
  /*text-transform: uppercase;*/
  background-image: url('../images/white-cube.png');
  background-repeat: no-repeat;
  background-position: left bottom;
  margin-bottom: 10px;
  padding-left: 15px;
  padding-bottom: 7px;
  letter-spacing: 0.6px;
}
.sub-footer ul {
    list-style-type: square;
}
.sub-footer a {
  color: #fff;
}
aside.sub-footer hr {
  border-color: #eee;
}
.vertical-bottom {
  vertical-align: bottom  !important;
  float: none;
}

.haa-logo img {
    width: 200px;
    margin-left: 3px;
}

ul.footer-icons {
    padding-left: 0;
    margin-top: 25px;
    margin-bottom: 0;
}
.footer-icons li {
    display: inline;
    border-bottom: none;
}
.footer-icons a:hover > img {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  opacity: 0.2;
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
}
li.face a:hover {
  background-image: url('../images/icons/facebook.png');
  width: 32px;
  height: 32px;
  display: inline-block;
}
li.twit a:hover {
  background-image: url('../images/icons/twitter.png');
  width: 32px;
  height: 32px;
  display: inline-block;
}
li.gplus a:hover {
  background-image: url('../images/icons/google-plus.png');
  width: 32px;
  height: 32px;
  display: inline-block;
}
li.yt a:hover {
    background-image: url(../images/icons/youtube.png);
    width: 32px;
    height: 32px;
    display: inline-block;
}
li.ig a:hover {
    background-image: url(../images/icons/instagram-5851db.png);
    width: 32px;
    height: 32px;
    display: inline-block;
}

.footer-wrapper{
  padding: 0.5em 0;
  font-size: 0.75em;
}
.footer-wrapper .col-xs-12 {
  text-align: center;
}



.footer-nav {
    margin: 0;
}
.footer-nav li {
  display:inline-block;
  *display:inline; /*IE7*/
  *zoom:1; /*IE7*/
  margin-right: 10px;
  list-style: none;
}
.footer-wrapper a.helix {
    float: right;
    background: url(../images/by-helix.png) no-repeat;
    color: #fff;
    display: block;
    width: 18px;
    height: 18px;
    text-indent: -9999em;
}

/* Custom styles */
.sticky {}
.screen-reader-text {}
.gallery-caption {}
.bypostauthor {}
.alignright {}
.entry-content img {  }
.alignleft, img.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
    padding-top: 0.5em;
}
.alignright, img.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
    padding-top: 0.5em;
}
.aligncenter, img.aligncenter {
    clear: both;
    display: block;
    margin: 0 auto;
}
.alignnone, img.alignnone {}
.wp-caption {}
.wp-caption img {}
.wp-caption .wp-caption-text {
  font-size: 0.9em;
  line-height: 1.2;
  color: #999;
}
.wp-smiley {
  margin: 0 !important;
  max-height: 1em;
  }

/* Breadcrumb */
.breadcrumb {
  font-size: 0.9em;
  padding: 5px 15px;
  border-radius: 0;
}

/* Pagination */
.pagination-sm>li:first-child>a, 
.pagination-sm>li:first-child>span {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.pagination-sm>li:last-child>a, 
.pagination-sm>li:last-child>span {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.pagination>li>a:focus, 
.pagination>li>a:hover, 
.pagination>li>span:focus, 
.pagination>li>span:hover {
  color: #D2232A;
}
span.page-numbers.current,
.pagination>.active>a, 
.pagination>.active>a:focus, 
.pagination>.active>a:hover, 
.pagination>.active>span, 
.pagination>.active>span:focus, 
.pagination>.active>span:hover {
  color: #ffffff;
  background-color: #D2232A;
  border-color: #D2232A;
}
.pagination>li>a, 
.pagination>li>span {
  color: #000000;
}

/* Tags */
.nws .item{color:#48453d; margin-top:30px; overflow:hidden;}
.nws .block-title{color: #48453d; margin-bottom:0px; font-size:18px; margin-top: 0px; font-weight:700; text-transform:uppercase;}
.nws .item-content-block{padding:20px; border-top:2px solid #f6f6f2; background-color:#FFF; display:block; clear:both;}
.nws .tags a{background-color:#756f5d; padding:10px; color:#fff; display:inline-block; font-size:11px; text-transform:uppercase; line-height:11px; border-radius:2px; margin-bottom:5px; margin-right:2px; text-decoration:none;}
.nws .tags a:hover{background-color:#a38018;}

/* Social */
.article-share {
    font-size: 0.9em; 
    text-align: left;
}
a:not([href]):not([tabindex]), a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
    text-decoration: none;
}
article .btn {
    font-size: 9px;
    padding: 6px 18px;
    border-radius: 2px;
    border: 0;
    color: #fff!important;
    margin: 5px;
    white-space: normal!important;
    word-wrap: break-word;
}
article .btn {
    transition: .2s ease-out;
    text-transform: uppercase;
}
article .btn:hover {
    color: #fff;
}
article .btn-fb { background-color: #3B5998; }
article .btn-fb:focus, .btn-fb:hover { background-color: #4264aa; }
article .btn-tw { background-color: #55ACEE; }
article .btn-tw:focus, .btn-tw:hover { background-color: #6cb7f0; }
article .btn-gplus { background-color: #DD4B39;}
article .btn-gplus:focus, .btn-gplus:hover { background-color: #e15f4f; }
article .btn-li { background-color: #0082CA; }
article .btn-li:focus, .btn-li:hover { background-color: #0092e4; }
article .btn-email { background-color: #4B515D; }
article .btn-email:focus, .btn-email:hover { background-color: #565d6b; }


/* Media Queries */
/* Bootstrap grid system
.col-xs- Extra small devices Phones (<768px)    Container width: None (auto)
.col-sm- Small devices Tablets (≥768px)         Container width: 750px   
.col-md- Medium devices Desktops (≥992px)       Container width: 970px
.col-lg- Large devices Desktops (≥1200px)       Container width: 1170px
*/
@media only screen and (min-width : 320px) {
    .feature img { width: 100%; }
} 

@media only screen and (min-width : 360px) {}

@media only screen and (min-width : 480px) {
    .navbar-header #lang_sel_list a.lang_sel_sel { display: block; }   
    section.news article.content img { margin-right: 20px; margin-bottom: initial; max-width: 40%; height: auto; }
    article.content .entry { overflow: auto; }
    section.news article.content img { width: 25%; }
}

@media only screen and (min-width: 768px) {   
/* Small devices (tablets, 768px and up) */

  /* Top Header */ 
  .top-header { display: block; max-width: 340px; margin: 0 auto; text-align: center; }
  .top-header h2 { color: #D2232A; }
  .top-header h3 { font-size: 1em; margin-top: 10px; }
  .header-widget{ display: block; }
  .navbar-header { float: right; }
  .header-menu-wrapper{ float: right; }
  .navbar-header #lang_sel_list li a { padding-right: 10px; }
  .navbar-collapse { padding-right: 0; padding-left: 0;}
  .top-news { padding: 1em 1.5em 0;}
  section.feature, section.works, section.content, section { padding: 2em 2em 0; overflow: hidden; }

  header .entry-header{ margin-bottom: 1em; }

  #headline .carousel-caption span { display: block;}
  #headline .carousel-caption h2 {font-size: 24px; }
  .content_upper { padding-top: 2em; }
  article .border { margin-right: 2em }

  section.news, article.content { padding: 0 1em 1em 1em; }
  .category section.news .border { /* margin-right: initial;*/ }
  .sidebar .widget { margin: 0 1em }
  .sidebar-wrapper { margin-bottom: 1em; border-left: 1px solid #DCDCDC; }

  .footer-wrapper .col-sm-5  { text-align: left; }
  ul.footer-nav { float: right; }
  aside.sub-footer hr { display: none; }

}

@media only screen and (min-width : 1024px) {
    /* Medium devices (desktops, 1024px and up) */
    #top-header ul,ol{ margin-left: 10px; }
    .header-menu li:first-child { padding-left: 20px; } 
    section.news { min-height: 760px; }
}

@media only screen and (min-width: 1280px) {
    /* Large devices (large desktops, 1200px and up) */
}

@media only screen and (min-width : 1366px) {}

@media only screen and (min-width : 1440px) {}

@media only screen and (min-width : 1600px) {}

@media only screen and (min-width : 1680px) {}

@media only screen and (min-width : 1920px) {}


/* Print Styles */
@media print {

  body { background:white; color:black; margin:0; }

  /* Reset quotes */
  q {quotes: none}
  q:before, q:after {content: ""}   

  header[role="banner"], footer[role="contentinfo"], .sidebar-wrapper { display: none; }
  .content_upper { background: #ffffff; border: none; }

  /* Hide everything unneeded */
  header .border, .breadcrumb, .sub-footer, article.content .item-content-block, footer.article-share { display: none; }

  article.content { text-align: left; padding-top: 2em; border-bottom: none; }
  article.content .entry-header h3 { font-size: 0.9em; }
 
  img, .gallery, .fa-print, a.post-edit-link, #footer { display: none } 

}



.info {
    display: none;
}
.logged-in .info {
    display: block;
    font-size: 14px;
    color: #337ab7;
    border-bottom: 1px dashed #b8b8b8;
    margin-bottom: 1em;
}
#cookieChoiceInfo {
    opacity:1;
    transition:opacity 500ms;
}
#cookieChoiceInfo.unread {
    opacity:0;
    height: 0;
}


/* Gallery
--------------------------------------------- */

.gallery {
    overflow: hidden;
}
figcaption.gallery-caption {
    display: none;
}
.gallery {
margin: auto -6px;
padding: 6px 0px;
line-height: 1;
overflow-x: hidden;
}
.gallery .gallery-item {
float: left;
margin: 0px;
text-align: center;
padding: 6px;
box-sizing: border-box;
}
.gallery-columns-3 .gallery-item {
width: 33.333%;
}

/* For displaying single column on mobile */
@media only screen and (max-width: 480px) {
.gallery-columns-3 .gallery-item {
     width: 50%;
 }
}

/* For displaying 3 columns on tablet 
@media only screen and (max-width: 800px) {
 .gallery-columns-5 .gallery-item {
     width: 33%;
 }
}

/* For displaying single column on mobile 
@media only screen and (max-width: 480px) {
 .gallery-item {
     width: 100%;
 }
}

.gallery-columns-5 .gallery-item:nth-child(5n+1) {
     clear: none;
}

*/

    /* 
    Generic Styling, for Desktops/Laptops 
    */
    table { 
      width: 100%; 
      border-collapse: collapse; 
    }
    /* Zebra striping */
    /*
    tr:nth-of-type(odd) { 
      background: #eee; 
    }
    */
    th { 
      background: #21409a; 
      color: white; 
      font-weight: bold; 
    }
    td, th { 
      padding: 6px; 
      border: 1px solid #ccc; 
      text-align: left; 
    }
    td.tocTitle { 
      width: 90%; 
    }

/* Promotivni materijali; Masonry */

@media only screen and (min-width : 400px) {
  .itemss {
    width: 50%;
  }
}
@media only screen and (min-width : 768px) {
  .itemss {
    width: 33.33%;
  }
}
@media only screen and (min-width : 991px) {
  .itemss {
    width: 25%;
  }
}
.promcat .vrip-container .itemss .thumbnail {
  margin-bottom: 0;
}
.promcat .vrip-container .itemss {
  margin-bottom: 20px;
  -moz-transition: all 0.6s;
  -o-transition: all 0.6s;
  -webkit-transition: all 0.6s;
  box-shadow: 0 25px 7px -33px rgba(0, 0, 0, 0.5);
}
.promcat .vrip-container .itemss:hover {
  box-shadow: 0 31px 14px -29px rgba(0, 0, 0, 0.6);
  -webkit-transform: scale(1.03);
  transform: scale(1.03);
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
}
.promcat .thumbnail {
  border: 1px solid #e6e6e6;
}
.promcat .thumbnail figure{
  min-height: 180px;
}
/*.promcat a.thumbnail span.thumb-info-title {
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  -webkit-transition: opacity 0.6s;
  background: rgba(0,0,0,0.7);
  width: 90%;
  bottom: 10%;
  color: #FFF;
  text-align: left;
  left: 0;
  line-height: 1.2;
  padding: 9px 11px 9px;
  position: absolute;
  text-shadow: 1px 1px 1px rgba(0,0,0,.2);
  transition: opacity 0.6s;
  opacity: 0;
}
.promcat a.thumbnail:hover span.thumb-info-title {
  opacity: 1;
  transition: opacity 0.1s;
}*/

/* CIJEPLJENJE PAGE */

.cijepljenje-content {
  margin: 0 auto; 
  float: none; 
  text-align: center;
}
.cijepljenje-box {
  padding: 10px;
  margin-top: 15px;
}
.cijepljenje-box i {
  font-size: 6.2em;
  color: #d2242a;
  border: 3px solid #ffffff;
  box-shadow: inset 0 0 0 5px #f2f2f2;
  -webkit-box-shadow: inset 0 0 0 5px #f2f2f2;
  -webkit-transition: 500ms;
  -moz-transition: 500ms;
  -o-transition: 500ms;
  transition: 500ms;
  height: 140px;
  width: 100%;
  padding-top: 16px;
}
.cijepljenje-content a:hover .cijepljenje-box i {
  background: #c52d2f;
  color: #fff;
  box-shadow: inset 0 0 0 5px #c52d2f;
  -webkit-box-shadow: inset 0 0 0 5px #c52d2f;
  border: 3px solid #c52d2f;  
}
.cijepljenje-box h3 {
  text-align: center;
  color: #333;
  margin-top: 10px;
}
.cijepljenje-box p {
  color: #646464;
}

/* Pitanja i odgovori */

.qa-accordion .panel-default {
  border: none;
  box-shadow: 0 1px 5px 0 rgba(0,0,0,0.2);
  margin-bottom: -5px;
  text-align: left;
}
.qa-accordion a {
  color: #646464;
}
.qa-accordion a:hover {
  text-decoration: none;
}
/*.qa-accordion .fa-question {
  margin-right: 13px;
  color: #fafaf9;
  background-color: #646464;
  padding: 1px 4.6px 1.5px 4px;
  border-radius: 3px!important;
}*/
.qa-accordion .fa-question-circle {
  margin-right: 13px;
  padding: 1px 4.6px 1.5px 4px;
}
.qa-accordion .panel-body {
  padding: 14px 25px 29px 25px;
  color: #337ab7;
}
@media only screen and (max-width : 1199px) {
  .question-display {
    display: none;
  }
}
.qa-accordion .panel-heading {
  background-color: #f9f9f9;
}
/*.upitnik .fa {
  color: white;
  background-color: #d2242a;
  padding: 1px 5.6px 2px 5px;
  border-radius: 3px!important;
}*/
.upitnik .fa {
  color: #d2242a;
  padding: 0 5.6px 0 5px;
  font-size: 20px;
  margin-top: -2px;
}


.panel-body a {
  color: #d2242a;
}


/* Projekti i programi page */

.projekti-cont .nav-tabs {
  text-align: center;
  margin-top: 10px;
}
.projekti-cont .nav-tabs>li {
  float: none;
  display: inline-block;
}
.projekti-box {
  padding: 0;
}
.projekti-box a {
  text-decoration: none;
}
.projekti-content {
  margin-top: 15px;
  margin-bottom: 15px;
}
.projekti-box-inner {
  margin: 5px;
  border: 2px solid #f1f1f1;
  height: 160px;
  background-color: #fff;
  line-height: 160px;
}

.projekti-box-inner-wi {
  margin: 10px;
  border: 1px solid #42608780;
  border-radius: 6px!important;
  height: auto;
  background-color: #fff;
  line-height: 160px;
  box-shadow: 0px 3px 10px 0px #00000029;
}
.projekti-box-inner-wi:hover {
  box-shadow: 0px 3px 10px 0px #00000040;
}
.projekti-box-inner-wi a {
  line-height: 22px;
  margin: 30px auto 50px auto;
  display: block;
  background-color: white;
  border: 1px solid #40617b;
  color: #40617b;
  width: 100px;
  padding-top: 5px;
  padding-bottom: 3px;
  border-radius: 5px!important;
  text-align: center;
}
.projekti-box-inner-wi a:hover {
  color: white;
  background-color: #40617b;
}

.projekti-box-inner-wi hr {
  margin-top: 0px;
  border-color: #42608780;
  margin-left: 20px;
  margin-right: 20px;
}

.projekt-img {
  text-align: center;
  background-color: white;
  max-height: 156px;
}
.projekt-img img {
  max-height: 156px;
  max-width: 215px;
  vertical-align: middle;
  visibility: visible;
  opacity: 1; 
  filter: grayscale(10%);
}
.p-naslov {
  height: 140px;
  line-height: 140px;
  text-align: center;
  visibility: hidden;
  margin-top: -160px;
  opacity: 0;
  text-decoration: none;
  color: #ededed;
  padding: 12px;
}

.p-naslov-wi {
  height: 140px;
  line-height: 140px;
  text-align: center!important;
  text-decoration: none;
  color: #27526d;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-right: 20px;
  padding-left: 20px;
}
.p-naslov-wi h3 {
  text-align: center;
  margin-top: -26px;
  margin-bottom: 0;
  display: inline-block;
  vertical-align: middle;
}

.p-naslov p {
  line-height: 22px;
  vertical-align: middle;
  display: inline-block;
}
.projekti-box-inner:hover .p-naslov {
  visibility: visible;
  opacity: 1;
}
.projekti-box-inner:hover .projekt-img img {
  visibility: hidden;
  opacity: 0;
}
.projekti-box-inner:hover .projekt-img {
  background-color: #3d444b;
}

@media (max-width: 1199px) {
  .projekt-img img {
    max-width: 180px;
  }
}

@media (max-width: 991px) {
  .projekti-box {
    min-height: auto;
  }
  .projekt-img img {
    max-width: 245px;
  }  
}

@media (max-width: 767px) {
  .projekti-box {
    max-width: 543px;
    margin: 0 auto;
  }
  .projekt-img img {
    max-width: 245px;
  }  
}

@media (max-width: 400px) {
  .projekt-img img {
    max-width: 92%;
  }  
  .projekti-cont .tab-content {
    padding: 1em 0!important;
  }
}


.navbar .navbar-nav > li > a {
    letter-spacing: 0.6px;
    color: #fff;
}
@media (min-width: 768px){
  .navbar-nav>li>a {
      padding-top: 16px;
      padding-bottom: 14px;
  }
}


/* Menu switch page */

.menu-switchpage {
  text-align: center;
  margin-bottom: 30px;
}
.menu-switch-content {
  max-width: 600px;
  margin: 0 auto;
  padding-right: 10px;
  padding-left: 10px;
}
.menu-switchpage h2 {
  text-align: center;
  margin-bottom: 13px;
  background-color: #D2232A;
  color: white;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 22px;  
}
.menu-switchpage .menu-link {
  background-color: #e6e6e6;
  padding-top: 9px;
  padding-right: 8px;
  padding-bottom: 8px;
  padding-left: 8px;
  margin-bottom: 6px;
  border-radius: 3px!important; 
  width: 100%;
  border: none;
}
.menu-switchpage .menu-link:hover {
  background-color: #bdbdbd;
}
.menu-switchpage a {
  color: #3c3c3c;
}


/* Pitanja - odgovori */

#livesearch a {
  color: #3a3a3a;
}
#livesearch a:hover {
  text-decoration: none;
}
#livesearch .qa-background:hover a {
  text-decoration: underline;
}
#livesearch .qa-background {
  padding-top: 7px;
  padding-bottom: 3px;
  padding-left: 5px;
  padding-right: 5px;
}
#livesearch hr {
  border-color: #e6e6e6;
  margin-top: 0px;
  margin-bottom: 0px;
}
.livesearch-form {
  width: 100%;
  padding-left: 5px;
  padding-top: 3px;
}
.qa-accord-span {
  display: none
}
.qa-accord label {
  font-weight: 400;
  padding-top: 8px;
  padding-right: 10px;
  padding-bottom: 5px;
  padding-left: 10px;
  background-color: #f5f5f5;
  width: 100%;
  margin-bottom: 0;
  cursor: pointer;
  text-align: left!important;
}
.qa-accord .qa-accord-span p {
  margin: 0;
  padding: 10px 20px 10px 20px;
  background-color: #fff;
  text-align: left!important;
  color: #337ab7;
}
.qa-accord input {
  display: none;
}
.qa-accord input:checked ~ .qa-accord-span {
  display: block;
  transition: 0.2s ease-out;
}
.qa-accord .q-left label::after { 
  content: '';
  background-image: url(https://razvoj.javno-zdravlje.eu/wp-content/themes/bs3-hzjz/assets/images/icons/plus-solid.png);
  background-size: 12px 13px;
  height: 13px;
  width: 12px;
  float: right;
  margin-top: 6px;
}


/* Repozitorij pagination */

.repo-pagination .screen-reader-text {
  display: none;
}
.repo-pagination .current {
  padding: 3px 3px 0 3px;
}



/* footer linkovi */
@media only screen and (max-width: 767px) {
  .ng-modal-number-container {
    border-top: 1px solid #b3b3b3;
    width:auto;
    display:flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    margin-top: -8px;
    margin-bottom: 8px;
  }
  .first-a {
    background-color: #969696;
  }
  .ft-circle {
    border-radius: 100%!important;
    background-color: #b3b3b3;
    width: 28px;
    height: 28px;
    display: block;
    float: right;
    margin-top: -22px;
    padding-top: 7px;
    text-align: center;
    font-weight: bold;
    color: #888888;
  }
}
@media only screen and (min-width: 768px) {
  .ft-circle {
    display: none;
  }
}


/* Child pages */
.hzjz-child-pages{
    list-style-type:none;
    padding-left: 0;
}
.hzjz-child-pages li{
    background: #f6f6f6;
    float: left;
    margin-right: 5px;
    padding: 5px;
}
.hzjz-child-pages li:hover{
    background: #cc071e;
}
.hzjz-child-pages li:hover a{
    color: #fff;
}
}