/*
Theme Name: Crkva Visegrad
Theme URI: https://www.crkva-visegrad.com
Author: Darko Mitrovic
Author URI: https://www.darkomitrovic.com
Description: Crkva Visegrad
Version: 1.0
*/


/* @import url('https://3ad1e7.claudeassets.com/20230322164048cs_/https://fonts.googleapis.com/css?family=Noto+Sans:400,400i,700&subset=cyrillic-ext'); */
 @import url('https://a92c4e.claudeassets.com/20230322164048cs_/https://fonts.googleapis.com/css?family=Noto+Sans:400,400i,700|Ubuntu+Condensed&subset=cyrillic-ext');


/*
TAMNO PLAVA #175A8B;
svijetlo PLAVA #6693B2;
Svijetlo siva #C6C8C9;
Siva #F0F0F1;
crna #25272A;
*/

/* 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("https://4656c3.claudeassets.com/20230322164048im_/https://www.crkva-visegrad.com/wp-content/themes/crkva/','').replace('")',''),
   this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
   this.runtimeStyle.backgroundImage = "none")),this.pngSet=true));
}




body {
	background-color:#c6d6ef;
	font-family: 'PT serif', sans-serif;
    font-family: 'Noto Sans', sans-serif;
    color: #25272A;
}

h1, h2, h3, h4, h5, h6 {
}


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:#3d86d6;
    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 4px 5px -1px rgba(0,0,0,0.20);
    -moz-box-shadow: 0px 4px 5px -1px rgba(0,0,0,0.20);
    box-shadow: 0px 4px 5px -1px rgba(0,0,0,0.20);
}



hr {
	border-top: 2px solid #2d414e;
	margin-bottom: 7px;
	margin-top: 5px;
    margin-left: 0;
	width: 50%;
}


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


.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .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-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
	padding-right: 7px;
	padding-left: 7px;
}



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

.top-header {    
    top: 0;
    left: 0;
    right: 0;
    position: fixed;
    z-index: 2;
    overflow: hidden;
}

.top-icon {    
   background-color: #3d86d6; 
    height: 28px;
    text-align: right;
}


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

.hicon a {
    color: #fff;
}

.hicon a:hover {
    color: #2d414e;
}

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




.top-info {
    height: 26px;
}

.top1 {
    background-color: #2d414e;
    height: 26px;
    line-height: 26px;
    -webkit-transform: skewX(-45deg);
    transform: skewX(-45deg);
    padding-left: 20px;
    text-align: right;
    color: #ccc;
    
}

.top1::before {
	content: '';
	position: absolute;
	border-top: 0px solid transparent;
	border-bottom: 26px solid transparent;
	border-right: 15px solid #2d414e;
	top: 0;
	left: -14px;
}

.top1 span {
    -webkit-transform: skewX(45deg);
    transform: skewX(45deg);
    display: inline-block;
    padding-right: 15px;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: bold;
}

.top1:hover {
    background: #c4972a;
    color: #000;
}

.top1:hover::before {
	border-right: 15px solid #c4972a;
}



.top-flag {
    height: 26px;
     -webkit-transform: skewX(-45deg);
    transform: skewX(-45deg);  
    visibility: hidden;
}
    .top-flag .flag-red {
        background: #d62718;
        height: 26px;
    }
    .top-flag .flag-blue {
        background: #0036a7;
        height: 26px;
    }
    .top-flag .flag-white {
        background: #fff;
        height: 26px;
    }

.top-flag.show {
    visibility: visible;
}


.bottom-info {
    height: 26px;
    z-index: 2;
    position: relative;
    overflow: hidden;
}




.bottom-info .bottom1 {
    background-color: #2d414e;
    height: 26px;
    line-height: 26px;
    -webkit-transform: skewX(-45deg);
    transform: skewX(-45deg);
    padding-left: 20px;
    color: #ccc;
}
.bottom-info .bottom1::after {
	content: '';
	position: absolute;
	border-top: 26px solid transparent;
	border-bottom: 0 solid transparent;
	border-left: 15px solid #2d414e;
	top: 0;
	right: -14px;
}

.bottom-info .bottom1 span {
    -webkit-transform: skewX(45deg);
    transform: skewX(45deg);
    display: inline-block;
    padding-left: 3px;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: bold;
}

.bottom-info .bottom1:hover {
    background: #c4972a;
    color: #000;
}

.bottom-info .bottom1:hover::after {
	border-left: 15px solid #c4972a;
}







.botinfo-fix {
    top: 28px;
    left: 0;
    right: 0;
    position: fixed;
    background: transparent;
    z-index: 2;    
}

.bottom-link {
    display: none;
}
.bottom-link-show {
    display: block;
}

.botinfo-fix .bottom-hide {
}



/**************************************
	            HEADER 
**************************************/
.abc {
    height: 346px;
}
.full-video {
    width: 100%;
    height: 346px;
    position: absolute;
    overflow: hidden;
    margin-top: 26px;    
    z-index: 1;  
}

