@font-face {
  font-family: 'Fira Sans';
  src: url('../fonts/FiraSans/FiraSans-Regular.woff2') format('woff2'),
       url('../fonts/FiraSans/FiraSans-Regular.woff') format('woff'),
       url('../fonts/FiraSans/FiraSans-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Fira Sans';
  src: url('../fonts/FiraSans/FiraSans-Italic.woff2') format('woff2'),
       url('../fonts/FiraSans/FiraSans-Italic.woff') format('woff'),
       url('../fonts/FiraSans/FiraSans-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: 'Fira Sans';
  src: url('../fonts/FiraSans/FiraSans-Bold.woff2') format('woff2'),
       url('../fonts/FiraSans/FiraSans-Bold.woff') format('woff'),
       url('../fonts/FiraSans/FiraSans-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}

/* template styles */

#t4-title-bar {
    height: 60px;
}

#t4-title-bar a {
 color: #ffffff;
}

#t4-title-bar a:hover {
 color: #dddddd;
}

#t4-sidebar-toptop {
 background-color: rgb(26, 34, 38);
}

#t4-sidebar-top {
 height: 60px;
 background-color: #EA5B0C;
 box-shadow: rgba(10, 10, 10, 0.25) -13px 0px 20px -13px inset;
 padding: 0.1rem;
 color: #fff;
 display: flex;
 gap: 10px;
 align-items: center;
 font-weight: bold;
}

#t4-sidebar-top a {
    color: #FFFFFF;
}

.t4-sidebar-logo-zone {
 background-color: #fff; 
 box-shadow: rgba(10, 10, 10, 0.25) -13px 0px 20px -13px inset;
 padding: 0.75rem;
}

.t4-sidebar-title {
 color: #fff; 
 background-color: rgb(110, 110, 110);
 padding: 0.5rem; 
 font-size: 80%;
 box-shadow: rgba(10, 10, 10, 0.25) -13px 0px 20px -13px inset;
}

ul.t4-top-actions {
 margin-left: 0.5em;
}

ul.t4-top-actions > li {
 display: inline-block;
 margin-right: 1.5em;
}

nav.t4-sidebar-nav ul {
 padding-left: 0px;
 margin: 0px;
}

nav.t4-sidebar-nav ul li {
 padding: 0.5em;
 border-left: 3px solid transparent;
}

nav.t4-sidebar-nav ul li:hover {
 border-left: 3px solid #F15A2B;
 background-color: #ccc;
}

nav.t4-sidebar-nav ul li.t4-active {
 border-left: 3px solid #F15A2B;
}

nav.t4-sidebar-nav ul li.t4-active a {
 color: #F15A2B;
}

nav.t4-sidebar-nav ul li a {
 text-decoration: none;
 display: block;
 font-size: 97%;
}

nav.t4-sidebar-nav ul li a, nav ul li a:hover {
 color: #666;
}
nav.t4-sidebar-nav ul li a i {
 width: 1.5em;
}


nav.k-top-nav {
    display: inline-block;
    margin-left: 20px;
}

nav.k-top-nav ul {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    gap: 30px;
}