/* FONT FAMILY */
@page {
  font-family: 'Arial', sans-serif;
  font-weight: bold;
}

.topictitle1,
.topictitle2,
*[class ~= 'front-page/front-page-title'],
*[class ~= "toc/title"],
*[class ~= 'topic/title'],
*[class ~= 'topic/thead'],
*[class ~= "placeholder/figurelist"],
*[class ~= "placeholder/tablelist"],
*[class ~= "index/groups"]::before,
*[class ~= "index/group"] > *[class ~= "index/label"],
.wh_publication_title,
.wh_top_menu,
.wh_tile_title .topicref,
.wh_main_page_toc_entry .topicref,
.wh_index_terms span.wh_first_letter,
.wh-letters li a {
    font-family: 'Arial', sans-serif;
    font-weight: bold;
}

*[class ~= "map/topicref"] {
    font-family: 'Arial', sans-serif;
}

.topictitle3,
.topictitle4,
.topictitle5,
.topictitle6 {
    font-family: 'Arial', sans-serif;       
}

body {
    font-family: 'Arial', sans-serif; 
    font-size: 14px;
    color: #333;
    line-height: 1.42857143;
}

/* MAIN PAGE TOC VIEW */
.wh_main_page_toc {
    border: none;
}
.wh_main_page_toc {
    border-radius: 0.6em;
    box-shadow: 0px 10px 45px -12px rgba(0, 0, 0, 0.3);
}
.wh_main_page_toc .wh_main_page_toc_accordion_header, .wh_main_page_toc>.wh_main_page_toc_entry {
    border-bottom: none;
}
.wh_main_page_toc .wh_main_page_toc_entry a {
    color: #002F5D; /* @titles-accent-color */
}
.wh_main_page_toc a {
    color: #002F5D; /* @titles-accent-color */
}
.wh_main_page_toc .wh_main_page_toc_accordion_header:hover, .wh_main_page_toc>.wh_main_page_toc_entry:hover {
    background-color: @background-accent-color;
}
.wh_main_page_toc .expanded {
    background-color: @background-accent-color;
}
.wh_main_page_toc_accordion_entries {
    background-color: fade(@background-accent-color, 50%);
}
.wh_main_page_toc .wh_main_page_toc_accordion_header:before {
    color: @labels-accent-color;
}

/* HEADER */
.wh_header_flex_container {
    align-content: center;
    align-items: center;
    display: block;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}
.wh_logo_and_publication_title {
    align-items: flex-end;
    display: flex;
    justify-content: space-between;
}
.wh_logo+.wh_publication_title {
    margin-left: 1.5em;
    
}
.wh_publication_title a {
    display: inline-block;
    margin: 0;
}
.booktitle {
    color: #002F5D; /* 67789C */
    font-size: 24px;
}

/* SEARCH BAR */
.wh_search_input {
    padding: 60px 0;
    margin: 0;
    background: url('resources/images/Nest background_2048x640_diagonal.jpg') no-repeat;
    background-size: cover;
}		

/* PUBLICATION TOC */
.wh_publication_toc {
    border-top: 1px solid #D1D3D4;
    background-color: #D1D3D4;
    font-size: 12px;
    padding: 5px;
}
.wh_publication_toc .topicref {
    border-bottom: 1px solid #D1D3D4;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-right: 3px;
}
.wh_publication_toc .wh-expand-btn:before {
    margin-right: 10px;
}
.wh_publication_toc li[role="treeitem"] {
    margin-top: 0px;
    margin-bottom: 0px;
}
.wh_publication_toc .active > .topicref {
    /*background-color: #D1D3D4;*/
}
.wh_publication_toc .active > .topicref .title {
    font-weight: bold;
    border-left: 5px solid #c93416;/* FFC629 */
    margin-left: -8px;
    padding-left: 3px;
}
.wh_publication_toc .topicref a {
    color: #002F5D; /* inherit */
}
.wh_publication_toc .topicref a:hover {
    color: #67789C;
}
.wh_publication_toc .active .topicref a:hover {
    color: #002F5D; /* inherit */
}

/* BREADCRUMBS, NAVIGATION LINKS BAR */
.wh_breadcrumb .home a, .wh_breadcrumb .topicref .title a {
    font-size: 12px;
    color: #7F7D7D;
}
.wh_breadcrumb .home a:hover, .wh_breadcrumb .topicref .title a:hover {
    color: #67789C;
}
.wh_breadcrumb li:not(:last-of-type):after {
    content: ' > ';
}
.oxy-icon-arrow-left:before, .oxy-icon-arrow-right:before, .oxy-icon-print:before {
    color: #A7A9AC;
}
.oxy-icon-arrow-left:hover:before, .oxy-icon-arrow-right:hover:before, .oxy-icon-print:hover:before {
    color: #97A3BD;
}

/* HEADINGS */
.topictitle1 {
    font-size: 36px/*42px*/;
    /*color: #67789C;*/
    font-weight: normal;
}
.topictitle1, .topictitle2, .topictitle3, .topictitle4, .topictitle5, .topictitle6 {
    color: #002F5D;
}
.topictitle2 {
    font-size: 36px;
}
.topictitle3 {
    font-size: 28px;
}
.topictitle4 {
    font-size: 16px;
}
.topictitle5 {
    font-size: 14px;
}
.topictitle6 {
    font-size: 12px;
}

