/*buco za pristupačnost */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,700;1,300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;0,1000;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900;1,1000&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Serif:ital,opsz,wght@0,8..144,100..900;1,8..144,100..900&family=Tinos:ital,wght@0,400;0,700;1,400;1,700&display=swap');

/*za mob*/
@media screen and (max-width: 768px){
#pe-wcag .pe-wcag-settings{
    line-height:30px !important;
}
#pe-top-bar{
    line-height:30px !important;
}
}
#my-menu {
    display: none;
}
.mm-wrapper_opening #my-menu {
    display: block;
}   
#main-menu-cv {
    position: sticky;
    top: 0;
    background-color: #ffffff; /* Change this to your desired background color */
    z-index: 100; /* Ensure it's above other page content */
}

/* styles.css */
#main-menu-cv.sticky {
    position: fixed;
    width: 100%;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    transition: top 0.3s ease-in-out;
    padding: 10px 45px;
    left: 0;
    margin-top: 0;
}

/*gotovo za mob */
div#wpcf7-f3486-o1 form.wpcf7-form.init.form-inline.my-2.my-lg-0 > p {
    display: flex;
}
.night {
    background: #000!important;
    color: #aaa !important;
    background-image: none!important;
}
.night a{
    color: #aaa!important;
}
.share{
    text-align:center;
    padding-top:20px;
    padding-bottom:20px;
}
.share i{
    font-style: normal;
}
.share a{
    text-decoration:none;
    font-size:26px;
    color: #01B7EB;
    padding: 4px;

}
.night .black-shadow {
    bottom: -14px;
    left: 0;
    right: 0;
    display: block;
    margin: 0 auto;
    position: absolute;
    width: 180px;
    border-bottom: 15px solid #ffffff;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    transform: rotateX(180deg);
    background: transparent!important;
}
.night .btn-container a.bg-color-primary {
    background: #efefef!important;
}
.night .krug-slova{
    display: none;
}
h1,h2,h3,h4,h5,h6,.nav-item a,.mm-menu a{
    font-family:"Roboto Serif", serif !important;
    font-weight:500;
}
.nav-item a{
    font-weight:bold;
}
.night nav.main-menu:before{
    background-color: rgb(0,0,0);
}
.night .main-menu ul li a{
    color: #ffffff;
}

.night .davis-metoda a, .night .vijesti .black-shadow + a {
    background: #efefef!important;
    color: #000000!important;
}
.night .kontakt-social h2{
    color: #ffffff!important;
}
.night .two-rows .col-8 h2{
    color: #ffffff;
}
.night .two-rows .col-8 hr{
    background-color: #ffffff!important;
}
.highcontrast2 {
    color: #ff0!important;
    background: #000!important;
}
.highcontrast2 .krug-slova{
    display: none;
}
.highcontrast2 nav.main-menu:before{
    background-color: rgb(0,0,0);
}
.highcontrast2 .main-menu ul li a{
    color: #ff0!important;
}

.highcontrast3 {
    color: #000!important;
    background: #ff0!important;
}
.highcontrast3 .krug-slova{
    display: none;
}
.highcontrast3 nav.main-menu:before{
    background: #ff0!important;
}
.highcontrast3 .main-menu ul li a{
    color: #000!important;
}

.pe-wide.container{
    max-width: 100%;
}
#pe-top-bar {
    line-height: 40px;
    font-size: 0.9em!important;
    background: #f0f0f0;
    color: #666;
    width: 100%;
    display: flex;
    /*min-height: 50px;*/
    position: relative;
    z-index: -1; /* buco promijeniuo da ne prekriva meni na mobu */
    justify-content: flex-end;
    flex-direction: row;
    font-weight: 500;
    /*border-bottom:1px solid #ccc;*/
}
div#pe-top-bar-in {
    max-width: 100%;
    width: 100%;
    background-color:#ccc;
}
.wcaganimation *, .highcontrast *, .highcontrast2 *, .highcontrast3 *, .wcaganimation *:before, .highcontrast *:before, .highcontrast2 *:before, .highcontrast3 *:before, .wcaganimation *:after, .highcontrast *:after, .highcontrast2 *:after, .highcontrast3 *:after {
    transition: none !important;
}
.wcaganimation *, .highcontrast *, .highcontrast2 *, .highcontrast3 *, .wcaganimation *:before, .highcontrast *:before, .highcontrast2 *:before, .highcontrast3 *:before, .wcaganimation *:after, .highcontrast *:after, .highcontrast2 *:after, .highcontrast3 *:after {
    transition: none !important;
}
#pe-top-bar .pe-widget-raw:last-child {
    margin-left: 0;
    max-width: 100%;
}
#pe-top-bar .pe-widget-raw {
    float: right;
    margin-left: 20px;
}
.wcaganimation *, .highcontrast *, .highcontrast2 *, .highcontrast3 *, .wcaganimation *:before, .highcontrast *:before, .highcontrast2 *:before, .highcontrast3 *:before, .wcaganimation *:after, .highcontrast *:after, .highcontrast2 *:after, .highcontrast3 *:after {
    transition: none !important;
}
#pe-wcag .pe-wcag-settings {
    margin: 0;
    line-height: 40px;
    font-size: 0.9em;
}
#pe-wcag .pe-wcag-settings li {
    float: left;
    margin: 0 0 0 5px;
    padding: 0;
    list-style: none;
    position: relative;
    z-index: 10;
}

#pe-wcag .pe-wcag-settings ul {
    margin: 0;
}
#pe-wcag .pe-wcag-settings ul li:first-child {
    margin: 0;
}
#pe-wcag .pe-wcag-settings li {
    float: left;
    margin: 0 0 0 5px;
    padding: 0;
}
#pe-wcag .pe-wcag-settings li button {
    font-size: inherit!important;
    font-weight: 400;
    line-height: 1;
    padding: 0;
    border: 1px solid #d6d6d6;
    color: #17252e;
    background: #fff;
    box-sizing: border-box;
    text-decoration: none;
}

#pe-wcag .pe-wcag-settings li button .fa {
    padding: 3px 7px;
}

#pe-wcag .pe-wcag-settings .contrast .pe-highcontrast3 {
    background: #ff0;
    color: #000;
}
.fa.fa-sun-o {
    font-family: "Font Awesome 5 Free";
    font-weight: 400;
}
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
.fa.fa-moon-o {
    font-family: "Font Awesome 5 Free";
    font-weight: 400;
}
.fa.fa-eye, .fa.fa-eye-slash {
    font-family: "Font Awesome 5 Free";
    font-weight: 400;
}
.fa-eye:before {
    content: "\f06e";
}
.fa.fa-moon-o:before {
    content: "\f186";
}
.fa.fa-sun-o:before {
    content: "\f185";
}
#pe-wcag .pe-wcag-settings .contrast .pe-highcontrast2 {
    background: #000;
    color: #ff0;
}
#pe-wcag .pe-wcag-settings .contrast .pe-highcontrast3 {
    background: #ff0;
    color: #000;
}
.fa.fa-compress:before {
    content: "\f422";
}
.fa.fa-expand:before {
    content: "\f424";
}
.fa-minus-circle:before {
    content: "\f056";
}
.fa-plus-circle:before {
    content: "\f055";
}
.fa-text-width:before {
    content: "\f035";
}
.fa-undo:before {
    content: "\f0e2";
}

