/*  GENERAL SETTINGS  */

.boxed {
    max-width: 1300px;
    margin: 0 auto;
}

.post, .page {     margin: 0; }

main {  padding-bottom: 90px; }

/*  HEADER  */

#masthead {     background: #830101; }

.header-inner {
    max-width: 1300px;
    margin: 0 auto;
	display: flex;
	align-items: center;
	padding: 10px 0;
}

.header-branding {     width: 22%; }

.main-navigation {     width: 56%; }

.header-contact {     width: 22%; }

.header-branding img {     transition: transform .2s; }

.header-branding img:hover {    transform: scale(1.05); }

.header-contact a {
    display: block;
    color: white;
    text-decoration: none;
    font-weight: 500;
	transition: transform .2s;
}

.header-contact a:hover {  transform: scale(1.05); }

.header-phone {     font-size: 23px;     }
.header-mail {     }


/*  HEADER SLIDER  */

#header-slider {
    box-shadow: 0px 2px 7px -1px black;
    border-bottom: 1px solid #474747;
}

.metaslider .flex-control-nav {   bottom: 20px !important;     }

.flex-control-nav li a.flex-active {     background: rgb(131 1 1) !important; }

.flexslider .flex-control-nav li a:not(.flex-active) {     background: white !important; }

.metaslider .flexslider { margin: 0 !important; }

/*  NAVIGATION  */

.main-navigation ul { justify-content: center;     }

.main-navigation a { 
    padding: 5px 10px;
    color: white;
    text-transform: uppercase;
    font-weight: 500;
	background: #830101;
	transition: color .2s, background .2s; 
}

.main-navigation a:hover {  
	color: #830101;
    background: white; }


/* NASLOVNA  */

.home .entry-header {
    max-width: 1300px;
    margin: 0 auto;
}

.home .entry-header h1  {
    text-align: center;
    color: #830101;
    font-size: 50px;
	line-height: 1;
    margin-bottom: 20px;
	margin-top: 70px;
}

#naslovna-podnaslov hr {
    background-color: #959595; 
    height: 2px; 
    max-width: 20%;
    margin: 0 auto;
}

#naslovna-podnaslov p {
    text-align: center;
    color: black;
    font-size: 24px;
    font-weight: 500;
	margin-top: 15px;
}

#naslovna-intro p  {
    max-width: 900px;
    margin: 0 auto;
    margin-bottom: 30px;
    text-align: center;
    font-size: 22px;
    font-weight: 300;
    color: #373737;
}

.more-button {
    background: #830101;
    color: white !important;
    text-decoration: none;
    line-height: 1;
    padding: 10px 20px;
    text-transform: uppercase;
    margin: 0 auto;
    display: block;
    text-align: center;
    max-width: 200px;
	font-weight: 500;
	
	transition: transform .2s; 
}

.more-button:hover {  transform: scale(1.05);  }

#naslovna-djelatnosti-wrapper {   
	margin-top: 70px;
    margin-bottom: 0px;
    background: #f3f3f3;
    padding-top: 50px;
    border-top: 1px solid #e8e8e8;
}


#naslovna-djelatnosti-wrapper h3 {
    display: block;
    margin: 0 auto;
    width: 470px;
    text-align: center;
    color: #830101;
    font-size: 47px;
    font-weight: 500;
    text-transform: uppercase;
    position: relative;
}

#naslovna-djelatnosti-inner {     
	display: flex;
    margin-top: 50px;
    position: relative;
	padding: 0 1.5%;
}

.naslovna-djelatnost {   
    display: inline-block;
    width: 31%;
    position: relative;
    margin: 0 1.5%;
}

