/*=============== Global settings ===================*/
#main-content{
	background: #fff;
}

#main-content,
#block-views-block-frontpage-news-block-1,
#block-views-block-posebitosti-skole-block-1{
	 padding: 60px 0; 
}

#block-views-block-posebitosti-skole-block-1{
	padding-bottom: 10px;
}

#block-views-block-izdvojene-stvari-block-1
/* #block-oskolieng */{
	padding-bottom: 60px;
}

.after-content{
	padding-left: 0;
	padding-right: 0;
}

.block,
.node__content{
	padding: 0;
}

.faceted-news-right a{
	color:#012066;
}

.faceted-news-right a:hover{
	color:#012066 !important;
	opacity:0.8;
}

.path-node #main-content{
	padding: 25px 0 60px 0;
}

#block-bootstrap-business-content article header,
#main-content.node-id-224,
#main-content.node-id-265,
#main-content.node-id-217,
#main-content.node-id-218{
	display: none;
}

ul li{
	list-style-type: disc;
}

a,
a:focus{
	color: #00325d;
}

.blue-border-after h3{
	text-align: center;
}

.blue-border-after:after{
	content: "";
    display: block;
    width: 155px;
	margin: 20px auto;
    height: 3px;
    background-color: #00325d;
}

.gold-button {
	padding: 15px;
    background: #00325d;
    border-radius: 5px;
    color: #fff;
    font-size: 17px;
	border: 1px solid #00325d;
}

.gold-button:hover{
	background: #fff;
	color: #00325d;
	border: 1px solid #00325d;
	text-decoration: none;
}

.node__content img[data-entity-type="file"] {
	margin: 0 10px 10px 10px;
}

.sidebar h2{
	margin-bottom: 25px;
}
/*============= Header images on pages ==========*/
.header-image-container{
	position: relative;
}

.header-image {
    width: 100%;
    height: 500px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 0 27%;
}

.header-text{
	position: absolute;
    z-index: 1;
    top: 140px;
    width: 700px;
    background: rgba(0,0,0,0.4);
    padding: 15px;
    color: #fff;
    text-align: justify;
    margin-left: 20px;
	font-size: 31px;
    line-height: 1.5;
}

.header-text h1{
	color: #fff;
    font-size: 22px;
}

/*========= Osnovne stranice - upisi, škola, nastava =============*/
.nastava-block-1 .nastava-text-container{
	box-shadow: 0 5px 25px 0 rgba(0,82,227,.05);
	height: 265px;
}

.nastava-block-1 .nastava-header{
	text-align: center;
	padding: 1px 0;
	margin-bottom: 5px;
}

.nastava-block-1 .nastava-text{
	margin-top: 30px;
}

.nastava-block-1 .nastava-header h4{
	color: #fff;
}

.nastava-block-1 .nastava-header.ucimo{
	background: #00325d;
}

.nastava-block-1 .nastava-header.istrazimo{
	background: #cbcf9b;
}

.nastava-block-1 .nastava-header.studirajmo{
	background: #ccd2d0;
}

.nastava-block-2{
	margin: 60px 0;
}

.nastava-block-2 .nastava-second-container-1{
	text-align: center;
}

.nastava-block-2 .nastava-second-image img{
	width: 320px;
}

.upisi-block-1 {
	text-align: center;
}

.upisi-buttons-1{
	margin-top: 30px;
}

.upisi-buttons-1 .first-button,
.upisi-buttons-3 .first-button{
	margin-right: 15px;
}

#block-upisiblock2,
#block-upisiblock3,
#block-skolablock1,
#block-skolablock2,
#block-skolablock3{
	margin-top: 40px;
}

#block-skolablock2,
#block-skolablock3{
	margin-bottom: 70px;
}

.upisi-block-2 .upisi-text-first,
.upisi-block-3 .upisi-text-first,
.skola-block-1 .skola-text-first,
.skola-block-2 .skola-text-first,
.skola-block-3 .skola-text{
	width: 65%;
    margin: 0 auto;
    text-align: center;
}

.skola-block-2 .skola-text-first{
	width: 70%;
}

.upisi-block-2 .upisi-second-image,
.skola-block-1 .skola-image,
#block-views-block-izdvojene-stvari-block-1{
	text-align: center;
	text-align: -webkit-center;
	text-align: -moz-center;
	text-align: -o-center;
}

.skola-block-2 .skola-image,
.upisi-block-3 .upisi-second-image{
	text-align: right;
	text-align: -webkit-right;
	text-align: -moz-right;
}

.skola-block-2 .skola-text-second {
	margin-top: 25px;
}

.skola-block-2 .skola-text-second .collapse-container{
	position: relative;
    border: 1px solid #cbcf9b;
    margin-bottom: 5px;
    border-radius: 5px;
    box-shadow: 0 5px 10px 0 rgba(0,82,227,.05);
    background: #fff;
}

.skola-block-2 .skola-text-second button{
	background: none;
    background-image: none;
	border: none;
	padding-left: 0;
	width: 100%;
	text-align: left;
	font-weight: 700;
	padding: 10px;
	color: #00325d;
}

.skola-block-2 .skola-text-second .collapse-container button.closed:before{
	content: "";
    display: block;
    width: 12px;
    margin: 10px auto;
    height: 3px;
    background-color: #00325d;
	
	-webkit-transition: all .4s ease; 
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    -ms-transition: all .4s ease;
}

.skola-block-2 .skola-text-second .collapse-container button:before{
    content: '+';
    display: block;
    position: absolute;
    right: 28px;
    font-size: 25px;
    color: #00325d;
    height: 3px;
    top: 10px;
    width: 12px;
	
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    -ms-transition: all .4s ease;
    transition: all .4s ease;
}

.skola-block-2 .skola-text-second button:focus,
.skola-block-2 .skola-text-second button:active{
	border: none;
	outline: none;
}

