/**
 * @file
 * Subtheme specific CSS.
 */

#main-wrapper {
    min-height: 100vh;
}
.toolbar-fixed #main-wrapper {
    min-height: calc(100vh - 56px);
}
.site-footer {
    /* position: absolute; */
    bottom: 0;
    width: 100%;
}
#main {
    /* margin-bottom: 300px; */
    /* padding-bottom: 300px; */
}
.fullwidth {
    width: 100%;
}
#block-sabahnetaddressfooter {
    width: 100%;
}
.site-footer {
    padding: 0;
    margin-top: 30px;
}
.site-footer .block {
    border: 0;
}
.site-footer__top p {
    margin: 0;
}
.site-footer__top .region {
    text-align: center;
}
.site-footer__top .region.region-footer-second {
    width: 59%;
    margin-left: 15px;
    margin-right: 15px;
}
#block-reportopinions {
    width: 100%;
}
.site-footer__top .region.region-footer-first, 
.site-footer__top .region.region-footer-third {
    width: 19%;
}
.site-footer__top .region.region-footer-third {
    float: right;
}
/* sidebar menu: vertical */
.sidebar ul.nav {
    flex-direction: column !important;
}
/* logo */
#sidebar_first {
    background-image: url('../logo.jpg');
    background-repeat: no-repeat;
    background-size: auto;
    background-position-x: 50%;
    background-position-y: calc(10vh - 48px);    
    padding-top: 20vh;
}
/* navbar link color */
.navbar-dark .navbar-nav .nav-link {
    color: #ffffff;
}
.nav .nav-link.is-active, 
.navbar-dark .navbar-nav .nav-link.is-active, 
.navbar-dark .navbar-nav .active > .nav-link, 
.navbar-dark .navbar-nav .nav-link.active, 
.navbar-dark .navbar-nav .nav-link.show, 
.navbar-dark .navbar-nav .show > .nav-link {
    font-weight: bold;
}
.block-views-blocksabah-net-teaminfo-block-block-5 h2, 
.block-page-title-block {
    border-bottom: 1px solid #cccccc;
    margin-bottom: 10px;
    padding-bottom: 20px;
    padding-top: 20px;
}
.layout__region.layout__region--third, 
.layout__region.layout__region--second, 
.layout__region.layout__region--first {
    /* background: #ffc107; */
    background: #17a2b8;
    color: #f8f9fa;
    padding: 15px;
}
.layout__region.layout__region--third a, 
.layout__region.layout__region--second a, 
.layout__region.layout__region--first a {
    /* color: #343a40; */
    color: #f8f9fa;
}
.layout__region.layout__region--third a:hover, 
.layout__region.layout__region--second a:hover, 
.layout__region.layout__region--first a:hover {
    color: #dae0e5;
}
.view-display-id-block_5 .item-list {
    margin-top: 20px;
    margin-bottom: 20px;
}
.view-display-id-block_5 .item-list:nth-child(8) h3::before, 
.view-display-id-block_5 .item-list:nth-child(7) h3::before, 
.view-display-id-block_5 .item-list:nth-child(6) h3::before, 
.view-display-id-block_5 .item-list:nth-child(5) h3::before, 
.view-display-id-block_5 .item-list:nth-child(4) h3::before, 
.view-display-id-block_5 .item-list:nth-child(3) h3::before, 
.view-display-id-block_5 .item-list:nth-child(2) h3::before, 
.view-display-id-block_5 .item-list:nth-child(1) h3::before, 
#block-medical-menu::before, 
#block-officefacilities-menu::before, 
#block-sops-menu::before, 
#block-epfsocso-menu::before, 
#block-hospitalsurgical-menu::before, 
#block-staffinsurance-menu::before, 
#block-companyvehicle-menu::before, 
#block-guidelines-menu::before, 
#block-contacts-menu::before,  
#block-forms-menu::before,  
#block-views-block-content-recent-block-1 h2::before, 
/* .block-page-title-block h1::before,  */
.block-views-blocksabah-net-teaminfo-block-block-5 h2::before {
    font-family: "Font Awesome 5 Free"; 
    /* have to set font-weight = 900 to be displayed */
    font-weight: 900;
    content: "\f005  ";
}
.block-views-blocksabah-net-teaminfo-block-block-5 h2::before {
    content: "\f0a1  "
}
#block-views-block-content-recent-block-1 h2::before {
    content: "\f1ea  "
}
#block-contacts-menu::before {
    content: "\f0c0  "; 
}
#block-guidelines-menu::before {
    content: "\f059  "; 
}
#block-companyvehicle-menu::before {
    content: "\f1b9  "; 
}
#block-staffinsurance-menu::before {
    content: "\f505  "; 
}
#block-medical-menu::before, 
#block-hospitalsurgical-menu::before {
    content: "\f21e  "; 
}
#block-epfsocso-menu::before {
    content: "\f4c0  "; 
}
#block-sops-menu::before {
    content: "\f0ae  "; 
}
#block-officefacilities-menu::before {
    content: "\f085  "; 
}
#block-forms-menu::before {
    content: "\f570  "; 
}
.view-display-id-block_5 .item-list:nth-child(1) h3::before {
    content: "\f05a  "; 
}
.view-display-id-block_5 .item-list:nth-child(2) h3::before {
    content: "\f05a  "; 
}
.view-display-id-block_5 .item-list:nth-child(3) h3::before {
    content: "\f15b  "; 
}
.view-display-id-block_5 .item-list:nth-child(4) h3::before {
    content: "\f1eb  "; 
}
.view-display-id-block_5 .item-list:nth-child(5) h3::before {
    content: "\f0b1  "; 
}
.view-display-id-block_5 .item-list:nth-child(7) h3::before {
    /* content: "\f51c  ";  */
    content: "\f19d  "; 
}
.view-display-id-block_5 .item-list:nth-child(8) h3::before {
    content: "\f4fd  "; 
}
#sidebar_first.sidebar .block {
    padding: 0;
    border-color: #055a8e;
}
.sidebar .nav, 
.sidebar .content {
    padding: 0 15px 15px;
}
.sidebar h2 {
    background-color: #055a8e;
    color: #f8f9fa;
    padding: 15px;
}
/* Left-menu links only. Bootstrap 5 paints .nav-link #0d6efd.
   Stage 1 menu links are #0256b1, and #026de0 on hover and focus. */