.naslovna-djelatnost img {    width: 100%;  border: 2px solid #830101;}

.naslovna-djelatnost h2 {
    text-align: center;
    width: 60%;
    margin: 0 auto;
    background: #fcfcfc;
    color: #830101;
    font-size: 18px;
    padding: 10px;
    z-index: 2;
    position: absolute;
    font-weight: 500;
    text-transform: uppercase;
    bottom: -15px;
    left: 20%;
    border: 2px solid #830101;
	
	transition: transform .2s; 
}

.naslovna-djelatnost:hover h2 {   }

.section-title  {
    max-width: 1300px;
    margin: 0 auto;
    text-align: center;
}

.section-title h2 {
    text-align: center;
    color: #830101;
    font-size: 47px;
    line-height: 1;
    margin-bottom: 15px;
    font-weight: 500;
    text-transform: uppercase;
}


.section-title hr {
	background-color: #959595;
    height: 2px;
    max-width: 20%;
    margin: 0 auto;
}

.section-title p {
    text-align: center;
    color: black;
    font-size: 22px;
    font-weight: 500;
    margin-top: 10px;
    margin-bottom: 40px;
}

.section-title-misija {
    max-width: 100%;
    background: #f3f3f3;
    padding: 50px 5%;
	margin-top: -10px;
	padding-bottom: 1px;
}

.misija-naslovna { 
    background: #f3f3f3;
    padding: 0px 5% 50px 5%;
	border-bottom: 1px solid #e0e0e0;
}

.misija-naslovna ul { 
    border-bottom: 0 !important;
    padding-bottom: 0px !important;
}


.naslovna-novosti {   
	margin-top: 30px;
    margin-bottom: 30px;
}

.naslovna-novosti ul {
    width: 100%;
    margin: 0 auto;
}

.naslovna-novosti li {      transition: transform .2s;  }

.naslovna-novosti li:hover {    transform: scale(1.05);  }

.naslovna-novosti figure {     margin: 0; }

.naslovna-novosti h2 {     margin-top: 0; margin-bottom: 0; }

.naslovna-novosti h2 a  {
    text-align: center;
    font-size: 18px;
    color: #000000;
    font-weight: 500;
    padding: 0 10px;
    line-height: 1.4;
	padding-top: 10px;
	display: block;
	transition: transform .2s;
}

.naslovna-novosti li:hover h2 a  { color: #830101; }


.naslovna-novosti .wp-block-post-date { 
    text-align: center;
    font-size: 14px;
}

#naslovna-facebook {
    background: #f3f3f3;
    padding: 50px 0;
    margin-top: 70px;
	border-top: 1px solid #e0e0e0;
}

#naslovna-facebook-left {
    width: 50%;
    display: inline-block;
    vertical-align: top;
}

#naslovna-facebook-right {
    width: 49%;
    display: inline-block;
    vertical-align: top;
}

#naslovna-facebook-left h2 {
    color: #830101;
    text-align: center;
    font-size: 30px;
    margin-bottom: 0;
    margin-top: 130px;
}

#naslovna-facebook-left h3 {
    text-align: center;
    color: black;
    font-size: 24px;
    font-weight: 500;
    margin-top: 0;
}

.home main {     padding-bottom: 0; }


/* CATEGORY ARCHIVE  */


.archive .page-header {
    background: #f7f7f7;
    padding: 30px;
    border-bottom: 1px solid #cbcbcb;
}

.archive h1 {
    max-width: 1300px;
    margin: 0 auto;
    text-align: center;
    color: #830101;
    text-transform: uppercase;
    font-size: 40px;
}

.archive-loop {
    max-width: 1300px;
    margin: 0 auto;
	margin-top: 50px;
}

.archive-loop article {
	display: inline-block;
	vertical-align: top;
    width: 30%;
    margin: 0 1.5%;
	margin-bottom: 50px;
	transition: transform .2s; 
}



.archive-loop article:hover {  transform: scale(1.05);  }


