:root {
  --cassiopeia-color-primary: /*#004e80*/ #004e80 !important;
  --cassiopeia-color-link: /*#004e80*/ #004e80 !important;
  --cassiopeia-color-hover: /*#024067*/ #013150 !important;
}


body {
  font-family: Helvetica, Arial, Sans-Serif !important;
}

.header {}

.top-logo {text-align:left; width:100%; max-width:400px; float:left; margin-top: 15px; margin-bottom:15px; padding-left:20px;}
@media (max-width: 720px) {
  .top-logo {float:none; text-align:center; width:100%; max-width: 720px; margin:auto; margin-bottom:10px;}
  .top-logo img {max-width:400px; width:100%; padding-right:20px;}
}

.top-social {text-align:right; width:100%; max-width:320px; float:right; margin-top: 25px; margin-bottom:; padding-left:25px; padding-right:25px; font-size:25px;}
@media (max-width: 720px) {
  .top-social {float:none; text-align:center; width:100%; max-width: 720px; margin:10px 8px -10px -50px; font-size:25px;}
}

.container-topbar a:link, .container-topbar a:visited {color: #ffffff !important;}
.container-topbar a:hover, .container-topbar a:active {color: #c0c0c0 !important;}


/* top & footer navigation mobile view & display */
@media (max-width: 660px) {
.collapse.navbar-collapse .mod-menu_dropdown-metismenu {padding-bottom:20px !important;} 
.collapse.navbar-collapse li {padding-left:100px !important;}
.container-footer .navbar {margin-top:20px !important;}
.container-footer li {display:block !important; float:; width:250px;}  
.container-footer .collapse.navbar-collapse {}
}
@media (min-width: 661px) and (max-width: 800px) {
.collapse.navbar-collapse .mod-menu_dropdown-metismenu {padding-bottom:20px !important;} 
.collapse.navbar-collapse li {padding-left:100px !important;}
.container-footer .navbar {margin-top:20px !important;}
.container-footer li {}  
.container-footer .collapse.navbar-collapse {}
}


.offline-card h1 {margin-top:8px !important; margin-bottom:25px !important; text-transform:uppercase !important; font-size:22px !important;}

.pagenavigation {margin-top:35px !important; margin-bottom:35px !important;}

.sidebar-right.card {box-shadow: 0px 0px 5px #f0f0f0;}
/*.blog .mod-breadcrumbs.breadcrumb {border: 1px solid #dfe3e7; border-radius: 4px; background: none !important; box-shadow: 0px 0px 5px #f0f0f0;}*/
.blog .mod-breadcrumbs.breadcrumb {border-bottom: 1px solid #dfe3e7; background: none !important; margin-bottom:-10px !important;}
.blog .blog-item {margin-top: 15px;}


.site-grid {margin-top:5px !important;} /* samo na naslovnici */
.blog .site-grid {margin-top:5px !important;}
.blog .mod-breadcrumbs__wrapper {margin-bottom:25px !important;}
.blog .com-content-article.item-pageblog img {width:100%; max-width: 500px; border: 1px solid #cccccc; padding: 2px 2px 2px 2px;}


.blog-featured h1 {
  color:#d60026 !important; 
  margin-top:20px !important;
  margin-bottom:40px !important;
  font-weight:bold !important;
}

.blog h1 {
  color:#004e80 !important; 
  margin-top:20px !important;
}

.com-content-article.item-page h1 {
  color:#004e80 !important; 
  margin-top:20px !important;
  margin-bottom:20px !important;
}

.blog h2 {
  font-size: 20px !important;
  font-family: Helvetica !important;
  font-weight: 500 !important;
  padding-bottom: 7px !important;
  color:#004e80 !important;
  padding-top:25px !important;
}

.blog-items h2 {font-size: 20px !important;}

h3.card-header {
  font-size: 17px !important;
  font-family: Helvetica !important;
  font-weight: 550 !important;
  text-align: center !important;
  padding-top: 15px !important;
  padding-bottom: 11px !important;
}


h1, .h1 {
  font-size: calc(1.375rem + 1.5vw);
  font-family: Helvetica !important;
  font-weight: 500 !important;
}
@media (min-width: 1200px) {
  h1, .h1 {
    font-size: 2.0rem;
  }
}

h2, .h2 {
  font-size: calc(1.325rem + 0.9vw);
  font-family: Helvetica !important;
  font-weight: 500 !important;
}
@media (min-width: 1200px) {
  h2, .h2 {
    font-size: 1.5rem;
  }
}

h3, .h3 {
  font-size: calc(1.3rem + 0.6vw);
  font-family: Helvetica !important;
  font-weight: 500 !important;
}
@media (min-width: 1200px) {
  h3, .h3 {
    font-size: 1.25rem;
  }
}

h4, .h4 {
  font-size: calc(1.275rem + 0.3vw);
  font-family: Helvetica !important;
  font-weight: 500 !important;
}
@media (min-width: 1200px) {
  h4, .h4 {
    font-size: 1.0rem;
  }
}

h5, .h5 {
  font-size: 0.75rem;
  font-family: Helvetica !important;
  font-weight: 500 !important;
}

h6, .h6 {
  font-size: 0.5rem;
  font-family: Helvetica !important;
  font-weight: 500 !important;
}

a:link , a:visited {text-decoration: none;}
a:hover , a:active {text-decoration: underline;}

.item-page a:link , .item-page a:visited {text-decoration: none; color:#004e80;}
.item-page a:hover , .item-page a:active {text-decoration: underline; color:#004e80;}

.item-pageblog a:link , .item-pageblog a:visited {text-decoration: none; color:#004e80;}
.item-pageblog a:hover , .item-pageblog a:active {text-decoration: underline; color:#004e80;}

.navbar-toggler.navbar-toggler-right {color: white !important;}

.blog-item img {border: 1px solid #ced4da; padding: 2px 2px 2px 2px;}
.item-page img {width:100%; max-width: 500px; border: 1px solid #ced4da; padding: 2px 2px 2px 2px;}
@media (min-width: 500px) 
{.left.item-image {margin-bottom: 10px !important; margin-right:25px !important;}}
@media (min-width: 500px) 
{.image {margin-bottom: 10px !important; margin-right:25px !important; float:left;}}


.container-footer li {display: inline-block !important; font-style: normal !important; vertical-align: top !important;}


/* ovo vidjeti kak da cijeli blok ide na vrh */
.container-footer nav {display: inline-block !important; vertical-align: top !important;}
.container-footer nav a:hover {color: #ffffff !important;}

/* naslov VisForm obrasca */
/* .visforms.visforms-form h1 {display: none !important;} */
.form-group label {padding-top:12px; padding-bottom:10px;}
.form-group select, .form-group textarea, .form-group input {color:#7c7c7c;}
.form-group .btn {color:#ffffff; text-transform:uppercase; font-weight:bold; font-size:14px; margin-top:15px; margin-left:10px;}