/*
Theme Name: YIHR RS
Theme URI: 
Author: Aleksandar
Author URI: #
Description: Style for YIHR RS
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: yihr-rs
Domain Path: /languages/
Tags:


*/

/* ==============================================
   GENERAL
   ============================================== */

@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,400,400italic&subset=latin,latin-ext);

body, h1{ 
    font-family: 'Source Sans Pro', sans-serif;
}
* {
    padding: 0;
    margin: 0;
}
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12{
    padding: 0;
}
blockquote{
    width: 260px;
    float: left;
    clear:both;
    color: #ee7d00;
    text-transform: uppercase;
    border-left: 0;
    margin-bottom: 60px;
}
blockquote p{
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 24px;
    font-weight:400;
    font-style: italic; 
    margin: 0;
    border-bottom: 1px solid #ee7d00;
    padding-bottom: 10px;
}
a{
    text-decoration: none;
    font-family: 'Source Sans Pro', sans-serif;
}
a:link {
    text-decoration: none;
    color: #80cdc2;
}
a:visited{
    color: #80cdc2;
}
ul{
    list-style-type: disc;
    color: #ee7d00;
    padding-left: 50px;
}
ul li{
    font-size: 16px;
    padding: 0;
    margin: 0;
}
p{
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 16px;
    margin: 20px;
}
hr{
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
#first-widget-area{
    margin-bottom: 70px;
    padding-left: 30px;
}
.widget{
    background-color: white;
    margin: 15px;
    padding: 10px;
}

/* ==============================================
   HEADER
   ============================================== */

header{
	background-color: #ffffff;
}
#header_container{
    border-bottom: 1px solid #dadcdf;
}
#logo{
    padding: 30px 0 0 0;
    max-width: 100%;
    height: auto;
}
#logo_header{
    padding-left:0;
}
#navigation_header{
    padding-left:0;
}
#lang{
    margin-top: 33px;
}
.lang-item{
    padding-left: 10px;
    float: right;
    display: block;
}
#region{
    background-color: #ee7d00;
}
ul#region_nav li a{
    font-size: 14px;
    text-decoration:none;
    padding:7px 0;
    color:#ffffff;
    float:left;
    text-align:center;
    margin: 0 62px 0 15px;
}
#region_nav{
    margin:10px;
    list-style-type: none;
   }
ul#region_nav-en li a{
    text-decoration:none;
    padding:7px 0;
    color:#ffffff;
    float:left;
    text-align:center;
    margin: 0 68px 0 15px;
}  
#region_nav-en{
    margin: 10px;
}
#srbija{
    height: 35px;
    padding:8px 40px 0 40px;
    background: #ffffff;
    margin: 0 0px -10px 0;
    position: relative;
    border-top-left-radius: 6px 4px;
    border-top-right-radius: 6px 4px;
    font-family:sans-serif;
    font-size:13px;
    line-height:20px;
    vertical-align:bottom;
    display:inline-block;
    white-space:nowrap;
}
#srbija li{
    color: #ee7d00;
    margin-left: auto;
    margin-right:auto;
}
#srbija:before {
    content: '';
    line-height: 0;
    font-size: 0;
    width: 0;
    height: 0;
    border-bottom: 32px solid #ffffff;
    border-left: 10px solid transparent;
    position: absolute;
    bottom: 0;
    left: -10px;    
}
#srbija:after {
    content: '';
    line-height: 0;
    font-size: 0;
    width: 0;
    height: 0;
    border-bottom: 32px solid #ffffff;
    border-right: 10px solid transparent;
    position: absolute;
    bottom: 0;
    right: -10px;
}
#social{
    padding-top:28px;
    padding-left:0;
    padding-right:0;
}
#social p{
    font-size: 14px;
    color:#1d1d1b;
    float:left;
    clear:both;
    margin: 0;
    margin-left: 7px;
    padding-top: 5px; 
}
#social-icon-fb{
    padding:0;
    margin-left: 13px;
    float:right;
}
#social-icon-tw{
    padding:0;
    margin-left: 13px;
    float:right;
}
#social-icon-region{
    margin-left: 15px;
}

/* ==============================================
   NAVIGATION
   ============================================== */


.container>.navbar-header, .container-fluid>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse{
    margin-left: 0;
}
.navbar-nav{
    margin-left: 13px;
}
#menu-english-menu li a{
    margin-right: 62px;
}
.navbar-collapse{
    padding: 0;
}
.navbar-nav>li>a {
    padding: 12px 0 10px 0;
}
.navbar-default {
    background-color: #ffffff;
    border-color: #ffffff;
}
.navbar-default .navbar-brand {
    color: #777;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #5E5E5E;
}
.navbar-default .navbar-nav > li > a {
    color: #444444;
    font-size: 24px;
    margin-right: 68px;
    letter-spacing: 0.9px;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #ee7d00;
    border-bottom: 1px solid #ee7d00;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
    color: #ee7d00;
    background-color: #ffffff;
    border-bottom: 1px solid #fff;
}
.navbar-default .navbar-nav > .active > a{
    color: #ee7d00;
    background-color: #ffffff;
    border-bottom: 1px solid #fff;
}
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus {
    color: #555;
    background-color: #D5D5D5;
}
.navbar-default .navbar-nav > .dropdown > a .caret {
    border-top-color: #777;
    border-bottom-color: #777;
}
.navbar-default .navbar-nav > .dropdown > a:hover .caret,
.navbar-default .navbar-nav > .dropdown > a:focus .caret {
    border-top-color: #333;
    border-bottom-color: #333;
}
.navbar-default .navbar-nav > .open > a .caret, 
.navbar-default .navbar-nav > .open > a:hover .caret, 
.navbar-default .navbar-nav > .open > a:focus .caret {
    border-top-color: #555;
    border-bottom-color: #555;
}
.navbar-default .navbar-toggle {
    border-color: #DDD;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #DDD;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #CCC;
}
nav li a:hover{
    text-decoration: none;
    color: #ee7d00;
}
nav li a:active, nav li a:active::selected{
    color: #ee7d00;
    border-bottom: 1px solid #ee7d00;
    white-space: nowrap;
}
#nav a:link, #nav a:visited {
    color: #ccc;
}
#nav a:hover {
    color: #ee7d00;
}
#nav{
  text-align: justify;
  background: #171717;
  height: 2em;
  line-height: 2em;
}
#nav li {
  display: inline-block;
}
ul li:first-child{
    margin: 0;
}
nav#navigation{
    margin-top:23px;
    margin-left:-30px;
    margin-bottom: 12px;
}

/* ==============================================
   CAROUSELS
   ============================================== */

