/* RVBD: 
    Optimize text-rendering for legibility.
    Add global style for breadcrumbs.
    Fade out current breadcrumb item.
    Nullify ePub default divider.
    Insert icomoon icon for divider.
*/

@import '../../rvbd-css/rvbd-fonts.css';

body {
    text-rendering: optimizeLegibility;
}

.ww_skin_breadcrumbs {
    margin: -6px 0 0 0;
    padding: unset;
    font-family: "MuseoSans-300", "OpenSans-Regular", Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    background: none;
    color: #00244D !important;
    opacity: 0.6;
}

.ww_skin_breadcrumbs_current {
    opacity: 0.6;
}

.ww_skin_breadcrumbs_divider {
    display: none;
}

.ww_skin_breadcrumbs_parent::after {
    display: inline;
    content: "\ee34";
    font-family: icomoon;
    font-size: 10px;
    font-weight: 400;
    line-height: 1.6;
    color: rgb(241, 103, 34);
    margin: 0 3px;
    opacity: unset;
}

/* RVBD: 
    Remove ePub default background. 
    Extend toolbar beyond left page margin - which is set in ePub GUI > Style Designer > Page formats - to align with icons in header toolbar.
*/
.ww_skin {
    background: none;
    background-image: none;
}

.ww_skin_page_toolbar {
    overflow: visible;
}

.ww_skin_home {
    padding-right: 32px;
}

.ww_skin_print {
    margin-right: 34px;
}

/* RVBD: Control divider between social and print and feedback icons */
.ww_skin_page_toolbar_divider {
    display: none;
}

/* RVBD: Remove ePub default icons for links to social media */
.ww_social {
    background-image: none;
    margin-right: 34px;
}

/* RVBD: Add table hover highlight styles */
table.RegularTable tr:nth-child(n+2):hover {
    background-color: #ebeff1;
    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

table.RegularTable tr:nth-child(n+2):hover td:first-child {
    box-shadow: inset 10px 0 0 0 #bcc2c7;
    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

/* RVBD: Add styles for Note formats that cannot be added through ePublisher GUI. */
div.Note,
div.Note_Indent,
div.CellNote,
div.Caution,
div.CellCaution,
div.Important,
div.CellImportant,
div.Tip,
div.CellTip {
    border-radius: 3px;
}

div.Note::before,
div.Note_Indent::before,
div.CellNote::before,
div.Caution::before,
div.CellCaution::before,
div.Important::before,
div.CellImportant::before,
div.Tip::before,
div.CellTip::before {
    font-family: 'icomoon';
    font-size: 16px;
    width: 16px;
    height: 16px;
    margin-right: 10px;
}

div.Note::before,
div.Note_Indent::before {
    content: "\ec53";
    color: #545b5b;
}

div.Caution::before {
    content: "\ed50";
    color: #ff671b;
}

div.Important::before {
    content: "\ed52";
    color: #2980b9;
}

div.Tip::before {
    content: "\ebf6";
    color: #545b5b;
}

div.CellNote::before,
div.CellCaution::before,
div.CellImportant::before,
div.CellTip::before {
    display: none;
}

div.CellNote,
div.CellCaution,
div.CellImportant,
div.CellTip {
    text-indent: 0;
    padding-left: 26px;
}

/* RVBD: Add style for search result highlight. This should be the same styling as for highlighted results in the search page. */
.Search_Result_Highlight {
    background-color: #dde1e2;
}

/* RVBD: Add exceptions for Code para formats that include Emphasis and Bold character formats */
.Code >.Emphasis,
.CodeIndent1 > .Emphasis,
.CodeIndent2 > .Emphasis {
    font-family: IBMPlexMono-Italic;
}

.Code > .Bold,
.CodeIndent1 > .Bold,
.CodeIndent2 > .Bold {
    font-family: IBMPlexMono-Bold;
}

/* RVBD: Add more whitespace between HeadingProcedure and Bullet */
.HeadingProcedure > .Bullet {
    margin-top: 20px;
}

/* RVBD: Add exception for ref.Syntax paragraph tag followed by Bold character tag. */
.ref_Syntax > .Bold {
    font-family: OpenSans-Light;
}