.upisi-block-2 .gold-button,
.upisi-block-3 .upisi-buttons-3{
	position: relative;
	top: 20px;
}

/*============== Outside Navigation ===========*/
.outside-navigation{
	position: absolute;
    right: 0;
    width: 200px;
    z-index: 100;
    margin-top: 5px;
}

.block-views-blocklauncher-block-1{
	position: absolute;
    right: 0;
}

.block-views-blocklauncher-block-1 i{
    font-size: 25px;
    color: #00325d;
}

.block-views-blocklauncher-block-1 .dropdown-menu{
	top: 23px;
	left: -234px;
    min-width: 260px;
}

.block-views-blocklauncher-block-1 .launcher-container{
	padding: 10px;
	text-align: center;
	text-align: -webkit-center;
	text-align: -moz-center;
	text-align: -o-center;
}

.block-views-blocklauncher-block-1 .launcher-container:hover{
	 box-shadow: 0 5px 25px 0 rgba(0,82,227,.05);
	 cursor: pointer;
}

.block-views-blocklauncher-block-1 .launcher-container:hover a{
	color: #00325d;
}

.block-views-blocklauncher-block-1 .view-content{
	display: none;
}

.block-views-blocklauncher-block-1 .launcher-container .launcher-image{
	margin-right: 10px;
}

.block-views-blocklauncher-block-1 .launcher-container .launcher-text-container{
	display: inline-block;
	margin-top: 5px;
}

.block-views-blocklauncher-block-1 .launcher-container .launcher-text-container .slider-text{
	font-size: 12px;
}

#block-outsideappsearch{
	position: absolute;
    right: 35px;
}

#block-outsideapplogin{
	position: absolute;
    right: 10px;
    top: 33px;
}

#block-outsideappsearch i,
#block-outsideapplogin i{
	font-size: 18px;
	color: #00325d;
}

#block-outsideappsearch i{
	padding: 3px;
}

#block-outsideapplanguage{
	position: absolute;
    right: 39px;
    top: 33px;
    font-size: 16px;
    font-weight: bold;
}

#block-outsideapplanguage a{
	color: #00325d;
}

#block-outsideappsearch #block-search-form{
	display: none;
	position: absolute;
	right: 0;
	top: 0;
}

#block-outsideappsearch #block-search-form,
#block-outsideappsearch #block-search-form form{
	height: 25px;
}

#block-outsideappsearch .search-icon.blue-search-background i{
	color: #fff;
	background: #00325d;
	position: relative;
	z-index:100;
}

/* ============== Header + navigation ===============*/
#block-sitebranding{
	float: left;
	clear: right;
}

#block-mainnavigation,
#block-mainnavigationeng{
	float: right;
	clear: right;
}

#block-mainnavigation .content ul.menu .menu-item--expanded:hover  > a,
#calendar td.fc-widget-header{
	pointer-events: none;
}

#block-mainnavigation .content ul.menu li.menu-item--active-trail > a,
#block-mainnavigation .content ul.menu .menu-item--active-trail ul.menu li.menu-item--active-trail a{
	background: #00325d;
	color: #fff !important;
}

#block-mainnavigation li.menu-item--expanded ul.menu li a{
	text-transform: initial;
} 

#main-navigation ul.menu ul li a{
	padding: 10px 20px;
}

 #main-navigation{
	background: #fff;
} 

#main-navigation ul.menu ul li a{
	background: #fff;
	color: #00325d !important;
	width:235px;
}

ul.menu a.is-active,
ul.menu a:hover{
	color: #fff !important;
	/* background: #00325d; */
	background: #012066;
}

#main-navigation ul.menu ul li a:hover{
	background: #eee;
}

ul.menu li a, nav ul.links li a{
	color: #00325d;
}

#main-navigation ul.menu li a{
	padding: 40px 10px;
	
    text-align: center;
	display: block;
}

#main-navigation ul.menu li ul.menu li a{
	text-align: left;
}


/* ============ FrontPage Slider ==============*/
#block-views-block-frontpage-slider-block-1.block,
#block-views-block-frontpage-slider-block-2.block{
	padding: 0;
	position: relative;
}

#block-views-block-frontpage-slider-block-1 .slider-inner-container,
#block-views-block-frontpage-slider-block-2 .slider-inner-container{
	position: absolute;
    top: 30%;
}

#block-views-block-frontpage-slider-block-1 .slider-text-container,
#block-views-block-frontpage-slider-block-2 .slider-text-container{
    background: #00325d;
    color: #fff;
    padding: 15px;
	width: 420px;
	border-radius: 5px;
}

#block-views-block-frontpage-slider-block-1 .slider-image-inside,
#block-views-block-frontpage-slider-block-2 .slider-image-inside{
	width: 100%;
    height: 500px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}

#block-views-block-frontpage-slider-block-1 .slider-title,
#block-views-block-frontpage-slider-block-2 .slider-title{
	font-size: 28px;
    margin-bottom: 10px;
}

#block-views-block-frontpage-slider-block-2 .slider-title a{
	color: #fff;
	text-decoration: none;
}

#block-views-block-frontpage-slider-block-1 .slider-text,
#block-views-block-frontpage-slider-block-2 .slider-text{
	padding-top: 10px;
}

#block-views-block-frontpage-slider-block-1 #views_slideshow_cycle_teaser_section_frontpage_slider-block_1,
#block-views-block-frontpage-slider-block-1 .views_slideshow_cycle_slide,
#block-views-block-frontpage-slider-block-2 #views_slideshow_cycle_teaser_section_frontpage_slider-block_2,
#block-views-block-frontpage-slider-block-2 .views_slideshow_cycle_slide{
	width: 100% !important;
}

