/*
Theme Name: Hercegovina Press
Theme URI: http://www.hercegovinapress.com
Author: Darko Mitrovic
Author URI: http://www.darkomitrovic.com
Description: Prvi hercegovacki biznis portal
Version: 1.0
*/


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



/*
TAMNO PLAVA #073D66;
Svijetlo siva #f3f3f3;
Siva #d3d3d3;
*/

/* PNG fix */
img, .png {
   position: relative;
   behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
   this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
   this.src = "images/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
   this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
   this.runtimeStyle.backgroundImage = "none")),this.pngSet=true));
}

.pp-btn input[type="image"] {
	max-width: 100%;
	height: auto;
}


body {
	background-color:#e9ebee;
	font-family: 'Open Sans', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'PT Sans Narrow', sans-serif;
}


a {
	color:#000;
	transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	-webkit-transition: 0.2s linear;
	-o-transition: 0.2s linear;
}
a:hover {
	color:#CF000F;
    text-decoration: none;
}
				
img {
	/* width:100%; */
	opacity:1.0;
	filter: alpha(opacity=100);
	transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	-webkit-transition: 0.2s linear;
	-o-transition: 0.2s linear;
}
img:hover { 
	opacity: 0.7; 
	filter: alpha(opacity=70);
}


.shadow {
	-webkit-box-shadow: 0px 0px 6px 0px rgba(50, 50, 50, 0.35);
	-moz-box-shadow:    0px 0px 6px 0px rgba(50, 50, 50, 0.35);
	box-shadow:         0px 0px 6px 0px rgba(50, 50, 50, 0.35);
}

.center-blocks {
    text-align: center;
}



/**************************************
	           TOP HEADER 
**************************************/

.header {
    background-color: #222;
}


.header .berza-box {
    width: 100%;
    height: 21px;
    padding: 3px 0;
    overflow: hidden;
}

.header .berza-box iframe {
    width: 100%;
    font-family: tahoma !important;
    font-size: 0.7em !important;
}

 #ticker_content {
    font-family: tahoma !important;
    font-size: 0.7em !important;
}


/**************************************
	            HEADER 
**************************************/

header {
    margin:0 auto;
    background-color: #073D66;
}

	.header-main {
        /* background: url(img/city.png) no-repeat bottom right; */
	}
		.logo {
			width:auto;
			height:120px;
			margin-left:20px;
            margin: 10px 0;
		}
        .baner-top {
            margin: 37px 30px 0 0;
        }

        .baner-top-mobile {
            display: none;
        }




/**************************************
	           NAV 
**************************************/
.navbar-default {
	background-color:#fff ;
}
	.navbar-default .navbar-toggle {
		border-color:#fff;
	}
	.navbar-default .navbar-toggle .icon-bar {
		background-color:#005990;
	}
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
		background-color:#fff;
	}

.navbar-collapse {
	padding-left:0;
	padding-right:0;
}

	.navbar-default .navbar-nav > li > a {
		color:#555;
		text-align: center;
        font-family: 'PT Sans Narrow', sans-serif;
        font-size: 17px;
        font-weight: bold;
        padding-left: 26px;
        padding-right: 26px;
	}
	.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
		background-color:#e9ebee;
	}
	.nav > li > a {
		/* padding:15px 16px; */
		text-transform:uppercase;
	}


.navbar-default .navbar-nav > .active > a {
	background-color:#e9ebee;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    background-color: #e9ebee;
}

.navbar-brand {
    display: none;
}














/**************************************
	           TOP NEWS 
**************************************/

.nopadding .nono-top {
    padding: 5px !important;
}

.top-news {
    margin-top: 30px;    
}

.top-news-single {
    display: block;
    height: auto;
    margin-bottom: 0px;
    position: relative;
    width: 100%;
    overflow: hidden;
    border-top: 2px solid #073D66;
}



.top-news-single img {
	width:100%;
	height: auto;
    transition: all .2s ease-in-out;
}

.top-news-single:hover img { 
    transform: scale(1.1); 
}


.top-news-single h2 {
	width:100%;
	height: auto;
    padding: 3px;
    color: #FFF;
    left: 0px;
    bottom: 0px;
	margin:0 auto;
	position:absolute;
	font-size:22px;
	line-height:24px;
	
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 40%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(40%,rgba(0,0,0,0.7))); 
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 40%); 
	background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 40%); 
	background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 40%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 40%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 ); 
}

