/*
Theme Name: Transaction Tracker
Version: 1.0
*/
@font-face {
    font-family: 'NimbusSanNov-SemBol';
    src: url('fonts/23455D_0_0.eot');
    src: url('fonts/23455D_0_0.eot?#iefix') format('embedded-opentype'),
         url('fonts/23455D_0_0.woff') format('woff'),
         url('fonts/23455D_0_0.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
 
@font-face {
    font-family: 'NimbusSanNov-Reg';
    src: url('fonts/23455D_1_0.eot');
    src: url('fonts/23455D_1_0.eot?#iefix') format('embedded-opentype'),
    url('fonts/23455D_1_0.woff') format('woff'),
    url('fonts/23455D_1_0.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
  
@font-face {
    font-family: 'NimbusSanNov-Bol';
    src: url('fonts/23455D_2_0.eot');
    src: url('fonts/23455D_2_0.eot?#iefix') format('embedded-opentype'),
         url('fonts/23455D_2_0.woff') format('woff'),
         url('fonts/23455D_2_0.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
html { background-color: #ffffff; }
body{ font-family: 'nimbus-sans', sans-serif; font-weight: 300; overflow-x: hidden; }
a, a:hover, a:visited, a:active { color: #ffffff;}
a:focus { outline: none; }
/* Mobile Menu 
/* header */
.logo-width { width: 65px; left: 0; }
.header { background-color: #fff; box-shadow: 1px 1px 4px 0 rgba(0,0,0,.1); position: fixed; width: 100%; z-index: 3; }
.header ul { margin: 0; padding: 0; list-style: none; overflow: hidden; background-color: #fff; }
.header li a { display: block; padding: 20px 20px; border-right: 0px solid #f4f4f4; text-decoration: none; font-weight: bold; }
.header li a:hover, .header .menu-btn:hover { background-color: #0af1bb; transition: background-color 0.5s ease; }
.header .logo { display: block; float: right; font-size: 2em; padding: 9px 15px; text-decoration: none; }
.menu-item a { color: #fff !important; }
.menu-item a:hover, a:active { color: #1f2025 !important; }
.current-menu-item { background-color: #0af1bb !important; }
.current-menu-item a { color: #1f2025 !important; }
/* menu */
.header .menu { clear: both; max-height: 0; transition: max-height .2s ease-out; }
/* menu icon */
.header .menu-icon { cursor: pointer; display: inline-block; float: left; padding: 28px 20px; position: relative; user-select: none;}
.header .menu-icon .navicon { background: #333; display: block; height: 2px; position: relative; transition: background .2s ease-out; width: 18px; }
.header .menu-icon .navicon:before, .header .menu-icon .navicon:after { background: #333; content: ''; display: block; height: 100%; position: absolute; transition: all .2s ease-out; width: 100%; }
.header .menu-icon .navicon:before { top: 5px; }
.header .menu-icon .navicon:after { top: -5px; }
/* menu btn */
.header .menu-btn { display: none;}
.header .menu-btn:checked ~ .menu {  max-height: 100vh;}
.header .menu-btn:checked ~ .menu-icon .navicon {  background: transparent;}
.header .menu-btn:checked ~ .menu-icon .navicon:before { transform: rotate(-45deg);}
.header .menu-btn:checked ~ .menu-icon .navicon:after { transform: rotate(45deg);}
.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after { top: 0;}
#selected { background-color: #5a5b63 !important; }
/* Typo */

/* HTML Structure */
.feature-fade { width: 100%; height: 100vh; background: rgb(255,255,255); background: linear-gradient(120deg, rgba(255,255,255,.7) 0%, rgba(255,255,255,.7) 30%, rgba(255,255,255,0) 100%); position: fixed; z-index: -1;}
img.bg, #dot, .featured-img {
    /* Set rules to fill background */
    min-height: 100%;
    min-width: 960px;
    
    /* Set up proportionate scaling */
    width: 100%;
    height: auto;
    
    /* Set up positioning */
    position: fixed;
    top: 0;
    left: 0;
    
    /* Dont display dots */
    display: none;
}


img.bg, .featured-img { z-index: -3; }
#dot { z-index: -1; }
#dot { background: url(images/dot.png) top left repeat;}
.mobile-width { width: calc(100% - 10px) !important; }
#wrapper { width: 100%; height: 100%; margin: 0; padding: 0; }
#main { width:100%; float: left; display: block; z-index: 0;}

/* Header */
#top { z-index: 9999; position: fixed; top: 0; left:0; height:78px; width: 100%; }
#header { position: relative; min-width: 1024px; }
#header-menu { float: left; height: 78px; width: 100%; min-width: 834px; }
#menu { margin: 0; padding: 0; display: block; list-style: none; height: 78px; }
#menu li { display: inline-block; float:left; margin: 0; padding: 0; list-style: none; height: 100%; /*width: 16%; min-width: 196px;*/}
#menu li a { float: left; overflow: hidden; color: #fff; font-size: 18px; font-family: 'nimbus-sans', sans-serif; text-decoration: none; width: 100%; height: 100%; font-weight: bold;}
#menu li a span { float: left; padding: 15px 20px; cursor: pointer; }
#menu li a span:hover, #menu li.current-menu-item a span{ text-decoration: underline; } 
#header-logo { position: absolute; right: 3%; }
#logo {margin: 0;}
#logo a { background: url(images/logo.png) top left no-repeat; width: 150px; height: 78px;  text-indent: -9999px; display:block; margin-right:30px;}
#top-hidden { display: block; height: 78px; width: 100%;}
/* Main Content */
#container { z-index: 0; overflow: auto; margin: 42px 0 0 0;}
* html #container { overflow: auto; overflow-y: scroll; z-index: 0; }
.loading { float: left; display: block; padding-top: 30px;}
.featured-img { display:none; }
/* Styles specific to this particular page */
/* Force the scroll bar to the left hand side of the screen */
.jspVerticalBar{ left: 20px; width: 14px; background: #bebebe url(images/jspTrack.png) top left no-repeat;}
.jspPane { /*left: 60px;*/ width: 100% !important; left: 0 !important; height: 100vh; }
.jspDrag { background: #1d1d1d url(images/jspDrag.png) bottom left no-repeat;}
.jspTrack { background: #bebebe url(images/jspTrack.png) top left no-repeat;}
.scroll-pane { width: 100%; height: 100%; overflow: hidden !important;}
#content { padding-left:5px; }

/* Category Content */
.post { height: 53px; margin-bottom: 3px; }
.item { background: #1f2025; float: left; height: 100%; display: block; margin-bottom: 3px;}
.item:hover{ background-color: #2d2e33 !important; }
.list-left { float: left;}
.list-right { display: none; float: right; }
.arrow-right { display: none; margin: 16px 0; float: left; width: 0; height: 0;  border-top: 11px solid transparent; border-bottom: 11px solid transparent; }
a.titles { float:left; display: block; height: 100%; color: #fff; font-size: 15px !important; text-decoration: none; }
a.titles span { float: left; cursor: pointer; }
span.title { font-family: 'nimbus-sans', sans-serif; padding: 15px 5px 15px 12px; font-weight: bold; }
span.separator { padding: 15px 10px; }
span.advisors { padding: 15px 0 15px 5px;}
.list-right span { display: block; float: left; height: 100%; color: #fff; font-size: 13px !important; text-decoration: none; padding: 18px 2px;}
span.detail-label { font-family: 'nimbus-sans', sans-serif; font-weight: bold;}
span.date { padding: 18px 25px 18px 2px;}
span.min-separator { padding: 18px 5px;}
.full { width: 100%; }
/* Footer Box */
#footer { position: fixed; bottom: 0; left:0; width: 100%; }
#sorter { /*background: url(images/footer-bg.png) top left repeat; */ opacity: 1; -moz-opacity:1; display: block; width: 100%;}
#hello { position:relative; display: block; float: right; width: 431px; height: 148px; background: #1f2025; margin: 0 20px 1px 0;}
#sorter, #sorter-title, #sorter-content { position: relative; float:left; width: 100%; }
#sorter-content { max-height: 350px; background-color: #1f2025; overflow: auto; }
#sorter-title { text-align:center; }
#sortby { float: right; margin-left: 0; height: 35px; }
#sortby p { margin: 0px; padding: 0; }
#sortby span, #sortby a { font-family: 'nimbus-sans', sans-serif; font-size: 14px; margin: 0px; font-weight: bold;}
#sortby span { padding: 5px; color: #fff; }
.sort-type, .close-type{ padding: 20px; text-decoration: none; color: #1f2025 !important; background: #0af1bb url(images/sort-arrow.png) center right no-repeat;}
.close-type { display: none; }
.hidden-type { padding: 5px 25px 5px 10px; text-decoration: none; color: #1f2025 !important; background: none; }
.sort-results { padding: 30px 40px; font-weight: bold;}
.sort-results h2 { font-family: 'nimbus-sans', sans-serif; font-size: 20px; color: #0af1bb; margin: 0; font-weight: bold;}
.sort-results h3 { font-family: 'nimbus-sans', sans-serif; font-size: 14px; color: #0af1bb; margin: 15px 0 8px 0; font-weight: bold;}
.sort-results p { font-family: 'nimbus-sans', sans-serif; font-size: 14px; margin: 2px 0;}
.sort-results a {color: #fff; text-decoration: none; }
.item-link:hover, .sort-results a.selected { color: #0af1bb; text-decoration: underline;}
.filter, .column { float: left;}
.column { padding-right: 50px;}
/* Hello Box */
#hello-title { float: right; width: 10%; }
#hello-title a { display: inline-block; white-space: nowrap; background: #1f2025; font-weight: bold; color: #fff; text-decoration: none; font-size: 14px; font-family: 'nimbus-sans', sans-serif; padding: 5px; margin-right: 20px; }
#hello-top { float:left; display: block; width: 398px; margin: 10px 20px 15px 13px; }
#hello-bottom { display: block; float: left; width: 398px; margin: 0 20px 0 13px; }
.hello-location { display: block; float: left; padding: 0 5px 0 0; background: #1f2025 url(images/hello-line.gif) center right no-repeat; }
.hello-location div{ float: left;  padding-right: 25px;}
#hello-bottom div p { font-size: 12px; color: #fff; font-family: 'nimbus-sans', sans-serif;  margin: 0 0 3px 0;}
#hello-bottom div br { margin: 0 0 6px 0;}
.hello-email { display: block; float: right; padding: 0;}
.hello-email a { display: block; float: left; margin: 40px 0 0 0; padding: 0 15px 0 0; font-size: 20px; color: #fff; font-family: 'nimbus-sans', sans-serif; text-decoration: none; background: #1f2025 url(images/hello-arrow.gif) center right no-repeat; }
.hellobox-title { font-family: 'nimbus-sans', sans-serif; font-size: 30px; float:left; margin: 6px 0 0 0; color: #fff; font-weight: bold; }
.hello-corner { float: right; margin: 0; }
.hello-close { text-indent: -9999px; background: url(images/close.gif) top left no-repeat; width: 30px; height: 30px; display: block;}
@media (min-width: 1100px) {
  .header li { float: left; }
  .header li a { padding: 20px 30px; }
  .header .menu { clear: none; float: left; max-height: none;}
  .header .menu-icon { display: none; }
}

@media (max-width: 1100px) {
    #container { margin: 0px 0 0 0 !important; }
    #content { padding-left: 10px !important; }
    .arrow-right {  display: none !important; }
    .list-right { margin-top: -20px; margin-left: 10px; float: left !important; }
    .list-left { width: 100%; }
    span.advisors { padding: 0px 0 10px 12px !important; width: 100% }
    span.separator { display: none; }
    span.title { padding: 10px 5px 10px 12px !important; }
    span.date { padding: 18px 2px !important; line-height: 12px !important; }
    #sortby { width: 100%; background-color: #0af1bb; padding-top: 22px;}
    .post { height:  auto !important;}
    .item { width: 100%;  margin-bottom: 0vh; transition: margin 700ms ease-in-out; }
    #selected { margin-bottom: 50vh; transition: margin 700ms ease-in-out; background-color: #5a5b63 !important; }
    .jspVerticalBar { display: none; }
    .feature-fade { display: none; }
}
@media screen and (max-width: 960px) { /* Specific to this particular image */
    img.bg, #dot, .featured-img { left: 50%; margin-left: -480px; }
}