#carousel-main{
    width: 775px;
}
.carousel-indicators .active{
    background-color: #80cdc2;
    border-color: #80cdc2;
    height: 10px;
    width: 10px;
    margin: 1px;border-bottom: 1px solid #dadcdf;
    border: 0;
}
.carousel-indicators li{
    border-color: #bebdbd;
    background-color: #bebdbd;
}
#carousel-caption{
    z-index: 10;
    padding-bottom: 20px;
    text-align: center;
    text-shadow: 0;
    font-size: 18px;
}
#carousel-caption h1{
    font-size: 32px;
    text-decoration: none;
}
#carousel-caption a h1{
    font-size: 32px;
    text-decoration: none;
    font-style: normal;
    color: #000;
    margin-bottom: 30px;
    margin-top: 10px;
}
#carousel-caption a{
    margin: 0;
    font-style: normal;
    color: #000;
}
#carousel-caption-title-publikacije{
    color: red;
}
.vesti-carousel-caption{
    position: absolute;
    background-color: #ee7d00;
    color: #fff;
    top: 256px;
    left: -15px;
    z-index: 1;
    text-align: left;
    text-shadow: 0;
    font-size: 18px;
    width: 375px;
    max-height: 115px;
}
#caption-p{
    margin-left: 15px;
}
.vesti-carousel-title a{
    color: #fff !important;
    font-size: 18px;
    font-style: normal !important;
    margin-top: 15px;
    margin-left: -5px;
}
#vesti-carousel-indicators{
    position: absolute;
    max-width: 760px;
    bottom: -30px;
    background-color: #fff;
    height: 30px;
    margin-top: 0;
    margin-left: 15px;
    padding-right: -15px;
}
#ol-vesti-carousel-indicators{
    position: relative;
    bottom: -5px;
}
.publikacije-carousel-img{
    margin-left: 91.5px;
}
#vesti-slider-left{
    position: absolute;
    left: -39px;
    right: 0;
    top: 400px;
}
#vesti-slider-right{
    position: absolute;
    right: -53px;
    top: 400px;
}
.carousel-inner {
    height: 345px;
    width: 350px;
}
#vesti-inner {
    width: 100%;
    margin-top: 30px;
    height: 400px;
}
.vesti-caption-second{
    height: 20px;
    background-color: #fff;
    color: #80cdc2;
    width: 100%;
}
#caption-p{
    font-size: 12px;
}
.carouel-indicators .active{
    width: 10px;
    height: 10px;
}
.glyphicon-chevron-right, .carousel-control, .carousel-control.left, .carousel-control.right {
    background: none;
    border: none;
}
.carousel-control {
    top: 58px;
    right: 0%;
    width: 20%;
}
.carousel-control .glyphicon-circle-arrow-left, 
.carousel-control .glyphicon-circle-arrow-right {
    display: inline-block;
    position: absolute;
    top: 10%;
    z-index: 5;
}
.carousel-fade .item {
    opacity: 0;
    -webkit-transition: opacity 2s ease-in-out;
    -moz-transition: opacity 2s ease-in-out;
    -ms-transition: opacity 2s ease-in-out;
    -o-transition: opacity 2s ease-in-out;
    transition: opacity 2s ease-in-out;
    left: 0 !important;
}
.carousel-fade .active {
    opacity: 1 !important;
}
.carousel-fade .left {
    opacity: 0 !important;
    -webkit-transition: opacity 0.5s ease-in-out !important;
    -moz-transition: opacity 0.5s ease-in-out !important;
    -ms-transition: opacity 0.5s ease-in-out !important;
    -o-transition: opacity 0.5s ease-in-out !important;
    transition: opacity 0.5s ease-in-out !important;
}
.carousel-fade .carousel-control {
    opacity: 1 !important;
}
img.img-circle.wp-post-image{
    margin-left: 91.5px;
}
img[class*=wp-image]{
    height: auto;
    width: 100%;
    padding: 20px;
}
.item a, .item a p{
    color: #a5a5a5;
    font-style: italic;
    text-align: center;
}
.slider-title, .slider-title-2{
    color: #000000;
    font-style: normal;
}
#vesti-slider-left{
    position: absolute;
    bottom: 220px;
}
#vesti-carousel-active, #vesti-carousel{
    width: 100%;
}
.img-circle{
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%); 
}
.img-circle:hover{
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
     -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    filter: grayscale(0%); 
}
#subnav li.current-cat a {    color: #ee7d00;
    background-color: #ffffff;
    border-bottom: 1px solid #ee7d00;
    -webkit-transition: all 2s ease-in-out;
    -moz-transition: all 2s ease-in-out;
    -ms-transition: all 2s ease-in-out;
    -o-transition: all 2s ease-in-out;
    transition: all 2s ease-in-out; }
#slider_widget_area{
    height: 470px;
    margin-bottom: 50px;
}

/* ==============================================
   SEARCH
   ============================================== */

input#searchsubmit{
    display:none;
}
.search-submit{
    display: none;
}
input#s{
    max-width: 150px;
    border: 0;
    border-bottom: 1px solid #a5a5a5;
    text-align: right;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 18px;
    font-weight: normal;
    color: #a5a5a5;
    background: url(search.png) no-repeat scroll 63px 3px;
    padding-bottom: 5px;

}
input:focus{
    outline: 0;
}
[placeholder]:focus::-webkit-input-placeholder {
 /* transition: opacity 0.2s 0.1s ease; */
  opacity: 0;
  background: none;
}
#search-container{
    margin-top: 50px;
    margin-bottom: 50px;
    background-color: #fff;
}
#search-div-content form#searchform{
    float: right;
    margin-right: 20px;
}

/* ==============================================
   TABS
   ============================================== */