.full-video .slider {
    display: block;
    width: 100%;
    height: 346px;
	background-position: center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
    background-attachment: fixed;
}



.full-video .slider-text {
    position: absolute;
    top: 34%;
    text-align: center;
    font-size: 60px;
    color: #fff;
    width: 100%;
    letter-spacing: 2px;
    padding: 0 10%;
    font-weight:bold;
  -vendor-animation-duration: 3s;
  -vendor-animation-delay: 1s;
    -webkit-animation-delay: 1s; /* Safari 4.0 - 8.0 */
    animation-delay: 1s;
    text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.73);
    
    font-family: 'Vollkorn', serif;

}

.slider-icon {
    
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);   
    /*position: fixed;*/
}

.slider-icon-box {
    text-align: center;
}
.slider-icon-box img {
    max-width: 100%;
    height: auto;
}

.slider-icon-box img:hover { 
	opacity: 0.7; 
	filter: alpha(opacity=70);
}




/**************************************
	           NAV 
**************************************/
.nav-fix {
    top: 54px;
    left: 0;
    right: 0;
    position: fixed;
    -webkit-box-shadow: 0px 4px 5px -1px rgba(0,0,0,0.40);
    -moz-box-shadow: 0px 4px 5px -1px rgba(0,0,0,0.40);
    box-shadow: 0px 4px 5px -1px rgba(0,0,0,0.40);        
}

.navbar-default {
	background-color:#3d86d6 ;
    z-index: 2;
}


.menu1 {
    padding-top: 0px;
    padding-bottom: 0;
}

	.navbar-default .navbar-toggle {
		border-color:#F0F0F1;
		color:#F0F0F1;
	}
	.navbar-default .navbar-toggle .icon-bar {
		background-color:#F0F0F1;
	}
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
		background-color:#62a4ed;
	}

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

	.navbar-default .navbar-nav > li > a {
		color:#F0F0F1;
		text-align: center;    
        font-size: 16px;
        font-weight: bold;
        padding-left: 28px;
        padding-right: 28px;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.50); 
        font-family: 'Ubuntu Condensed', sans-serif;
	}
	.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
		background:#c6d6ef;
        color: #333;
	}
	.nav > li > a {
		/* padding:15px 16px; */
		text-transform:uppercase;
	}


.navbar-default .navbar-nav > .active > a {
	background:#c6d6ef;
    color: #333;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    background:none;
    color: #ccc;
}
.navbar-default .navbar-nav >li > a:focus {
    color: #fff;
}


.navbar-brand {
    display: none;
    color:#F0F0F1;
}









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

.navbar-nav > li > .dropdown-menu {
    border: 0;
}
	.navbar .navbar-nav > li {
        margin-right: 15px;
	}
	.navbar .navbar-nav > li > a {
		color:#fff;
		text-align: center;
        font-size: 20px;
        
        transition: 0s linear;
        -moz-transition: 0s linear;
        -webkit-transition: 0s linear;
        -o-transition: 0s linear;
	
		padding:0 19px;
		text-transform:uppercase;
        height: 50px;
        vertical-align: middle;
        display: table-cell;
	}










.dropdown-menu {
    padding: 0;
    background: #3d86d6;
}
.dropdown-menu>li {
    width: 100%;
    display: block;
    
}
.dropdown-menu>li>a {
    padding: 5px 10px;
    font-size:16px;
    color: #fff;
    font-family: 'Ubuntu Condensed', sans-serif;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.50); 
}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    background-color: #fff;
    color: #333;
}

.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover {
    background-color: #76b85b;
}

.navbar-toggle {
    margin-top: 7px;
    margin-bottom: 0;
    padding: 7px 10px;
    color: #fff;
}







/**************************************
	           TOP NEWS 
**************************************/
.content {
}

.content-fix {
    margin-top: 79px;
}


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

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

.top-news .row {
    margin-left: -10px;    
    margin-right: -10px;       
}

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



.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:16px;
	line-height:17px;	
	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;
}










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

/**************************************
	           LIST NEWS 
**************************************/
.archive-title {
    font-size: 22px;
    color: #fff;
    text-align: center;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.55);
    margin-bottom:8px;
}



.list-news {}