/* kraj buco pristupačnost */


@font-face {
    font-family: 'Avenir Next LT Pro';
    src: url('../fonts/AvenirNextLTPro-Regular.eot');
    src: url('../fonts/AvenirNextLTPro-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/AvenirNextLTPro-Regular.woff2') format('woff2'),
        url('../fonts/AvenirNextLTPro-Regular.woff') format('woff'),
        url('../fonts/AvenirNextLTPro-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: '../fonts/Avenir Next LT Pro';
    src: url('../fonts/AvenirNextLTPro-It.eot');
    src: url('../fonts/AvenirNextLTPro-It.eot?#iefix') format('embedded-opentype'),
        url('../fonts/AvenirNextLTPro-It.woff2') format('woff2'),
        url('../fonts/AvenirNextLTPro-It.woff') format('woff'),
        url('../fonts/AvenirNextLTPro-It.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'Avenir Next LT Pro';
    src: url('../fonts/AvenirNextLTPro-Bold.eot');
    src: url('../fonts/AvenirNextLTPro-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/AvenirNextLTPro-Bold.woff2') format('woff2'),
        url('../fonts/AvenirNextLTPro-Bold.woff') format('woff'),
        url('../fonts/AvenirNextLTPro-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir Next Cyr';
    src: url('../fonts/AvenirNextCyr-BoldItalic.eot');
    src: url('../fonts/AvenirNextCyr-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/AvenirNextCyr-BoldItalic.woff2') format('woff2'),
        url('../fonts/AvenirNextCyr-BoldItalic.woff') format('woff'),
        url('../fonts/AvenirNextCyr-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Avenir Next LT Pro';
    src: url('../fonts/AvenirNextLTPro-It_1.eot');
    src: url('../fonts/AvenirNextLTPro-It_1.eot?#iefix') format('embedded-opentype'),
        url('../fonts/AvenirNextLTPro-It_1.woff2') format('woff2'),
        url('../fonts/AvenirNextLTPro-It_1.woff') format('woff'),
        url('../fonts/AvenirNextLTPro-It_1.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Avenir Next Cyr';
    src: url('../fonts/AvenirNextCyr-BoldItalic_1.eot');
    src: url('../fonts/AvenirNextCyr-BoldItalic_1.eot?#iefix') format('embedded-opentype'),
        url('../fonts/AvenirNextCyr-BoldItalic_1.woff2') format('woff2'),
        url('../fonts/AvenirNextCyr-BoldItalic_1.woff') format('woff'),
        url('../fonts/AvenirNextCyr-BoldItalic_1.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Avenir Next Cyr';
    src: url('../fonts/AvenirNextCyr-BoldItalic_2.eot');
    src: url('../fonts/AvenirNextCyr-BoldItalic_2.eot?#iefix') format('embedded-opentype'),
        url('../fonts/AvenirNextCyr-BoldItalic_2.woff2') format('woff2'),
        url('../fonts/AvenirNextCyr-BoldItalic_2.woff') format('woff'),
        url('../fonts/AvenirNextCyr-BoldItalic_2.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Avenir Next LT Pro';
    src: url('../fonts/AvenirNextLTPro-Bold_1.eot');
    src: url('../fonts/AvenirNextLTPro-Bold_1.eot?#iefix') format('embedded-opentype'),
        url('../fonts/AvenirNextLTPro-Bold_1.woff2') format('woff2'),
        url('../fonts/AvenirNextLTPro-Bold_1.woff') format('woff'),
        url('../fonts/AvenirNextLTPro-Bold_1.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir Next LT Pro';
    src: url('../fonts/AvenirNextLTPro-Regular_1.eot');
    src: url('../fonts/AvenirNextLTPro-Regular_1.eot?#iefix') format('embedded-opentype'),
        url('../fonts/AvenirNextLTPro-Regular_1.woff2') format('woff2'),
        url('../fonts/AvenirNextLTPro-Regular_1.woff') format('woff'),
        url('../fonts/AvenirNextLTPro-Regular_1.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


body{
	background: #F7F6F6;
}
header{
	/*padding: 40px 0buco*/;
}
	header .container{
		display: flex;
		justify-content: center;
		flex-direction: column;
	}
	header .container .row{
		height: 90px;
	}
	header h1{
		font-family: 'Avenir Next Cyr';
		font-size: 46px;
	    font-weight: bold;
	    font-style: italic;
		letter-spacing: 0px;
		line-height: 44px;
		color: #3d3c3c;
		text-align: center;
	}
.social{
	display: flex;
	/*justify-content: flex-end;buco*/
	flex-direction: row;
	/*margin-right: 60px;buco*/
	/*margin-top: 20px;buco*/
	margin-left:20px;
}
	.social img{
		width: 24px;
		height: 23px;
		border-radius: 12px;
		background-color: #e05139;
		margin: 0 3px;
        filter: sepia(100%) hue-rotate(190deg) saturate(500%);
	}
header .banner-top{
	width: 728px;
	height: 90px;
	background-color: #f0f0f0;
	margin-left: auto;
	margin-right: 20px;
}
.navbar{
	margin-top: 8px;
}
.flex-navi{
	display: flex;
	justify-content: space-between;
	flex-direction: row;
	width: 100%;
}
	.flex-navi ul{
		width: 83%;
		justify-content: space-around;
		display: flex;
		flex-direction: row;
	}
		.flex-navi > ul > li{
			flex-grow: 1;
            position: relative;
            list-style: none;
            margin:0px;
		}
			.flex-navi > ul > li > a{
			    font-size: 14px;
			    letter-spacing: 0px;
			    line-height: 10px;
			    color: #3d3c3c; /*buco maknuo !important*/
			    font-family: "Roboto", sans-serif;
			    text-align: center;
			    padding-left: 0px !important;
			}
	.flex-navi form{
		width: 17%;
	}
	.flex-navi form button{
		margin-left: auto;
		margin-right: 20px;
		display: block;
	}
	.flex-navi ul li{
		border-bottom: 5px solid #C9D300;
		margin-right:10px;
	}
	/*buco dodao importante 19.4*/
.c0{
    background: #B9C91E !important;
}
.c0b{
    border-color: #fff ;
}
.c99{
    background: #C9D300 !important;
}
.c99b{
    border-color: #C9D300 ;
}

.overlay{
	position: absolute;
	top: 0;
	left: 0;
    width: 100%;
    height: 100%;
	background-image: linear-gradient(0deg, rgba(0,0,0,0.6588235294117646) 0%, rgba(0,0,0,0) 25%);
	padding: 20px;
}
.pb-50 {
    padding-bottom: 50px;
}
.placeholder, .s-placeholder{
	position: relative;
	overflow: hidden;
}
	.placeholder img{
		position: absolute;
		top: 0;
		left: 0;
	}
.main-news .placeholder{
	height: 450px;
}

.main-news .placeholder img, .secondary-news .placeholder img{
    min-height: 100%;
    height: auto;
    min-width: 100%;
    width: auto;
    max-width: 100%;
    
    transform: scale(1);
    transition: all .5s;
}
.main-news .placeholder:hover img, .secondary-news .placeholder:hover img{
    transform: scale(1.2);
}

.secondary-news .placeholder{
	height: 220px;
}
.secondary-news-authors .placeholder-authors{
    height: 450px;
}
.secondary-news .placeholder:first-of-type {
	margin-bottom: 10px;
}
.cat{
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	padding-left: 0;
	z-index: 2;
	flex-wrap: wrap;
}
	.cat li{
		display: flex;
		justify-content: center;
		flex-direction: column;
		text-align: center;
		border-radius: 6px;
		margin-right: 5px;
		margin-top: 5px;
		padding-left:2px;
	}
		.cat li a{
			font-size: 11px;
			padding: 3px 5px 3px 5px !important;
			color: #ffffff;
			font-weight: 400;
			font-family: "Roboto", sans-serif;
			text-decoration: none;
			text-transform: uppercase;
			line-height:20px;
		}

.home-flex .cat li a,.category .left-p .cat li a{
    background-color: rgba(0, 0, 0, 0.4);
}

.main-news h2{
	font-size: 36px;
	color: #fefefe;
	font-family: "Roboto";
}
.secondary-news h2{
	font-size: 20px;
	color: #fefefe;
	font-family: "Roboto";
}
.main-news a, .secondary-news a{
	text-decoration: none;
}
.main-news p{
	font-size: 14px;
	color: #fefefe;
	font-weight: normal;
	font-family: "Roboto", sans-serif;
	margin-bottom: 0;
}
.secondary-news p{
	font-size: 12px;
	color: #fefefe;
	font-weight: normal;
	font-family: "Roboto", sans-serif;
	margin-bottom: 0;
}
.authors-archive .secondary-news p{
    font-size: 14px;
}
.authors-archive .cat li{
    background: transparent!important;
    margin: 0!important;
    padding: 0;
}
.authors-archive .cat li a{
    font-size: 14px;
    text-transform: uppercase;
}
.other-authors .cat {
    position: relative!important;
    top: 0!important;
    left: 0!important;
}
.other-authors .cat li {
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    padding: 0;
    border-radius: 12px;
    margin-right: 5px;
    background: transparent;
}
.other-authors .cat li a {
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 23px;
    color: #000000;
    font-weight: 400;
    font-family: "Roboto", sans-serif;
    text-decoration: none;
    text-transform: uppercase;
}
.overlay .content-part {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 12.5px;
}
.swiper-container {
	width: 100%;
	height: 100%;
}
.izdvojeno {
    margin-top: 15px;
    margin-right: auto;
    margin-bottom: 0px;
}
.izdvojeno .swiper-wrapper{

}

.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;

	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;

	width: 261px;
	height: 320px;
	/*filter: drop-shadow(1px 1.732px 2px rgba(9,9,9,0.35));*/
	background-color: #ffffff;
	position: relative;
}
.header-shadow{
-webkit-box-shadow: 0px 10px 5px -4px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 10px 5px -4px rgba(0,0,0,0.1);
box-shadow: 0px 10px 5px -4px rgba(0,0,0,0.1);
background-color:#fff;
}
.izdvojeno .cat {
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 2;
}
.izdvojeno .swiper-slide > a{
	height: 100%;
	text-decoration: none;
	width: 100%;
}
.izdvojeno .swiper-slide .s-placeholder{
	height: 140px;
	position: relative;
}
.izdvojeno .swiper-slide .t-placeholder {
    padding: 20px;
}
.izdvojeno h3{
	font-size: 16px;
	color: #1d1d1d;
    font-family: "Roboto";
    text-align: left;
    margin-bottom: 15px;
}
.izdvojeno p{
	font-size: 15px;
	line-height: 22px;
	color: #1d1d1d;
	font-family: "Roboto", sans-serif;
	text-align: left;
}
.izdvojeno .swiper-button-next.swiper-button-disabled, .izdvojeno .swiper-button-prev.swiper-button-disabled{
	opacity: 0;
}
.two-col-custom .other-authors.left-p .custom-news .t-placeholder {
    padding: 0 22.5px!important;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}
.other-authors .inline-view .t-placeholder .btn{
    position: static!important;
    margin-right: 5px;
    font-size: 10px;
}
.other-authors, .other-authors .custom-news {
    filter: drop-shadow(1px 1.732px 2px transparent)!important;
    background-color: transparent!important;
}
.two-col-custom {
	display: flex;
	justify-content: space-between;
	flex-direction: row;
}
.two-col-custom .left-p{
	max-width: 70%;
	min-width: 745px;
	padding: 0;
	width: 100%;
	display: block; /* buco 0108 */
	justify-content: space-between;
	flex-direction: row;
	flex-wrap: wrap;
}
.home-flex{
    display: flex !important;
}
.two-col-custom .right-p{
	max-width: 30%;
	min-width: 300px;
	padding: 0 22.5px;
	width: 100%;
}
.two-col-custom .left-p .custom-news {
    min-width: 375px;
    max-width: 48%;
    width: 100%;
    padding: 0;
    margin-bottom: 35px;
    position: relative;
    /*filter:drop-shadow(1px 1.732px 2px rgba(9,9,9,0.25));*/
}
.two-col-custom .left-p .custom-news .t-placeholder {
	padding: 22.5px;
	background:#fff;
	border-radius:0 0 20px 20px;
}
.secondary-news .placeholder-authors img{
    
    max-width: 1000%;
}
.custom-news{
	/*filter: drop-shadow(1px 1.732px 2px rgba(9,9,9,0.35));*/
}
.custom-news .cat{
	position: absolute;
	top: 12.5px;
	left: 12.5px;
    max-width: 300px;
}
.two-col-custom a, .widget a{
	text-decoration: none;
}
.two-col-custom .s-placeholder {
    height: 225px;
    position: relative;
}
.two-col-custom h3, .widget h3{
	font-size: 20px;
	color: #1d1d1d;
    font-family: "Roboto";
    text-align: left;
}
.two-col-custom p, .widget p{
	font-size: 15px;
	line-height: 22px;
	color: #1d1d1d;
	font-family: "Roboto", sans-serif;
	text-align: left;
}
.two-col-custom span, .widget span{
	font-size: 14px;
	line-height: 25px;
	color: #1d1d1d;
	font-weight: 300;
	font-family: "Roboto", sans-serif;
	text-align: left;
}
.banner-main {
	width: 728px;
	height: 90px;
	background-color: #f0f0f0;
	margin: 15px auto 50px auto;
}
main .banner-main:nth-of-type(2){
    margin-bottom: 0;
}
.banner-right {
	width: 300px;
	height: 600px;
	background-color: #f0f0f0;
	margin: 0 auto;
	margin-bottom:20px;
}
#right { 
	display:none; 
}
.togglers .cat li a {
    font-size: 9px;
}
.togglers h3 {
    font-size: 16px;
}
.switchers{

    margin: 0 auto;
    /*margin-top: 50px;*/
    background-color: #ffffff !important;
    padding: 15px;
}
.switchers .mytoggle{
	width: 100%;
}
.switchers button{
	width: 50%;
	background: transparent;
	box-shadow: none;
	border: none;
	outline: none!important;
	border-bottom: 5px solid #cac9c8;
	text-transform: uppercase;
	padding-bottom: 10px;
}
.switchers button:nth-of-type(1) {
	border-bottom: 5px solid #636161;
}
.small-inline-news:first-of-type{
	margin-top: 20px;
}
.small-inline-news{
	margin-top: 0px;
}
a.btn.more {
    width: 100%;
    border: 1px solid lightgray;
    border-radius: 20px;
	text-transform: uppercase;
	margin-top: 20px;
	font-size: 14px;
	letter-spacing: 1px;
	line-height: 20px;
	color: #333333;
	font-weight: 400;
	font-family: "Roboto", sans-serif;
	text-align: center;
}
.breadcrumb-container{
	height: 40px;
	width: 100%;
	padding: 0;
	text-transform: uppercase;
	color: #ffffff;
	display: flex;
	justify-content: center;
	flex-direction: column;
	margin-top: 5	px;
}
.category.inline {
	margin-bottom: 40px;
}
.breadcrumb-container > h4{
	margin-bottom: 0;
}
.container.category{
	margin-top: 20px;
}
.inline-view {
	width: 100%!important;
	max-width: 100%!important;
	filter: none;
	border-bottom: 1px solid #efefef;
}
	.inline-view > .placeholder-inline {
	    display: flex;
	    justify-content: space-between;
	    flex-direction: revert;
	}
	.inline-view .s-placeholder {
	    max-width: 335px;
	    height: 225px;
	    width: 100%;
	    min-width: 335px;
	}
	.inline-view .t-placeholder {
		position: relative;
	}
	.two-col-custom .inline-view{
		/*height: 270px!important;*/
		margin-bottom: 45px;
	}
	.inline .left-p{
		/*filter: drop-shadow(1px 1.732px 2px rgba(9,9,9,0.25));*/
    	padding: 0 !important;
	}
	.inline-view .t-placeholder .btn {
		font-size: 12px;
		letter-spacing: 1px;
		line-height: 20px;
		color: #202020;
		font-family: "Myriad Pro", sans-serif;
		text-transform: uppercase;
		border: 1px solid #efefef;
		border-radius: 50px;
	    position: absolute;
	    bottom: 20px;
	}
	.inline-view p{
		font-weight: 500;
	}
	#pagination {
		width: 100%;
		margin-bottom: 25px;
	}
	.pagination {
	    justify-content: center;
	    flex-direction: row;
	}
	.pagination .page-link{
		height: 68px;
		width: 68px;
	}
	.pagination .page-item:first-of-type .page-link {
	    border-radius: 15px 0 0 15px;
	}
	.pagination .page-item:last-of-type .page-link {
		border-radius: 0 15px 15px 0;
	}
	.pagination .page-link {
	    padding: 20px 30px;
	}
	.pagination .page-link.active {
	    z-index: 3;
	    color: #0a58ca;
	    background-color: #e9ecef;
	    outline: 0;
	    box-shadow: none;
	}
	.pagination a{
		color: #9b9b9c!important;
	}
	.c-single-news {
		filter: drop-shadow(1px 1.732px 2px rgba(9,9,9,0.25));
		background-color: #ffffff;
		width: 100%;
	}
	.breadcrumbs-single{
		padding-left: 20px;
		padding-top: 20px;
		padding-bottom: 10px;
		font-size: 14px;
		color: #151515;
		font-weight: 100;
		font-family: "Roboto", sans-serif;
	}
	.breadcrumbs-single a {
		font-size: 14px;
		color: #151515;
		font-weight: 100;
		font-family: "Roboto", sans-serif;
	}
	.c-single-news h2 {
		padding-left: 20px;
		font-size: 38px;
		color: #151515;
    	font-family: "Roboto";
    	margin-bottom: 20px;
	}
	.c-single-news p {
	    padding: 20px 20px 0 20px;
	    font-size: 18px;
	    line-height:32px;
	    color: #151515;
	    font-weight: 100;
	    font-family: "Roboto";
	    text-align:justify;
	}
	.c-single-news img{
		max-width: 100%;
		width:100%;
	}
	.c-single-news b {
		font-size: 24px;
		color: #151515;
		font-weight: 700;
		font-family: "Roboto", sans-serif;
    	line-height: 30px;
	}
	.c-single-news .m-image {
	    max-width: 450px;
	    float: left;
	    padding-right: 20px;
	    box-sizing: content-box;
	}
	.c-single-news span img + i{
		font-size: 16px;
		color: #a0a0a0;
		font-weight: 400;
		font-family: "Roboto", sans-serif;
		padding-left: 20px;
	    position: relative;
	    top: 5px;
	}
	.c-single-news video {
	    width: 100%;
	    height: 450px;
	    position: relative;
	    top: 6px;
	}
	.single .banner-main{
		margin: 40px auto;
	}
	.vezano {
	    padding: 15px;
	    background: #ffffff;
	    height: auto;
		border: 1px solid rgba(0,0,0,0.15);
		margin-bottom: 40px;
	}
	.vezano .cat {
		position: absolute;
		left: 15px;
		top: 15px;
	}
	.vezano .s-placeholder {
		height: 120px;
	}
	.vezano .t-placeholder {
		padding: 15px;
	}
	.vezano .swiper-slide {
		filter: none;
		height: 250px;	
	}
	.vezano .swiper-slide h3 {
		font-size: 18px;
	}
	.vezano .swiper-slide a{
		width: 100%;
		height: 100%;
	}
	.vezano > h3{
		font-size: 26px;
		color: #1b1b1b;
    	font-family: "Roboto";
	}
	.vezano hr{
		height: 5px;
		width: 100%;
		opacity: 1;
	}
	.vezano .swiper-button-next:after, .vezano .swiper-button-prev:after{
		font-size: 26px;
	}
footer{
	padding-bottom: 50px;
	padding-top: 30px;
	background: #fff;
}
footer h4 {
	font-size: 14px;
	letter-spacing: 1px;
	color: #333333;
	text-transform: uppercase;
	margin-bottom: 20px;
}
footer ul{
	padding-left: 0;
}
footer ul li{
	list-style: none;
	margin-bottom: 3px;
}
footer a{
	text-decoration: none;
	font-size: 14px;
	color: #9b9b9c;
	font-weight: 400;
	font-family: "Roboto", sans-serif;
}
footer form.form-inline.my-2.my-lg-0 {
    display: flex;
    outline: none!important;
}
footer form.form-inline.my-2.my-lg-0 input, footer form.form-inline.my-2.my-lg-0 button{
    display: flex;
    outline: none!important;
    box-shadow: none;
}
footer form.form-inline.my-2.my-lg-0 button{
	color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd;
}	
footer form.form-inline.my-2.my-lg-0 button:hover{
	color: #0d6efd;
    background-color: transparent;
    border-color: #0d6efd;
}
footer .social{
	margin-right: 0;
}
footer .social img{
	width: 45px;
	height: 45px;
	border-radius: 100%;
	margin-left: 10px;
    filter: sepia(100%) hue-rotate(190deg) saturate(500%);

}
.swiper-slide img, .placeholder img, .s-placeholder img{
    transform: scale(1);
    
    transition: all .5s;
}
.s-placeholder:hover img{
    transform: scale(1.2);
}
.cv-form-flex:first-of-type {
    /*border-bottom: 4px solid #3078C0;*/
    /*margin-bottom: 20px;buco maknuo 19.4 zbog dinamičke promjene boja i dodao HR*/
}
.cv-form-flex {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
}
.cv-form-flex h2 {
    font-size: 20px;
    margin: 0;
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 0;
}
.cv-form-flex select {
    border: none;
    font-size: 18px;
    height: 60px;
    outline: none!important;
}
.cv-form-flex input[type="text"], .cv-form-flex input[type="email"] {
    width: 49%;
    background: #FAF8F8;
    border: 1px solid lightgray;
    border-radius: 4px;
    padding: 10px;
    margin-bottom: 2%;
    color: gray;
}
.cv-form-flex textarea {
    width: 100%;
    background: #FAF8F8;
    border: 1px solid lightgray;
    border-radius: 6px;
    padding: 10px;
    color: gray;
    margin-bottom: 2%;
}
.cv-form-flex input[type="submit"] {
    margin-left: auto;
    border-radius: 20px;
    padding: 7px 40px;
    text-transform: uppercase;
    outline: none!important;
    border: none!important;
    color: #ffffff;
    background: #3078C0;
    font-size: 18px;
    font-weight: 400;
}
    .izdvojeno .swiper-slide {
        height: auto;
    }

@media screen and (max-width: 1360px) {
	.izdvojeno p {
	    font-size: 13px;
	    line-height: 20px;
	}
	.vezano .swiper-slide h3 {
	    font-size: 16px;
	}
	.cat li a {
        font-size: 9px;
        padding: 3px;
    }
}
@media screen and (max-width: 1200px) {
    .cv-form-flex {
        flex-direction: column;
    }
    .cv-form-flex input[type="text"], .cv-form-flex input[type="email"] {
        width: 100%;
    }
    footer .offset-lg-1{
        margin-left: 0;
    }
	.swiper-slide {
		height: auto;
	}
	.two-col-custom .left-p .custom-news {
	    min-width: 200px;
	}
	.two-col-custom .right-p {
	    min-width: 50px;
	    padding-right: 0!important;
	}
	.banner-right {
	    max-width: 300px;
	    width: auto;
	    margin-bottom:20px;
	}
	.reverse{
		display: flex;
		justify-content: space-between;
		flex-direction: column-reverse;
	}
	.reverse > div {
		width: 100%;
		flex: 1;
		position: relative;
	}
	header .container .row {
	    height: auto;
	}
	header .banner-top {
	    max-width: 728px;
	    width: 100%;
	    background-color: #f0f0f0;
	    margin: 0 auto;
	    margin-bottom: 40px;
	}
	.social {
	    margin: 0 auto;
	    margin-top: 20px;
	    max-width: 90px;
	}
	.switchers {
	    width: 100%;
	}
	.two-col-custom .left-p {
	    max-width: 70%;
	    min-width: 100px;
	}
	.two-col-custom .right-p {
	    max-width: 30%;
	    min-width: 100px;
	    padding: 0 22.5px;
	    width: 100%;
	}
	.inline-view .s-placeholder {
	    max-width: 240px;
	    min-width: 240px;
	}
	.inline-view p{
		max-height: 132px;
		overflow: hidden;
	}
	.calendar td {
        height: 30px!important;
        width: 14.2%!important;
    }
    .event-days td {
        font-size: 13px!important;
    }
}
@media screen and (min-width: 992px){

    .mobile-only-cv{
        display: none;
    }
    .desktop-only-cv{
        display: block;
    }
	.social {
	    margin: 0 auto;
	    margin-top: 5px;
	    max-width: 100%;
	}
    .share-bottom .share{
        position: absolute;
        right: 0px;
        bottom: 40px;
    }
    .right-p{
        padding-right:0px !important;
    }

}
.swiper-button-prev, .swiper-button-next {
    color: #fff !important;
    font-weight: bold;
    background-color: #0097D8;
    padding: 6px;
    width:40px;
    height: 40px;
    border-radius: 50%;
}
:root {
    --mb-button-size: 50px;
    --mb-bar-width: 0.5;
    --mb-bar-height: 3px;
    --mb-bar-spacing: 7px;
    --mb-animate-timeout: 0.4s;
}
@media screen and (max-width: 992px){
    .mobile-row .social {
        position: absolute;
        bottom: -25px;
    }
    .event-days td {
        font-size: 11px!important;
    }
    .main-news .placeholder img, .secondary-news .placeholder img {
        min-height: 100%;
        max-height: 100%;
        min-width: 100%;
        width: auto;
        max-width: 1000%;
    }
    .mobile-row {
        display: flex;
        justify-content: space-between;
        flex-direction: row;
    }
    .mobile-row h1 {
        font-size: 36px;
    }
    .mobile-row .social {
        margin-left: 0px;
        margin-right: auto;
        margin-top: 12px;
        margin-bottom: 5px;
    }
    a.mburger.mburger--collapse {
        top: 30px;
    }
    a.mburger.mburger--collapse b{
        color: #C9D400;
    }
    .mobile-only-cv{
        display: block;
    }
    .desktop-only-cv{
        display: none;
    }
	.container, .container-md, .container-sm {
	    max-width: 100%;
	}
	.switchers button {
        font-size: 12px;
    }
	.two-col-custom .s-placeholder{
		height: 225px;
	}
	.two-col-custom p {
	    font-size: 13px;
	    line-height: 22px;
	}
	.two-col-custom .left-p .custom-news {
	    min-width: 200px;
    	min-height: 360px;
	}
	.inline-view > .placeholder-inline{
		height: 100%;
	}
	
	.switchers {
		margin-top: 0;
		top: 20px;
		margin-top: 20px;
	}
	.togglers h3{
	    font-size: 15px;
	}
    .event-days td {
        font-size: 10px!important;
    }
    .calendar td {
        font-size: 13px;
    }
	.vezano .cat{
	    top: 5px!important;
	    left: 5px!important;
	}
	.vezano .cat a {
        font-size: 8px!important;
    }
    .vezano .swiper-slide {
        height: 100%!important;
    }
    footer .social {
        max-width: 100%;
    }
}
@media screen and (max-width: 768px) {
    .subcats{
        display:none;
    }
    .widget-autori .one-author{
        max-width:140px !important;
    }
    .widget-autori .img-holder{
        width: 128px !important;
        height: 128px !important;
    }
    .widget-autori .one-author img{
        width:200px;
    }
    .banner-right{
        display:none !important;
    }
    .banner-main{
        display:none !important;
    }
    .banner-top{
        display: none;
    }
}
@media screen and (max-width: 768px) {
    .main-news .placeholder img, .secondary-news .placeholder img {
        min-height: 100%;
        max-height: 1000%;
        min-width: 100%;
        width: auto;
        max-width: 2000%;

    }
    .secondary-news{
        margin-top:30px;
    }
    .news-top-right{
        padding-left:0px !important;
        margin-bottom:15px;
    }
    .swiper-slide img, .placeholder img, .s-placeholder img {
        width: 100%;
        min-height: 100%;
        height: auto!important;
    }
	.two-col-custom {
		flex-wrap: wrap;
	}
	.two-col-custom > div {
		max-width: 100%!important;
		width: 100%!important;
		min-width: 100%!important;
	}
	.two-col-custom .right-p{
		display: flex;
		flex-direction: column-reverse;
		justify-content: space-between;
		padding-left: 0;
		margin-top: 40px;
	}
	.banner-right {
	    width: 300px;
	    margin: 40px auto;
	    margin-bottom:20px;
	}
	.switchers {
		margin-top: 0;
		position: static;
	}
	footer .offset-0 {
		margin-top: 40px;
	}
	.banner-main {
	    margin: 15px auto 45px auto;
	}
	.main-news > .placeholder, .secondary-news > .placeholder {
		margin-top: 20px;
	}
	.vezano .swiper-slide {
	    height: auto;
	}
	.my-0 {
		margin: 0!important;
	}
    .mobile-row h1 {
        font-size: 28px;
    }
    .event-days td {
        font-size: 12px!important;
    }
    .calendar td {
        font-size: 14px;
    }
        #pe-top-bar{
        display:none;
    }
}
@media screen and (max-width: 500px){
    .two-col-custom .left-p .custom-news .t-placeholder {
        padding: 12.5px;
    }
    .two-col-custom .left-p .custom-news {
        min-width: 200px;
        min-height: 200px;
    }
        .secondary-news{
        margin-top:30px;
    }
    .izdvojeno .swiper-slide .s-placeholder{
        height:180px;
    }
    .nadnaslov-smaller{
    }
    .nadnaslov-archive{
        bottom:auto !important;
        top:240px !important;
    }

}
@media screen and ( min-width: 500px ) {
    .flex-navi > ul > li > .sub-menu {
        display: none;
        position: absolute;
        top: 28px;
        left: 0;
        width: 168px;
        padding: 10px 0 0;
        z-index: 4;
    }
    .flex-navi > ul > li:hover > .sub-menu, .flex-navi > ul > li:focus-within > .sub-menu, .flex-navi > ul > li:target > .sub-menu {
        display: block;
    }
    .flex-navi > ul > li > ul > li {
        color: #000!important;
        display: block;
        padding: 10px 19px;
        line-height: 18px;
    }
    .flex-navi > ul > li > ul.sub-menu > li > a {
        display: block;
        color: #000;
        padding: 10px 19px;
        line-height: 18px;
        font-size: 12px;
        text-transform: uppercase;
    }
    .flex-navi > ul > li > ul.sub-menu > .sub-parent:hover > a:after {
        display: inline-block;
        float: right;
        content: '';
        width: 5px;
        height: 5px;
        background: url(../img/tile-tiny.png) -420px -300px no-repeat;
        margin: 7px -6px 0;
        vertical-align: middle;
    }
    .flex-navi > ul > li > ul.sub-menu > li {
        background: #fff;
        color: #000!important;
        font-weight: normal;
        border-bottom: 1px solid #CAD30B;
        padding: 0;
    }
    .flex-navi .postPreview {
        display: none;
        position: absolute;
        top: 10px;
        bottom: 0px;
        left: 168px;
        background: #ffffff;
        min-height: 235px;
        width: 535px;
        padding: 10px;
        text-transform: none;
        overflow: hidden;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-border-radius: 0 2px 2px 0;
        border-radius: 0 2px 2px 0;
        box-shadow: 0px 1px 3px 0px rgb(0 0 0 / 30%);
        margin-left:-20px;
    }
    .flex-navi .postPreview .items {
        display: flex;
        justify-content: space-between;
        flex-direction: row;
    }
    .flex-navi .postPreview .items .item {
        display: inline-block;
        position: relative;
        width: 33%;
        vertical-align: top;
    }
    .flex-navi .postPreview .items .item .img {
        position: relative;
        display: block;
        width: 100%;
        height: 120px;
        border: 3px solid #eaeaea;
        overflow: hidden;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        margin: 0 auto;
    }
    .flex-navi .postPreview .items .item .img img {
        width: 100%;
        height: 100%;
    }
    .flex-navi .postPreview .items .item h3 {
        font-size: 12px;
        color: #2e2f34;
        font-weight: 500;
        line-height: 18px;
        margin: 7px 0 0 3px;
    }
    .flex-navi .postPreview .items .item .readMore {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 1;
    }
    .flex-navi ul > li .subnavFooter {
        position: absolute;
        bottom: 1px;
        left: 0;
        right: 1px;
        height: 36px;
        background: #f5f5f5;
        padding: 0 20px;
    }
    .flex-navi > ul > li .subnavFooter .readAll {
        float: right;
        background: url(../images/iconArrow-tiny.png) right center no-repeat;
        font-size: 16px;
        color: #8e8e8e;
        font-weight: 500;
        text-transform: none;
        margin: 10px 0;
        padding: 0 15px 0 0;
    }
    .flex-navi > ul > li > ul.sub-menu > li:hover .postPreview, .flex-navi > ul > li > ul.sub-menu > li:focus-within .postPreview {
        display: block;
    }
    .flex-navi > ul > li > ul.sub-menu:before {
        content: '';
        width: 8px;
        height: 4px;
        position: absolute;
        top: 6px;
        left: 50%;
        margin: 0 0 0 -4px;
        background: url(../images/tile-tiny.png) -360px -300px no-repeat;
    }
    .flex-navi > ul > li .subnavFooter .readAll:hover {
        color: #2e2f34;
    }
}
@media screen and (max-width: 467px) {
    .cv-inline-okvir .t-placeholder {
        height: auto!important;
        padding-bottom: 40px!important;
    }
    .cv-inline-okvir .t-placeholder .btn {
        bottom: 10px;
    }
    .s-placeholder.cv-inline-image {
        max-width: 100%!important;
        height: auto!important;
    }
    .cv-form-flex h2 {
        font-size: 18px;
    }
    .cv-form-flex select {
        font-size: 16px;
    }
	.two-col-custom .s-placeholder {
	    height: 225px;
	    min-height: 140px;
	}
	.two-col-custom .left-p .custom-news{
		max-width: 100%;
    	min-width: 100px;
	}
	.two-col-custom h3 {
    	font-size: 18px;
    }
    .two-col-custom p {
	    font-size: 16px;
	}
	.two-col-custom .inline-view {
		height: auto!important;
	}
	.inline-view > .placeholder-inline{
		flex-direction: column;
	}
	.inline-view .t-placeholder {
	    position: relative;
	    height: 220px;
	}
	.inline-view > .placeholder-inline .s-placeholder{

	}
	.pagination .page-link {
    padding: 10px 15px;
	}

	.pagination .page-link {
	    height: 48px;
	    width: 38px;
	}
    .mobile-row h1 {
        font-size: 22px;
    }
}
@media screen and (max-width: 375px) {
	.two-col-custom .left-p .custom-news{
		max-width: 100%;
    	height: auto;
	}
}




/*buco*/
.logo a{
    color:#3D3C3C;
    text-decoration:none;
}

.overlay-form {
  height: 100%;
  width: 100%;
  display: none;
  position: fixed;
  z-index: 5;
  top: 0;
  left: 0;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0, 0.9);
}

.overlay-content {
  position: relative;
  top: 46%;
  width: 80%;
  text-align: center;
  margin-top: 30px;
  margin: auto;
}

.overlay-form .closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
  cursor: pointer;
  color: white;
}

.overlay-form .closebtn:hover {
  color: #ccc;
}

.overlay-form input[type=text] {
  padding: 15px;
  font-size: 17px;
  border: none;
  float: left;
  width: 80%;
  background: white;
}
#myOverlay form {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
}
.overlay-form input[type=text]:hover {
  background: #f1f1f1;
}

.overlay-form button {
  float: left;
  width: 20%;
  padding: 15px;
  background: #ddd;
  font-size: 17px;
  border: none;
  cursor: pointer;
}

.overlay-form button:hover {
  background: #bbb;
}


/*buco*/

.c7{
    color:#000 !important;
}
.c7 a, .c7 h4{
    color:#000 !important;
}
.widget-box{
    /*width: 300px;*/
    margin: 0 auto;
    margin-top: 50px;
    background-color: #ffffff;
    border: 1px solid rgba(0,0,0,0.15);
    padding: 15px;
    padding: 30px 20px;
}
.widget_text{
    text-align:center;
}
.sticky{
    /*prebačeno iz switcher da vrijedi za sve widgete*/
    position: sticky;
    top: 50px;
}
.hide-side-news{
    display:none;
}
.post-content{
	padding:20px;
}
.vezano{
	margin-top:40px;
}
.swiper-slide img,.placeholder img,.s-placeholder img{
	min-width:100%;
	height: 100%;
}


.cats-single{
	flex-direction: row-reverse !important;
}
.autor-link{
	flex-direction: initial !important;
}
.autor-link a{
	color:#000 !important;
}
.tagovi a{
	color:#666;
}
.tagovi{
	font-size: 11px;
	text-transform: uppercase;
	color:#666;
}






/* BUCO */
.post-content ul li{
    font-size:20px;
}
.disclaimer{
    width:100%;
    background-color:#efefef;
    padding:15px;
    border-radius:15px;
    text-align:center;
}
.logo{
    text-align:left;
    padding-top:10px;
}
.logo img{
    max-width:170px;
}
.social{
    
}
.cv-widget{
    background-color:#fff;
    padding-top: 20px;
    margin: 0 0 20px 0;
    border: 1px dotted #CAD201;
}
.home-title{
    width:100%;
    margin-bottom:15px;
}

.home-cats-slider{
    margin-bottom:55px;
}

.home-cats h5{
    font-size:16px;
    color:#000;
}
.menu-parent{
    font-weight:600;
    text-transform:uppercase;
    color:#000 !important;
}
.home-cats .swiper-slide{
    max-height:250px;
}
.izdvojeno .swiper-slide{
    max-height: 290px;
}
.subcats a{
    color:#000;
    margin-right:6px;
    font-size:14px;
    text-decoration:none;
    background-color: #fff;
    padding: 5px;
    border-radius: 6px;
}
.subcats{
    position:absolute;
    right:-5px;
    bottom:-3px;
}
.subcats-header{
    right: 5px !important;
    bottom: 8px !important;
}
.cube-left{
    width: 10px;
    height: 10px;
    float: left;
    /* line-height: 20px; */
    margin-top: 8px;
    margin-right: 8px;
}
.home-title h4 a{
    color:#fff !important;
}

.widget-autori{
    width:100%;

    margin-bottom: 40px;
}
.widget-autori .one-author{
    max-width:180px;
    min-height:260px;
    padding:6px;
}

.widget-autori .one-author img{
    width:280px;
}
.widget-autori .img-holder{
    width:168px;
    height:168px;
    overflow:hidden;
    border-radius: 50%;
}
.widget-autori h5{
    font-size:18px;
    margin-top:10px;
    text-align:center;
    color:#000;
}
.authors-archive-inner{
    padding:8px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-end;
    flex-basis: auto;
}

.bg-gradient{
/*
    background: #ffffff;
    background: -moz-linear-gradient(-45deg,  #ffffff 63%, #F4FBFD 100%) !important;
    background: -webkit-linear-gradient(-45deg,  #ffffff 63%,#F4FBFD 100%) !important;
    background: linear-gradient(135deg,  #ffffff 63%,#F4FBFD 100%) !important; 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#F4FBFD',GradientType=1 ); 
    */
    background-color:transparent;
}

.people-news li{
    background: #ffffff; /* Old browsers */
background: rgb(240,240,240);
background: linear-gradient(166deg, rgba(240,240,240,0.13629201680672265) 50%, rgba(201,211,0,0.1699054621848739) 100%);
}

.bg-gradient-blue{
/*
    background: #ffffff;
    background: -moz-linear-gradient(-45deg,  #ffffff 63%, #C6E8F7 100%) !important; 
    background: -webkit-linear-gradient(-45deg,  #ffffff 63%,#C6E8F7 100%) !important;
    background: linear-gradient(135deg,  #ffffff 63%,#C6E8F7 100%) !important; 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#C6E8F7',GradientType=1 );
*/
background-color:transparent;
}

.home-fun{
    background: rgb(10,186,181);
    background: -moz-linear-gradient(339deg, rgb(202,211,0) 0%, rgb(0,151,216) 100%);
    background: -webkit-linear-gradient(339deg, rgb(202,211,0) 0%, rgb(0,151,216) 100%);
    background: linear-gradient(339deg, rgb(202,211,0) 0%, rgb(0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#CAD300",endColorstr="#0097D8",GradientType=1);
    min-height:100px;
    padding-top:40px;
    padding-bottom:40px;
    margin-top:80px;
}
.slider-widget .slide{
    position: relative;
}
.slide-title{
    position:absolute;
    bottom:30px;
    left:10px;
    z-index:2;
}
.slide-title h5{
    color: #000;
    font-size:18px;
    font-weight: bold;
    padding:3px;
}
.fun-overlay{
    width:100%;
    height:100%;
    position: absolute;
    background-color:rgba(0, 0, 0, 0.15);
    z-index:1;
}
.fun-overlay:hover{
    background-color:rgba(0, 0, 0, 0);
}
.slider-widget .img:hover{

}
.slider-widget h4{
    /*color:#fff;*/
}
.t-placeholder p{
    display: none;
}
.gallery-page .container-fluid{
    background-color:#000;
}
.gallery-page .main-img{
    width:100%;
}
.main-img-holder{
    max-height:600px;
    overflow: hidden;
}
.gallery-page h2{
    color:#fff;
    text-align: center;
    background-color: #000;
    padding:20px;
    margin-top:-100px;
    padding-top:40px;

}
.gallery-page h3{
    font-size: 16px;
    color: #fff;
    text-align: center;
}
.gallery-page h3 a{
    color:#fff;
}
.gallery-container{
    background-color: #000;
    position: relative;
    padding-bottom:60px;
}
.gallery-container p{
    color:#fff;
    margin-bottom:20px;
    padding:20px;
}
.gallery-container .photo{
    width:100%;
}
.gallery-container .photo-info{
    position:relative;
    margin-top:12px;
    margin-bottom:36px;
}
.gallery-container .photo-info h4{
    color:#fff;
    font-size:20px;
    margin-left:75px;
}
.gallery-container .photo-info h5{
    color:#aaa;
    font-size:16px;
    margin-left:75px;
}
.gallery-container .photo-info strong{
    color:#fff;
}
.gallery-container .photo-info span{
    color:#cccccc;
    font-size:30px;
    position:absolute;
    top:3px;
}
.cats-galery{
    position:absolute;
    right:10px;
    top:10px;
}
.connews h3{
    color:#000;
    text-decoration: none;
}
.tags-galery{
    margin-top:40px;
    margin-bottom:60px;
}
.tags-galery a{
    color:#fff;
    text-decoration: none;
    font-size:18px;
}
.back-to-article{
    color: #fff;
    text-align: center;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: bold;
    padding: 15px;
    background-color: #01B7EB;
    text-decoration: none;
}
.back-to-article:hover{
    color:#000;
}



.gallery-m-item {
    break-inside: avoid-column; /* Prevent images from being split across columns */
    /*margin-bottom: 1rem;  Adjust the vertical gap between gallery items */
    width: 100%; /* This will make the items take the full width of the column */
    box-sizing: border-box; /* Include padding and border in the width calculation */
    //padding: 0.5rem; /* Add some padding to avoid images touching the container border */
    position:relative;
    margin:0.5rem;
}

.gallery-m-item img {
    width: 100%; /* Make the images take the full width of their container */
    max-width: 100%; /* Add max-width to prevent images from overflowing */
    border-radius: 8px; /* Add some border-radius for a nicer look */
}

.hr{
    border-bottom: 1px dotted #ccc;
    margin-bottom: 3px;
}
.cv-inline-paragraph{
    display:block !important;
}
.maps-popup a{
    text-decoration: none !important;
    color:#000;
}
.maps-popup img{
    width:100%;
}
.maps-popup{
    max-width: 350px;
}
.people-news-post{
    width:100%;
    min-height:100px;
    background-color: #ECECEC;
    margin-top:10px;
    border-radius:8px;
    border:3px dotted #ccc;
    padding:12px;
    margin-bottom:10px;
    text-align: center;

}
.people-news-post p{
    text-align: center;
    margin-top:10px;
}
.btn-submit-news, .btn-login, .btn-register{
    margin-top:12px;
    background-color: #C9D300;
    color:#000;
    font-weight: bold;
    border:1px solid #fff;
}
.btn-submit-news:hover, .btn-login:hover, .btn-register:hover{
    margin-top:12px;
    background-color: #5EB9DD;
    color:#000;
    font-weight: bold;
    border:1px solid #fff;
}
.modal-header{
    background-color: #C9D300;
    color:#fff;
}



/* fancy title */

.relative {
    position: relative;
    width: 100%;
    margin: 0 0 20px 0;
}

.fancy-title {
    position: relative;
    z-index: 2;
    overflow: hidden;
    background-color: #E9E7E1;
    text-align: center;
    text-transform: uppercase;
    width: fit-content;
    margin: 0 auto;
    padding: 0 10px;
    color:#fff;
}
.relative > hr {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: block;
    width: 100%;
    /*border-top: 1px solid #000!important;*/
    margin: auto;
    opacity:1;
    height:2px;
}
.nadnaslov {
  position: absolute;
  top: 15px;
  padding: 2px 10px;
  background: #00B3ED;
  box-shadow: -1px 2px 3px rgba(0,0,0,.3); 
  left:-1px;
  text-transform:uppercase;
  z-index:1;
  color:#fff !important;
}
.nadnaslov:before, .nadnaslov:after {
  content: "";
  position: absolute;
  box-sizing:initial;
}
.nadnaslov:before {
  width: 7px;
  height: 100%;
  top: 0;
  left: -6.5px;
  padding: 0 0 7px;
  background: inherit;
  border-radius: 5px 0 0 5px;
  
}
.nadnaslov:after {
  width: 5px;
  height: 5px;
  bottom: -5px;
  left: -4.5px;
  opacity:0.5 !important;
  background:#000 !important;
  border-radius: 5px 0 0 5px;
 }
 .wrap {
  width: 100%;
  height: 188px;
  position: absolute;
  top: -8px;
  left: 8px;
  overflow: hidden;
}
.wrap:before, .wrap:after {
  content: ""; 
  position: absolute;
}
.wrap:before {
  width: 40px;
  height: 8px;
  right: 100px;
  background: #4D6530;
  border-radius: 8px 8px 0px 0px;
}
.wrap:after {
  width: 8px;
  height: 40px;
  right: 0px;
  top: 100px;
  background: #4D6530;
  border-radius: 0px 8px 8px 0px;
}
.bg-slide{
    position:relative;
    background: rgb(255,255,255);
    border-radius:0 0 20px 20px;
}
.nadnaslov-smaller{
    font-size:12px;
}
    .swiper-wrapper{
        padding-left:7px;
    }
    
    
ul{
    margin-bottom:0px !important;
}

main{
    background-color:#F7F6F6;
}
header{
    background-color:#F7F6F6;
    padding-bottom:20px;
}
.calendar table{
    margin-left:20px;
}
.content-part{
    background-color:rgba(0,0,0,0.3);
}
.connected-gals{
    margin-bottom:40px;
}
.connected-gals h4{
    color:#fff !important;
}
.right-p .map-title{
    font-size:18px;
}


.mm-menu_theme-dark {
    --mm-color-border: rgba(0, 0, 0, 0.3);
    --mm-color-button: rgba(0, 0, 0, 0.4);
    --mm-color-text: rgba(0, 0, 0, 0.85);
    --mm-color-text-dimmed: rgba(255, 255, 255, 0.4);
    --mm-color-background: #fff;
    --mm-color-background-highlight: rgba(255, 255, 255, 0.08);
    --mm-color-background-emphasis: rgba(0, 0, 0, 0.1);
    --mm-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}
.mm-navbar{
    background:#C9D300;
}
.mm-navbar__title{
    color:#000 !important;
}
.mm-searchfield input{
    border:1px dotted #fff !important;
}
.placeholder .cat li a{
    background-color:rgba(0,0,0,0.4);
}
b,strong{
    font-weight:bold;
}
.featured-source{
    float:right;
    margin-right:10px;
    font-style:italic;
}


.banner-desktop{
    
}
.banner-mobile{
    
}
.banner-970{
    margin-top:20px;
    margin-bottom:20px;
}
.banner-320480{
    margin-top:40px;
}
.banner-overlay{
    position:absolute;
    width:100%;
    height:100%;
    cursor:pointer;
    top:0;
    left:0;
}
@media only screen and (max-width: 971px) {
.banner-970{
    display:none;
}
}
.300600sidebarbottom{
    
}

@media only screen and (max-width: 971px) {
    .banner-desktop{
        display:none;
    }
}
@media only screen and (min-width: 971px) {
    .banner-mobile{
        display:none;
    }
}
.news-home .t-placeholder{
    min-height:140px;
}
.news-home img{
    height:auto;
    width:100%;
}
.t-placeholder h5{
    text-align:left;
}
/* raširi na mobitelu */
@media screen and (max-width: 992px) {
    main .container-fluid,main .container{
        padding-left:4px !important;
        padding-right:4px !important;
    }
    .post-content{
        padding:0px;
    }
}

/* OPTIONAL: layout s thumbom ulijevo */
.small-inline-news.has-thumb {
  display: grid;
  grid-template-columns: 84px 1fr; /* thumbnail (thumbnail size ~150x150; ovdje scaled) + content */
  gap: 12px;
  align-items: start;
}
.small-inline-news .cv-thumb img { display:block; width:100%; height:auto; border-radius:6px; }
.small-inline-news .cv-content h3 { margin: 4px 0 0; }
.fun-overlay{pointer-events: none;}