#block-views-block-frontpage-slider-block-1 .views_slideshow_controls_text_pause,
#block-views-block-posebitosti-skole-block-1 .views_slideshow_controls_text_pause,
#block-views-block-frontpage-slider-block-2 .views_slideshow_controls_text_pause,
#block-views-block-posebitosti-skole-block-2 .views_slideshow_controls_text_pause{
	display: none;
}

#block-views-block-frontpage-slider-block-1 .views-slideshow-controls-bottom,
#block-views-block-posebitosti-skole-block-1 .views-slideshow-controls-bottom,
#block-views-block-frontpage-slider-block-2 .views-slideshow-controls-bottom,
#block-views-block-posebitosti-skole-block-2 .views-slideshow-controls-bottom{
	position: absolute;
    z-index: 50;
    bottom: 15px;
    right: 20px;
}

#block-views-block-posebitosti-skole-block-1 .views-slideshow-controls-bottom,
#block-views-block-posebitosti-skole-block-2 .views-slideshow-controls-bottom{
	bottom: -25px;
}

#block-views-block-frontpage-slider-block-1 .views_slideshow_controls_text_previous,
#block-views-block-frontpage-slider-block-1 .views_slideshow_controls_text_next,
#block-views-block-posebitosti-skole-block-1 .views_slideshow_controls_text_previous,
#block-views-block-posebitosti-skole-block-1 .views_slideshow_controls_text_next,
#block-views-block-frontpage-slider-block-2 .views_slideshow_controls_text_previous,
#block-views-block-frontpage-slider-block-2 .views_slideshow_controls_text_next,
#block-views-block-posebitosti-skole-block-2 .views_slideshow_controls_text_previous,
#block-views-block-posebitosti-skole-block-2 .views_slideshow_controls_text_next{
	display: inline-block;
	width: 40px;
    height: 40px;
	opacity: 0.2;
}

#block-views-block-frontpage-slider-block-1 .views_slideshow_controls_text_previous,
#block-views-block-posebitosti-skole-block-1 .views_slideshow_controls_text_previous,
#block-views-block-frontpage-slider-block-2 .views_slideshow_controls_text_previous,
#block-views-block-posebitosti-skole-block-2 .views_slideshow_controls_text_previous{
	background: url(../../../../files/gimpoz/Larrow.png) no-repeat;
}

#block-views-block-frontpage-slider-block-1 .views_slideshow_controls_text_next,
#block-views-block-posebitosti-skole-block-1 .views_slideshow_controls_text_next,
#block-views-block-frontpage-slider-block-2 .views_slideshow_controls_text_next,
#block-views-block-posebitosti-skole-block-2 .views_slideshow_controls_text_next{
	background: url(../../../../files/gimpoz/Rarrow.png) no-repeat;
}

#block-views-block-frontpage-slider-block-1 .views_slideshow_controls_text_previous a,
#block-views-block-frontpage-slider-block-1 .views_slideshow_controls_text_next a,
#block-views-block-posebitosti-skole-block-1 .views_slideshow_controls_text_previous a,
#block-views-block-posebitosti-skole-block-1 .views_slideshow_controls_text_next a,
#block-views-block-frontpage-slider-block-2 .views_slideshow_controls_text_previous a,
#block-views-block-frontpage-slider-block-2 .views_slideshow_controls_text_next a,
#block-views-block-posebitosti-skole-block-2 .views_slideshow_controls_text_previous a,
#block-views-block-posebitosti-skole-block-2 .views_slideshow_controls_text_next a{
	opacity: 0;
}

#block-views-block-frontpage-slider-block-1 .front-header-button,
#block-views-block-frontpage-slider-block-2 .front-header-button{
	padding: 15px;
    border-radius: 5px;
    color: #fff;
    text-decoration: none;
    text-align: center;
    font-size: 17px;
    min-width: 201px;
    background-color: #00325d;
    border: 1px solid #00325d;
	margin-top:10px;	
}

#block-views-block-frontpage-slider-block-1 .front-header-button.button-novosti.button-o-labu,
#block-views-block-frontpage-slider-block-2 .front-header-button.button-novosti.button-o-labu{
	background-color: #00325d;
	border: 1px solid #00325d; 
}

.front-header-button.button-o-labu:hover,
.front-header-button.button-novosti:hover{
	background-color: transparent !important;
	color: #00325d !important;
	
}

/*=========== FrontPage Novosti + Događanja + Ostalo + Izdvojene stvari ===========*/
#block-views-block-frontpage-news-block-1{
	background: #f9f9f9;
}

/*#block-views-block-posebitosti-skole-block-1 h2:after,
#block-views-block-frontpage-news-block-1 h2:after,
#block-views-block-frontpage-news-block-2 h2:after,
#block-views-block-frontpage-news-block-3 h2:after,
#block-views-block-izdvojene-stvari-block-1 h2:after{
	content: "";
    display: block;
    width: 110px;
    background-color: #00325d;
    height: 2px;
    margin: 0 auto;
	margin-top: 15px;
    margin-bottom: 20px;
}*/

#block-views-block-frontpage-news-block-2 .front-block-button,
#block-views-block-frontpage-news-block-3 .front-block-button{
	text-align: center;
    margin-top: 20px;
}

#block-views-block-frontpage-news-block-2 .front-header-button,
#block-views-block-frontpage-news-block-3 .front-header-button{
	background: #00325d;
	border: 1px solid #00325d; 
	color: #fff;
	padding: 15px 82px;
    font-size: 18px;
}

#block-views-block-frontpage-news-block-2 .front-header-button:hover,
#block-views-block-frontpage-news-block-3 .front-header-button:hover{
	background: #fff;
	color: #00325d;
}

.path-frontpage #block-bootstrap-business-content{
	display:none;
}

#block-views-block-frontpage-news-block-2 .views-field-field-image,
#block-views-block-frontpage-news-block-3 .views-field-field-image{
	float: left;
	margin-right: 10px;
}

