@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700&display=swap&subset=latin-ext');


body {
    padding: 0;
    margin: 0;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 100%;
    height: 100%;
    box-sizing: border-box;
}

/* FONTS */

a { color:#000; text-decoration: none; transition: 0.6s all; }
a:hover { color:#017FC3; text-decoration: none;transition: 0.6s all; }

h1 {font-size: 2.8rem; margin: 0; letter-spacing: 0.1rem;}
h2 {font-size: 2.2rem; margin: 0; letter-spacing: 0.06rem;}
h3 {font-size: 1.8rem; margin: 0; letter-spacing: 0.055rem;}
h4 {font-size: 1.45rem; margin: 0; letter-spacing: 0.05rem;}
h5 {font-size: 1.2rem; margin: 0; letter-spacing: 0.04rem;}
h6 {font-size: 0.8rem; margin: 0; letter-spacing: 0.03rem;}

p {font-size: 1rem; margin: 0 0 15px 0; line-height: 1.39rem; }

@media only screen and (max-width: 1200px) {
    h1 {font-size: 2.6rem; margin: 0;}
    h2 {font-size: 2.1rem; margin: 0;}
    h3 {font-size: 1.7rem; margin: 0;}
    h4 {font-size: 1.4rem; margin: 0;}
    h5 {font-size: 1.2rem; margin: 0;} 
    h6 {font-size: 0.73rem; margin: 0;}

    p {font-size: 0.96rem; margin: 0 0 10px 0; }
}

@media only screen and (max-width: 660px) {
    h1 {font-size: 2.6rem; margin: 0;}
    h2 {font-size: 2.1rem; margin: 0;}
    h3 {font-size: 1.7rem; margin: 0;}
    h4 {font-size: 1.3rem; margin: 0;}
    h5 {font-size: 1.0rem; margin: 0;} 
    h6 {font-size: 0.71rem; margin: 0;}

    p {font-size: 0.91rem; margin: 0 0 10px 0; }
}


.fmid {font-weight: 400!important;}
.fbold {font-weight: 700!important;}

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



/* COLORS */
.cwhi {color:#fff!important;}
.bgwhi {background:#fff!important;}
.hwhi:hover {color:#fff!important;}

.cbla {color:#000!important;}
.bgbla {background:#000!important;}
.hbla:hover {color:#000!important;}

.cltgrey {color:#F1F1F1!important;}
.bgltgrey {background:#F1F1F1!important;}
.hltgrey:hover {color:#F1F1F1!important;}

.cblu1 {color:#021632;}
.bgblu1 {background:#021632!important;}
.hblu1:hover {color:#021632;}

.cblu2 {color:#3678A8;}
.bgblu2 {background:#3678A8!important;}
.hblu2:hover {color:#3678A8;}

.bggrad1 {background: linear-gradient(90deg, rgba(3,24,49,1) 0%, rgba(26,104,173,1) 100%);}

/* BUTTONS */

.btn-blu1 {display: inline-block; padding: 15px 28px; background:#017FC3; border: none; border-radius: 4px; color: #fff; text-decoration: none; transition: all 0.8s; font-size: 0.8rem; font-weight: 700; letter-spacing: 0.07rem; cursor: pointer; box-shadow: 0 0 15px rgba(0,0,0,0.15); }
.btn-blu1:hover {background:#12aFf8; color: #fff; transition: all 0.8s; }

.btn-o-bla1 {display: inline-block; padding: 15px 28px; background:none; border: 2px solid #000; border-radius: 4px; color: #000; text-decoration: none; transition: all 0.8s; font-size: 0.8rem; font-weight: 700; letter-spacing: 0.07rem; cursor: pointer; }
.btn-o-bla1:hover { border: 2px solid #666; color: #666; transition: all 0.8s; }

.btn-o-whi1 {display: inline-block; padding: 15px 28px; background:none; border: 2px solid #fff; border-radius: 4px; color: #fff; text-decoration: none; transition: all 0.8s; font-size: 0.8rem; font-weight: 700; letter-spacing: 0.07rem; cursor: pointer; }
.btn-o-whi1:hover { border: 2px solid #aaa; color: #aaa; transition: all 0.8s; }

.btn-sm {padding: 8px 19px!important; font-size: 0.75rem; box-sizing: border-box;}


/* ANIMIRANI GUMBI */

.button {
  display: inline-block;
  box-sizing: border-box;
  position: relative;
  padding: 15px 60px 15px 30px;
  padding-right: 4.7em;
  border: none;
  color: white;
  transition: 0.2s;
  margin-right: 15px;
  margin-bottom: 1px;
  width: 100%;
}
.button:before,
.button:after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  padding-top: inherit;
  padding-bottom: inherit;
  width: 2.8em;
  content: "\00a0";
  font-family: 'FontAwesome', sans-serif;
  text-align: center;
  transition: 0.2s;
  transform-origin: 50% 60%;
}
.button:before { background: rgba(0, 0, 0, 0.1); }
.button:hover { background: #0079a5; }
.button:active, .button:focus { background: #002e3f; outline: none; }
.button { min-width: 15em; }
.arrow {
    background: #3678A8;
    transition: all 0.8s;
    font-size: 0.9em;
}
.arrow:hover {
  background: #021632;
  transition: all 0.8s;
}
.arrow:active, .arrow:focus { background: #021632; }
.arrow:after { content: "\F105"; }
.arrow:hover:after {
  -webkit-animation: bounceright 0.4s alternate ease infinite;
  animation: bounceright 0.4s alternate ease infinite;
}
a.arrow, a.arrow:hover {color: #fff;}

@-webkit-keyframes bounceright {
  from {
    -webkit-transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(4px);
  }
}

@keyframes bounceright {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(3px);
  }
}

@media only screen and (max-width: 1200px) {
    .btn-blu1 {font-size: 0.9rem; margin: 0;}
}
@media only screen and (max-width: 660px) {
    .btn-blu1 {font-size: 0.8rem; margin: 0;}
}


/* INPUTS */
input {
    width: 100%;
    padding: 20px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-sizing: border-box;
    transition: 0.6s all;
    }
textarea {
    width: 100%;
    padding: 20px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-sizing: border-box;
    height: 150px;
    } 
input:focus {
    box-shadow: 0px 0px 15px rgba(0,0,0,0.15) ;
    border: 1px solid #eee;
    transition: 0.6s all;
    }
textarea:focus {
    box-shadow: 0px 0px 15px rgba(0,0,0,0.15) ;
    border: 1px solid #eee;
    transition: 0.6s all;
    }    


/* STRUCTURE*/

.main-wrapp { 
    max-width: 1850px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 40px;
}

.main-wrapp-nopad { 
    max-width: 1850px;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
}

.small-wrapp { 
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 30px;
}

.small-wrapp-nopad { 
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
}

.micro-wrapp { 
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 69px;
}

/*@media only screen and (max-width: 1200px) {
    max-width: 1850px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 30px;

}*/
@media only screen and (max-width: 510px) { 

}


/* NAVIGACIJA */
nav { position: relative; }
nav h6 { position: absolute; top: 10px; right: 0;}

/* GLAVNI SLIDER */

#main-slider {
    display: grid;
    grid-template-columns: 33.33% 66.66%;
    grid-auto-rows: minmax(100px, auto);
    /* grid-gap: 1px;   */
}
#main-slider a {
    color: white;
}
@media only screen and (min-width: 2200px) {
    #main-slider > .contact-grid { grid-template-columns: 5fr 7fr 2fr!important; }
    #main-slider > .contact-grid h5 { font-size: 0.75vw!important; padding: 0 5%; }

}
@media only screen and (min-width: 1800px) and (max-width: 2199px) {
    #main-slider > .contact-grid { grid-template-columns: 3fr 8fr 2fr!important; }
    #main-slider > .contact-grid h5 { font-size: 0.95vw!important; padding: 0 5%; }

}
@media only screen and (min-width: 1025px) and (max-width: 1799px) {
    #main-slider > .contact-grid { grid-template-columns: 2fr 7fr 1fr!important; }
    #main-slider > .contact-grid h5 { font-size: 1.25vw!important; padding: 0 5%; }

}

#main-slider > .contact-grid { background: rgb(3,24,49);
    background: linear-gradient(45deg, rgba(3,24,49,1) 0%, rgba(26,104,173,1) 100%);
    display: grid;
    grid-template-columns: 2fr 6fr 1fr;
    grid-auto-rows: minmax(100px, auto);
    grid-gap: 1px;
    color: #fff;
}
#main-slider > .contact-grid img.naslov { width: 100% ; }
#main-slider > .contact-grid h5 { font-size: 1.1vw; padding: 0 5%; }
#main-slider > .contact-grid h6 { padding: 0 5%; }
#main-slider > .contact-grid > .contact {
    padding: 40px 0 15px 0;
}

#main-slider > .slider > img { position: absolute; z-index: 1000; width: 310px;  }

.slider-fullscreen {margin-bottom: 0!important; height: 730px; }

.slider-overlay {
    /*background: rgba(0,0,0,0.2);*/
    width: 100%;
    height: 100%; }
.slider-bgimg { height: 730px; background-size: cover!important; margin: 0; }

@media only screen and (max-width: 1500px) {
    .slider-fullscreen {margin-bottom: 0!important; height: 600px; }
    .slider-bgimg { height: 600px; } 
}

@media only screen and (max-width: 1024px) {
    #main-slider { grid-template-columns: 100%; }
    #main-slider > .contact-grid { grid-template-columns: 1fr 6fr 1fr!important; }
    #main-slider > .contact-grid img.naslov { width: 50%; display: block; float: left; margin-right: 40px; margin-bottom: 40px; }
    #main-slider > .contact-grid h5 { font-size: 16px!important; padding: 0; }
    #main-slider > .contact-grid p.sakrij { display: none; }
    #main-slider > .slider > img { width: 260px;  }
    .slider-fullscreen {margin-bottom: 0!important; height: 440px; }
    .slider-bgimg { height: 440px; }
    
}

@media only screen and (max-width: 640px) { 
    #main-slider > .contact-grid { grid-template-columns: 1fr 10fr 1fr!important; }
    #main-slider > .contact-grid img.naslov { width: 50%; display: block; float: left; margin-right: 20px; margin-bottom: 40px; }
    #main-slider > .contact-grid h5 { display: block; font-size: 13px!important; padding: 0; }
    .slider-fullscreen {margin-bottom: 0!important; height: 360px; }
    .slider-bgimg { height: 360px; }
}



/* VIRTUALNA �ETNJA I INTERAKTIVE MAPE */
.virtual {background: linear-gradient(0deg, rgba(3,24,49,1) 0%, rgba(26,104,173,1) 100%); padding: 40px 0;}

.virtual-grid {
    display: grid;
    grid-template-columns: 3fr 2fr 3fr;
    grid-auto-rows: minmax(100px, auto);}

@media only screen and (max-width: 660px) {
    
    .virtual-grid {
    display: grid;
    grid-template-columns: 1fr;
    grid-auto-rows: minmax(100px, auto);}
    
}



/* NOVOSTI */
.slider-novosti .slider-novosti-bgimg { background-size: cover!important; padding-bottom: 56.2%;}


/* natjecaji */
.natjecaji {background: linear-gradient(90deg, rgba(3,24,49,1) 0%, rgba(26,104,173,1) 100%); padding: 40px 0; cursor: pointer; }


/* promet */
.promet-grid-top { 
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-rows: minmax(150px, auto);
    grid-column-gap: 1px;
}
.promet-grid-bottom { 
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-rows: minmax(150px, auto);
    grid-gap: 1px;
    background: #EBF2F6;
    border-top: 1px solid #fff;
}
.promet-txt {
    background: linear-gradient(90deg, rgba(3,24,49,1) 0%, rgba(26,104,173,1) 100%);
    padding: 40px 40px 20px 40px;
    color: #fff;
	border-bottom: 4px solid #fff;
}
.promet-camtxt {
    text-align: center;
    padding: 20px 15px;
}

@media only screen and (max-width: 1200px) {
    .promet-grid-top { grid-template-columns: 1fr 1fr 1fr; }
    .promet-grid-bottom { grid-template-columns: 1fr 1fr 1fr; }
    .promet-txt {display: none;}
    .promet-txt-bottom {display: none;}
}


/* FOOTER */
.ustanove-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 1px;
}
.ustanove-grid div {
    padding: 15px 19px;
    border-right: 1px solid #021632;
}
.ustanove-grid div:last-child { border-right: none; }

footer {background: linear-gradient(90deg, rgba(3,24,49,1) 0%, rgba(26,104,173,1) 100%);}

.footer-grid {
    display: grid;
    grid-template-columns: 1fr 7fr 2fr;
    grid-auto-rows: minmax(150px, auto);
    grid-gap: 1px;
}

.footer-grid > div {
    padding: 30px;
}
.footer-grid div.prognoza {
    padding: 30px 60px;
}

.footer-nav-grid {
    display: grid;
    grid-template-columns: 1fr 14fr;
    grid-auto-rows: minmax(100px, auto);
    grid-gap: 30px;
    align-items: center;
}
.footer-nav-grid > div {
    padding: 0;
}

.footer-nav-grid ul {
    margin:0;
    padding: 0;
    list-style:none;
    vertical-align: middle;
}
.footer-nav-grid ul li {
    display: inline-block;
    margin:0;
}
.footer-nav-grid ul li a {
    color: #fff;
    padding: 0 30px;
    border-right: 1px solid #3678A8;
    font-size: 1.1rem; 
}
.footer-nav-grid ul li:first-child a {
    padding-left: 0;
}
.footer-nav-grid ul li:last-child a {
    padding-right: 0;
    border-right: none;
}

@media only screen and (max-width: 1630px) {
    
    .footer-nav-grid ul li a {
        padding: 0 13px;
        font-size: 1rem; 
    }
}
@media only screen and (max-width: 1300px) {
    .footer-grid { grid-template-columns: 7fr 2fr; grid-gap: 30px; }
    .footer-grid > div { padding: 30px 0; }
    .footer-grid .prazan { display: none; }
    .footer-grid div.prognoza { padding: 30px 0; }
    .footer-nav-grid { grid-template-columns: 1fr 12fr; grid-gap: 10px; }
    .footer-nav-grid ul li a { padding: 0 10px; }
    .footer-nav-grid ul li:first-child a { padding-left: 10px; }
    .footer-nav-grid ul li a {
        padding: 0 10px;
        font-size: 1rem; 
    }
    .footer-contact {padding-left: 10px;}
}

@media only screen and (max-width: 1024px) {
    .ustanove-grid div { padding: 13px; }
    
}

@media only screen and (max-width: 660px) {
    .ustanove-grid { grid-template-columns: 1fr 1fr; grid-gap: 0px; }
    .ustanove-grid div { border: 1px solid #021632; }
    .ustanove-grid div:last-child { border: 1px solid #021632; }
    
    .footer-grid div.prognoza { display: none; }
    .footer-grid { grid-template-columns: 1fr; }
    .footer-nav-grid { grid-template-columns: 1fr 9fr; grid-gap: 10px; }
}

@media only screen and (max-width: 420px) {
    .ustanove-grid { grid-template-columns: 1fr; grid-gap: 1px; }
    .ustanove-grid div { padding: 19px;
    border-right: none;
    border-left: none;
    border-top: none;
    }
    .ustanove-grid div:last-child {
        border: none;
    }
}


/* STRANICA BLOG SINGLE */
.blog-single-grid-cont {
    display: grid;
    grid-template-columns: 5fr 2fr;
    grid-auto-rows: minmax(100px, auto);
    grid-gap: 30px;}

.blog-single-grid-cont .blog-tex-cont {
    border-bottom: 2px solid #021632;
    font-size: 1.1rem;
    text-transform: uppercase;
    /*border-radius: 0 0 4px 4px;*/
    }
.blog-single-grid-cont .blog-txt-cat {
    padding: 24px 19px;
    border-radius: 4px 4px 0 0;
    margin:0;
}

.blog-txt-linkovi {/*box-shadow: 0px 0px 19px rgba(0,0,0,0.15); */}
.blog-txt-linkovi ul {
    padding: 15px 19px;
    margin:0;
    list-style:none;
}
.blog-txt-linkovi ul li {
    padding: 15px 19px;
    margin:0;
    font-size: 0.87rem;
    font-weight: 700;  
}
.blog-txt-linkovi ul li:before {
    content: '\f105';
    font-family: FontAwesome;
    margin-left: -15px;
    margin-right: 10px;
}

.blog-txt-linkovi ul li span { font-size: 0.75rem; font-weight: 500; }

.blog-txt-linkovi ul li a { color: #000; text-decoration: none; }
.blog-txt-linkovi ul li a:hover { color: #017FC3; text-decoration: none; }

.blog-single-grid-cont .dokumenti-grupa {
    border: 1px solid #3678A8;
    padding: 20px;
    margin-bottom: 40px;
    border-radius: 4px;
}

.blog-single-grid-cont .dokumenti-grupa span {
    display: block;
    margin-bottom: 20px;
}

@media only screen and (max-width: 1024px) {
    
    .blog-single-grid-cont { grid-template-columns: 2fr 1fr;}
    
}

@media only screen and (max-width: 768px) {
    
    .blog-single-grid-cont { grid-template-columns: 1fr; }
    
}


/* STRANICA HEADER */
#header-image {background-size: cover!important; box-shadow: 0px 0px 22px rgba(0,0,0,0.19) ;}
#header-image a {color: #fff; }
#header-image a:hover {color: #017FC3; }
.header-overlay { background: linear-gradient(0deg, rgba(2,22,50,0.55) 0%, rgba(2,22,50,0) 100%); }
.header-overlay div { padding-top: 280px; padding-bottom: 46px; }


#header-brand-image {background-size: cover!important;}
#header-brand-image a {color: #fff; }
#header-brand-image a:hover {color: #017FC3; }
.header-brand-overlay { background: rgba(0,0,0,0.55); }
.header-brand-overlay > div { padding-top: 280px; padding-bottom: 46px; }



@media only screen and (max-width: 480px) {
    
    .header-overlay div { padding-top: 170px; padding-bottom: 46px; }
	.header-brand-overlay > div { padding-top: 170px; padding-bottom: 46px; }
    
} 












/* BANNER */
.banner-bg-2ln {
    background: url('../img/banner-bg.jpg') center center no-repeat;
    background-size: cover;
    border-radius: 4px;
}
.banner-2ln {
    box-shadow: 0px 0px 19px rgba(0,0,0,0.15) ;
    border-radius: 4px;
    padding: 46px 30px;
}



/* BLOG STRANICA */
.blog-page-grid-cont {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-rows: minmax(100px, auto);
    grid-gap: 40px 30px; }

.blog-page-grid-cont > div {
    /*box-shadow: 0px 0px 19px rgba(0,0,0,0.15) ;*/
    /*background: #EBF2F6;*/
}

.blog-page-grid-cont div .blog-img01 {
    border-radius: 4px 4px 0 0;
    padding-top: 56.25%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    transition: all 0.8s ease-out;
    }
.blog-page-grid-cont div:hover .blog-img01 {
    background-size: 108% 108%;
    transition: all 0.8s ease-out;
    }    
.blog-page-grid-cont .blog-txt01 {
    position: relative;
    padding: 30px 19px 15px 19px;
    border-left: 1px solid #a6d8ff;
    border-right: 1px solid #a6d8ff;
    border-bottom: 1px solid #a6d8ff;
    border-radius: 0 0 4px 4px;
    }
 

.blog-page-num ul { text-align: center; list-style: none; }
.blog-page-num ul li { display: inline-block; margin-right: 10px; }
.blog-page-num ul li a { padding: 10px 13px; border: 2px solid #3678A8; color: #3678A8; border-radius: 4px; }
.blog-page-num ul li a:hover { background-color: #EBF2F6;  }


.blog-main-post-parent {
	position: relative;
	overflow: hidden;
	margin-bottom: 40px;
	border-radius: 4px; }
/*.blog-main-post { background-size: auto 100%; margin-bottom: 40px; border-radius: 4px; transition: all 1s ease-out; }
.blog-main-post:hover { background-size: auto 107%; margin-bottom: 40px; border-radius: 4px; transition: all 1s ease-out; }*/
.blog-main-post-overlay {background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.6)); padding-top: 56.25%; color: #fff; border-radius: 4px;}
.blog-main-post {
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
  transition: all 1s ease-out;  
  }
.blog-main-post-parent:hover .blog-main-post,
.blog-main-post-parent:focus .blog-main-post {
  transform: scale(1.08);
  transition: all 1s ease-out;
}
.blog-main-post-parent .blog-txt01 {
    position: absolute;
	color: #fff;
	width: 50%;
    left: 35px;
	bottom: 55px;
    }
  
  

@media only screen and (max-width: 1200px) {
    
    .blog-page-grid-cont { grid-template-columns: 1fr 1fr; }
    
}    

@media only screen and (max-width: 767px) {
    
    .blog-page-grid-cont {
    display: grid;
    grid-template-columns: 1fr;
    grid-auto-rows: minmax(100px, auto);
    grid-gap: 30px;}
	
	.blog-main-post-parent .blog-txt01 {
	width: auto;
	right: 35px;
	bottom: 35px;
    }
    
}
    
@media only screen and (max-width: 660px) {
    
    .blog-page-grid-cont {
    display: grid;
    grid-template-columns: 1fr;
    grid-auto-rows: minmax(100px, auto);
    grid-gap: 30px;}
	
	.blog-main-post-overlay {
	padding-top: 100%;
    }
    
}

@media only screen and (max-width: 480px) {
	
	.blog-main-post-overlay {
	padding-top: 145%;
    }
    
}




/* FORMA */
.form-grid-cont {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: minmax(100px, auto);
    grid-gap: 0 30px;}

.form-grid-cont br {
    display: none !important;
}

.form-grid-cont textarea {
    resize: none;
}

.text-center input {
    display: inline-block;
    padding: 15px 28px;
    background: #017FC3;
    border: none;
    border-radius: 4px;
    color: #fff;
    text-decoration: none;
    transition: all 0.8s;
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.07rem;
    cursor: pointer;
    box-shadow: 0 0 15px rgba(0,0,0,0.15);
    width: 120px;
    margin-bottom: 30px;
}


.form-grid-cont div div { margin-bottom: 30px;}

@media only screen and (max-width: 660px) {
    
    .form-grid-cont {
    display: grid;
    grid-template-columns: 1fr;
    grid-auto-rows: minmax(100px, auto);
    grid-gap: 30px;}
    
}





/* ISKUSTVA */
/* Arrows */
.slider-iskustva .slick-prev {
    left: -40px;}
.slider-iskustva .slick-prev:before {
    content: '\f104';
    font-family: FontAwesome;
    background: transparent!important;
    color: #000!important;
    font-size: 2rem;}
.slider-iskustva .slick-next {
    right: -40px; }
.slider-iskustva .slick-next:before {
    content: '\f105';
    font-family: FontAwesome;
    background: transparent!important;
    color: #000!important;
    font-size: 2rem; }

@media only screen and (max-width: 900px) {
    .slider-iskustva .slick-prev {
        left: -30px; }
    .slider-iskustva .slick-next {
        right: -30px; }  
}

.includer {
	/*font-family: 'Ubuntu', sans-serif;*/
	/* width: 999px; */
	height: 100%;
	display: block;
	margin: 0 auto;
	/* border-left: solid 1px #99CCFF; */
	/* border-right: solid 1px #99CCFF; */
	padding-bottom: 0.5em;
	padding-top: 0;
	overflow: hidden;
	font-size: 1em;
	color: #000000;
    background-color: #FFFFFF;
}
.includer-child {
    width: 100%;
}
@media only screen and (max-width: 710px) {
    .includer {
        overflow: auto;
    }
    .includer-child {
        width: 800px;
    }
}
.includer .tabelanova {table-layout: fixed; width: 100%; border-collapse: collapse;}
.includer .tabelanova thead tr{ width: 100%; height:2em; background-color: rgba(0, 64, 128, 0.1);}
.includer .tabelanova thead tr:hover{background-color: rgba(0, 64, 128, 0.1);}
.includer .tabelanova thead th{margin-right: 0.2em; padding: 0.4em; text-align:center; font-weight: bold; color:#000000;}

/* SVE UKLJUČENE KOLONE
.includer .tabelanova thead th:first-child{width: 10%;}
.includer .tabelanova thead th:nth-child(2){width: 8%;}
.includer .tabelanova thead th:nth-child(3){width: 15%;}
.includer .tabelanova thead th:nth-child(4){width: 8%;}
.includer .tabelanova thead th:nth-child(5){width: 10%;}
.includer .tabelanova thead th:nth-child(6){width: 12%;}
.includer .tabelanova thead th:nth-child(7){width: 4%;}
.includer .tabelanova thead th:nth-child(8){width: 10%;}
*/
/* STARA TABLICA
.includer .tabelanova thead th:first-child{width: 19%;}
.includer .tabelanova thead th:nth-child(2){width: 13%;}
.includer .tabelanova thead th:nth-child(3){width: 29%;}
.includer .tabelanova thead th:nth-child(4){width: 10%;}
.includer .tabelanova thead th:nth-child(5){width: 10%;}
.includer .tabelanova thead th:nth-child(6){width: 19%;}
*/

.includer .tabelanova thead th:first-child{width: 4%; text-align: center;}
.includer .tabelanova thead th:nth-child(2){width: 15%;}
.includer .tabelanova thead th:nth-child(3){width: 15%;}
.includer .tabelanova thead th:nth-child(4){width: 28%;}
.includer .tabelanova thead th:nth-child(5){width: 8%;}
.includer .tabelanova thead th:nth-child(6){width: 8%;}

.includer .tabelanova tbody tr{width: 100%; border:none; border-bottom: solid 1px #495677; margin: 0.2em; background-color:#FFFFFF; color: #000000;}
.includer .tabelanova tbody tr:hover{background-color: rgba(0, 64, 128, 0.3); border-radius: 3px;}
.includer .tabelanova tbody tr td {padding: 0.5em; margin: 0.3em;}


.includer .tabelanova tbody tr {text-align: center;}
.includer .tabelanova tbody tr td:nth-child(1){padding-left: 0.5em; font-weight: bold; /*border: 1px solid #495677;*/ background-color: rgba(0, 64, 128, 0.3);} 

.includer .tabelanova tbody tr:hover td:nth-child(2){border: 1px solid #495677; background-color: #FFFFFF;}
.includer .tabelanova tbody tr:first-child{border-top: 1px solid #495677;}
.includer .tabelanova tbody tr:last-child{border-bottom: 2px solid #495677;}

/*----------- klasa za mjesec ------------------------*/
.includer .tabelanova tbody tr td.mjesec{background-color: rgba(0, 64, 128, 0.1); font-weight: bold;}
.includer .tabelanova tbody tr:hover td.mjesec{background-color: rgba(0, 64, 128, 0.1);}

/*----------- klasa za mjesec KRAJ------------------------ */


.tabelanova {
    width: 100%;
}

p a { color: #3678A8 }
td a { color: #3678A8 }
ol a { color: #3678A8 }

/* Pagination */
.page_nav .page-numbers{
    background:#BCBCBC;
color:#fff;
display:block;
width:auto;
float:left;
margin: 4px 4px 4px 0;
padding:15px 18px 14px 18px;
text-decoration:none;
}

.page_nav .page-numbers:hover{
background: #24221D;
color:#fff;
text-decoration: none;
}

.page_nav .current{
    background: #24221D;
color:#fff;
    padding:15px 18px 14px 18px;
}

.page-numbers {
    padding: 10px 13px;
    border: 2px solid #3678A8;
    color: #3678A8;
    border-radius: 4px;
}


/*       */
/*       */
/* ADDON */
/*       */
/*       */


.wp-block-image {margin: 30px 0 !important;}
.wp-block-table {margin: 30px 0 !important;}
.wp-block-table td {padding: 10px 8px !important;}

.blog-single-grid-cont h3 { display: inline-block; margin-top: 30px !important; margin-bottom: 15px;}
.blog-single-grid-cont h4 { display: inline-block; margin-top: 30px !important; margin-bottom: 15px;}
.blog-single-grid-cont h5 strong { display: inline-block; margin-top: 30px !important;}

/* ACCORDION */
.js-accordion-item { padding: 2px 2px!important; background: #3678A8!important; color: #fff!important; margin-bottom: 1px!important; transition: all 0.8s!important;  }
.js-accordion-item:hover { background: #021632!important; transition: all 0.8s!important; }
.js-accordion-item.is-open { background: #021632!important; /*border-radius: 4px!important;*/ transition: all 0.8s!important;  }
.js-accordion-item.is-open .c-accordion__title::after { color: #fff!important;  }
.js-accordion-item .c-accordion__content { color: #021632!important; background-color: #fff!important;  }
.js-accordion-item > h2 { margin: 10px 15px; font-size: 0.91rem!important; transition: all 0.8s!important; }
.js-accordion-item > h2 strong { font-weight: 400!important; }
.js-accordion-item.is-open > h2 { color: #fff!important; transition: all 0.8s!important;  }
.js-accordion-item > div { padding: 15px!important; background: #f1f1f1!important; }
.js-accordion-item > div > p { margin-bottom: 0; }
.js-accordion-controller:after { color: #fff!important; }

.blog-single-grid-cont ul {
    padding-inline-start: 18px;
}


/*WEATHER WIDGET*/
#wcp-wcp_weather_widget-2 { border-radius: 4px;}
.wcp-openweather-header { background-color: #96C8ED; border-radius: 4px 4px 0 0;}


/*GALERIJE*/
ul.blocks-gallery-grid {padding-left: 0px!important;}


/* VIDEI NA ATRAKCIJE ZADRA */
.video-links { padding-top: 20px;}
.video-links iframe { border: none; margin-bottom: 15px; }

/* Prikaži više botun */
.blog-single-grid-cont .dokumenti-grupa-sub.more {
	position:relative;
	max-height:186px;
	overflow:hidden;
	transition:max-height 0.5s cubic-bezier(0, 1, 0, 1);
}
.blog-single-grid-cont .dokumenti-grupa-sub.expanded {
	padding-bottom:76px;
	max-height:15000px;
	transition:max-height 2s ease-in-out;
}
.clickForMore {
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	padding-top:20px;
	background:#fff;
	/*
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 25%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 25%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 25%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
	*/
}