#tabs{
    margin-top: 30px;
}
#tab-vesti{
    height: 35px;
    padding:0px 10px 0 10px;
    background: #ffffff;
    margin: 0 18px;
    position: relative;
    border-top-left-radius: 6px 4px;
    border-top-right-radius: 6px 4px;
    font-family:sans-serif;
    font-size:13px;
    line-height:20px;
    vertical-align:bottom;
    display:inline-block;
    white-space:nowrap; 
}
#tab-vesti:before {
    content: '';
    line-height: 0;
    font-size: 0;
    width: 0;
    height: 0;
    border-bottom: 32px solid #ffffff;
    border-left: 15px solid transparent;
    position: absolute;
    bottom: 0;
    left: -15px;
}
#tab-vesti:after {
    content: '';
    line-height: 0;
    font-size: 0;
    width: 0;
    height: 0;
    border-bottom: 32px solid #ffffff;
    border-right: 15px solid transparent;
    position: absolute;
    bottom: 0;
    right: -15px;
}
#tab-blog{
    height: 35px;
    padding:0px 10px 0 10px;
    background: #ffffff;
    margin: 0 0px 0px 12px;
    position: relative;
    border-top-left-radius: 6px 4px;
    border-top-right-radius: 6px 4px;
    font-family:sans-serif;
    font-size:13px;
    line-height:20px;
    vertical-align:bottom;
    display:inline-block;
    white-space:nowrap; 
}
#tab-blog:before {
    content: '';
    line-height: 0;
    font-size: 0;
    width: 0;
    height: 0;
    border-bottom: 32px solid #ffffff;
    border-left: 15px solid transparent;
    position: absolute;
    bottom: 0;
    left: -15px;
}
#tab-blog:after {
    content: '';
    line-height: 0;
    font-size: 0;
    width: 0;
    height: 0;
    border-bottom: 32px solid #ffffff;
    border-right: 15px solid transparent;
    position: absolute;
    bottom: 0;
    right: -15px;
}
#tab-vesti-blog {
    list-style: none;
    margin: 0;
    padding: 0;
}
#tab-vesti-blog {
    padding-left: 20px;
    z-index: 5;
}
#tab-vesti-blog li {
    background: #fefefe;
    padding: 14px 24px 10px;
    margin: 0px 10px 0 10px;
    position: relative;
    float: left;
    text-align: center;
    z-index: 1;    
}
#tab-vesti-blog li::before {
    content: '';
    display: block;
    position: absolute;
    top: 0; left: 0;
    width: 70%;
    height: 100%;
    border-style: solid;
    border-color: #fff;
    border-width: 2px 0 2px 2px;
    border-radius: 8px 0 0 0;
    -webkit-transform: skewX(-20deg);
    -moz-transform: skewX(-20deg);
    -o-transform: skewX(-20deg);
    transform: skewX(-20deg);
    background-color: inherit;
    z-index: -1;
    border-bottom-color: #fff;
}
#tab-vesti-blog li::after {
    content: '';
    display: block;
    position: absolute;
    top: 0; right: 0;
    width: 70%;
    height: 100%;
    border-style: solid;
    border-color: #fff;
    border-width: 2px 2px 2px 0;
    border-radius: 0 8px 0 0;
    -webkit-transform: skewX(20deg);
    -moz-transform: skewX(20deg);
    -o-transform: skewX(20deg);
    transform: skewX(20deg);
    background-color: inherit;
    z-index: -1;
    border-bottom-color: #fff;
}
#tab-vesti a, #tab-blog a{
    color: #444444;
}
#tab-vesti:hover a{
   color: orange;
}
#tab-vesti.active a{
    color: orange;
}
.tab-content{
    background-color: #ffffff;
    margin-bottom: 50px;
}
.nav-tabs>li{
    margin-left: 30px;
 }
.nav-tabs>li>a{
    background-image(url:'')
    font-size: 18px;
    border: 0;
    background-color: #f7f8fa;
    bottom: -6px;
    height: 5px;
    padding-bottom: 20px;
    padding-top: 3px;
    margin-right: -2px;
    color: #848484;
    position: relative;
}
.navs-tabs>li.active:Before{
    top: 30px;
}
.nav-tabs>li>a{
    border: 1px solid #f7f8fa;
    border-bottom: 10px solid #f7f8fa;
}
.nav-tabs>li>a:hover, .nav-tabs>li>a:focus{
    background-color: #f7f8fa;
    border: 1px solid #f7f8fa;
    border-bottom: 10px solid #f7f8fa;
}
.nav-tabs>li>a:before, .nav-tabs>li>a:hover:before, .nav-tabs>li>a:focus:before{
    content: '';
    line-height: 0;
    font-size: 0;
    width: 0;
    height: 0;
    border-bottom: 31px solid #f7f8fa;
    border-left: 17px solid transparent;
    position: absolute;
    bottom: -7px;
    left: -16.5px;
}
.nav-tabs>li>a:after, .nav-tabs>li>a:hover:after, .nav-tabs>li>a:focus:after{
 content: '';
    line-height: 0;
    font-size: 0;
    width: 0;
    height: 0;
    border-bottom: 31px solid #f7f8fa;
    border-right: 17px solid transparent;
    position: absolute;
    bottom: -7px;
    right: -16.5px;
}
.nav-tabs{
    border: 0;
    margin-left: 20px;
    margin-right: 30px;
}
.nav-tabs>li.active>a{
    height: 5px;
    padding-bottom: 20px;
    padding-top: 3px;
    position: relative;
}
.navs-tabs>li.active:Before{
    top: 30px;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{
    border: 1px solid #fff;
    border-bottom: 10px solid #ffffff;
    color: #000;
}
.nav-tabs>li.active>a:before, .nav-tabs>li.active>a:hover:before, .nav-tabs>li.active>a:focus:before{
    content: '';
    line-height: 0;
    font-size: 0;
    width: 0;
    height: 0;
    border-bottom: 31px solid #ffffff;
    border-left: 17px solid transparent;
    position: absolute;
    bottom: -7px;
    left: -16.5px;
}
.nav-tabs>li.active>a:after, .nav-tabs>li.active>a:hover:after, .nav-tabs>li.active>a:focus:after{
    content: '';
    line-height: 0;
    font-size: 0;
    width: 0;
    height: 0;
    border-bottom: 31px solid #ffffff;
    border-right: 17px solid transparent;
    position: absolute;
    bottom: -7px;
    right: -16.5px;
}

/* ==============================================
   CALLS
   ============================================== */

a.call-title-front-page{
    color: black;
    font-size: 24px;
}
.call-box-front-page, .call-box-front-page-past{
    padding-top: 20px;
    margin-left: 20px;
}
.call-meta-front-page{
    float: left;
    padding: 20px;
    margin-left: 20px;
    margin-right: 10px;
    background-color: #80cdc2;
    width: 90%;
    height: 80px;
    color: #ffffff;
}
#div-call-title-cat{
    color: black;
    font-size: 24px;
}
.call-title-container{
    margin: auto 20px;
}
.uep_call_date-front-page{
    padding-left: 20px;
}
.uep_event_date-front-page{
    font-weight: 200;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 24px;
}
.uep_event_date{
        font-weight: 200;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 24px;
}
.uep_event_title{
    margin-bottom: 10px;
}
.calls-container{
    background-color: #ffffff;
    margin-top: 50px;
    margin-bottom: 50px;
    padding-bottom: 50px;
}
#call-meta{
    background-color: #80cdc2;
    width: 90%;
    max-height: 80px;
    margin-left: 20px;
}
#call-box{
    margin-bottom: 30px;
}
.call-meta, .call-meta-past{
    background-color: #80cdc2;
    color: #ffffff;
    min-height: 75px;
    padding: 20px 15px 20px 20px;
}
.call-meta-past{
    background-color: #bebdbd;
}
a.call-title{
    color: black;
    font-size: 24px;
    font-weight:light;
    line-height: 1;
}
#call-excerpt-front-page{
    margin-top: 10px;
    margin-left: 20px;
}
#call-excerpt{
    margin-top: 0;
    margin-left: 20px;
    margin-right: -20px;
}
#call-excerpt p{
    margin-top: 0;
    margin-left: 0;
}
#div-call-title{
    margin-left: 20px;
}