#block-views-block-frontpage-news-block-2 .front-rss-icon,
#block-views-block-frontpage-news-block-3 .front-calendar-icon{
    display: inline-block; 
    font-size: 22px;
	margin-left: 10px;
}

#block-views-block-frontpage-news-block-3 .front-calendar-icon a{
	position: relative;
	top: -2px;
}

#block-views-block-frontpage-news-block-2 .front-rss-icon a,
#block-views-block-frontpage-news-block-3 .front-calendar-icon a,
#block-views-block-frontpage-news-block-2 .front-rss-icon a:hover,
#block-views-block-frontpage-news-block-3 .front-calendar-icon a:hover{
	color: #00325d;
}

#block-views-block-frontpage-news-block-2 .field-content a,
#block-views-block-frontpage-news-block-3 .field-content{
	color: #444;
	font-weight: bold;
}

#block-views-block-frontpage-news-block-2 .col-md-6{
	margin-bottom: 15px;
}

#block-views-block-frontpage-news-block-2.block,
#block-views-block-frontpage-news-block-3.block{
	clear: none;
}

#block-views-block-frontpage-news-block-2 h2,
#block-views-block-frontpage-news-block-3 h2,
#block-views-block-posebitosti-skole-block-1 h2,
#block-views-block-izdvojene-stvari-block-1 h2,
#block-views-block-frontpage-news-block-1 h2{
	text-align: center;
	color: #444;
	margin-top: 0;
}

#block-views-block-frontpage-news-block-3 .views-field-field-article-startdate{
	float: left;
    width: 70px;
	margin-right: 10px;
    text-align: center;
}

#block-views-block-frontpage-news-block-3 .event-date-and-month-wrapper{
	background: #cbcf9b;
    padding: 10px 0px;
    color: #00325d;
	font-size: 16px;
}

#block-views-block-frontpage-news-block-3 .event-start-date{
	font-weight: bold;
}

#block-views-block-frontpage-news-block-3 .event-year{
	background: #00325d;
    color: #fff;
}

#block-views-block-frontpage-news-block-3 .views-row{
	margin-bottom: 10px;
}

#block-views-block-frontpage-news-block-1 .col-md-4 .views-field-created .search-icon,
#block-views-block-frontpage-news-block-2 .views-field-created  .search-icon,
#block-views-block-frontpage-news-block-3 .views-field-field-article-startdate-1 .search-icon,
.view-novosti-indexed .faceted-news-created .search-icon,
.view-id-pretrazivanje .search-icon{
	float: left;
	margin-right: 7px;
}


#block-views-block-frontpage-news-block-2 .views-field-created ,
#block-views-block-frontpage-news-block-3 .views-field-field-article-startdate-1,
#block-views-block-frontpage-news-block-3 .views-field-field-article-event-place{
	color: #00325d;
}

#block-views-block-frontpage-news-block-3 .views-field-field-article-event-place i{
	margin-left: 2px;
    margin-right: 1px;
}

#block-views-block-posebitosti-skole-block-1 .views-field-field-posebitosti-ikona{
	float: left;
}

#block-views-block-posebitosti-skole-block-1 .col-md-4{
	margin-bottom: 35px;
}

#block-views-block-posebitosti-skole-block-1 .views-field-title{
	font-weight: bold;
    margin-top: 15px;
}

#block-views-block-posebitosti-skole-block-1 .views-field-title a{
	color: #444;
}

#block-views-block-posebitosti-skole-block-1 .views-field-title a:hover{
	text-decoration: none;
}

#block-views-block-posebitosti-skole-block-1 .views_slideshow_cycle_slide{
	width: 100%;
}

#block-views-block-izdvojene-stvari-block-1 .views-row .hover-container{
	position: relative;
}

#block-views-block-izdvojene-stvari-block-1 .col-md-4{
	margin-bottom: 10px;
}

#block-views-block-izdvojene-stvari-block-1 .views-row .hover-title{
	position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    background: rgba(18, 49, 100, 0.60);
    display: flex;
    justify-content: center;
	display: none;
}

#block-views-block-izdvojene-stvari-block-1 .views-row .hover-title-inside{
	align-self: center;
    font-size: 20px;
    color: #fff;
}

#block-views-block-izdvojene-stvari-block-1 .views-row:hover .hover-title{
	display: flex;
}

#block-frontpageeng1,
#block-frontpageeng2{
	padding-top: 50px;
}

#block-frontpageeng2{
	padding-bottom: 50px;
}


#main-navigation.lang-en #block-outsideappmenu,
#main-navigation.lang-en #block-outsideappsearch{
	display: none;
}

/*=========== Breadcrumbs ============*/

.gimpoz-breadcrumb.nastava{
	background-image: url('../../../../files/gimpoz/breadcrumb-header-nastava.png');
	background-position: 68%;
}

.gimpoz-breadcrumb.skola{
	background-image: url('../../../../files/gimpoz/breadcrumb-header-skola.png');
	background-position: 68%;
}

.gimpoz-breadcrumb.upisi{
	background-image: url('../../../../files/gimpoz/breadcrumb-header-upisi.png');
	background-position: 68%;
}

.gimpoz-breadcrumb.kontakt{
	background-image: url('../../../../files/gimpoz/breadcrumb-header-kontakt.png');
	background-position: 85%;;
}

.gimpoz-breadcrumb.novosti{
	background-image: url('../../../../files/gimpoz/breadcrumb-header-novosti.png');
}

.breadcrumb:before{
	content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgb(58, 125, 196);
    z-index: 1;
}

.gimpoz-breadcrumb{
	/* padding: 50px 30px 50px 30px; */
	background: #00325d;
	height: 200px;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	display: flex;
	text-align: center;
}

.gimpoz-breadcrumb .border_bottom{
	position: relative;
	z-index: 2;
	align-self: center;
}

.breadcrumb li:first-child:before{
	content: none !important;
}

.breadcrumb li:before{
	content: '-' !important;
	color: #fff;
}