.top-news-single .img-trendy {
    position:absolute;
    right: 8px;
    top: 5px;
    color: #fff;
    text-shadow: 1px 1px 2px #444;
    font-size: 20px;
}

.step {
    position:absolute;
    right: 5px;
    top: 5px;
    background: #f05b72;
    border-radius: 0.7em;
    -moz-border-radius: 0.7em;
    -webkit-border-radius: 0.7em;
    color: #ffffff;
    display: inline-block;
    line-height: 1.4em;
    font-size: 1.4em;
    text-align: center;
    width: 1.4em; 
}

.top-news-single .cat {
    position:absolute;
    right: 0px;
    top: 0px;
    color: #fff;
    font-size: 14px;
    line-height: 14px;
    padding: 3px 4px 4px;
    text-transform: uppercase;
    background-color: #073D66;
}
.top-news-single .cat span {
    font-size: 16px;
}










.main-container {
    margin-top: 35px;
}

/**************************************
	           LIST NEWS 
**************************************/
.list-news {}


.list-news .media {
    background-color: #fff;
    margin-bottom: 35px;
    border-top: 2px solid #073D66;
}


.list-news a .media {
	transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	-webkit-transition: 0.2s linear;
	-o-transition: 0.2s linear;
}
.list-news a:hover .media {
    background-color: #f4faff;
    color: #073D66;
}


.list-news a:hover img { 
	opacity: 0.7; 
	filter: alpha(opacity=70);
}

.media-left {
    position: relative;
}
.media-body {
    padding-right: 10px;
}


.list-cat {
    position:absolute;
    left: 0px;
    top: 0px;
    color: #fff;
    font-size: 14px;
    line-height: 14px;
    padding: 3px 4px 4px;
    text-transform: uppercase;
    background-color: #073D66;
}



.list-news .media-left img {
    width: 250px;
}

.list-news .media-heading {
    font-size: 26px;
    margin-top: 5px;
}

.list-news .media-body p {
    margin-top: 15px;
    font-family: 'PT Serif', sans-serif;
    font-size: 16px;
}











/**************************************
	           SINGLE 
**************************************/
.single-content {
    background-color: #fff;
    margin-bottom: 35px;
    border-top: 2px solid #073D66;    
    padding: 10px 15px;
    font-family: 'PT Serif', sans-serif;
}
.single-content {
    font-size: 18px;
    margin-bottom: 20px;    
}

.single-content h1 {
    margin-top: 0;
    margin-bottom: 5px;
}
.single-content h1.single-title {
    margin-bottom: 30px;
}

.single-content p {
    font-size: 18px;
    margin-bottom: 20px;    
}


.single-content p a {
    color: #000;
    text-decoration: underline;
}
.single-content p a:hover {
    color: #CF000F;
    text-decoration: underline;
}


.single-content p a.btn-primary {
    color: #fff;
    text-decoration: none;
}

.single-content .date {
    color: #999;
    margin-bottom: 5px;
	font-size: 14px;
}



.single-content img:hover, .mfp-figure img.mfp-img { 
	opacity: 1.0; 
	filter: alpha(opacity=100);
}
.single-content a img:hover { 
	opacity: 0.8; 
	filter: alpha(opacity=80);
}

.single-content img {
max-width: 100%;
height: auto;
}

.single-content p img.alignleft {
    float:left;
    margin:0 15px 5px 0;
    max-width:100%;
    height:auto;
}
.single-content p img.alignright {
    float:right;
    margin:0 0 5px 15px;
    max-width:100%;
    height:auto;
}
.single-content img.aligncenter, .single-content p img.aligncenter, .single-content p img.alignnone, .single-content div.aligncenter, .single-content div.aligncenter img {
    width:100% !important;
    height:auto;
}

	.wp-caption-text {
		font-size:14px !important;
		text-align:center;
        border-bottom: 1px solid #ddd;
		padding:2px;
		font-style:italic;
		text-indent:0 !important;
	}


.single ol, .single ul {
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 25px;
}
.single li {
    padding-bottom: 3px;
}







	#gallery-1 .gallery-caption {
		font-size:12px !important;
		display:none;
	}



    /* FOTO */
    body dl.gallery-item + br {
    }
    .gallery {
        margin-bottom:15px !important;
        clear:both;
    }
        .gallery-item {
            width:140px !important;
            height:auto !important;
            margin:0px !important; /* 4px 2px 0 2px */
        }
        .gallery-item img {
            width:140px !important;
            height:auto !important;
            margin:0px !important;
        }
        .gallery img:hover {
            border-color:#073D66 !important;
            opacity: 1.0 !important;
        }