/* BASIC BLOCK ELEMENTS */
*[class ~= "task/chhead"] {
    display: none;
}

.choption {
    text-align: left;
}

.section {
    margin-left: 1.3em;
}
.body > p.shortdesc {
    margin-left: 0em;
}
.sectiontitle {
    margin-left: -1.3em;
}
.table {
   
    margin-left: 1.3em;
    width: 70%;
}
.table[orient=land] {
    width: 99%;
}
.table .tablecap {
    margin-left: -1.3em;
}
.thead .entry {
    background-color: #D1D3D4;  /* #97A3BD */
    border: 1px solid #696A6A !important;
}
.thead    {
     border-bottom: 2px solid #000000; /* #D1D3D4 */
     border-color: #696A6A;
}
.tbody .entry {
    border: 1px solid #D1D3D4;
}
.table.banded .tbody tr:nth-child(2n) .entry {
    background-color: #EEEFEF;
}
.stentry {
    border: 0px solid;
}
.entry .p, .note .p {
    margin: 0px;
}
.ul {
    list-style-type: square;
    margin-block-start: 1.3em;
    margin-block-end: 1.0em;
    margin-inline-start: 1.3em;
    margin-inline-end: 0px;
    padding-inline-start: 1.3em;
}
.ul .ul {
    margin-block-start: 0em;
}
ol.steps ol.steps {
    list-style-type: lower-alpha;
}
.step {
    margin-bottom: 1em;
    margin-top: 1em;
}
.entry .ul, .messagepanel {
    margin-block-start: 0.3em;
    margin-block-end: 0em;
    margin-inline-start: 0.8em;
    margin-inline-end: 0px;
    padding-inline-start: 0.3em;
}
span.note__title {
    display: block;
}
div.note {
    background-image: none;
    padding: 0.5em 0.5em 0.5em 1.3em;
}
.li .note, .entry .note {
    padding: 0em 0.5em 0em 0.3em;
} 
.hazardstatement .sl {
    list-style-type: square;
}
.typeofhazard {
    font-weight: bold;
}
.hazardstatement--notice {
    font-style: italic;
}
.fig {
    text-align: left;
    margin-left: 25px;
}
.fig .simpletable {
    width: 40%;
}
.fig--title-label-number {
    display: inline;
}

.fig--title-label:after {
    content: none;
}

.image {
    max-width: 70%;
}
.image.landscape, .fig.landscape .image, .image.landscape11X17, .fig.landscape11X17 .image {
    max-width: 100%;
}
.dl.symbols .dt .image, .note .image {
    max-width: 120px;
}
.dt {
    margin-left: 25px;
}
.note {
    width: 70%;
}
.note_note {
    background-color: #D8D8EA;
    border: solid 3px #6362ac;
}

.hazardsymbol {
    margin-top: 1em;
}

.hazardstatement--warning .hazardsymbol, .hazardstatement--caution .hazardsymbol {
    margin-top: 0em;
}

/* BASIC INLINE ELEMENTS */
.xref, a {
    color: #30507F;
    text-decoration: underline;
}
.xref:hover {
    color: #97A3BD;
}
.em {
    font-weight: bold;
}

sup > sup {
    font-size: 100%;
    top: 0;
}

/* FOOTER */
.wh_footer {
    background-color: #D1D3D4;
}
.copyright {
    margin: 0.75em 0em 1.5em 0em;
}
.ha-brand-footer {
    background-color: #002f5d;
    color: #fff;
    padding: 25px 0;
    width: 100%;
}
.ha-brand-footer-right {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.ha-brand-footer-right p.associate-owned {
    color: #97a3bd;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
}
.ha-brand-footer-right p.website {
    font-size: 14px;
    margin-bottom: 5px;
}
.ha-brand-footer-right p.website a {
    color: #fff;
}

/* SEARCH PAGE */
.wh_search_results {
    margin-left: 1.3em;
    margin-right: 1.3em;
}

.search-breadcrumb li a {
    background: #A7A9AC;
}

.searchresult a {
    color: #002F5D;
}

.page-item.active .page-link {
    background-color: #002F5D;
    color: white;
}

/* MOBILE SIZES */
@media screen and (max-width : 912px) {
    .fig {
        margin-left: 0px;
    }
    .note {
        width: 100%;
    }
    .dt {
        margin-left: 0px;
    }
    .image {
        max-width: 100%;
        margin-left: 0px;
    } 
    .table {
        width: 99%;
        margin-left: 0px;
    }
    .fig .simpletable {
       width: 99%;
    }
}
@media screen and (max-width : 540px) {
    .fig {
        margin-left: 0px;
    }
    .note {
        width: 100%;
    }
    .dt {
        margin-left: 0px;
    }
    .image {
        max-width: 100%;
        margin-left: 0px;
    }
    .table {
        width: 99%;
        margin-left: 0px;
    }
    .fig .simpletable {
       width: 99%;
    }
}
