/* --------------------------------------------------------------
*   Blackstone Default Styles
*   
*   7/14/21: 
*   - defined skew = oblique
*
*   5/28/21: 
*   - added media query to correct kindle titlepage
*     image aspect ratio in landscape mode
*
*   5/26/21:
*   - added if-amazon-section-break classes for svg asterisms
*   - added p.not-amazon-section-break svg class to edit as necessary
*     (width of svg asterism)
*
*   4/9/21:
*   - added text-message background class: span.textbg
*     (to use in inDesign, select text message and 
*      apply textbg character style)
*   - added attribute selectors for uppercase L and R
*     (text messages)
*   - moved Amazon css and media query to the bottom 
-----------------------------------------------------------------*/

svg {
    max-width: 100%;
    max-height: 100%;
}

/* will not let images grow beyond full screen */
img {
    max-width: 100%;
    max-height: 100%;
}

/* -------------------------------------------  
    improve legibility
    https://friendsofepub.github.io/eBookTricks/
----------------------------------------------*/
body {
  font-kerning: normal;
  font-variant: common-ligatures oldstyle-nums proportional-nums;
  font-feature-settings: "kern", "liga", "clig", "onum", "pnum";
}

h1, h2, h3 {
  font-variant: common-ligatures lining-nums proportional-nums;
  font-feature-settings: "kern", "liga", "clig", "lnum", "pnum";
}

/* -------------------------------------------
    body overrides
----------------------------------------------*/
p.body-basic {
    text-indent: 1.2em;
}

p.new-section-basic {
    margin-top: 2.4em;
}
span.skew {
    font-style:oblique;
}

/* -------------------------------------------
    special alignment classes
----------------------------------------------*/
.centered {
    width: 400px;
    max-width: 100%;
    box-sizing: border-box;
    margin-top: 2em;
    margin-bottom: 2em;
}

.centered.auto {
    width: auto;
    text-align: center;
}

.centered.auto > div {
    display: inline-block;

}

.poetry_epub-poetry {
    margin-left: 1.2em !important;
    margin-right: 0 !important;
    text-indent: -1.2em !important;
}

.blockquote_bq-single {
    margin-left: 1.2em;
    margin-right: 1.2em;
    margin-top: 2em !important;
    margin-bottom: 2em !important;
}

.blockquote_bq-begin {
    margin-top: 2em !important;
}

.blockquote_bq-end {
    margin-bottom: 2em !important;
}

/* -------------------------------------------
    text messages
----------------------------------------------*/
[class*="Text_Msg"] {
    width: 300px;
    max-width: 65%;
    margin-left: 1.2em;
    margin-top: 1.4em !important;
    margin-bottom: 1.4em !important;
}

[class*="Text_Msg"][class*="left"],
[class*="Text_Msg"][class*="Left"] {
    margin-left: 0;
}

[class*="Text_Msg"][class*="right"],
[class*="Text_Msg"][class*="Right"] {
    margin-right: 0;
    margin-left: auto;
}

[class*="Text_Msg"][class*="with-shading"] {
    padding: .5em .75em;
    border-radius: .5em;
}

span.textbg {
    display: inline-block;
    background-color: #e6e7e8;
    border: 1px solid #e6e7e8;
    border-radius: .5em;
    padding: .5em .75em;
    margin: auto .73em;

    /* 
        following lines especially for kindle in
        landscape mode, but good to force compliance
        among all devices for this inline-block
     */
    max-width: 300px;
    text-align: left;
}

/* -------------------------------------------
    letters
----------------------------------------------*/
[class*="letters_letter"] {
    margin-left: 1.2em;
    margin-right: 1.2em;
}

[class*="letters_letter-short-sig"] {
    margin-left: 66% !important;
}

.letters_letter-short-sig-end {
    margin-bottom: 2em !important;
    margin-left: 66% !important;
}

@media (max-width:520px) {
    [class*="letters_letter-short-sig"] {
        margin-left: 56% !important;
    }
}

/* -------------------------------------------
    non-amazon devices
----------------------------------------------*/
.if-amazon,
.if-amazon-section-break  {
    display: none;
}
p.not-amazon-section-break svg {
    width: 50px; /* <<< CHANGE VALUE AS NECESSARY */
    height: auto;
}

/* -------------------------------------------
    amazon devices (fire/kindle)
----------------------------------------------*/
.amazon-link a {
    cursor: default;
    text-decoration: none !important;
    color: inherit !important;
}
.amazon-link a span {
    text-decoration: none !important;
    color: inherit !important;
}

@media amzn-kf8, amzn-mobi {
    .not-amazon,
    .not-amazon-section-break {
        display: none;
    }

    .if-amazon,
    .if-amazon-section-break {
        display: inherit;
    }

    span.textbg {
        margin: auto 0 !important;
    }
}

@media amzn-kf8 and (orientation: landscape),
amzn-kf8 and (device-aspect-ratio:1280/800) and (orientation: landscape),
amzn-mobi and (orientation: landscape) {
    /* 
        ensures correct image aspect ratio in landscape mode 
    */
    img,
    img._idGenObjectAttribute-1,
    img._idGenObjectAttribute-2 {
        width: auto !important;
        height: auto !important
    }
}