.tagovi {
    margin-top: 25px;
}

.tagovi a {
    font-size: 14px;
    line-height: 20px;
    background-color: #bbb;
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    margin-bottom: 5px;
    margin-right: 5px;
    padding: 3px 7px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.1s ease-in-out 0s;
}

.tagovi a:hover {
    background-color: #073D66;
    color: #fff;
    text-decoration: none;
}






.social-box {
    height: auto;
    margin-top: 25px;
}

.social-button {
    display: table-cell;
    vertical-align: middle;
    padding-right: 15px;
}


.social-button.tw {
    padding-top: 4px;
}
.social-break {
    display: none;
}








.title-box {
    color: #073D66;
    text-transform: uppercase;
    font-family: 'PT Sans Narrow', sans-serif;
    font-size: 32px;
    text-align: center;
    margin-bottom: 15px;
}





#commentform, #commentform > span, #commentform > span > iframe {
    width: 100% !important;
}








.comment-content {
    background-color: #fff;
    margin-bottom: 35px;
    border-top: 2px solid #073D66;    
    padding: 10px 15px;
}


.related-content {
    background-color: #fff;
    margin-bottom: 35px;
    border-top: 2px solid #073D66;    
    padding: 15px;
}
    .related.list-news .media-left img {
        width: 140px;
    }
    .related.list-news .media-heading {
        font-size: 26px;
        margin-top: 5px;
    }
    .related.list-news .media {
        margin-bottom: 15px;
    }








.pagination {
    margin: 0 0 20px;
    font-size: 15px;
}
.pagination .page {
    margin-bottom: 0;
}

.pagination > li > .current, .pagination > li > .current:hover, .pagination > li > .current:focus {
    background-color: #073D66;
    color: #fff;
}
.pagination > li > a, .pagination > li > span {
    color: #333;
}
.pagination > li > span:hover {
    background-color: #fff;
}







/**************************************
	           BANER BOX 
**************************************/
.pretraga {
    text-align: center;
    margin-bottom: 22px;
}
    .navbar-form {
        margin-top:0;
        margin-bottom: 0;
    }
    .navbar-form .form-control {
        width: 300px !important;
    }

	.navbar-form .form-control:focus {
        border:1px solid #073D66;
	}

.baner-box {
    margin-bottom: 20px;
    width: 300px;
    height: auto;
    margin: 0 auto 20px;
}









/**************************************
	           FOOTER
**************************************/

.footer {
    background-color: #033357;
    margin-top: 60px;
}
.footer-box {
    padding-top: 40px;
    padding-bottom: 40px;
}

.footer-box-title {
    font-family: 'PT Sans Narrow', sans-serif;
    font-size: 20px;
    font-weight: bold;
    border-bottom: 3px solid #d9d9d9;
    text-align: center;
    padding-bottom: 10px;
    margin-bottom: 10px;
    color: #d9d9d9;
    text-transform: uppercase;
}

.footer-box  {
    color: #aaa;
    font-size: 16px;
}


.footer-box img {
    height: 80px;
}

.footer-box .links {
    margin-top: 30px;
}


.footer-box a {
    color: #fff;
}
.footer-box a:hover {
    color: #fff;
    text-decoration: underline;
}

.ficon {
    text-align: right;
    margin-top: 20px;
}


.hicon {
    display: inline-block;
    font-size: 36px;
    line-height: 36px;
    margin-right: 14px;
}

.hicon a {
    color: #fff;
}

.hicon a:hover {
    color: #ddd;
}

.hicon a i {
    font-size: 36px;
}










.footer-copyright {
    background-color: #012b4a;
    color: #bbb;
}

.footer-copyright .copy-left, .footer-copyright .copy-right {
    padding: 10px;
    font-size: 12px;
}
.footer-copyright .copy-right {
    text-align: right;
}
.footer-copyright .copy-right a {
    color: #bbb;
}
.footer-copyright .copy-right a:hover {
    color: #fff;
    text-decoration: underline;
}










/*
Back to top button 
*/
#back-top {
	position: fixed;
	bottom: 15px;
	right: 15px;
}
/* arrow icon (span tag) */
#back-top a img {
	width: 42px;
	height: 42px;
	display: block;
}
#back-top a img:hover { 
	opacity: 0.7; 
	filter: alpha(opacity=70);
}