.sidebar .nav .nav-link {
    color: #0256b1;
}
.sidebar .nav .nav-link:hover,
.sidebar .nav .nav-link:focus {
    color: #026de0;
}
/* transparent background image */
/* #block-teaminfosite-page-title,  */
.layout__region.layout__region--bottom {
    position: relative;
    isolation: isolate;
}
/* #block-teaminfosite-page-title::before,  */
.layout__region.layout__region--bottom::before {
    content: '';
    position: absolute;
    z-index: -1;
    pointer-events: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.2;
    background-image: url('../images/bg193.jpg');
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: top;
    background-size: 60%;
}
#block-topimagebanner {
    background: url('../images/bg5258.jpg') no-repeat 50% -24vh;
    background-size: 100%;
    height: 20vh;
}
#block-topimagebanner p {
    margin: 0;
}
#block-teaminfosite-content {
    background-color: #fff;
}

/* mobile nav menu fix */
.navbar-toggler.navbar-toggler-left {
    display: none;
}

#content.col {
    /* max-width: 75%; */
}

blockquote {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 40px;
    margin-inline-end: 40px;
}

.sidebar h2 {
    text-shadow: 0 1px 0 #333;
}

div.content img {
    max-width: 100%;
    height: auto;
}

.path-office-memo .form-row>fieldset {
    width: 50%;
    min-width: 300px;
}
/* Bootstrap 5's table cell rule beats `table tr th`. Stage 1 row
   labels use the translucent black; #757575 is only the fallback. */
.table > :not(caption) > * > th {
    color: #fff;
    background-color: rgba(0, 0, 0, 0.51);
    border-color: #dee2e6;
    box-shadow: none;
}
/* Bootstrap 5 dropped .thead-dark. Stage 1 header cells are #212529. */
.table .thead-dark th {
    color: #fff;
    background-color: #212529;
    border-color: #32383e;
}