/* ==============================================
   EVENTS
   ============================================== */


.nav-tabs>li.active>a>.icon-dogadjaji{
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: none;
    -webkit-filter: grayscale(0%);
    height: 16px;
    width: 8px;
}
.nav-tabs>li.active>a>#icon-location{
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: none;
    -webkit-filter: grayscale(0%);
    height: 18px;
    width: 12px;
}
.icon-dogadjaji{
    margin-top: 2px;
    margin-left: 5px;
    width: 8px; 
    height: 16px;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);  /* For Webkit browsers */
    filter: gray;  /* For IE 6 - 9 */
    -webkit-transition: all .6s ease;  /* Transition for Webkit browsers */
}
.icon-location{
    margin-left: 5px;
    width: 8px; 
    height: 16px;
}
#icon-location{
    margin-left: 5px;
    width: 12px; 
    height: 18px;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);  /* For Webkit browsers */
    filter: gray;  /* For IE 6 - 9 */
    -webkit-transition: all .6s ease;  /* Transition for Webkit browsers */
}
.time{
    margin-bottom: 3px;
    padding-right: 2px;
}
.location{
    padding-left: 1px;
    padding-right: 5px;
    padding-top: 7px;
}
.dogadjaji-front-page-sve{
    margin-right: 20px;
    padding-bottom: 34px;
    padding-left: 45px;
    margin-top: 20px;
}
.event_venue{
    position: relative;
    top: 5px;
}
.dogadjaji-related-sve, .dogadjaji-related-sve a, .dogadjaji-related-sve a{
    font-size:18px;
    border-bottom: 1px solid #80cdc2;
    padding-bottom: 5px;
    text-decoration: none;
    display:inline;
    -webkit-transition-property:color, text;
    -webkit-transition-duration: 0.15s, 0.15s;
    -webkit-transition-timing-function: linear, ease-in;
    -moz-transition-property:color, text;
    -moz-transition-duration:0.15s;
    -moz-transition-timing-function: linear, ease-in;
    -o-transition-property:color, text;
    -o-transition-duration:0.15s;
    -o-transition-timing-function: linear, ease-in;
}
.dogadjaji-related-sve:hover{
    border-bottom: 1px solid #ee7d00;
    color:#ee7d00;
}
.search-events{
    text-align: right;
    padding-top: 20px;
    padding-right: 35px;
}
#event-single-header{
    background-color: #80cdc2;
    color: #fff;
    margin-left: 21px;
    margin-right: 21px;
    max-width: 94.4%;
    margin-bottom: 30px;
    margin-top: 10px;
}
#event-single-header p{
    margin: 10px;
}
#event-single-hr{
    width: 94.4%;
}
.date{
    padding-right: 10px ;
    padding-bottom: 3px;
}
.event-single-date{
    padding-left: 20px;
    color: #80cdc2;
}
#time-single, #location-single{
    padding-right: 5px;
    padding-left: 30px;
    padding-bottom: 3px;
}
.events-container{
    background-color: #ffffff;
    margin-top: 50px;
    margin-bottom: 45px;
    padding-bottom: 45px;
}
.event-box{
    margin: 20px;
}
.event-box-front{
    padding: 20px;
}
.event-meta, .event-meta-past{
    background-color: #80cdc2;
    color: #ffffff;
    min-height: 75px;
    padding: 20px;
}
.event-meta-past{
    background-color: #bebdbd;
}
.event-title-container{
    margin-bottom: 5px;
}
.event-title{
    line-height: 1;
}
a.event-title{
    color: black;
    font-size: 24px;
    font-weight:light;
}
.event-title-cat-container{
    padding-bottom: 10px;
}
.event-title-cat-container a{
    color: #000;
}
.event-title-cat{
    color: #000;
    font-size: 24px;
    font-weight:light;
}
.event-excerpt-front-page p{
    margin-left: 0;
    margin-top: 5px;
    font-size: 14px;
}
.event-excerpt p{
    margin-top: -5px;
    margin-bottom: 0;
}
.event-excerpt{
    padding-right: 30px;
}
.call-meta-past-div-front{
    margin-top: 5px;
    margin-right: 15px;
    margin-bottom: 5px;
}
.call-box-front-page-past{
    margin-left: 20px;
}
.call-meta-past{
    margin-left: 20px;
    width: 90%;
}
#call-excerpt-category{
    padding-left: 10px;
}
#call-excerpt-category p{
    margin-top: -4px;
}
.search-call-event{
    text-align: right;
    padding: 20px;
}

/* ==============================================
   NEWS
   ============================================== */

#first-posts-vesti{
    background-color: #ffffff;
    margin: 50px 0;
}
.vesti-img{
    padding: 20px;
}
.other-posts-vesti{
    margin-top: 0;
    margin-bottom: 50px;
    padding-bottom: 30px;
    background-color: #ffffff;
}
.other-post-vesti{
    height: 530px;
    margin-top: 0;
    padding-bottom: 20px;
    background-color: #ffffff;
    overflow: hidden;
}
h1.h1-vesti{
    padding-left: 20px;
    padding-right: 20px;
    text-decoration: none;
}
h1.h1-vesti a{
    color: #000000
}
.h1-vesti-other a{
    font-size: 24px;
}
h2.h2-vesti{
    padding-left: 10px;
    text-decoration: none;
}
h2.h2-vesti a{
    color: #000000
}
.h2-first{
    font-size: 30px;
}
.h2-other{
    font-size: 24px;
}
.h2-first a, .h2-other a{
    color: #000 !important;
}
.vesti-single-title{
    padding-left: 20px;
    padding-right: 20px;
}
.date {
    color: #80cdc2;
    padding-left: 13px;
}
#vesti-search{
    background-color: #ffffff;
    padding-top: 10px;
}
#vesti-search-front-page{
    background-color: #ffffff;
    padding-top: 10px;
    margin-bottom: 0;
    padding-bottom: 30px;
}
#vesti-search-front-page form#searchform{
    float: right;
    margin: 10px 25px 0px auto;
    padding: 0;
}
#vesti-search form#searchform{
    float: right;
    margin: 10px 25px 20px auto;
}
.vesti-related{
    background-color: #ffffff;
    margin-bottom: 122px;
}
.vesti-related-container{
    height: 370px;
}
#vesti-hr{
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ffffff;
    margin-top: 36px;
    margin-bottom: 36px;
    padding: 0;
    width: 30%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