.breadcrumb{
	padding: 0 !important;
	border: none;
	margin-bottom: 0;
	position: relative;
} 

.gimpoz-breadcrumb .border_bottom:after
{
	content: "";
    display: block;
    width: 50px;
    height: 2px;
    background-color: #fff;
    margin: 0 auto;
    position: relative;
    top: -55px;
}

.gimpoz-breadcrumb a,
.breadcrumb li{
	color: #fff;
	font-weight: 600;
}

.breadcrumb-page-title h1.page-title{
	color: #fff;
}

.border_bottom{
	padding-left: 20px;
}


/*========= Footer ========*/
/* #footer{
	background-image: url(/sites/default/files/gimpoz/gimpoz-footer.png);
    background-position: center;
    background-repeat: no-repeat;
    height: 360px;
    background-size: cover;
	position: relative;
	margin-bottom: 0;
	border: none;
	
}

#footer:after{
	background: rgba(18, 49, 100, 0.60);
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
    height: 100%;
} */

.footer-contact-fax{
	margin-bottom: 10px;
}

/* #block-gimpozfooterkontakt{
	padding: 38px 10px;
	background: #cbcf9b;
	color: #00325d;
} */

#block-gimpozfooterkontakt h2,
#block-gimpozfooterkontakt a{
	color: #00325d;
}

#block-gimpozfooterkontakt h2,
.footer-contact-adress,
.footer-contact-tel,
.footer-contact-fax,
.footer-contact-email{
	margin-left: 25px;
}

#footer h2{
	font-size: 19px;
}

#footer h2:after{
	display: none;
}

/* #footer .container,
#footer #footer-inside,
#footer .row,
#footer .col-md-3,
#footer .col-md-9,
#footer .footer-area,
#footer .region-footer-first,
#footer #block-gimpozfooterkontakt,
#footer .region-footer-spojen,
#footer #block-footerquote,
#footer #block-footerquote .content,
#footer #block-footerquotemobile,
#footer #block-footerquotemobile .content{
	height: 100%;
} */

#footer .right-footer .footer-area{
	/* padding: 38px 10px; */
	min-height: 180px;
	/* padding-top: 35px; */
}

#footer #block-footerquote .content .field--name-body,
#footer #block-footerquotemobile .content .field--name-body{
	text-align: center;
    display: flex;
    justify-content: center;
    height: 100%;
}

#footer #block-footerquote .footer-quote,
#footer #block-footerquotemobile .footer-quote{
	align-self: center;
	margin-top: 45px;
}

#footer #block-footerquote .footer-quote-image img,
#footer #block-footerquotemobile .footer-quote-image img{
	margin: 0 auto;
    border-radius: 50px;
}

#footer #block-footerquote .footer-quote-image,
#footer #block-footerquotemobile .footer-quote-image{
	margin: 20px 0;
}

#footer #block-footerquote .footer-quote-text,
#footer #block-footerquotemobile .footer-quote-text{
	width: 600px;
    margin-bottom: 25px;
}

#footer .footer-contact-adress i{
	font-size: 14px;
    margin-right: 3px;
    margin-left: 4px;
}

#footer .footer-contact-adress span{
	margin-left: 21px;
}

#footer .footer-social-networks{
	width: 195px;
    margin: 0 auto;
}

#footer .footer-social-network{
	float: left;
	margin-right: 5px;
	margin-top: 20px;
}

#footer .footer-social-network a i{
	padding: 8px 6px;
	border: 1px solid #00325d;
	border-radius: 30px;
	background: #00325d;
	color:#cbcf9b;
}

#footer .footer-social-network a i:hover{
	color: #fff;
}

#footer .footer-facebook a i{
	padding: 8px 10px;
}

#footer .footer-youtube a i{
	padding: 8px 5px;
}

#footer .fa-facebook-f:before{
	margin-left: 1px;
}

#footer .fa-instagram:before,
#footer .fa-youtube:before,
#footer .fa-linkedin-in:before,
#footer .fa-twitter:before{
	margin-left: 2px;
}

#footer #block-footerquotemobile{
	display: none;
}

/*=========== Faceted News ===============*/
.view-novosti-indexed .views-row{
	margin-bottom: 30px;
}

/* .view-novosti-indexed .faceted-news-image, */
.view-novosti-indexed .faceted-news-created  .created-container-category,
.view-id-pretrazivanje .created-container-category{
	float: left;
}

.view-novosti-indexed .faceted-news-image{
	padding: 0;
}

.view-novosti-indexed .faceted-news-created  .created-container-category,
.view-id-pretrazivanje .created-container-category{
	margin-right: 15px;
}

.view-novosti-indexed .faceted-news-title h5{
	margin-top: 0;
}

/* .view-novosti-indexed  .faceted-news-created, */
.view-novosti-indexed  .faceted-news-created a,
.view-novosti-indexed .faceted-news-title a:hover,
.view-id-pretrazivanje .views-field-created-1{
	color: #00325d;
}

.view-novosti-indexed  .faceted-news-created{
	padding-bottom: 10px;
}

.view-novosti-indexed  .faceted-news-body{
    padding-top: 5px;
}

.view-novosti-indexed .faceted-news-read-more{
    float: left;
}

.view-novosti-indexed .faceted-news-read-more a{
/* 	padding: 10px;
    background: #00325d;
    border-radius: 5px;
	color: #fff; */
	font-size: 12px;
}
/* 
.view-novosti-indexed .faceted-news-read-more a:hover{
	border: 1px solid #00325d;
	background: #fff;
	color: #00325d;
}
 */
/*========= Left Siderbar ========*/
.region-sidebar-first ul.menu a{
	padding: 10px;
    width: 100%;
	background: #eee;
    color: #444;
}

.region-sidebar-first ul.menu a.is-active{
	border-left:4px solid #00325d;
	color: #444 !important;
}