.archive-loop article img { border-bottom: 4px solid #830101; }

.archive-loop article h2 {
    text-align: center;
    margin: 0;
    font-size: 20px;
    padding: 0 10px;
	margin-top: 10px;
}

.archive-loop article h2 a {
    display: block;
    color: black;
    text-decoration: none;
    font-weight: 500;
    line-height: 1.4;
	font-size: 18px;
}

.archive-loop article:hover h2 a { color: #830101; }

.archive-loop article .entry-content  {     margin: 0; }

.category-reference .archive-loop article .entry-content  {   display:none; }

.archive-loop article .entry-content p {
    margin-bottom: 0;
    margin-top: 10px;
    padding: 0 10px;
    text-align: justify;
	color: #666666;
}

.archive-loop article .entry-meta p {
    font-size: 14px;
    color: black;
    text-align: center;
    margin-bottom: 0;
}

.archive-loop article .entry-meta b {     font-weight: 500; }

.category-reference .archive-loop article .entry-meta  { display: none; }

{     text-align: center; }


.archive .posts-navigation {
    max-width: 1300px;
    margin: 0 auto;
}



.archive .nav-previous  {
    background: #f7f7f7;
    border: 2px solid #830101;
    padding: 0px;
    text-align: center;
    max-width: 15%;
	margin-right: 35%;
	float: left;
	transition: transform .2s; 
}

.archive .nav-next {
    background: #f7f7f7;
    border: 2px solid #830101;
    padding: 0px;
    text-align: center;
    max-width: 15%;
	margin-left: 35%;
	float: right;
	transition: transform .2s; 
}



.archive .nav-previous:hover, .archive .nav-next:hover {  transform: scale(1.05);  }

.archive .nav-previous a, .archive .nav-next a {
    color: #1c1c1c;
    text-decoration: none;
    font-weight: 500;
    text-transform: uppercase;
	padding: 15px;
	display: inline-block;
	
}

.archive .posts-navigation .nav-links {     display: block; }

.archive .posts-navigation .nav-links::after { content: " "; display:block; clear: both; }


/*  SINGLE POST  */

.single-post .entry-header {
    background: #f7f7f7;
    padding: 30px;
    border-bottom: 1px solid #cbcbcb;
	margin-bottom: 50px;
}

.single-post .entry-header h1  {
    max-width: 1300px;
    margin: 0 auto;
    text-align: center;
    color: #830101;
}


.single-post .entry-header .entry-meta p   {
    text-align: center;
    font-size: 14px;
    margin: 0;
}

.single-post .entry-header .entry-meta b   { font-weight: 500; }

.single-post .post-thumbnail {
    max-width: 700px;
    margin: 0 auto; 
}

.single-post .post-thumbnail img {
    display: block;
    border: 1px solid gray;
    padding: 5px;
    border-radius: 30px;
    box-shadow: 0px 0px 17px -7px;
}

.single-post .entry-content { 
	max-width: 1300px;
    margin: 0 auto;
    margin-top: 50px;
	}

.single-post .category-reference .entry-content {     text-align: center; }
.single-post .category-reference .entry-meta {    display:none; }

.post-navigation .nav-links {
    max-width: 1300px;
    margin: 0 auto;
	justify-content: space-between;
}

.post-navigation .nav-links a {
    color: #1c1c1c;
    text-decoration: none;
    font-weight: 500;
}

.nav-subtitle {
    display: block;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    color: #830101;
}

.post-navigation .nav-previous, .post-navigation .nav-next {
    flex: none;
    background: #f7f7f7;
    border: 2px solid #830101;
    padding: 20px;
    max-width: 40%;
	transition: transform .2s; 
}

	


.post-navigation .nav-previous:hover, .post-navigation .nav-next:hover {  transform: scale(1.05);  }

/* PAGES  */

.page-template-default:not(.home) .entry-header {
    background: #f7f7f7;
    padding: 30px;
    border-bottom: 1px solid #cbcbcb;
}

.page-template-default:not(.home) h1 {
    max-width: 1300px;
    margin: 0 auto;
    text-align: center;
    color: #830101;
    text-transform: uppercase;
    font-size: 40px;
}

.page-template-default:not(.home) .entry-content b {
    font-weight: 500;
    color: black;
}

#about-intro {    
	text-align: center;
	font-size: 20px;
    font-weight: 300;
	margin-top: 50px;
	margin-bottom: 60px;
	
}

#about-intro h3 {
    color: #830101;
    font-size: 32px;
}


#about-intro em {
    font-weight: 400;
    font-size: 22px;
	color: black;
}

.about-slider {
    width: 800px;
    margin: 50px auto;
    box-shadow: 0px 0px 30px -1px gray;
    border: 2px solid #830101;
    border-radius: 20px;
    overflow: hidden;
}


#misija {     margin-bottom: 50px; }

#misija h3 {
    color: #830101;
    font-size: 32px;
    text-align: center;
	text-transform: uppercase;
}

#misija h3 span {
    display: block;
    color: black;
    font-size: 20px;
	font-weight: 500;
	text-transform: initial;
}


