@import url('https://fonts.googleapis.com/css?family=Muli:400,400i,800&subset=latin-ext');
@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&display=swap');

/*----all-browsers----*/

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {display:block;}

html {text-rendering: optimizeLegibility!important; -webkit-font-smoothing: antialiased!important;}

body {font-family: 'Muli', sans-serif; font-weight: 400; overflow-x:hidden; color: #222;}

h1,h2,h3,h4,h5,h6 {font-family: 'DM Serif Display', sans-serif; font-weight: 500;}

a {color: #222;}
a:hover, a:focus {color: #988a8e; outline: none; text-decoration: none;}

p {font-size: 1.05em;}
p>a, p>strong>a {border-bottom: 1px solid #222;}
img {max-width: 100%; height: auto;}

/*----common-elements----*/

.subtitle {text-transform: uppercase; color: #222; font-weight: 800; font-size: .9em; margin-bottom: 15px; display: inline-block;}
.overlay {
	background-color: rgba(0,0,0,0.2); 
	position: absolute; top: 0; bottom: 0; left: 0; right: 0;
	-webkit-transition: background-color 0.4s;
    -moz-transition: background-color 0.4s;
    -o-transition: background-color 0.4s;
    -ms-transition: background-color 0.4s;
    transition: background-color 0.4s;
}
.custom-list ul li {min-height: 135px;}
.page-content {min-height: 800px;}
.sbi {padding-bottom: 0 !important;}
	
	
/*----bootstrap----*/

.btn {border-radius: 35px;}
	.btn-group-sm>.btn, .btn-sm {font-size: .7em;}
	.btn-outline-danger {border-color: #891C03; color: #891C03;}
	.btn-outline-secondary {border-color: #a25d37; color: #a25d37;}
	.btn-outline-primary {border-color: #ed5800; color: #ed5800;}
	.btn-outline-info {border-color: #0086B4; color: #0086B4;}
	.btn-outline-info-second {border-color: #7e4ba9; color: #7e4ba9;}
	.btn-outline-success {border-color: #AC1A76; color: #AC1A76;}
	.btn-outline-custom {border-color: #00900A; color: #00900A;}
	.btn:hover {background: #222; color: #fff; border-color: #222;}
.bg-warning {background:#CA5811 !important;}
.bg-info {background:#F5E3D7 !important;}
.bg-dark {background-color: #353638 !important;}
.carousel-control-next, .carousel-control-prev {width: 30px; font-size: 1.4em;}
	.carousel-control-next {right: -35px;}
	.carousel-control-prev {left: -35px;}
.text-danger {color:#891C03 !important;}
.text-secondary {color: #a25d37 !important;}
.text-primary {color:  #ed5800 !important;}
.text-info {color: #0086B4 !important;}
.text-info-second {color:#7e4ba9;}
.text-success {color: #AC1A76 !important;}
.text-custom {color: #00900A;}
.text-warning {color: #b99813 !important}
.label {font-weight: 800; display: block; text-transform: uppercase; margin-bottom: 3px;}
.label-warning {color: #ffbe00;}
.label-danger {color: #891C03;}
.label-secondary {color: #a25d37;}
.label-primary {color: #ed5800;}
.label-info {color: #0086B4;}
.label-custom {color: #00900A;}
.label-success {color:#AC1A76;}
.border-bottom {border-bottom: 1px solid #efddd4 !important;}


/*----gutenberg----*/

.wp-caption {max-width: 100%;}
.wp-caption-text {font-size: .9em; font-style: italic; color: #6b6b6b; margin-top: 5px;}

	
/*----banners----*/

.skycsraper_120x600 { width: 120px;  overflow: hidden; margin: 0 auto;}
.inline-rectangle_300x250 { width: 300px; overflow: hidden; margin: 0 auto;}
.header_leaderboard_728x90 {width: 728px; float: right; margin-top: 18px; overflow: hidden;}
.large_leaderboard_970x90 { width: 970px; margin: 0 auto; overflow: hidden;}
.square_250x250 { width: 250px; overflow: hidden; margin: 0 auto;}
.half_page_300x600 { width: 300px; overflow: hidden; margin: 0 auto;}
.wallpaper-left {position: absolute; top: 43px; right: 56%; margin-right: 490px; height: 1080px; width: 400px; overflow: visible;}
.wallpaper-right {position: absolute; top: 43px; left: 56%; margin-left: 490px; height: 1080px; width: 400px; overflow: visible;}
.mobile, .mobile-sidebar {display: none;}
.top-page320x50 img {margin-bottom: 0 !important;}
.g img {margin-bottom: 15px;}
.mobile-parallax .g {height: 620px;}
.parallax {
	width: 300px;
    height: 600px;
    left: 0;
    overflow: hidden;
    position: absolute;
    clip: rect(0, auto, auto, 0);
    right: 0;
    text-align: center;
    margin: auto;
}
.parallax img {
	position: fixed;
    width: 300px;
    height: 600px;
    z-index: -1;
    left: 0;
    transform: perspective(0px);
    top: 30px;
    right: 0;
    text-align: center;
    margin: 0 auto;
}


/*----search----*/

.overlay-1 { height: 0%; width: 100%; position: fixed; z-index: 1; top: 0; left: 0; background-color: rgba(236, 106, 29, .9);  overflow-y: hidden; transition: 0.5s; color: #fff;}
.overlay-search { position: relative; top: 50%; width: 100%; margin-top: 80px;}
.overlay-1 .btn-close { position: absolute; top: 10px; right: 35px; font-size: 40px; color: #fff;}
.input-group-btn .btn {border-top-left-radius: 0; border-bottom-left-radius: 0;}
.input-group .form-control {border-top-left-radius: 35px; border-bottom-left-radius: 35px;}
.search input, .search .btn {height: 60px;}

/*----facebook-comments----*/

.fb_iframe_widget_fluid_desktop, .fb-comments iframe, .fb-comments span, .pluginSkinLight.pluginFontHelveticat div {width: 100% !important;}


/*----header----*/

.top-nav {background: #ed5800; color: #fff; padding: 10px 0;}
	.top-nav a {color: #fff; font-size: .9em;}
	.navbar-nav {border-top: 1px solid #634d53; border-bottom: 3px solid #ed5800;}
	.navbar-nav li:nth-of-type(9) a {color: #009a0b;}
	.navbar-expand-lg .navbar-nav .nav-link {padding-right: .8rem; padding-left: .8rem;}
.logo {width: 230px; height: 135px; background: url(../img/danica.pro.svg) no-repeat; background-size: 230px auto; text-indent: -9999px;}
	.navbar a {color: #222; font-weight: 700; font-size: 1.15em;}
	.navbar a:hover {color: #ff8451;}
	.nav-item.active a {color: #ff4b00;}
.navbar-toggler {display: none; background: url(../img/hamburger-icon.svg) no-repeat; background-size: 35px auto; background-position: center center; float: right; margin-top: 50px;}
.header-date { font-size: .95em; border-left: 1px solid #ca9a7e; padding-left: 10px; margin-left: 5px;}
.weather img {width: 25px;}
	

/*----index----*/

.list-sm li {margin-bottom: 10px; border-bottom: 1px solid #efddd4;}
	.list-sm li:last-child {border-bottom: none;}
	.list-sm h3 {font-size: 1em;}
ol.list-featured {list-style: none; counter-reset: my-counter; padding-left:29px;}
	ol.list-featured li {border-bottom: 1px solid #efddd4; counter-increment: my-counter; min-height: 0; }
	ol.list-featured li:before {content: counter(my-counter); display: inline-block; width: 30px; height: 30px; line-height: 30px; font-size: 15px; text-align: center; color: #fff; background-color: #DC6216; border-radius: 50%; position: absolute; left: 5px; margin-top: 0; }
	.list-featured li:last-child {border-bottom: none;}
	.list-featured img {width: 120px; float: left; margin: 5px 15px 5px 0;}
	.list-featured h4 {font-size: 1em;}
.recent-news a {margin-bottom: 15px;}
.recent-news h3, .recent-news h4 {font-size: 1.1em;}
.recent-news img {margin-bottom: 5px;}

.news-full {height: 550px; background-position: center center !important; background-size: cover !important; position: relative; overflow: hidden; margin-bottom: 15px;}
	.news-full:hover .overlay, .news-small:hover .overlay {background-color: rgba(0,0,0,.3);}
	.news-full-inner {position: absolute; bottom: 30px; left:30px; right: 30px; color: #fff; z-index: 1; text-shadow: 1px 1px 5px #484848;}
	.news-full-inner small, .news-small-inner small {color: #fff !important;}
.news-small {height: 250px; background-position: center center !important; background-size: cover !important; position: relative; overflow: hidden;}
	.news-small-inner {position: absolute; bottom: 15px; left:15px; right: 15px; color: #fff; z-index: 1; text-shadow: 1px 1px 5px #484848;}
	.news-small-inner h5 {font-size: 1.1em;}
.featured-third, .featured-third a {color: #fff;}
	.featured-third h3 {font-size: 1.4em;}
.video {color: #fff;}
	.video figure {position: relative;}
		.video figure:before {content:'\f04b'; font-family: FontAwesome; position: absolute; color: rgba(255,255,255,.7); font-size: 2em; top: 45%; left: 0; right: 0; text-align: center;}
	.video h5 {font-size: 1.1em;}
	.video:hover h5 {color: #fde1d1;}
.fotografija-dana a {height: 450px; position: relative; background: url(../img/placeholder-bg.jpg) no-repeat; background-position: center center; background-size: cover; overflow: hidden; color: #fff;}
.fotografija-dana figcaption {position: absolute; bottom: 30px; left: 15px; right: 15px; z-index: 1;}
.qoute {padding: 15px 20px; border-radius: 2px; color: #fff; background: #DC6216; position: relative;}
	.qoute::after {content: ''; position: absolute; bottom: -8px; right: 15px; width: 0; height: 0; border: 0 solid transparent; border-left-width: 10px; border-right-width: 10px; border-top: 10px solid #DC6216; }


/*----page----*/

.meta a {text-decoration: underline;}
.featured-single {width: 100%;}
.news-horizontal {min-height: 190px;}
.news-horizontal img { width: 250px;float: left; margin: 5px 15px 0 0;}
.news-horizontal h2 {font-size: 1.4em;}
.tags small {display:inline-block; color:#222 !important; background:#dcc8be; padding:5px 10px; border-radius:30px;}
.about {color: #4e4e4e; font-size: .9em;}


/*----footer----*/

.main-footer {background: #403337; color: #B6B6B7; padding: 50px 0 30px 0;}
	.main-footer a {color: #B6B6B7;}
	.main-footer h6 {font-weight: 400;}
	.social-icons a {display: inline-block; width: 45px; height: 45px; line-height: 45px; font-size: 20px; text-align: center; border: 1px solid #B6B6B7; color: #B6B6B7; border-radius: 50%;}
	.social-icons a:hover {background-color:rgba(193, 182, 172, .2);}
	.footer-nav li {line-height: 1.8em;}
	.footer-nav a {color: #B6B6B7;}
	.footer-nav-sec a {font-size: 80%; color: #B6B6B7;}
.copy img {width: 45px;}
	
/*----pagination----*/

.pagination {
    margin: 0;
}
.pagination>li:first-child>a, .pagination>li:first-child>span {
    border-radius: 0 !important;
}
.pagination>li:last-child>a, .pagination>li:last-child>span {
    border-radius: 0 !important;
}
.pagination>li>a, .pagination>li>span {
    padding: 10px 20px !important;
    color: #333 !important;
	border: 1px solid #dcc8be;
}
.page-numbers.current {
    background-color: #dcc8be !important; 
}
	
	
/*--media-queries--*/

@media (max-width: 359px) {
}

@media (max-width: 498px) {
.news-full-inner {bottom: 15px; left: 15px;}
.logo {width: 120px; height: 100px; background-size: 120px auto;}
.recent-news a img {width: 100%;}
.order-xs-1 { -ms-flex-order: 1; order: 1;}
.order-xs-2 { -ms-flex-order: 2; order: 2;}
.order-xs-3 { -ms-flex-order: 3; order: 3;}
}	

@media (max-width: 768px) {
h1 {font-size: 1.6em;}	
h2 {font-size: 1.4em;}
h3 {font-size: 1.3em;}
.top-nav {display: none;}
.main-header {border-top: 2px solid #ed5800;}
.news-full {height: 350px;}
.main-footer {text-align: center;}
.main-footer .text-right {text-align: center !important;}
.mobile, .mobile-sidebar {display: block;}
}


@media (max-width: 992px) {
.navbar-toggler {display: block;}
.logo {width: 150px; height: 100px; background-size: 140px auto;}	
.navbar.navbar-expand-lg {padding: 0;}
.main-content .list-sm li {min-height: 90px;}
	.list-sm img {width: 120px; float: left; margin: 0 15px 5px 0 !important;}
.header_leaderboard_728x90, .large_leaderboard_970x90, .skycsraper_120x600, .half_page_300x600, .inline-rectangle_300x250, .main_billboard, .square_250x250, .wallpaper-right, .wallpaper-left {display: none;}
.recent-news img {display: block;}
.main-header .container {border-bottom: 1px solid #ddd;}
.top-nav .container {border-bottom: none;}
}

@media (max-width: 1200px) {
	.navbar-expand-lg .navbar-nav .nav-link {padding-left: .5em; padding-right: .5em; font-size: 1.1em;}
}

@media (min-width: 1299px) {
}