#vesti-related-title{
    margin: 20px;
}
.vesti-related-header:hover{
    background-color: #ee7d00;
    color: white;}
.vesti-related-title:hover{
    color: white;
}
.vesti-related-header a{
    color: white;
    text-decoration: none;
}
#vesti-related-date{
    font-size: 12px;
    color: #80cdc2;
}
#vesti-related-sve, #vesti-related-sve a, li#vesti-related-sve a, #vesti-related-sve:hover {
    font-size:18px;
    border-bottom: 1px solid #80cdc2;
    padding-bottom: 5px;
    text-decoration: none;
    display: inline;
}
#vesti-sve{
    padding-bottom: 40px;
}
#p-tabs {
    position: relative;
    display: inline-block;
    padding: 1em;
    margin: 2em;
}
#category-vesti{
    background-color: #ffffff;
    margin-bottom: 122px;
    margin-top: 45px;
}


/* ==============================================
   BLOG
   ============================================== */

.blog-sidebar img.avatar{
    margin: 0 auto 0 30px;
    border-radius: 50%;
}
.blog-sidebar-single{
    margin-top: 50px;
}
.blog-sidebar-single img.avatar{
    margin: 0 auto 0 30px;
    border-radius: 50%;
}
.page-title span img.avatar{
    border-radius: 50%;
}
#h1-vesti{
    margin:0;
    padding: 0 20px 0 20px;
}
.h1-vesti{
    margin-top: 0;
    padding-top: 5px;
    font-size: 24px;
}
.vesti-front-page p{
    font-size: 14px;
    margin-top: 1px;
}
.vesti-front-page h1{
    padding: 5px 0px 0 10px;
    font-size: 24px;
    margin-bottom: 0;
}
.vesti-front-page h1{
    padding: 5px 10px 0 10px;
    font-size: 24px;
    margin-bottom: 0;
}
.vesti-front-page-title p{
    margin-top: 0;
}
.vesti-front-page h1 a:hover{
    color:#ffffff;
}
.vesti-front-page-title{
    margin-bottom: 10px;
    padding-bottom: 5px;
    margin-left: 10px;
    width: 95%;
}
.vesti-front-page-title:hover a{
    background-color: #ee7d00;
    color: #fff;
}
.vesti-front-page-title:hover .date{
    background-color: #ee7d00;
    color:white;
}
.vesti-front-page-title:hover{
    background-color: #ee7d00;
}
#blog-search{
    background-color: #ffffff;
    margin-top: 50px;
    margin-bottom: 50px;
    height: 75px;
}
#blog-search form#searchform{
    float: right;
    margin: 23px 8px 23px auto;
}
#blog-image{
    margin-top: 50px;
}
.attachment-blog, img.wp-image{
    height: auto;
    width: 100%;
}
.blog-title{
    background-color: #ffffff;
    padding-left: 15px;
}
.blog-title h1 a{
    color: #000000;
    text-decoration: none;
}
.blog-content{
    background-color: #ffffff;
    margin-bottom: 50px;
    padding-bottom: 40px;
}
.blog-sidebar-single{
    margin-top: 50px;
}
.blog-sidebar p a, .blog-sidebar-single p a{
    color: grey;
    border-bottom: 1px solid grey;
}
.blog-front-page-author{
    margin-top: 0;
    padding: 0 20px 20px 15px;
}
.blog-author-container, .blog-author-container-single{
    padding-top:25px;
    padding-bottom: 15px;
    padding-left: 60px;
}
.blog-author-container a, .blog-author-container-single a{
    font-size: 24px;
    color: #000;
}
span.blog-author a, span.blog-author a:visited{
    text-decoration: none;
    border: 0;
    font-size: 24px;
    color: #000;
}
.blog-author, .blog-author a, .blog-author a:visited{
    padding-left: 20px; 
    margin-top: 10px;
    font-size: 24px;
    color: #000;
    padding: 0;
    text-align: left;
}
.inline-image {
    height: auto;
    width: 100%;
    padding-bottom: 20px;
}
.blog-content> p> a> .inline-image{
     margin: 0;
    padding: 0;
}
.page-title span img.avatar{
    margin-left: 0;
}

/* ==============================================
   SINGLE ARTICLE
   ============================================== */

#single_container{
    margin-top: 50px;
}
.single-article{
    background-color: #ffffff;
    padding-bottom: 40px;
}
.article-feature-image img {
    max-width:100%;
    height:auto;
}
.content-single{
    margin-top: 50px;
}
.title-related-single{
    padding-top: 20px;
}

/* ==============================================
   PUBLICATIONS
   ============================================== */

#publikacije-search{
	background-color: #ffffff;
	margin-top: 50px;
}
#publikacije-search form#searchform{
	float: right;
	margin: 10px 22px 20px auto;
}
#publikacije-col{
	margin-top: 50px;
	margin-bottom: 50px;
}
.publikacije-single-article{
	background-color: #ffffff;
	margin: 50px 0;
	padding-bottom: 40px;
}
.img-publikacije{
	margin-top: 30px;
	float:left;
	clear:both;
	padding: 0 20px 20px 20px;
}
.publikacije-author, .publikacije-author a, .publikacije-author a:visited{
    padding-top: 20px;
    font-size: 14px;
    color: #80cdc2;
    padding-bottom: 20px;
    text-align: left;
}
#h1_publikacije{
	float:left;
	clear: both;
}
#h1-publikacije{
    padding-top: 8px;
    margin-right: 10px;
    padding-right: 5px;
}
h1.h1_publikacije a{
	color: #000000;
	text-decoration: none;
}
.h1-publikacije-single a{
	font-size: 36px;
}
#h1-publikacije-related{
	font-size: 24px;
    padding-top: 8px;
}
#h1-publikacije a{
	margin-top: 5px;
	color: #000000;
	line-height: 46px;
}
#publikacije-related p{
	line-height: 18px;
	font-size: 14px;
}
#publikacije-date{
	color: #80cdc2;
}
.first-title-publikacije{
	padding-top: 5px;
	padding-bottom: 20px;
}
.first-title-publikacije h1.h1_publikacije{
	margin-bottom: 10px;
}
.first-title-publikacije p{
	font-size: 18px;
	margin: 20px 0;
}
#second-publikacije{
	margin: 10px 0 20px 0;
}
#second-publikacije p{
	font-size: 14px;
	margin: 20px 0;
}
#second-publikacije .h1_publikacije{
	font-size: 24px;
}
h1.h1-publikacije-second a{
	font-size: 24px;
	color: #000000;
}
#other_posts_publikacije form#searchform{
	float: right;
}
#publikacije-search{
	padding: 15px;

}
#first_post_publikacije, #other_posts_publikacije{
	background-color: #ffffff;
    overflow: hidden;
}
#other_posts_publikacije{
    padding-right: 20px;
}
#publikacije-related{
	background-color: #ffffff;
	margin-bottom: 50px;
    overflow: hidden;
}
#img-publikacije-related{
	padding: 20px;
	padding-top: 30px;
	width: 100;
	height: 150;
	clear: both;
	float: left;
}