#misija ul {
    list-style: none;
    padding: 0;
    text-align: center;
    font-size: 20px;
    max-width: 970px;
    MARGIN: 0 AUTO;
    border-bottom: 2px solid #830101;
    padding-bottom: 30px;
}

#misija li {    margin-bottom: 10px; }

#misija li:before { 
	content:'•';
	color: #830101;
    margin-right: 10px;
}

.about-content h3 {
    color: #830101;
    font-size: 28px;
    text-align: center;
    text-transform: uppercase;
    margin-top: 50px;
}

.about-content h3 span {
    display: block;
    color: black;
    font-size: 18px;
	font-weight: 500;
	text-transform: initial;
}

.about-content p {  font-size: 18px; }

.about-content img {
    display: block;
    margin: 0 auto;
}


/*  KONTAKT  */

.page-id-13 main {
    padding-bottom: 0px;
    margin-bottom: -25px;
}

#contact-wrapper {     margin-top: 50px; }

#contact-inner-left {
    display: inline-block;
    width: 50%;
}

#contact-inner-right {
    display: inline-block;
    width: 40%;
    vertical-align: top;
    margin-left: 9%;
}

#contact-inner-left h3, #contact-inner-right h3 {
    margin: 0;
    color: #830101;
    font-size: 20px;
}

.contact-intro {     margin-top: 10px; }

#form-wrapper input[type="text"], #form-wrapper input[type="email"], #form-wrapper textarea {
    width: 100%;
    border: 1px solid #e5e5e5;
    border-radius: 0px;
    padding: 8px 15px;
    background: #fafafa;
}

#form-wrapper textarea {     height: 200px; }


#form-wrapper input[type="submit"] {
    border: none; 
    border-radius: 0;
    background: #830101;
    color: white; 
    padding: 10px 20px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 15px;
	transition: transform .2s; 
}


#form-wrapper input[type="submit"]:hover {  transform: scale(1.05);  }

#form-wrapper .wpcf7-list-item {  margin: 0; }

#form-wrapper p {     margin: 10px 0; }


#contact-inner-right ul {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-top: 10px;
}

#contact-maps {
    background: #f3f3f3;
    padding: 60px 0;
    margin-top: 60px;
    border-top: 1px solid #dbdbdb;
}

#contact-maps-left {
    display: inline-block;
    width: 45%;
    vertical-align: top;
    margin-right: 5%;
}

#contact-maps-right {
    display: inline-block;
    width: 45%;
    vertical-align: top;
    margin-left: 4.7%;
    
}


#contact-maps iframe {
    background: white;
    padding: 10px;
    border: 1px solid #e1e1e1 !important;
}

#contact-maps-left h3, #contact-maps-right h3 {
    margin: 0;
    color: #830101;
    font-size: 20px;
	text-align: center;
    margin-bottom: 10px;
}

#contact-maps-left ul, #contact-maps-right ul {
    margin: 0;
    padding: 0;
    text-align: center;
    list-style: none;
    margin-bottom: 20px;
    color: black;
}



/* FOOTER  */

.entry-footer {     display: none; }

#colophon {
    background: #830101;
    color: white;
}

.footer-inner {
    max-width: 1300px;
    margin: 0 auto;
    padding: 30px 0;
}

.footer-inner-left {
    display: inline-block;
    width: 29%;
	vertical-align: top;
}

.footer-inner-right {
    display: inline-block;
    width: 70%;
	vertical-align: top;
	margin-top: 15px;
}

.footer-inner-right ul a {
    color: white;
    text-decoration: none;
	padding: 5px 20px;
    text-transform: uppercase;
	font-weight: 500;
	display: inline-block;
	transition: transform .1s; 
}

.footer-inner-right ul a:hover {  transform: scale(1.1);  }

.footer-inner-right ul i {     font-size: 26px; }

.footer-inner-right ul {
    list-style: none;
    display: flex ;
    margin: 0;
    justify-content: center;
}

.footer-inner-right p {     text-align: center; margin: 0; font-size: 14px ;}


.footer-inner-right p a {
    color: white;
    text-decoration: none;
}

.footer-inner-right p a:hover {     color: #ff9b9b; }


.footer-inner-right hr {
    width: 40%;
    margin: 13px auto;
}