@font-face {
    font-family: 'SegmentFont';
    src: url('https://www.invertekdrives.com/fonts/7 Segment.ttf') format('truetype');
}
@font-face {
    font-family: 'FA6 Solid';
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src: url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/webfonts/fa-solid-900.woff2') format('woff2');
}
span.guilabel {
    font-family: 'SegmentFont';
}
.portal-header::after {
    filter: none;
}
.portal-header .logo {
    height: 60px;
    margin-bottom: 0;
}
.portal-header h1 {
    margin-top: 4.6em;
    position: relative;
}
.portal-header h1::before {
    content: '';
    position: absolute;
    left: 50%;
    bottom: calc(100% + 0.5em);
    transform: translateX(-50%);
    background: url('https://www.invertekdrives.com/img/common/logos/optidrive-e4-white.svg') center center / contain no-repeat;
    height: 2.5em;
    width: auto;
    aspect-ratio: 1 / 0.45340699815;
}
@media (min-width: 768px) {
    .portal-header h1 {
        margin-top: 3.6em;
    }
    .portal-header .logo {
        margin-bottom:0;
        height: 80px
    }
}
@media (min-width: 992px) {
    main article {
        margin-left: 5%;
    }
}
p, pre {
    margin: 0 0 0.75em;
}
.topic-content table td, .topic-content table th {
    padding: 0.5em;
}
.site-sidebar .logo {
    height: 100px;
}
a,.text-primary,.btn-primary .badge,.btn-link,.pagination>li>a,.pagination>li>span,.nav-site-sidebar .active>a,.portal-single-publication .publication-icon i,.portal-single-publication .publication-icon .fa,.publication-contents a:hover,.publication-contents h4 a,.titlepage h1.title,.titlepage h2.title,.titlepage h3.title {
    color: #535486;
}

.bg-primary,.btn-primary,.publications-condensed .portal-single-publication a,.toolbar,.tool-search-form .search-field,.pager li>a:hover,.pager li>span:hover,.colored-top .site-sidebar-header {
    background-color: #535486;
}

.btn-primary,.nav .open>a,.nav .open>a:hover,.nav .open>a:focus,.colored-top .site-sidebar-header {
    border-color: #535486;
}

a:hover,a:focus,a.text-primary:hover,a.text-primary:focus,.btn-link:hover,.btn-link:focus,.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus {
    color: #593696;
}

a.bg-primary:hover,a.bg-primary:focus,.btn-primary:hover,.btn-primary:active:hover,.btn-primary.active:hover,.open>.dropdown-toggle.btn-primary:hover,.btn-primary:active:focus,.btn-primary.active:focus,.open>.dropdown-toggle.btn-primary:focus,.btn-primary:active.focus,.btn-primary.active.focus,.open>.dropdown-toggle.btn-primary.focus,.portal-header .portal-search button:hover {
    background-color: #593696;    
}

.nav-site-sidebar li a:focus{
    background-color: transparent;
}

.btn-primary:hover,.btn-primary:active:hover,.btn-primary.active:hover,.open>.dropdown-toggle.btn-primary:hover,.btn-primary:active:focus,.btn-primary.active:focus,.open>.dropdown-toggle.btn-primary:focus,.btn-primary:active.focus,.btn-primary.active.focus,.open>.dropdown-toggle.btn-primary.focus {
    border-color: #593696;    
}

.portal-header .portal-search button {
    background-color:#535486;    
}

.publication-contents h4 span {
    background-color: transparent;  
}

.portal-footer {
    background: #535486;
    color: #fff;
}

[class*="cat-panel-"]:before {
    font-family: 'FA6 Solid' !important;
    font-weight: 900 !important;
    font-size: 48px !important; /* icon size */
    line-height: 1 !important;
}
/* Tile size */
.portal-publications .inner {
    max-width: 1000px; /* overall width of the tile grid - lower = narrower tiles */
    margin-left: auto;
    margin-right: auto;
}
.portal-single-publication > a {
    padding-top: 1.75em !important;    /* space above icon */
    padding-bottom: 1.5em !important;  /* space below label */
    min-height: 0 !important;
}
.cat-panel-1:before {
    content: "\f46c";
}
.cat-panel-2:before {
    content: "\f085";
}
.cat-panel-3:before {
    content: "\f6ff";
}
.cat-panel-4:before {
    content: "\f3ed";
}
@media (min-width: 992px) {
    .portal-single-publication .publication-icon {
        width: 80px;
    }
}
.cat-panel-5:before {
    content: "\f7d9";
}
.cat-panel-6:before {
    content: "\f00b";
}
.cat-panel-7:before {
    content: "\f1de";
}
.cat-panel-8:before {
    content: "\f15c";
}

.portal-publications .inner .portal-single-publication {
    display: block !important;
}
.portal-publications .show-all-categories {
    display: none;
}
.featured-content.portal-contents, .featured-content-label {
    display: none;
}
main {
    display: grid;
}
main .feedback-panel {
    order: 999;
}
main .titlepage {
  position: sticky;
  top: 64px;   
  z-index: 10;        
  background: #fff;
  padding: 0.5em 0;
}
main section .section.accordion {
  position: relative;
  z-index: 9;
}
main hr {
  border-bottom: 1px solid #ccc;
}
.panel-heading.active + .panel-body {
    display: block !important;
    height: auto !important;
}
main .informaltable th {
    background: rgba(83, 84, 134, 0.1);
}
.content-wrapper .topic-content .section-toc {
    display: none;
}
.fixed-toolbar .toolbar, .paligo-preview .toolbar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 11;
}
.fixed-solution .sticky-table-header {
    top: 64px !important;
    z-index: 10;
}
/* =========================================================
   Advanced search page (search.html)
   The search page already uses .portal-header with the same
   background image, but it has no <h1>, so the Optidrive E4
   logo (added via .portal-header h1::before) is missing.
   This adds the same logo above the search box.
   ========================================================= */
.search-page .portal-header .portal-search {
    position: relative;
    margin-top: 110px;
}
.search-page .portal-header .portal-search::before {
    content: '';
    position: absolute;
    left: 50%;
    bottom: calc(100% + 20px);
    transform: translateX(-50%);
    background: url('https://www.invertekdrives.com/img/common/logos/optidrive-e4-white.svg') center center / contain no-repeat;
    height: 80px;
    width: auto;
    aspect-ratio: 1 / 0.45340699815;
}
@media (min-width: 768px) {
    .search-page .portal-header .portal-search {
        margin-top: 90px;
    }
}