.list-news .media {
    background-color: #fff;
    margin-bottom: 14px;
    overflow: visible;
}


.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);
}
*/
/*
.list-news .shadow:hover {
    -webkit-box-shadow: 0px 6px 5px -1px rgba(0,0,0,0.30);
    -moz-box-shadow: 0px 6px 5px -1px rgba(0,0,0,0.30);
    box-shadow: 0px 6px 5px -1px rgba(0,0,0,0.30);
}
*/
.list-news  a:hover .media-header-title {
    background: #2d414e;
    color: #fff;
}


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

.media-header {
    background: #3d86d6;
    color: #fff;
    font-size: 17px;
    position: relative;
}

.media-header-title {
    padding: 4px 75px 4px 10px;
    font-family: 'Noto Sans', sans-serif;
    font-family: 'Ubuntu Condensed', sans-serif;
    font-size: 19px;
    color: #fff
}

.media-header-icon {
    position: absolute;
    top: -8px;
    right: 20px;
}


.media-left {
    position: relative;
    padding: 5px;
}
.media-body {
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 20px;
    position: relative;
}
.media-body .date {
    position: absolute;
    right: 15px;
    bottom: 0px;
}
.media-body .social-box-list {
    position: absolute;
    left: 10px;
    bottom: 0px;
}


.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: 24px;
    margin-top: 5px;
}

.list-news .media-body p {
    margin: 5px 0 40px 0;
    font-size: 15px;
}




.list-small-news {
	margin-left: -7px !important;
	margin-right: -7px !important;
}


.list-small-news .media {
    position: relative;
}

.list-small-news .media-header-icon {
	right: 10px;
}

.list-small-news .media-body img {
    width: 110px;
    float: left;
    margin: 8px 5px 1px 0px;
}
.list-small-news .media-body {
	padding-top: 0px !important;
	padding-left: 7px !important;
	padding-right: 7px !important;
    padding-bottom: 7px !important;
}
.list-small-news .media-body p {
    margin: 5px 0 0  0;
    font-size: 14px;
}

.list-small-news .date {
	right: 4px;
	bottom: 0px;
    position: absolute;
}






.list-foto .media {
    position: relative;
    background: #3d86d6;
}

.list-foto .media-body img {
    width: 100%;
    height: auto;
}
.list-foto .media-body {
	padding: 5px 5px 22px 5px;
}

.list-foto .media {
	margin-bottom: 30px;
}

.title-foto {
    color: #fff;
}

.list-foto .date {
	right: 4px;
	bottom: 0px;
    position: absolute;
    color: #ccc;
    font-size: 13px;
}



/**************************************
	           FOTO VIDEO 
**************************************/

.foto-video-box {
    background-color: #2d414e;
    padding: 30px 0;
}


.fv-box {
    background: #e9ebee;
    padding: 5px;
}

.fv-box:hover {
    background: #fff;
    -webkit-box-shadow: 0px 6px 5px -1px rgba(0,0,0,0.30);
    -moz-box-shadow: 0px 6px 5px -1px rgba(0,0,0,0.30);
    box-shadow: 0px 6px 5px -1px rgba(0,0,0,0.30);
}


.fv-title {
    padding: 5px 2px 0px;
    font-size: 16px;
    text-align: center;
    color: #333;
    font-weight: bold;
}

.fv-title a {
    color: #333;
}
.fv-title a:hover {
    color: #CF000F;
}




.fv-box .carousel-indicators {
	bottom: 0px !important;
}


.fv-download .media {
    border-bottom: 1px solid #2d414e;
    background: #e9ebee;
}

.fv-download .media-left img {
    width: 105px;
}

.fv-download .media-heading {
    font-size: 16px;
    margin-top: 5px;
    color: #333;
    line-height: 1.1;
}

.fv-download .media:hover {    
    background: #fff;
}

.fv-download .media:hover .media-heading {    
}

.fv-download .media-body {
    padding: 0;
    vertical-align: middle;
}

.fv-title-download {
    padding: 6px 2px 7px;
    font-size: 16px;
    text-align: center;
    color: #333;
    font-weight: bold;
}

.media-download {
    border-bottom: 1px solid #e9ebee;
}



.archive-download {}

.archive-download .media {
    margin-bottom: 15px;
}

.archive-download .media-left img {
    width: 150px;
}



/**************************************
	           SIDEBAR BOX 
**************************************/
.baner-box, .sidebar-box {
    margin-bottom: 14px;
}
.baner-box img{
    width: 100%;
}

.sidebar-title {
    background: #2d414e;
    color: #fff;
    padding: 4px 10px;
    font-size: 14px;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
}
.sidebar-title:hover {
    background: #c4972a;
    color: #333;
}


