/* custom.css
kopirati u /templates/shaper_travelia/css/ 

dodati u "Before </head>"
<link rel="stylesheet" href="/templates/shaper_travelia/css/custom.css" type="text/css" />
*/

@font-face {
    font-family: 'jenkins';
    src: url('../fonts/jenkinsv-webfont.eot');
    src: url('../fonts/jenkinsv-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/jenkinsv-webfont.woff2') format('woff2'),
         url('../fonts/jenkinsv-webfont.woff') format('woff'),
         url('../fonts/jenkinsv-webfont.ttf') format('truetype'),
         url('../fonts/jenkinsv-webfont.svg#jenkins_v2.0regular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.md {
font-family: jenkins;
font-size: 32px;
font-weight: 300;
}

.md a:link,
.md a:visited {
  color: #f90;!important;
  text-decoration: none;
}

.md a:hover,
.md a:active,
.md a:focus {
  color: #c30;!important;
}

/*trasparent header*/

/*#sp-header {
    background: transparent;
    height: 60px;
    left: 0;
    position: absolute;
    top: 20px;
    width: 100%;
    z-index: 99;
}
#sp-header.header-sticky {
    position: fixed;
    z-index: 9999;
    background: #fff;
    opacity: 0.9;
    box-shadow: 0 3px 3px;
    rgba(0,0,0,0.05);
    top: 0px;
}

#sp-top-bar {
  position: absolute;
  left: 0;
  background: transparent;
  top: 0;
  width: 100%;
  z-index: 999;
  padding: 10px 0 0;
}*/

#sp-bottom {
    background-color: #999;
}

#sp-bottom ul.nav.menu li
  	a:hover,
	a:active,
	a:focus {
  color: #e87513;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item >a:hover {
    background: transparent;
    color: #e87513;
  	font-weight: bold;
  	transition: 100ms;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active>a:hover {
    color: #e87513;
}