/* ==============================================
   TEAM PROFILES
   ============================================== */

.profile{
    margin-top: 65px;
    margin-left: 20.5px;
    margin-right: 16.5px;
}
#team-p{
    text-align: justify;
    font-size: 18px;
    margin: 15px;
    margin-bottom: 50px;
}
.team-title{
    text-align: center;
}
#team-div-p {
    padding-right: 0;
}
 #team-div-p2{
    padding-left: 0;
    }
#team_container{
    background-color: white;
    margin-top: 50px;
    margin-bottom: 50px;
    padding-bottom: 30px;
}
#team-h1{
    margin-top: 20px;
    margin-bottom: 30px;
}
#team-h1 h1{
    font-size: 30px;
    line-height: 15px;
    text-align: center;
}
p.lead.position{
    text-align: center;
    font-size: 14px;
    font-style: italic;
    color: #878686;
}
.profile-header{
    text-align: center;
}
#yihr-icon{
    margin-right:auto;
    margin-left:auto;
    margin-top: 36px;
    display: block;
}
#saradnici{
    margin-top: 35px;
}
#profile-saradnici{
    margin-top: 45px;
    margin-bottom: 160px;
}
.team-title{
    text-align: center;
}
.team-single p{
    margin: 0;
    margin-bottom: 50px;
}


/* ==============================================
   ARCHIVE
   ============================================== */

.archive-container{
    padding-bottom: 80px;
    margin-top: 50px;
    margin-bottom: 80px;
    background-color: #fff;
}
.archive-month-title{
    margin-right: 30px;
}
.archive-list-container{
    margin: 30px;
}
.archive-day-container{
    width: 35px;
}
div.col-md-3.archive-title-container{
    margin-bottom: 10px;
}
.year-circle{
    text-align: center;
    width: 300px;
    height: 300px;
    background: #bfe6e0;
    color: #fff;
    -moz-border-radius: 150px;
    -webkit-border-radius: 150px;
    border-radius: 150px;
    padding-top: 90px;
    margin: 30px auto 30px auto;
}
.year-circle-title{
    font-family: Georgia, serif;
    font-size: 72px;
    color: #fff;
    text-decoration: none;
    list-style: none;
    font-weight: bold;
}
.year-link, .year-link:hover{
    text-decoration: none;
}
.archive-line{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
}
.archive-month{
    text-transform: uppercase;
    list-style: none;
}
.archive-month {
    color: #ee7d00;
    font-size: 18px;
}
.archive-day{
    font-size: 18px;
    margin-right: 30px;
    color: #ee7d00;
}
.archive-title{
    font-size: 72px;
    text-transform: uppercase;
    text-align: center;
}
.archive-title-line{
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
    width: 10%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.archive-text{
    padding: 0 30px;
}
.archive-post-title-container{
    margin-top: 2.5px;
    margin-left: -15px;
    padding-left: 10px;

}
.archive-post-title{
    font-size: 16px;
    color: #9f9e9e !important;
}
.row-flex, .row-flex > div[class*='col-'] {  
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
   /* flex:1 1 auto; */
}
.row-flex-wrap {
    -webkit-flex-flow: row wrap;
    align-content: flex-start;
    flex:0;
}
.row-flex > div[class*='col-'], .container-flex > div[class*='col-'] {
     margin:-.2px; /* hack adjust for wrapping */
}
.flex-col{
    display: flex;
    display: -webkit-flex;
    flex: 1 100%;
    flex-flow: column nowrap;
}
.flex-grow{
    display: flex;
    -webkit-flex: 2;
    flex: 2;
}
.page-header{
    margin-bottom: 30px;
}
.entry-title, .entry-meta{
    margin-left: 20px;
}
.entry-title a{
    color: #444444;
}
.entry-content{
    background-color: #fff;
}
.archive-list li{
    display: block;
}
.archive-list li a{
    color: #444444;
}
.archive-list{
    text-align: center;
	padding-left: 0;
}
.year{
    text-align: center;
}
.highlight-a{
    color: red important!;
}

/* ==============================================
   PAGINATION
   ============================================== */

#pagination{
	margin-bottom: 145px;
}
.paging-navigation{
	margin-left: 20px;
}
.pagination-left{
	float: left;
}
.pagination-right{
	float: right;
}
.pagination > ul > li > a, .pagination > ul > li > .current {
    font-size: 18px;
     border: 0;
}
span.current{
	color: black;
}
#left-pagination{
    padding: 12px 12px !important;
    margin-right: 185px;
    margin-left: 20px;
}
#right-pagination{
    padding: 12px 12px !important;
    margin-left: 164px;
    margin-right: 17px;
}
.page-numbers{
	padding-top: 20px;
	padding-left: 28px;
	padding-bottom: 5px;
}
#pagination-div {
    margin-top: 32px;
    background-color: #fff;
}
.pagination-container-inner{
    text-align: center;
}
#pagination-div ul {
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
    background-color: #fff;
    height: 50px;
    padding-left: 0;
}
#pagination-div ul>li {
    display: inline;
}
#pagination-div ul>li:first-child>a, #pagination ul>li:first-child>span {
    border-left-width: 1px;
}
#pagination ul>li:last-child>a, #pagination ul>li:last-child>span {
    border-right-width: 1px;
}
#pagination ul>li>a, #pagination ul>li>span {
    float: left;
    padding: 14px 12px;
    text-decoration: none;
    background-color: #ffffff;
    font-size: 18px;
    border-left-width: 0;
}

/* ==============================================
   FOOTER
   ============================================== */