.region-sidebar-first ul.menu a:hover{
	background: #00325d;
	color: #fff !important;
}

.region-sidebar-first ul.menu li{
	list-style: none;
	padding: 1px;
	border-bottom: none;
}

/* izbornik koji se prikazuje samo na mobu i prikazuje podrazine ako ih ima */
.region-sidebar-first #block-mainnavigation-3{
	display: none;
}

.region-sidebar-first ul.menu li ul li.menu-item{
	padding: 2px 0 0 0;
}


/*======== Search page ==========*/
.view-id-pretrazivanje .form-item-search-api-fulltext input.form-text,
.view-id-pretrazivanje .form-item-sort-by select.form-select,
.view-id-pretrazivanje .form-item-sort-order select.form-select{
	display: block;
	min-height: 30px;
	padding: 0;
}

.view-id-pretrazivanje .form-item-search-api-fulltext input.form-text,
.view-id-pretrazivanje .form-item-sort-by select.form-select{  
	width: 190px;
}

.view-id-pretrazivanje .form-item-sort-order select.form-select{
	width: 60px;
}

.view-id-pretrazivanje #edit-actions{
	clear: none;
	margin-left: 10px;
    float: left;
}

.view-id-pretrazivanje #edit-actions input{
	margin-top: 28px;
	padding: 2px 10px;
	background-color: #00325d;
	border: 1px solid #00325d;
}

.view-id-pretrazivanje #edit-actions input:hover{
	background-color: #fff;
	color: #00325d;
}

.view-id-pretrazivanje h4{
	margin-bottom: 0;
}

.view-id-pretrazivanje h4 a:hover{
	color: #00325d;
}

.path-pretrazivanje #main-content{
	padding: 35px 0;
}

/*==== Kontakt ===*/
#gmap_canvas{
	width: 100%;
}

.lang-en #gmap_canvas{
	height: 440px;
}

#block-kontaktblock1.block,
#block-kontaktblock2.block,
#block-novostiblock1.block,
#block-bootstrap-business-page-title.block,
#block-kolumnaheaderblock.block,
.region-before-content-full-width nav.block,
#block-frontblock2.block,
#block-frontheader,
#block-custommenupages.block,
#block-novostheaderblock.block{
	padding: 0;
}

.kontakt-container{
	position: relative;
	background-color: #cbcf9b;
}

.kontakt-container .footer-kontakt{
	position: absolute;
    padding: 0px;
    z-index: 1;
    height: 440px;
	color: #00325d;
	background-color: #cbcf9b;
	right: 0;
}

.kontakt-container .footer-kontakt a{
	color: #00325d;
}

.kontakt-container .footer-kontakt .footer-kontakt-ime{
	margin-top: 3%;
}

.kontakt-container .footer-kontakt h2,
.kontakt-container .footer-kontakt .footer-kontakt-ime,
.kontakt-container .footer-kontakt .footer-kontakt-tel,
.kontakt-container .footer-kontakt .footer-kontakt-mail,
.kontakt-container .footer-kontakt .footer-kontakt-fax,
.kontakt-container .footer-kontakt .footer-kontakt-location,
.kontakt-container strong{
	padding: 4px 20px;
}

.kontakt-container .footer-title{
	margin-top: 20px;
}

.view-id-profil_nastavnika .views-field-field-profilna-slika{
	float: left;
	margin-right: 15px;
}

.view-id-profil_nastavnika .col-md-6{
	padding-left: 0;
	background: #f5f5f5;
	margin-bottom: 10px;
	margin-right: 10px;
	width: 48%;
}

.view-id-profil_nastavnika .views-field-field-ime:after{
	content: "";
    display: inline-block;
    width: 50px;
    position: relative;
    height: 3px;
    background-color: #00325d;
    margin: 10px 0;
}

.view-id-profil_nastavnika h4.views-field-field-ime{
	margin-bottom: 0;
}

/*======== Novosti page ==========*/
.article-image .field__item{
	display: none;
}

.article-image .field__item:first-child{
	display: block;
}

/*======= Flickr module ==========*/
.nanogallery_theme_default .nanoGalleryContainer .nanoGalleryThumbnailContainer{
	border: none !important;
	background-color:transparent !important;
}

.nanogallery_theme_default .nanoGalleryContainer .nanoGalleryThumbnailContainer .imgContainer{
	background: #fff !important;
}

.nanoGalleryThumbnailContainer.nGEvent img{
	max-width: 276px !important;
}

/*===== Node Novosti ===*/
.article-title h2{
	font-size: 17px;
	text-transform: uppercase;
}

.art-img img{
	width: 100%;
}

.article-date{
	font-size: 15px;
    padding-top: 10px;
    padding-bottom: 15px;
	color: #2ea8e6;
	float: left;
    margin-right: 30px;
}

.article-date i{
	font-size: 14px;
}

.article-date i:before{
	position: relative;
    top: -1px;
}

.article-category{
	float: left;
    padding-top: 10px;
	color: #00325d;
}

.art-body{
	clear: left;
}

/*====== Dokumenti =======*/

.view-id-dokumenti .views-row{
	margin-bottom: 20px;
}

.view-id-dokumenti .views-row:hover{
	cursor: pointer;
}

.view-id-dokumenti .views-row:hover a{
	text-decoration: none;
	color: #00325d;
}

.view-id-dokumenti .views-row:hover .dokument-icon-container{
	background: #fff;
	color: #00325d;
}

.view-id-dokumenti .dokument-created{
	float: left;
    margin-right: 25px;
}

.view-id-dokumenti .dokument-icon-container{
	float: left;
    padding: 18px 20px;
    font-size: 30px;
    background: #00325d;
	border: 1px solid #00325d;
    color: #fff;
    border-radius: 35px;
    margin-right: 15px;
	margin-bottom: 30px;
}

.view-id-dokumenti .search-icon{
	float: left;
    margin-right: 7px;
}

