/* ------------------------------------------------------------ OPĆENITO --------------------------------------------- */

h1.sppb-addon-title::after {
    background: #7a8599;
    content: "";
    display: block;
    height: 3px;
    margin: 10px auto 0px;
    width: 90px;
}

h2.sppb-addon-title::after {
    background: #ffc527;
    content: "";
    display: block;
    height: 5px;
    margin: 10px 0px;
    width: 60px;
}

.sppb-btn.focus, .sppb-btn:focus {
    box-shadow: none;
}

.formular button {
  	cursor: pointer;
}

/* -------------------------------------------------------------- HEADER --------------------------------------------- */

#sp-top-bar {
    padding: 10px 0;
}

div.mod-languages img {
    margin-right: 20px;
}

.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span, .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
    text-transform: uppercase;
}

.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
    padding: 0 10px;
}

.sp-megamenu-parent > li.active > a {
  	text-decoration: underline;
  	font-weight: 800;
}

.sp-megamenu-parent > li > a:hover {
    text-decoration: underline;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item >a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span {
    font-size: 12px;
  	padding: 10px 0px;
    border-bottom: 1px solid rgba(0,0,0,0.2);
    box-shadow: 0 1px 0 rgba(255,255,255,0.05);
}

#offcanvas-toggler >i {
    color: #7a8599;
}

#offcanvas-toggler >i:hover {
    color: #ffc527;
}

.offcanvas-menu {
    background-color: #23262c;
    color: #7a8599;
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li a {
    color: #7a8599;
  	text-transform: uppercase;
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li ul li a {
    color: #7a8599;
  	text-transform: uppercase;
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li {
    border-bottom: 1px solid #2e323a;
    padding: 6px 10px;
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li:last-child {
    border-bottom: 0px;
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li a:hover, .offcanvas-menu .offcanvas-inner .sp-module ul > li span:hover, .offcanvas-menu .offcanvas-inner .sp-module ul > li a:focus, .offcanvas-menu .offcanvas-inner .sp-module ul > li span:focus {
    color: #ffc527;
}

.prijava button {
  background: #ffc527;
  border: none;
  color: #23262c;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 1px;
}

.prijava button:hover {
  background: #e59900;
  color: #23262c;
  border: none;
  outline: none;
}

.prijava button:visited {
  background: #e59900;
  border: none;
}

.prijava button:focus {
  background: #e59900;
  border: none;
}

/* -------------------------------------------------------------- BOTTOM --------------------------------------------- */

#sp-bottom .sp-module {
    margin-bottom: 0px;
}

#sp-bottom .sp-module ul > li {
    border-bottom: 1px solid #2e323a;
  	padding-bottom: 15px;
}

#sp-bottom .sp-module ul > li:last-child {
  	border-bottom: none;
}

#sp-bottom .sp-module ul >li >a:before {
    font-family: FontAwesome;
    content: "\f105";
    margin-right: 8px;
}

#sp-bottom .sp-module ul >li >a:focus {
    color: #7a8599;
}

#sp-bottom .sp-module ul >li >a:hover {
    color: #ffc527;
}

/* -------------------------------------------------------------- FOOTER --------------------------------------------- */

#sp-footer {
    font-size: 12px;
    text-align: center;
  	border-top: 1px solid #2e323a;
}

#sp-footer .container-inner {
    padding: 20px 0;
    border-top: none;
}

/* --------------------------------------------------------------------------------------------------------------------------------------------------
----------------------------------------------- R W D -----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------------------*/

/* ----- NAVIGACIJA (IZMEĐU MOBITELA I DESKTOPA)----- */ 

@media (min-width: 992px) and (max-width: 1199px) {
  	.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
    	padding: 0 10px;
	}
}

@media (max-width: 991px) {
  
   .mod-languages img {
    	margin-top: 10px;
     	margin-bottom: 10px;
     	margin-right: 20px;
  }
  
}