.sidebar-box .media {
    border-bottom: 1px solid #2d414e;
    background: #fff;
}



.sidebar-box .media-left img {
    width: 150px;
}

.sidebar-box .media-heading {
    font-size: 15px;
    margin-top: 5px;
    color: #2d414e;
    line-height: 1.1;
}

.sidebar-box .media:hover .media-heading {    
    color: #3d86d6;
}

.sidebar-box .media-body {
    padding: 0;
}

.sidebar .media-body .date {
	right: 5px;
	bottom: 1px;
    font-size: 13px;
    color: #666;
}




.textwidget, .textwidget iframe {
    max-width: 100% !important;
}
.textwidget {
    background: #fff;
}


/**************************************
	           SINGLE 
**************************************/
.single .main-container {
    margin-top: 14px;
}

.post-single {
    margin-bottom: 30px;
}

.post-single .media {
    overflow: visible;
}

.post-single .media-header-title {
    font-size: 21px;
}


.single-content {
    background-color: #fff;
    padding: 5px 15px 15px;
}


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

.single-date {
    padding-bottom: 3px;
    color: #666;
}


.single-content p {
    font-size: 16px;
    margin-bottom: 15px;
}
.single-content li {
    font-size: 16px;
}


.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;
}



.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 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 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;
	}





.galerija img {
	-webkit-border-radius: 5px !important;
	-moz-border-radius: 5px !important;
	border-radius: 5px !important;
}

.gallery {
    margin-bottom: 30px;
}

.gallery-item {
    float: left;
    margin: 0 1% 1% 0 !important;
    width: 24% !important;
}

.gallery-item img {
    width: 100% !important;
    height: auto;
    border: 0 !important;
    
}
.gallery-item img:hover {
	opacity: 0.7; 
	filter: alpha(opacity=70);    
}
.gallery-caption {
    display: none;
}



.galerija {
    margin-bottom: 30px;
}

.galerija a {
    float: left;
    margin: 0 0.5% 1% 0.5% !important;
    width: 24% !important;
}

.galerija a img {
    width: 100% !important;
    height: auto;
    
}
.galerija a img:hover {
	opacity: 0.7; 
	filter: alpha(opacity=70);
    
}

.mfp-title, .mfp-counter {
    font-size: 18px !important;
}



.mfp-zoom-out-cur .navbar.affix {
    z-index: 1;    
}












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

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


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









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

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




.related-content {
    margin-bottom: 35px;
}
    .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
**************************************/
.pagination {
    margin: 35px 0 20px;
    font-size: 15px;
}
.pagination .page {
    margin-bottom: 0;
}

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





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

.footer {
    background-color: #2e353a;
    margin-top: 20px;
    padding: 30px 0;
}



.foo-text {
    color: #bbb;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 20px;    
    border-bottom: 1px solid #23292c;
}



.footer-box {
    padding-top: 40px;
    padding-bottom: 20px;
}

.foo-title {
    font-size: 14px;
    border-bottom: 1px solid #bca562;
    padding-bottom: 10px;
    padding-left: 10px;
    margin-bottom: 10px;
    color: #bca562;
    text-transform: uppercase;
}

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


.foo-media {
    margin-top: 20px;
    margin-bottom: 5px;
}


.foo-media .media-left {
    padding-right: 12px;
}
.foo-media .media-left i {
    font-size: 34px;
    background: #23292c;
    color: #bbb;
    width: 46px;
    line-height: 46px;
    text-align: center;
    display: block;
    border-radius:23px;
    -moz-border-radius:23px;
    -webkit-border-radius:23px;
}
.foo-media .media-left a:hover  {
    text-decoration: none;
}
.foo-media .media-left a:hover i {
    background: #fff;
    text-decoration: none;
    color: #23292c;
}
.foo-media .media-left i:hover {
    background: #fff;
    text-decoration: none;
    color: #23292c;
}

.foo-media .media-body {
    font-size: 14px;
    padding: 0;
}



.footer-box input, .footer-box textarea {
    background: #444444;
    border-color: #5c5c5c;
    color: #fff;
}

.footer-box textarea {
    height: 91px;
}

.footer-box button, .footer-box .wpcf7-submit {
    background: #bca562;
    border-color: #bca562;
}


.wpcf7-form-control-wrap, div.wpcf7-response-output {
	font-size: 13px;
}






.footer-copyright {
    background-color: #23292c;
    color: #919496;
}

.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: #919496;
}
.footer-copyright .copy-right a:hover {
    color: #fff;
    text-decoration: underline;
}






