.view-id-dokumenti .dokument-icon-container i.fa-link{
	font-size: 23px;
}

.view-id-dokumenti .dokument-icon-container.icon-link{
	padding: 20px;
}

.view-id-dokumenti .document-title{
	font-size: 18px;
    color: #444;
    margin: 5px 0;
    position: relative;
/*     top: 10px;
    margin-bottom: 15px; */
}

.view-id-dokumenti .document-opis{
	margin-bottom: 5px;
}

.view-id-dokumenti .dokument-kategorija{
	float: left;
    width: 62%;
}

.view-id-dokumenti .views-row{
	border-bottom: 1px solid #eaeaea;
}

#block-kategorijadokumenata-2,
#block-datumobjavedokumenta-2{
	display: none;
}

/*======== Media query's ========*/

@media screen and (max-width: 1400px){
	#block-mainnavigation,
	#block-mainnavigationeng{
		margin-right: 40px;
	}
}

@media screen and (min-width: 1200px){
	.nastava-block-2 .nastava-text-second{
		margin-top: 120px;
	}
}

@media screen and (max-width: 1200px){
	#block-views-block-frontpage-slider-block-1 .slider-inner-container,
	#block-views-block-frontpage-slider-block-2 .slider-inner-container{
		top: 25.5%;
	}
	
	#block-views-block-frontpage-slider-block-1 .slider-image-inside,
	#block-views-block-frontpage-slider-block-2 .slider-image-inside{
		height: 400px;
	}
	
	.view-id-profil_nastavnika .col-md-6{
		min-height: 210px;
	}
	
	#block-views-block-frontpage-news-block-2 .view-header{
		right: 34%;
	}
	
	#block-views-block-frontpage-news-block-3 .view-header{
		right: 10%;
	}
}

@media screen and (min-width: 991px){
	.upisi-block-2 .upisi-text-second{
		margin-top: 140px;
	}

	.upisi-block-3 .upisi-text-second{
		margin-top: 105px;
	}
	
	#block-views-block-frontpage-news-block-3 .content .view-content{
		height: 460px;
	}
	
	#block-views-block-frontpage-news-block-2 .view-content,
	#block-views-block-frontpage-news-block-3 .view-content{
		display: inline-block;
	}
}


@media screen and (max-width: 991px){
	
	#block-frontpageeng1, 
	#block-frontpageeng2{
		padding-top: 15px;
	}
	
	#block-frontpageeng2{
		padding-bottom: 15px;
	}
	
	#main-navigation ul.menu li a{
		font-size: 11px;
		/* width: 65px; */
	}
	
	#block-sitebranding img{
		width: 125px;
		padding-top: 20px;
	}
	
	.region-sidebar-first #block-mainnavigation-3,
	#footer #block-footerquotemobile{
		display: block;
	}
	
	.region-sidebar-first #block-mainnavigation-2,
	#footer .col-md-9{
		display: none;
	}
	
	#footer .container{
		width: 100%;
	}
	
	#footer  .col-md-3,
	#main-content{
		padding: 0;
	}
	
	#block-gimpozfooterkontakt{
		padding: 5px 0;
	}
	
	#block-gimpozfooterkontakt h2{
		text-align: center;
		margin-bottom: 10px;
	}
	
	#block-gimpozfooterkontakt .content{
		width: 205px;
		margin: 0 auto;
	}
	
	#block-gimpozfooterkontakt h2, 
	.footer-contact-adress, 
	.footer-contact-tel, 
	.footer-contact-fax, 
	.footer-contact-email{
		margin-left: 15px;
	}
	
	 #footer #block-gimpozfooterkontakt{
		 height: initial;
	 }
	
	#block-views-block-frontpage-news-block-3{
		margin-top: 50px;
	}
	
	.kontakt-container .footer-kontakt .footer-kontakt-glavno{
		float: left;
		position: relative;
		text-align: left;
	}
	
	.kontakt-container .footer-kontakt{
		position: relative;
		height: auto;
		width: 520px;
		margin: 0 auto;
	}
	
	.kontakt-container .footer-kontakt .footer-kontakt-ime{
		margin-top: 0;
	}
	
	.kontakt-container {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
		text-align: center;
	}
	
	#gmap_canvas,
	#gmap_canvas iframe{
		height: 280px !important;
	}
	
	.nastava-block-1 .nastava-text-container{
		height: auto;
	}

	.nastava-block-2{
		margin: 20px 0;
	}
	
	.nastava-block-2 .nastava-second-image,
	.skola-block-2 .skola-image, 
	.skola-block-3 .skola-images .col-md-4,
	.upisi-block-3 .upisi-second-image,
	.view-id-profil_nastavnika .col-md-6,
	.upisi-block-2 .upisi-text-second ,
	.upisi-block-3 .upisi-text-second{
		text-align: center;
		text-align: -webkit-center;
		text-align: -moz-center;
		text-align: -o-center;
	}
	
	.skola-block-3 .skola-images .col-md-4{
		margin-bottom: 10px;
	}
	
	.view-id-profil_nastavnika .views-field-field-profilna-slika{
		float: none;
		margin-right:0;
	}
	
	#block-kategorijadokumenata-2,
	#block-datumobjavedokumenta-2{
		display: block;
	}
	
	#block-kategorijadokumenata,
	#block-datumobjavedokumenta,
	.node-id-227 #sidebar-second,
	.path-node #main-content.node-id-265{
		display: none;
	}
	
	.path-node #main-content.node-id-227,
	.path-node #main-content.node-id-263,
	.path-node #main-content.node-id-219{
		padding: 10px 0 0 0;
	}
	
	#block-upisiblock2{
		margin: 75px 0;
	}
	
	#block-views-block-frontpage-news-block-2 .view-header{
		right: 36%;
	}
	
	#block-views-block-frontpage-news-block-3 .view-header{
		right: 32%;
	}
	
	.frontpage-info-slika{
		height: 265px;
	}
	
	.frontpage-info-podaci .col-md-3{
		font-size: 25px;
	}
	
}