div.menu a{
    color: #444444;
    font-size: 24px;
    letter-spacing:1.8px;
}
#menu-menu-2 li, #menu-menu-3 li{
    display: inline;
}
#menu-menu-2, #menu-menu-3{
    padding-left: 0;
}
#footer{
    background-color: #bfe6e0;
    border-bottom: 5px solid #ee7d00;
}
#first_footer{
    background-color: #ffffff;
}
#first_footer_full{
    background-color: #ffffff;
    border-top: 1px solid #dcdee1;
}
.sub-menu{
    display: none;
}
.logo_footer{
    height: 100px;
    margin-right: 70px;
    margin-top: 30px;
    margin-bottom: 30px;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%); 
}
.logo_footer:hover{
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -o-filter: grayscale(0);
    -ms-filter: grayscale(0);
    filter: grayscale(0);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2sease-in-out; }
}
.logo_footer:first-child{
    margin-left: -17px;
}
.logo_footer:hover{
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    filter: grayscale(0%);
}
.circle{
    font-family: 'Source Sans Pro', sans-serif;
    margin-left:13px;
    width:30px;
    height:30px;
    border-radius:100%;
    border:1px solid #dadcdf;
    background-color:#f0f3f6;
    color:#ee7d00;
    text-align:center;
    font-size:10px;
    font-weight: bold;
    overflow:hidden;
    line-height:26px;
    float:right; 
}
.circle:hover{
    background-color:#ee7d00;
    color:#ffffff;
    border:1px solid #f0f3f6;
}
.current-post-parent.menu-item > a{
    color: #ee7d00 !important;
    border-bottom: 1px solid #fff;
}
#footer_nav div.menu-menu-1-container a, #menu-menu-3 a{
    font-size: 18px;
    color: #444444 !important;
    letter-spacing: 0.2px;
    padding-right: 48px;
    border-bottom: 0;
}
#footer_nav div.menu-english-menu-container a{
    font-size: 18px;
    color: #444444 !important;
    letter-spacing: 0.2px;
    padding-right: 48px;
    border-bottom: 0;
}
#footer_nav{
    margin-top:45px;
    margin-bottom: 40px;
}
#footer_up{
    margin-top:45px;
    margin-bottom: 50px;
}
a.back-to-top{
    line-height: 30px;
    font-size: 14px;
    font-family: 'Source Sans Pro', sans-serif;
    color: #000000;
}
.menu-menu-1-container{
    font-size: 18px;
    color: #000000;
}
.menu-menu-1-container a, .dropdown-menu>li>a{
    font-size: 24px;
    color: #444444;
    letter-spacing:1px;
}
#footer_row{
    margin-bottom: 75px;
}
.arrow-up{
    margin-right: 13px;
}
.credit{
    font-size: 12px;
    margin-left: 0px;
}
#sidebar-widget{
    margin-top: 10px;
}
#sidebar-2{
    margin-bottom: 60px;
}
.footer-text{
    margin-bottom: 20px;
}
.footer-info{
    float: right;
    font-size: 12px;
}
.page-title{
    margin-right: 20px;
}
.page-title-none{
    margin-left: 20px;
    margin-right: 20px;
}
.page-header{
    margin-left: 20px;
    margin-right: 20px;
}

p#credit{
    font-size: 12px;
}



/* ==============================================
   MEDIA QUERIES
   ============================================== */

@media screen and (max-width: 480px){
nav.navbar
    {
        margin: 0;
    }   
.container {
        padding:0;
        margin:0;
    }
#profile{
    	min-height: 0;
    	max-height: none;
}
#publikacije-col{
        margin-top: 0;
}
#team-h1 h1{
	   line-height: 26px;
}
p#credit{
   	    text-align: center;
    }
    .h1-vesti-other.h1-vesti{
       	text-align: center;
       	line-height: auto;
       	font-size: 24px;
    }
    .navbar-default .navbar-nav > li > a {
        color: #444444;
        font-size: 24px;
        text-align: center;
        padding: 10px 0;
        margin: 0;
}
.navbar-default {
        background-color: #ffffff;
        border-color: #ffffff;
        margin-top: 0;
}
.circle{
        font-family: 'Source Sans Pro', sans-serif;
        margin-left:13px;
        width:100%;
        height:auto;
        border-radius:0;
        border:1px solid #dadcdf;
        background-color:#f0f3f6;
        color:#ee7d00;
        text-align:center;
        font-size:10px;
    	font-weight: bold;
        overflow:hidden;
    	line-height:26px;
    	float:right;
    	display: inline-block;
}
.year-circle{
        text-align: center;
        width: 150px;
        height: 150px;
        background: #bfe6e0;
        color: #fff;
        -moz-border-radius: 75px;
        -webkit-border-radius: 75px;
        border-radius: 150px;
        padding-top: 50px;
        margin: 30px auto 30px auto;
}
.year-circle-title{
        font-size: 30px;
}
.archive-post-title-container{
        margin-left: -15px !important;
}
.lang-item {
        padding-left: 10px;
        float: right;
        display: block;
        margin-bottom: 8px;
        margin-right: 2px;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background-color: #fff;}
#vesti-inner{
        width: 100%;
        height: auto;
}
#vesti-carousel-indicators{
        min-width: 350px;
}
.blog-author-container-single{
        margin-left: 20px;
}
.team-single p{
        margin: 20px;
}
#first-widget-area{
        padding-left: 0;
        margin-bottom: 0;
}
img.img-circle.wp-post-image{
        margin-left: 26.5%;
}
.dogadjaji-front-page-sve{
        margin-left: -25px;
        text-align: center;
}
.dogadjaji-related-sve, .dogadjaji-related-sve a, .dogadjaji-related-sve:hover{
        font-size: 20px;
}
#carousel-main{
        width: 100%;
}
#vesti-carousel-caption{
        top: 50%;
        width: 200px;
}
#vesti-carousel-caption{
        left: 0;
}
#first-widget-area{
        margin-left: 5%;
        margin-right: 5%;
        width: 350px;
}
.h1-vesti-other.h1-vesti{
        text-align: left;
}
.vesti-single-title{
        font-size: 24px;
}
div.event-box.col-md-6{
        margin: 0;
}
.event-excerpt p{
        margin-top: 20px;
}
.blog-sidebar{
        padding-left: 20px;
}
.blog-author-container, .blog-author-container-single{
        padding: 10px 0 0px 0px !important;
} 
.blog-date{
        padding-left: 0 !important;
}
.blog-content{
        margin-bottom: 0;
}
.archive-post-title-container{
        margin-left: 0;
}
.credit{
        position: static !important;
        display: block;
        margin: 10px auto; 
        text-align: center;
}
.footer-info-container{
        text-align: center;
        margin-bottom: 20px;
}
.footer-info{
        display: inline-block;
        margin: 0 auto !important; 
        float: none;
        height: 18px;
}
.footer-text{
        margin-bottom: 0;
}
.footer-info.tel{
        margin-right: 0 !important;
}
#pagination{
        margin-bottom: 0 !important;
    }
