/* 

1. Add your custom Css styles below
2. Place the this code in your template: 

 <link href="css/custom.css" rel="stylesheet">

*/
#mainMenu nav > ul > li > a {
    font-family: "Roboto", sans-serif;
    font-weight:normal;
    color:#777;
    font-size: 14px;
}
#header.header-sticky.sticky-active .header-inner, 
#header.header-sticky.sticky-active #header-wrap {
    box-shadow: 0 8px 12px rgba(0, 0, 0, 0.2);
}

.grid-active-title {opacity:0.4;font-weight:200}

/* breadcrumbs */

.breadc ul { 
  list-style: none; 
  overflow: hidden !important; 
  font: 18px Sans-Serif;
 white-space:nowrap;
  
    
}
.breadc  li { 
 /* float: left; */
    display:inline-block;
 
    
}
.breadc li   a {
  color: white;
  text-decoration: none; 
  padding: 10px 0 10px 65px;
  background: brown; /* fallback color */
  background: hsla(34,85%,35%,1); 
  position: relative; 
  display: inline-block; /* block*/
 /* float: left;*/
}
.breadc li  a::after { 
  content: " "; 
  display: block; 
  width: 0; 
  height: 0;
  border-top: 50px solid transparent; /* Go big on the size, and let overflow hide */
  border-bottom: 50px solid transparent;
  border-left: 30px solid hsla(34,85%,35%,1);
  position: absolute;
  top: 50%;
  margin-top: -50px; 
  left: 100%;
  z-index: 2; 
}
.breadc li  a::before { 
  content: " "; 
  display: block; 
  width: 0; 
  height: 0;
  border-top: 50px solid transparent;       
  border-bottom: 50px solid transparent;
  border-left: 30px solid white;
  position: absolute;
  top: 50%;
  margin-top: -50px; 
  margin-left: 2px;
  left: 100%;
  z-index: 1; 
}
.breadc li:first-child a {
  padding-left: 10px;
}
.breadc li:nth-child(2) a       { background:        hsla(34,85%,45%,1); }
.breadc li:nth-child(2) a:after { border-left-color: hsla(34,85%,45%,1); }
.breadc li:nth-child(3) a       { background:        hsla(34,85%,55%,1); }
.breadc li:nth-child(3) a:after { border-left-color: hsla(34,85%,55%,1); }
.breadc li:nth-child(4) a       { background:        hsla(34,85%,65%,1); }
.breadc li:nth-child(4) a:after { border-left-color: hsla(34,85%,65%,1); }
.breadc li:nth-child(5) a       { background:        hsla(34,85%,75%,1); }
.breadc li:nth-child(5) a:after { border-left-color: hsla(34,85%,75%,1); }

.breadc li.active a       { background:        #FFEad7;color:#333333 }
.breadc li.active a:after { border-left-color: #FFEad7; }

/*
.breadc li:last-child a {
  background: hsla(34,85%,75%,1);
  color: black;
  pointer-events: none;
  cursor: default
}
.breadcrumb li:last-child a::after { 
  border: 0; 
}
*/
.breadc li a:hover { 
  background: hsla(34, 85%, 25%, 1); 
}
.breadc li a:hover:after { 
  border-left-color: hsla(34, 85%, 25%, 1) !important; 
}
.breadc ul li.active a:hover { 
  background: #FFE3C7; 
}
.breadc ul li.active a:hover:after { 
  border-left-color: #FFE3C7 !important; 
}

/*----------------------*/
#footer.dark .copyright-content{color:#eee} 
#header[data-transparent="true"] + #page-title.small-header { top: -120px; margin-bottom: -124px; position: relative; padding: 120px 0 60px 0; }