/** global override **/
body {
    overflow-x: hidden;
}
h1 {
    color: rgba(0, 0, 0, 0.87);
}
h2 {
    font-size: 1.5em;
    letter-spacing: 0.74px;
    line-height: 1;
    color: rgba(0, 0, 0, 0.87);
}
p, dd, li {
    font-size: 0.925em;
    letter-spacing: 0.45px;
    line-height: 1.4;
}
.md-typeset a {
    color: #0165A6;
}
.md-typeset a:active, .md-typeset a:hover {
    color: #30373E;
}
.md-typeset h2[id]:target:before, 
.md-typeset h3[id]:target:before,
.md-typeset h4[id]:target:before,
.md-typeset h5[id]:target:before,
.md-typeset h6[id]:target:before {
    margin-top: -8.5em;
    padding-top: 8.5em;
}
/** Header **/
.md-header {  
    background: #043D6D url('../images/Home_Header.png') no-repeat center ;   
    background-size: cover;   
    height: 8.5em;
    border-bottom: 5px solid #0165A6;
}
.md-header-nav.md-grid {
    max-width: 90vw;
    padding-top: 1.5625em;
    padding-bottom: 1.5625em;
}
.md-header .md-logo {
    width: 28em;
    height: auto;
    padding: 0;
    margin: 0;
}
.md-header .md-logo img{
    width: 100%!important;
    height: auto!important;
}
.md-header-nav__topic {
    margin-left: 2.25em;
}
/** Container **/

.md-main > .md-main__inner {
    padding-top: 6.5em ; 
    padding-bottom: 6.5em ;
}

.md-tabs {  
    background-color: #043D6D ;
}

/** side bar **/
.md-sidebar .md-sidebar--primary {
    background: url('../images/sidebar_bg.png') no-repeat;
    background-size: contain;
}
.md-sidebar .md-nav .md-nav--primary {
    padding-right: 2.5em;
}
.md-sidebar__inner .md-nav__title{
    font-size:  0.9em;
    line-height: 1.188em;
    letter-spacing: 0.18px;
    font-weight: 600;
}
.md-sidebar[data-md-state=lock]  {
    top: 8.5em;
}
.md-nav__list {
    margin-top: 1.875em ;
}
.md-nav__list .md-nav__item .md-nav__link{
    font-size:  0.9em;
    line-height: 1.188em;
    letter-spacing: 0.18px;
    font-weight: 600;
    margin-bottom: 1em;
}
.md-nav__list .md-nav__link.md-nav__link--active {
    color: #0165A6;
}
.md-nav__link:focus, .md-nav__link:hover {
    color: #B2BBC1; 
}
.md-nav__list .md-nav__item--nested .md-nav__list .md-nav__item .md-nav__link, 
.md-sidebar--secondary .md-nav__list .md-nav__item .md-nav__link {
    font-weight: 400;
}
 
/** Content area **/
.md-content .md-content__inner {
    margin-left: 2.5em;
    margin-right: 2.5em;
}
.md-typeset .admonition {
    border-left: 0;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
    border-bottom: 2px solid #0165A6 ;
    margin-top: 0;
    margin-bottom: 1.8em;   
}
.md-typeset .admonition.attention {
    border-bottom: 2px solid #AD0000 ;
}
.md-typeset .admonition > .admonition-title  {
    background-color: #FAFBFC!important;
    border-top: 0!important;
    border-bottom: 0!important;    
    color:rgba(0, 0, 0, 0.6);
    font-size: 1em ;
    font-weight: 600;
    -webkit-display:flex;
    -moz-display:flex;
    -ms-display:flex;
    -o-display:flex;
    display: flex;
    -webkit-align-items:center;
    -moz-align-item:center;
    -o-align-item:center;
    align-items: center;
}
.md-typeset .admonition > .admonition-title:before {
    color: #0165A6!important;
}
.md-typeset .admonition.attention .admonition-title:before{
    content:"\e001"; 
    color: #ff9100!important;   
}
.md-typeset .admonition.audience .admonition-title:before {
   content:"\e851";
}
.md-typeset .admonition.abstract .admonition-title:before {
    content:"\e8f4";
    color: #0165A6;
}
.md-typeset .admonition.status .admonition-title:before {
    content:"\e86a";
}

/** Footer **/
.md-footer-nav {
    background-color: #043D6D;
    padding: 2.5em 0;
}
.md-footer-meta {
    background-color: #30373E;    
    color: #C5C5C5;
    padding: 2.5em 0;
}
.md-footer-meta__inner {
    display: flex;
    align-items: flex-end;    
}
.md-footer-nav .md-footer-nav__direction {
    font-size: 1.125rem;
    line-height: 1.3;
}
.md-footer-nav .md-footer-nav__title {
    font-size: 1.125rem;
    line-height: 2;
}

.md-footer-meta__inner::before{ 
    content: "";
    width:148px;
    height:50px;
    display: block;
    background: url('../images/2cCSLogo_wt-bk-reverse@2x.png') no-repeat;
    background-size: contain;
    margin-left: .8em;
    background-position: left bottom;    
    margin-right: 9.375em;
    margin-left: 0;
    float: left;   
}
.md-footer-copyright {
    padding-top: 0;
    padding-bottom: 0;    
    float:left;
}

@media only screen and (max-width: 76.1875em) {
    /** Header ***/
    .md-header-nav__topic {
        margin-left: 0;
    }    
     /** Sidebar ***/    
    html .md-nav--primary .md-nav__title--site .md-nav__button {
        width: 2em;
    }
    html .md-nav--primary .md-nav__title--site {
        background: #043D6D url('../images/sidebar_bg.png') no-repeat;
        background-size: cover;
    } 
    .md-nav.md-nav--primary {
        background-color: #17212C;  
    }

    html .md-nav--primary .md-nav__title~.md-nav__list {
        background-color: #17212C;        
    }
    html .md-nav--primary .md-nav__title~.md-nav__list>.md-nav__item:first-child {
        border-bottom: 1px solid #E0E4E9;
    }
    html .md-nav--primary .md-nav__title {
        background-color: #043D6D;
        color: #FFFFFF;
    }
    html .md-nav--primary .md-nav__title:before {
        color: #FFFFFF;
    }   
    /** Side bar **/
    .md-nav--primary, .md-nav--primary .md-nav {
        background-color: #17212C;
    }
    .md-sidebar .md-nav__list {
        margin-top: 0;
    }
    .md-nav--primary .md-nav__link {
        padding: .8rem .8rem
    }
    .md-sidebar .md-nav__list .md-nav__link {
        color: #B2BBC1;
        font-weight: 400;
        margin-bottom: 0;
    }
   .md-sidebar .md-nav__list .md-nav__link.md-nav__link--active {
        color: #FFFFFF;
    }   

    /** Footer ***/
    .md-footer-meta__inner {
        display: block;
    }   
    .md-footer-meta__inner::before{ 
          float:none;
          padding: .4em 0;
          margin-bottom: 1.5em;
          margin-left: .4em;
     }
     .md-footer-copyright {       
        float:none;
    }
}