.adresar-kategorije {
    word-wrap: break-word;
}
.adresar-kategorije .media-left {

    
}
.media-kategorija {
    text-align: center;
    width: 100%; 
    vertical-align: middle;
    font-size: 24px;

    padding: 15px 5px;
}

.adresar-kategorije .media-body {
    background: #073D66;
}
.adresar-kategorije .media-heading {
    color: #fff;
    text-align: center;
}



.adresar-taxonomy .media {
    font-size: 18px;
    margin-bottom: 15px;
    border-top: 1px solid #073D66;
    word-wrap: break-word;
    padding: 7px 0;
}
























/* SMALL SCREEN */
@media (min-width: 992px) and (max-width: 1199px) {
	.header-main {
        background: none;
	}
    
    .navbar-default .navbar-nav > li > a {
		padding-left:25px;
		padding-right:25px;
		text-transform:none;
	}
    
    .navbar-form {
        padding-left: 0;
        padding-right: 0;
    }
	
}




@media (max-width: 991px) {    
    
     .logo {
        float: none !important;
        margin: 10px auto;
        width: 347px;
    }   
    
    .baner-top {
        display: none;
    } 
    
    .baner-top-mobile {
        display: block;
        width: 468px;
        height: auto;
        max-width: 100%;
        margin: 30px auto 20px;
    }
    
    
    
    .footer-box  {
       text-align: center; 
        padding-bottom: 10px;
        padding-top: 10px;
    }    
    .footer-box img {
        height: 80px;        
    }

    .footer-box .links {
        margin-top: 10px;
    }
    .ficon {
        margin-top: 10px;
    }  

}





@media (max-width: 768px) {
    
    .logo {
        float:none !important;
        width: 100%;
        height: auto;
    }
    .logo img {
        width: 100%;
        margin:0 auto;
        padding-left: 30px;
        padding-right: 30px;
    }

         .baner-top {
            display: none;
        }   
    
    
    .navbar-brand {
        color:#073D66 !important;
        display:block !important;
        font-size:18px;
        text-transform: uppercase;
    }
    .navbar-collapse {
        padding-left:15px;
        padding-right:15px;
        border:0;
    }

    .navbar-nav {
        margin:1px -15px;
    }

    .nav > li {
        border-bottom:1px solid #eee;
    }
    .navbar-inverse .nav > li {
        border-bottom:1px solid #ddd;
    }
    .nav > li > a {
        padding:10px 0;
    }
    
    .navbar-nav > li > .dropdown-menu > li {
        background-color: #2179b2;
    }    

    .navbar-nav > li > .dropdown-menu > li > a {
        color: #fff !important;
        padding: 8px 5px !important;
        text-align: center;
    }
    .navbar-nav > li > .dropdown-menu > li > a:focus, .navbar-nav > li > .dropdown-menu > li > a:hover {
        background-color: #004671;
        color: #F7CA18 !important;
    }  
    
    
	.gallery-item {
		width:80px !important;
		height:60px !important; 
	}
	.gallery-item dt a img {
		width:80px !important;
		height:60px !important; 
	}
    
    
    .pretraga {
        width: 300px;
        margin: 0 auto 15px;
    }   
    
    
    .footer-box  {
       text-align: center; 
        padding-bottom: 10px;
        padding-top: 10px;
    }    
    .footer-box img {
        height: 80px;        
    }

    .footer-box .links {
        margin-top: 10px;
    }
    .ficon {
        margin-top: 10px;
    }    
    
    
    
}






@media (max-width: 560px) { 
    
    .top-news-single h2 {
        font-size: 19px;
        line-height: 20px;
    } 
    
    
    .media-left {
        display: block;
        width: 100%;
        clear: both;
        padding-right: 0;
        padding-bottom: 15px;
    }
    
    .media-left img {
        width: 100% !important;
        height: auto !important;
    }
    
    
    .list-news .media-body {
        padding: 0 15px 15px;
    }    
    
    .related.list-news .media {
        margin-bottom: 30px;
    }
    
    .adresar-kategorije .media-left {
        width: 100%;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .adresar-kategorije .media-body {
        padding-top: 5px;
        padding-bottom: 5px;
    }    
    .media-kategorija {
        text-align: center;
    }
    
}