.single-title-container{
        padding-bottom: 0 !important;
}
.img-publikacije{
	float: none;
	padding: 20px 20px 0 20px;
}
.h1-publikacije-single{
	padding-top: 0 !important;
	padding-left: 20px;
}
.h2-first, .publikacije-date, .h1-publikacije-second{
	padding-left: 20px;
}
.publikacije-date-first{
	padding-left: 0;
}
blockquote{
        width: auto;
        margin-bottom: 0;
}
blockquote p{
        font-size: 20px;
}
}
@media (max-width: 768px) {
    #first-posts-vesti{
        margin: 0;
        padding-bottom: 10px;
    }
    #carousel-main, #vesti-inner{
        height: auto;
        width: 100%;
    }
    #vesti-carousel-indicators, #vesti-slider-right, #vesti-slider-left{
        display: none !important;
    }
    #carousel-main, .item.active{
        margin-left: 0 !important;
    }
    .vesti-carousel-caption{
        top: 0px;
        margin: 0 0 0 15px;
    }
    .post-attachment-widget{
        padding-left: 0;
    }
    }

@media (min-width: 480px) and (max-width: 992px) {
    .dogadjaji-front-page-sve{
        padding-left: 20px;
    }
    .navbar-default .navbar-nav > li > a{
        text-align: center;
    }
    .team-single{
	padding: 20px;
}
}
@media (min-width: 480px) and (max-width: 1200px) {
    .left-carousel-control, .right-carousel-control{
        width: 54px;
    }
    .publikacije-carousel-img, .team-slider{
        margin-left: 57.5px !important;
    }
    .slider-title{
        width: 283px;
    }
     .team-slider-description{
        width: 246px;
     }
    #carousel-caption{
        width: 282px;
     }
     .carousel-control{
        left: -2px;
     }
     #publikacije-carousel-indicators{
        bottom: -10px;
}
}

 @media screen and (max-width: 992px){
    .archive-month-title{
        display: block;
        text-align: center;
        margin: 0 !important;
    }
    .archive-title-container{
        text-align: center !important;
    }
    .archive-day{
        margin: 0 !important;
    }
    .row-flex{
        display: block;
    }
    .row-flex, .row-flex > div[class*='col-']{
        display: block;
    }
    .archive-day-container{
        width: auto;
    }
    .archive-container{
        margin-bottom: 0;
    }
    .footer-info.tel{
        margin-right: -80px;
    }
    .avatar.avatar{
        display: none;
    }
    .blog-author-container{
        padding: 10px 0 0 0;
    }
    .blog-date{
        padding-left: 0 !important;
    }
    .first-title-publikacije {
        padding: 20px;
    }
    .h1_publikacije{
        margin-top: 6px;
    }
    .h1_publikacije, .h1-publikacije-second{
        font-size: 22px;
        line-height: 1;
    }
    .h1-publikacije-second{
        margin-top: 25px !important;
    }
    .attachment-publikacije-first{
        height: 270px;
        width: 175px;
    }
    #first_post_publikacije p{
        font-size: 16px;
    }
    #img-publikacije-related{
	padding-top: 13px;
    }
    .blog-sidebar{
        background-color: #fff;
        margin-bottom: -20px;
    }
    .blog-title{
        padding-top: 1px;
        padding-bottom: 10px;
    }
    .blog-content{
        padding-top: 10px;
    }
    .blog-author-container, .blog-author-container-single{
        padding: 10px 0 0px 20px;
    }
    .blog-date{
        padding-left: 20px !important;
    }
    .vesti-single-title{
        margin-top: 0;
        padding-top: 20px;
    }
    #TeamCarousel{
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }
    .event-excerpt p{
        margin: 20px 0 0 0;
    }
    .vesti-front-page{
        margin-bottom: 20px;
    }
    .search-events{
        padding-right: 20px;
    }
    #vesti-search-front-page{
        padding-bottom: 50px;
    }
    .event-box-front:first-child{
        padding-top: 20px;
    }
    .event-box-front{
        padding: 0 20px 0 20px;
    }
    #call-excerpt-category{
        padding: 20px 20px 10px 0;
    }
    .search-call-event{
        padding-right: 50px;
    }
    .team-single-title{
        padding-top: 22px;
    }
        }


@media (min-width: 768px) and (max-width: 991px) {
   .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
    .navbar-toggle {
        display: block;
        margin: 0 0 10px 0;
    }
    #first-posts-vesti{
        padding-bottom: 20px;
    }
    .other-post-vesti{
        height: auto;
    }
    .attachment-vesti-thumb{
        width: 680px;
        height: 360px;
    }
    #carousel-main{
        width: 735px;
    }  
    #vesti-carousel-indicators{
        width: 720px;
        bottom: -10px;
    }
    #vesti-slider-left{
        position: absolute;
        left: -15px;
        right: 0;
        top: 378px;
}
#vesti-slider-right{
        position: absolute;
        right: -29px;
        top: 378px;
    }
}
@media (max-width: 1229px){
    #region_nav ul{
        padding-left: 50px;
    }
    ul#region_nav li a{
        margin: 0 55px 0 15px
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
   .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
        margin: 0 0 10px 0;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
    #region, #social_p, #social-icon-region{
        display: none !important;
    }
    #social-icon-fb{
        margin-right: 10px;
    }
    ul#region_nav li a{
        margin: 0 55px 0 15px !important; 
    }
     .footer-contact{
        margin-right: 20px;
    }
        .dogadjaji-front-page-sve{
        padding-left: 35px;
    }
    #pagination{
        margin-bottom: 0 !important;
    }
    .attachment-vesti-thumb{
        width: 274px;
        height: 145.06px;
    }
    .other-post-vesti{
        height: auto;
    }
    .h1-vesti{
        padding-right: 15px;
    }
    #carousel-main{
        width: 640px;
    }
    .vesti-carousel-caption{
        top: 200px;
    }
    #vesti-carousel-indicators{
        width: 625px;
        bottom: 41px;
    }
    #vesti-slider-right, #vesti-slider-left{
        top: 328px;
    }
    #vesti-carousel-indicators{
        width: 625px !important;
    }
    }

@media (max-width: 1199px){
    .navbar-default .navbar-nav > li > a:hover,
    .navbar-default .navbar-nav > li > a:focus {
    border-bottom: 0;
}
}