@media screen and (min-width: 768px){
	#block-mainnavigation li.menu-item--expanded:hover > ul.menu,
	#block-mainnavigationeng li.menu-item--expanded:hover > ul.menu{
		display: inline-block;
		position: absolute;
	}

	#block-mainnavigation li.menu-item--expanded ul.menu li,
	#block-mainnavigationeng li.menu-item--expanded ul.menu li{
		display: block;
	}
	
	#block-mainnavigation .content ul.menu .menu-item--expanded:hover  > a,
	#block-mainnavigationeng .content ul.menu .menu-item--expanded:hover  > a{
		color: #fff;
	}

	#block-mainnavigation .content ul.menu .menu-item--expanded:hover,
	#block-mainnavigationeng .content ul.menu .menu-item--expanded:hover{
		background: #00325d;
	}
}

@media screen and (max-width: 767px){
	
	.view-id-profil_nastavnika .col-md-6{
		width: 100%;
	}
	
	#block-views-block-profil-nastavnika-block-1 .view-content{
		width: 300px;
		margin: 0 auto;
	}
	
	#block-mainnavigation .content ul.menu,
	#block-mainnavigationeng .content ul.menu{
		position: absolute !important;
		top: 120px;
		width:100%;
		margin-left: -15px;
		display:none;
	}
	
	#block-mainnavigation .content ul.menu li,
	#block-mainnavigationeng .content ul.menu li{
		display: block;
		padding: 5px 0px;
	}
	
 	#block-mainnavigation li.menu-item--expanded > ul.menu,
	#block-mainnavigationeng li.menu-item--expanded > ul.menu{
		position: relative;
     	display: none; 
		margin-top: 1px;
	} 
	
	#block-mainnavigation,
	#block-mainnavigationeng{
		margin-right: 0;
	}
	
	#main-navigation ul.menu > li a{
		padding: 5px !important;
		/*width: 84px !important;*/
		text-align: left;
	}
	
	#block-mainnavigation li.menu-item--expanded > ul.menu li a,
	#block-mainnavigationeng li.menu-item--expanded > ul.menu li a{
		width: 155px !important;
		border-top: 1px solid #eaeaea;
	}
	
	#main-navigation-inside .navbar-header{
		position: absolute;
		right: 0;
	}
	
	#main-navigation .navbar-header .navbar-toggle{
		z-index: 4;
		top: 7px;
		right: 0;
		display: block;
	}
	
	#main-navigation .navbar-header .navbar-toggle i{
		font-size: 22px;
		color: #00325d;
	}
	
	#block-sitebranding img{
		padding: 12px 0;
	}
	
	/* #block-views-block-frontpage-slider-block-1 .slider-image-inside,
	#block-views-block-frontpage-slider-block-2 .slider-image-inside{
		height: 400px;
	} */
	
	#main-content, 
	#block-views-block-frontpage-news-block-1, 
	#block-views-block-posebitosti-skole-block-1{
		padding: 20px 0;
	}
	
	#block-views-block-posebitosti-skole-block-1 .col-md-4,
	#block-views-block-posebitosti-skole-block-1 h2{
		margin-bottom: 0;
	}
	
	#footer #block-footerquotemobile .footer-quote-text{
		width: 100%;
	}
	
	#footer #block-footerquotemobile .footer-quote{
	 margin-top: 0;
	 align-self: auto;
	}

	.upisi-block-2 .upisi-text-first, 
	.upisi-block-3 .upisi-text-first, 
	.skola-block-1 .skola-text-first, 
	.skola-block-2 .skola-text-first, 
	.skola-block-3 .skola-text{
	 width: 100%;
	}
	
	#sidebar-first {
		padding-bottom: 25px;
	}
	
	#sidebar-first ul.menu{
		margin-left: 0.5em;
	}
	
	#block-views-block-frontpage-news-block-2 .view-header,
	#block-views-block-frontpage-news-block-3 .view-header{
		right: 0;
		top: 6px;
	}
}

@media screen and (max-width: 580px){
	.frontpage-info-podaci-broj:after{
		margin: 15px auto;
	}
	
	.frontpage-info-podaci .col-md-3{
		font-size: 15px;
	}
	
	.frontpage-info-slika{
		height: 165px;
	}
	
	#block-views-block-frontpage-slider-block-1 .slider-text-container,
	#block-views-block-frontpage-slider-block-2 .slider-text-container{
		width: 250px;
	}
	
	#block-views-block-frontpage-slider-block-1 .slider-inner-container,
	#block-views-block-frontpage-slider-block-2 .slider-inner-container{
		top: 7.5%;
	}
	
	#block-views-block-frontpage-slider-block-1 .front-header-button,
	#block-views-block-frontpage-slider-block-2 .front-header-button{
		width: 100%;
		padding: 5px;
	}
	
	.kontakt-container{
		font-size: 13px;
	}
	
	.kontakt-container .footer-kontakt{
		width: 100%;
	}
}

@media screen and (max-width: 490px){
	.kontakt-container .footer-kontakt .footer-kontakt-glavno{
		float: none;
		text-align: center;
	}
	
	.frontpage-info-podaci .col-md-3{
		font-size: 12px;
	}
	
	.frontpage-info-podaci-broj{
		font-size: 18px;
	}
	
	.frontpage-info-podaci-broj:after{
		width: 50px;
	}
	
	.breadcrumb-page-title h1.page-title{
		font-size: 24px;
	}
}

@media screen and (max-width: 420px){
	.frontpage-info-podaci-broj:after{
		margin: 5px auto;
		width: 40px;
	}
	
	.frontpage-info-podaci .col-md-3{
		font-size: 13px;
	}
}