/*
Back to top button 
*/
#back-top {
	position: fixed;
	bottom: 15px;
	right: 15px;
    height: 84px;
    width: 84px;
    margin-bottom: 0;
}
/* arrow icon (span tag) */
#back-top img {
	width: 42px;
	height: 42px;
	display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
/*
#back-top a img:hover { 
	opacity: 0.7; 
	filter: alpha(opacity=70);
}
*/

#back-top::before {
	display: block;
	content: '';
	position: relative;
	background: url(https://e5dd25.claudeassets.com/20230322164048im_/https://www.crkva-visegrad.com/wp-content/themes/crkva/img/top.png);
	width: 84px;
	height: 84px;
	transition: all ease .5s;
}
#back-top:hover::before {
	transform: rotate(45deg);
}


























/* SMALL SCREEN */
@media (min-width: 993px) and (max-width: 1199px) {
	.header-main {
        background: none;
	}
    
	.nav > li > a {
		padding:15px 11px;
		text-transform:none;
	}
	
}


@media (max-width: 992px) {
    .navbar-brand {
        color:#F0F0F1 !important;
        display:block !important;
        font-size:16px;
    }
    
    .top-info, .bottom-info {
        display: none;
    }
    
    .full-video {
        height: 270px;
    }
    .abc {
        height: 296px;
    }   
    
    
    .navbar-default {
        z-index: 3;
        position: relative;
    }    
    
    .nav-fix {
        top: 0;
        position: fixed;
    }
    
    
    .fv-box {
        margin-bottom: 20px;
    }
    .fv-box img {
        width: 100%;
    }
    
    
    
    .content-fix {
        margin-top: 53px;
    }    
    
    
    
    
}


@media (min-width: 992px) {
    .social-button.vi {
        display: none;
    }
}


@media (max-width: 768px) {
    
.top-news {
    margin-top: 20px;    
}
    
    .full-video {
        height: 270px;
    }    
    
    
    .full-video .container {
        width: 100%;
    }
    
    .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-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: #62a4ed;
    }    
    .navbar-nav > li > .dropdown-menu > li:hover {
        background-color: #fff;
    }
    
    .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: #fff;
        color: #333 !important;
    }  
    
    
    
    .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) { 
        
    .full-video {
        height: 180px;
    }   
    .abc {
        height: 206px;
    }  
    
    
    .navbar-brand {
        font-size: 14px;
    }    
    
    
    .top-news-single h2 {
        font-size: 14px;
        line-height: 15px;
    }    
    
    
    .list-news .media-left {
        display: block;
        width: 100%;
        clear: both;
        padding-bottom: 15px;
    }
    
    .list-news .media-left img {
        width: 100% !important;
        height: auto !important;
    }
    
    
    .list-news .media-body {
        padding: 0 15px 45px;
    }  
        
    
    .list-foto .media-body {
        padding: 5px 5px 22px 5px;
    }  
    
    
    
    .single-content p img.alignleft, .single-content p img.alignright {
        float:none;
        margin:0 0 15px 0;
        width:100%;
        height:auto;
    }
    
    /*
    .social-button.vi {
        display: block;
    }
    */
    
    
    #back-top {
        bottom: 10px;
        right: 10px;
        height: 64px;
        width: 64px;
    }

    #back-top::before {
        width: 64px;
        height: 64px;
        background-repeat: no-repeat;
        background-size: 64px 64px;
    }

    
    .media-body .date {
        right: 3px;
    }
    
    .media-body .social-box-list {
        left: 5px;
    }
    
    .social-button {
        padding-right: 5px;
    }
    
    
    .footer-copyright .copy-right {
        text-align: left;
    }
    
}





/*******************************
            MENU
*******************************/
/*
@media (min-width: 993px) {
    li.dropdown:hover > .dropdown-menu {
        display: block;
    }
}
*/

@media (max-width: 992px) {
    .navbar-brand {
        display: block;
    }
    .navbar-header {
      float: none;
    }
    .navbar-left,
    .navbar-right {
      float: none !important;
    }
    .navbar-toggle {
      display: block;
    }
    .navbar-collapse {
      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;
    }
  }



/*
     FILE ARCHIVED ON 19:42:26 Jan 31, 2023 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 06:11:58 Jun 03, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.859
  exclusion.robots: 0.101
  exclusion.robots.policy: 0.08
  esindex: 0.016
  cdx.remote: 8.269
  LoadShardBlock: 98.151 (3)
  PetaboxLoader3.resolve: 60.603 (4)
  PetaboxLoader3.datanode: 73.785 (4)
  load_resource: 53.346
*/