/*

Theme Name: Manuzio

Theme URI: http://teseopress.com/

Description: Este tema es ideal para ciencias sociales y humanidades. Lo utiliza la editorial Teseo para sus interiores. 

Author: Editorial Teseo

Author URI: http://editorialteseo.com

Copyright 2011-2013 Editorial Teseo

Version: 1.3



*/


/********************

	@Font-Face

*********************/

@font-face {

    font-family: 'OpenSansCondensed';

    src: url('fonts/OpenSans-CondLight-webfont.eot');

    src: url('fonts/OpenSans-CondLight-webfont.eot') format('embedded-opentype'),
    url('fonts/OpenSans-CondLight-webfont.woff') format('woff'),
    url('fonts/OpenSans-CondLight-webfont.ttf') format('truetype'),
    url('fonts/OpenSans-CondLight-webfont.svg#OpenSansCondensedLight') format('svg');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'OpenSansCondensed';

    src: url('fonts/OpenSans-CondLightItalic-webfont.eot');

    src: url('fonts/OpenSans-CondLightItalic-webfont.eot') format('embedded-opentype'),
    url('fonts/OpenSans-CondLightItalic-webfont.woff') format('woff'),
    url('fonts/OpenSans-CondLightItalic-webfont.ttf') format('truetype'),
    url('fonts/OpenSans-CondLightItalic-webfont.svg#OpenSansCondensedLightItalic') format('svg');

    font-weight: normal;

    font-style: italic;

}

@font-face {

    font-family: 'OpenSansCondensed';

    src: url('fonts/OpenSans-CondBold-webfont.eot');

    src: url('fonts/OpenSans-CondBold-webfont.eot') format('embedded-opentype'),
    url('fonts/OpenSans-CondBold-webfont.woff') format('woff'),
    url('fonts/OpenSans-CondBold-webfont.ttf') format('truetype'),
    url('fonts/OpenSans-CondBold-webfont.svg#OpenSansCondensedBold') format('svg');

    font-weight: bold;

    font-style: normal;

}


@font-face {
    font-family: 'PT Serif';
    src: url('/wp-content/plugins/teseopress/themes-book/pressbooks-book/fonts/PTF55F.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PT Serif';
    src: url('/wp-content/plugins/teseopress/themes-book/pressbooks-book/fonts/PTF56Fi.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'PT Serif';
    src: url('/wp-content/plugins/teseopress/themes-book/pressbooks-book/fonts/PTF75Fb.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

/* */

@font-face {
    font-family: 'Droid Serif';
    src: url('/wp-content/plugins/teseopress/themes-book/pressbooks-book/fonts/DroidSerif.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Droid Serif';
    src: url('/wp-content/plugins/teseopress/themes-book/pressbooks-book/fonts/DroidSerif-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Droid Serif';
    src: url('/wp-content/plugins/teseopress/themes-book/pressbooks-book/fonts/DroidSerif-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}


/*

  html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)

  v1.4 2009-07-27 | Authors: Eric Meyer & Richard Clark

  html5doctor.com/html-5-reset-stylesheet/

*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {

    margin: 0;

    padding: 0;

    border: 0;

    outline: 0;

    font-size: 100%;

    vertical-align: baseline;

    background: transparent;

}

html,
body {

    height: 100%;

}

body {

    background: url("images/bg.png") repeat 0 0 #f9f9f9;

    color: #1F1F1D;
    /*
      font: 1em/1.4em "Droid Serif", "Georgia", "Times New Roman", serif;
    */
    font: 1em/1.4em "Times New Roman", serif;

    margin: 0;

    text-align: left;

}


body.ai_query_editor{
  background: white;
}

nav,
section {

    display: block;

}

a {

    color: #870d0d;

}

a:hover {

    text-decoration: none;

}

h1, h2, h3, h4, h5, h6 {

    font-variant: small-caps;

    font-weight: normal;

    margin-bottom: 20px;
    margin-top: 20px;
    font-family: 'Lato', sans-serif;
}

h1, h2 {

    text-align: center;

}

h2, h3, h4 {

    font-style: italic;

}

h1 {

    font-size: 1.1em;

    line-height: 1.2em;

}

h2 {

    font-size: 1em;

    line-height: 1.2em;

}

h3 {

    font-size: 0.9em;

    line-height: 1.2em;

}

h4 {

    font-variant: normal;

    font-size: 0.875em;

    line-height: 1.2em;

}

h5,
h6 {

    font-size: 0.8em;

    font-variant: normal;

    font-weight: 600;

    line-height: 1.2em;

}

h6 {

    text-align: center;

}

h1 + p,
h2 + p,
h3 + p,
h4 + p,
h5 + p,
h6 + p {

    margin-top: -10px;

    /* margin-bottom: 30px; */

}

h1 + div.wp-caption,
h2 + div.wp-caption,
h3 + div.wp-caption,
h4 + div.wp-caption,
h5 + div.wp-caption,
h6 + div.wp-caption {
    margin-top: -10px;
    /* margin-bottom: 30px; */
}

.entry-content > ul, p + ul, ul + ul, h1 + ul, h2 + ul, h3 + ul, h4 + ul, h5 + ul, h6 + ul, ol + ul {

    text-align: justify;

}

.entry-content > ol, p + ol, ol + ol, h1 + ol, h2 + ol, h3 + ol, h4 + ol, h5 + ol, h6 + ol, ul + ol {

    text-align: justify;

}


.share-wrap-single ul, #toc ul {

    list-style: outside none;

}

p + ol {
    margin-top: 15px;
    margin-bottom: 15px;
}

p + ul {
    margin-top: 15px;
    margin-bottom: 15px;
}


ul ul,
ol ol {

    margin-left: 15px;


}

/*

ol {

  list-style: decimal;

}

*/

blockquote {

    background: url(images/blockquote-open.png) no-repeat 10px 10px #f4f4f3;

    /*padding: 20px 5px 30px 20px;*/
    padding: 20px 40px 30px 45px;
    font-size: 0.95em;

    margin-bottom: 20px;
    margin-top: 20px;
    border-radius: 5px;
    text-align: justify;
}

/*
blockquote p {

  
  font-size: 0.95em;

  margin: 0px 15px 0px 15px;

  padding: 0px 20px 0 10px;

 text-indent:0px !important;  
}


blockquote p + p { text-indent: 20px !important;}

blockquote p.indent{
  text-indent: 20px!important;
}
*/
.entry-content blockquote ul,
.entry-content blockquote ol {
    font-size: 0.95em;
    padding: 0 20px 0 10px;
    margin-left: 45px;
    margin-right: 15px;
}


del {

    text-decoration: line-through;

}

table {

    border-collapse: collapse;

    /* tables still need 'cellspacing="0"' in the markup */


    border-spacing: 0;

}


pre {

    background: #f7f7f7;

    color: #222;

    line-height: 18px;

    margin-bottom: 18px;

    padding: 1.5em;

}

/* Browser specific (not valid) styles to make preformatted text wrap */

pre {

    white-space: pre-wrap;

    /* css-3 */


    white-space: -moz-pre-wrap;

    /* Mozilla, since 1999 */


    white-space: -pre-wrap;

    /* Opera 4-6 */


    white-space: -o-pre-wrap;

    /* Opera 7 */


    word-wrap: break-word;

    /* Internet Explorer 5.5+ */


}

abbr,
acronym {

    border-bottom: 1px dotted #666;

    cursor: help;

}

sup,
sub {

    height: 0;

    line-height: 1;

    position: relative;

    vertical-align: baseline;

}

sup {

    bottom: 1ex;

}

sub {

    top: .5ex;

}

hr {

    width: 30%;
    margin-top: 20px;
    margin-bottom: 20px;

}

/*

pre {

	font-family: "Courier 10 Pitch", Courier, monospace;

}

code {

	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;

}

*/


/**********************

	Pressbooks Styles

************************/

hr.break-symbols {

    border: medium none;

    margin: 0 auto 20px;

    padding: 20px 0;

    text-align: center;

}

hr.break-symbols:after {

    content: "\2725";

    display: block;

    font-size: 1.2em;

}

hr.break-blank {

    border: medium none;

    margin: 0 0 20px;

    padding: 20px 0;

    text-align: center;

}

.hanging-indent {

    padding-left: 1em;

    text-indent: -1em;

}


/********************

	Structure

*********************/

.wrapper {

    min-height: 100%;

    height: auto !important;

    height: 100%;

    margin: 0 auto 0em;

}

#wrap {

    margin: 0 auto 60px;

    position: relative;

    width: 940px;

    z-index: 20;

}

.footer,
.push {

    clear: both;

    min-height: 5em;

}

#header {

    margin: 0 auto 40px;

}

#content {

    background-color: #ffffff;

    -moz-box-shadow: 2px 2px 2px #dddddd;

    -o-box-shadow: 2px 2px 2px #dddddd;

    -webkit-box-shadow: 2px 2px 2px #dddddd;

    box-shadow: 2px 2px 2px #dddddd;

    margin: 0 auto 60px;

    padding: 30px 60px;

    position: relative;

    width: 520px;

    min-height: 420px;

    z-index: 10;

    border-top: 1px solid #f5f5f5;
}

.ie8 #content,
.ie7 #content,
.ie8 #booknav,
.ie7 #booknav {

    border: 1px solid #e1e1e1;

    border-width: 0 1px 1px 0;

}

.single #content {

    min-height: 350px;

    margin-bottom: 0;

}

.buttons {

    height: 40px;

    overflow: hidden;

    margin: 40px auto 20px;

    width: 347px;

}

.buttons li {

    display: inline;

}

a.button-red {

    background-color: #820808;

    background-image: -webkit-gradient(linear, left top, left bottom, from(#a62c2c), to(#820808));

    background-image: -webkit-linear-gradient(top, #a62c2c, #820808);

    background-image: -moz-linear-gradient(top, #a62c2c, #820808);

    background-image: -o-linear-gradient(top, #a62c2c, #820808);

    background-image: -ms-linear-gradient(top, #a62c2c, #820808);

    background-image: linear-gradient(top, #a62c2c, #820808);

    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#a62c2c', EndColorStr='#820808');

    -moz-box-shadow: 0px 1px 0 0px #C77A7A inset;

    -webkit-box-shadow: 0px 1px 0 0px #C77A7A inset;

    box-shadow: 0px 1px 0 0px #C77A7A inset;

    border: 1px solid #4d0a0a;

    color: #ffffff;

    cursor: pointer;

    font: 0.75em 'Oswald', Arial, Helvetica, sans-serif;

    text-shadow: 0 1px 0 #000;

    -moz-border-radius: 6px;

    -o-border-radius: 6px;

    -webkit-border-radius: 6px;

    border-radius: 6px;

    float: left;

    margin-right: 15px;

    padding: 5px 10px;

    text-decoration: none;

    text-transform: uppercase;

}

a.button-red:hover {

    background-color: #5c0102;

    background-image: -webkit-gradient(linear, left top, left bottom, from(#801e1e), to(#5c0102));

    background-image: -webkit-linear-gradient(top, #801e1e, #5c0102);

    background-image: -moz-linear-gradient(top, #801e1e, #5c0102);

    background-image: -o-linear-gradient(top, #801e1e, #5c0102);

    background-image: -ms-linear-gradient(top, #801e1e, #5c0102);

    background-image: linear-gradient(top, #801e1e, #5c0102);

    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#801e1e', EndColorStr='#5c0102');

}

a.button-red:active {

    background-color: #a62c2c;

    background-image: -webkit-gradient(linear, left top, left bottom, from(#820808), to(#a62c2c));

    background-image: -webkit-linear-gradient(top, #820808, #a62c2c);

    background-image: -moz-linear-gradient(top, #820808, #a62c2c);

    background-image: -o-linear-gradient(top, #820808, #a62c2c);

    background-image: -ms-linear-gradient(top, #820808, #a62c2c);

    background-image: linear-gradient(top, #820808, #a62c2c);

    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#820808', EndColorStr='#a62c2c');

}

/********************

  Sticky Nav Header

*********************/

.nav-container {

    margin-bottom: 15px;

}

nav {

    background: #313131;

    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);

    -moz-box-shadow: 2px 2px 2px #aeaeae;

    -o-box-shadow: 2px 2px 2px #aeaeae;

    -webkit-box-shadow: 2px 2px 2px #aeaeae;

    box-shadow: 2px 2px 2px #aeaeae;

    position: relative;

    width: 100%;

    min-height: 50px;

    z-index: 100;

}

.sticky {

    position: fixed;

    top: 0;

    animation: thedrop 1s 1;

    -moz-animation: thedrop 1s 1;

    -webkit-animation: thedrop 1s 1;

}

.sub-nav-left,
.sub-nav-right {

    position: absolute;

    top: 0;

}

.sub-nav-left {

    height: 50px;

    left: 0;

    overflow: hidden;

}

.sub-nav-right {

    right: 0;

    width: 400px; /* 230px; */


}

.pressbooks-logo {

    float: left;

    font: 1em 'Oswald', Arial, Helvetica, sans-serif;

    line-height: 2.6em;

    margin: 0;

    padding: 2px 10px 1px 30px;

    text-transform: uppercase;

}

.bookHeaderRight {

    float: right;

    font: 1em 'Oswald', Arial, Helvetica, sans-serif;

    line-height: 2.6em;

    margin: 0;

    padding: 2px 30px 1px 10px;

    text-transform: uppercase;

    /* login box */
    display: flex;
    flex-direction: row;
    align-content: center;
    gap: 10px;

}


.pressbooks-logo a, .bookHeaderRight a {

    color: #ffffff;

    text-decoration: none;

}

h1.book-title {

    /*
    //[2016-03-22]
    font: 1.2em/1.6em "Minion Pro", "Times New Roman", Times, serif;
    */
    /* 26px/16px */

    font-variant: normal;

    margin: 0 auto;

    padding: 15px 60px 0;

    text-align: center;

    width: 520px;

}

h1.book-title a {

    color: #ffffff;

    text-decoration: none;

    text-transform: none;

}

.nav-container h1.book-title a {

    display: block;
    line-height: 1em;
}


/**************

     Sub-Nav

***************/

.sub-nav {

    background: #fdfffa;

    -moz-box-shadow: 2px 2px 2px #dddddd;

    -o-box-shadow: 2px 2px 2px #dddddd;

    -webkit-box-shadow: 2px 2px 2px #dddddd;

    box-shadow: 2px 2px 2px #dddddd;

    margin: -5px 0 0 0;

    min-height: 25px;

    padding: 10px 0 5px;

    position: relative;

    z-index: 1;

}

.author-wrap {

    margin: 0 auto;

    padding: 0 60px;

    text-align: center;

    width: 520px;

}

.author-wrap h3 {

    display: inline-block;

    /*
    //[2016-03-22]
    font: normal 0.75em "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif;
    */

    font-variant: normal;

    letter-spacing: 0;

    margin-top: 4px;
    margin-bottom: 4px;
    line-height: 1em;
}

.instapaper {

    position: absolute;

    right: 5px;

    top: 15px;

}

.buy {

    display: block;

    float: right;

    margin: 10px 10px 0 0;

    width: 46px;

}

.buy a {

    float: right;

    margin-right: 0;

}

.share li.email a {

    background: url(images/sprite.png) -147px -96px no-repeat;

    height: 21px;

    margin: 0 0 0 17px;

    text-indent: -9999px;

    width: 30px;

    display: block;

}

#nfacebook .share .fb-like.fb_iframe_widget {
    margin-right: 0;
}

#nfacebook .share {
    display: flex;
    align-content: center;
    justify-content: center;
    background: #4267B2;
}

#nfacebook .share:hover {

    background: #365899;
}

#owncount .share {
    /*display: flex;*/
    /*align-content: center;*/
    /*justify-content: center;*/
    background: #ef7f2c;
    padding-left: 10px;
    cursor: pointer;
}

#owncount .share:hover {

    /*background: #365899;*/
}

#owncount .share:before {
    background: url(/wp-content/plugins/teseopress/themes-book/pressbooks-book/images/heart.png) no-repeat;
    content: "";
    display: block;
    height: 15px;
    line-height: 0;
    position: absolute;
    width: 15px;
    background-size: cover;
    margin-top: 8px;
}



/*

.share-wrap {

  float: right;

  margin: 10px 10px 0 0;

  width: 62px;

}

.share-btn {

  background: url(images/sprite.png) -150px -250px no-repeat #ffffff;

  -moz-border-radius: 6px;

  -o-border-radius: 6px;

  -webkit-border-radius: 6px;

  border-radius: 6px;

  cursor: pointer;

  height: 32px;

  margin: 0;

  position: relative;

  text-indent: -9999em;

  width: 62px;

  z-index: 100;

}

.share {

  background: #fff;

  -moz-border-radius: 0 0 6px 6px;

  -o-border-radius: 0 0 6px 6px;

  -webkit-border-radius: 0 0 6px 6px;

  border-radius: 0 0 6px 6px;

  -moz-box-shadow: 0px 2px 2px #dddddd;

  -o-box-shadow: 0px 2px 2px #dddddd;

  -webkit-box-shadow: 0px 2px 2px #dddddd;

  box-shadow: 0px 2px 2px #dddddd;

  margin: 0;

  padding: 10px 0;

  position: relative;

  width: 62px;

  z-index: 1;

}

.share-btn.open {

  -moz-border-radius: 6px 6px 0 0;

  -o-border-radius: 6px 6px 0 0;

  -webkit-border-radius: 6px 6px 0 0;

  border-radius: 6px 6px 0 0;

}

.share li.twitter,

.share li.facebook {

  margin: 10px 0 0 3px;

}

.share li.facebook {

  margin-left: 8px;

  float: none; */

/*ie fix - float right on div causing an issue */

/*

}

*/

/********************

	Sidebar

*********************/

#sidebar {

    line-height: 1.1em;

    margin: 10px 74px 0 0;

    padding: 0 0 0 4px;

    position: absolute;

    top: 20px;

    right: 0;

    text-align: center;

    width: 74px;

}

.ie7 #sidebar {

    z-index: 11;

}

#sidebar a {

    color: #4a4a4a;

    font: 0.6em/1em "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif;

    text-decoration: none;

}

div#chapter_bookmark {
    position: absolute;
    top: 60px;
    right: 10px;
    z-index: 1000;
    width: 25px;
    height: 40px;
    cursor: pointer;
}

div#chapter_bookmark div#chapter_bookmark_img {
    width: 25px;
    height: 30px;
    background-size: contain;
    background-repeat: no-repeat;
}

div#chapter_bookmark.cp_unbookmarked div#chapter_bookmark_img {
    background-image: url(https://www.teseopress.com/wp-content/plugins/teseopress/assets/images/bookmark_grayscale2.png);
}

div#chapter_bookmark.cp_bookmarked div#chapter_bookmark_img {
    background-image: url(https://www.teseopress.com/wp-content/plugins/teseopress/assets/images/bookmark_red2.png);
}


#booknav {

    background: #ffffff;

    -moz-border-radius: 0 6px 6px 0;

    -o-border-radius: 0 6px 6px 0;

    -webkit-border-radius: 0 6px 6px 0;

    border-radius: 0 6px 6px 0;

    -moz-box-shadow: 2px 2px 2px #dddddd;

    -o-box-shadow: 2px 2px 2px #dddddd;

    -webkit-box-shadow: 2px 2px 2px #dddddd;

    box-shadow: 2px 2px 2px #dddddd;

    margin: -5px 0 0;

    position: relative;

}

#booknav li {

    /*height: 70px;*/
    height: 45px;

    list-style-type: none;

}

#booknav li:hover {

    background: #eeeeee;

}

#booknav li:first-child {

    padding-top: 10px;

}

#booknav li:last-child {

    padding-bottom: 10px;

}

#booknav li a {

    display: block;

    padding-top: 40px;

    height: 20px;

}

.admin-btn a,
.home-btn a,
.toc-btn a,
.read-btn a,
.about-btn a,
.authors-btn a {

    background: url(images/sprite.png) 30px -187px no-repeat;

}

li.dl-btn a {
    background-image: url(/wp-content/plugins/teseopress/themes-book/pressbooks-book/images/dl-icon.png);
    /* background-clip: content-box; */
    background-size: 20px 20px;
    background-position: 25px 16px;
    background-repeat: no-repeat;
}

li.anno-btn a {
    background-image: url(/wp-content/plugins/teseopress/themes-book/pressbooks-book/images/icon-comments-small.png);
    /* background-clip: content-box; */
    background-size: 20px 20px;
    background-position: 24px 16px;
    background-repeat: no-repeat;
}
li.buy-book-btn a {
    background-image: url(/wp-content/plugins/teseopress/themes-book/pressbooks-book/images/buy-icon-bar.png);
    /* background-clip: content-box; */
    background-size: 20px 20px;
    background-position: center 15px;
    background-repeat: no-repeat;
}
/*li.anno-btn {*/
/*    display: none;*/
/*}*/


.home-btn a {

    background-position: -20px -187px;

}

.toc-btn a {

    background-position: -121px -187px;

}

.read-btn a {

    background-position: -178px -187px;

}

.about-btn a {

    background-position: -255px -187px;

}

.authors-btn a {

    background-position: -320px -187px;

}

#authors .authors-btn,
#about .about-btn,
#tableofcontents .toc-btn {

    background: #eeeeee;

}

/****************

   Pop out TOC

*****************/

#toc {

    background: #eeeeee;

    -moz-border-radius: 6px;

    -o-border-radius: 6px;

    -webkit-border-radius: 6px;

    border-radius: 6px;

    -moz-box-shadow: 2px 2px 2px #dddddd;

    -o-box-shadow: 2px 2px 2px #dddddd;

    -webkit-box-shadow: 2px 2px 2px #dddddd;

    box-shadow: 2px 2px 2px #dddddd;

    margin-left: -132px;

    margin-top: 0;

    padding: 10px 10px 10px 20px;

    position: relative;

    width: 180px;

    z-index: 50;

}

a.close {

    background: url(images/sprite.png) 0 -50px;

    display: block;

    float: right;

    overflow: hidden;

    text-indent: 100%;

    width: 20px;

    height: 20px;

    white-space: nowrap;

}

#toc ul {

    margin-left: 0;

    text-align: left;

}

#toc h4 {

    font: 0.8em "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif;

    font-style: normal;

    font-weight: bold;

    margin: 5px 0 2px;

    line-height: 1em;

}

#toc h4 a {

    font: inherit;

    font-weight: inherit;

}

#toc ul ul {

    border-bottom: 1px dotted #999;

    padding-bottom: 5px;

}

#toc ul ul:last-of-type {

    border-bottom: none;

    padding-bottom: 0;

}

li.bg-color {

    background: #eeeeee;

}

/********************

	Images

*********************/

img.left {

    float: left;

    background-color: #fefefe;

    margin: 10px 12px 6px -8px;

    padding: 7px;

    border: 1px solid #e4e4e4;

}

img.right {

    float: right;

    background-color: #fefefe;

    margin: 10px -8px 6px 12px;

    padding: 7px;

    border: 1px solid #e4e4e4;

}

img {

    /*

      background: #f5f5f5;

      border: 1px solid #eeeeee;

      padding: 5px;

    */

    height: auto;

    max-width: 98%;


}

img.wp-smiley {

    background: transparent;

    border: none;

    padding: 0;

}

img.author-avatar {

    height: auto;

    width: 96px;

}

.wp-caption {

    height: auto;

    max-width: 98%;

}

.wp-caption-text {

    color: #000000;

    font-size: 0.75em;

    text-align: center;

}

p.wp-caption-text {
    margin-top: 10px;
}

div.wp-caption {
    text-align: center;
}

/**********************

    Gallery listing

***********************/

.category-gallery .size-thumbnail img {

    border: 10px solid #f1f1f1;

    margin-bottom: 0;

}

.category-gallery .gallery-thumb {

    float: left;

    margin-right: 20px;

    margin-top: -4px;

}

.home #content .category-gallery .entry-utility {

    padding-top: 4px;

}


/*********************

	    Menu

*********************/

#access {

    display: none;

    float: left;

    background: #000;

    margin: 0 auto;

    width: 940px;

}

/***********************

	 Page Navigation

************************/

.pagenav {

    border: 1px solid #8d8d8d;

    border-width: 1px 0;

    padding: 0 0 10px;

}

.pagenav.top {

    margin-bottom: 40px;

}

.pagenav.bottom {

    clear: both;

    margin-top: 40px;

}

.nav {

    left: 50%;

    margin-left: -350px;

    position: fixed;

    top: 58%;

    width: 700px;

}

.ie8 .nav {

    top: 65%;

}

.nav span.previous {

    position: absolute;

    top: 45%;

    left: 0;

}

.nav span.next {

    position: absolute;

    top: 45%;

    right: 0;

}


.nav span a {

    background: url(images/sprite.png) 0 -573px no-repeat;

    display: block;

    overflow: hidden;

    text-indent: 100%;

    width: 42px;

    height: 43px;

    white-space: nowrap;

}

.nav span.next a {

    background-position: 0 -506px;

}

.nav span a:hover {

    background-position: -56px -573px;

}

.nav span.next a:hover {

    background-position: -56px -506px;

}


/* TITILE, SUB-TITLE, AUTHOR AND APHORIS

==========================================*/


.entry-title {

    font-size: 1.6em;

    font-style: normal;

    font-weight: bold;

    font-variant: normal;

    margin: 10px auto 40px;

    padding-top: 5px;

    text-align: center;

}

.header_mp3 .mejs-container {
    clear: right;
}

.header_mp3{
    margin-bottom: 30px;
}


.entry-title span {

    display: block;

    margin-bottom: 1.4em;

}

.page-title {

    font-size: 1.4em;

    font-style: normal;

    font-variant: normal;

    font-weight: bold;

}

.chapter_subtitle {

    font-size: 1.3em;

    font-variant: normal;

    margin-top: -10px;

    margin-bottom: 30px;

}

.chapter_author {

    font-size: 1em;

    font-style: normal;

    font-variant: small-caps;

    font-weight: 600;

    margin-top: -10px;

    margin-bottom: 30px;

}

.chapter_subtitle + .chapter_author {

    margin-top: 0;

}

.aphorism {

    background: transparent;

    margin-bottom: 60px;

    padding: 0 45px;

    text-align: center;

}

.aphorism p {

    font-size: 0.875em;

    font-style: italic;

    margin: 0;

    padding: 0;

}

.aphorism cite {

    float: right;

    font-style: normal;

    font-variant: small-caps;

}


/* TEXTBOXES & PULLQUOTES

===============*/

.textbox {

    border: 1px solid #333;
    margin-top: 20px;
    margin-bottom: 20px;

    padding: 15px;

}

.textbox-caption {

    display: block;

    font-weight: bold;

}

.textbox.shaded {

    background-color: #eee;

}


.pullquote {

    border: 1px solid #000;

    border-width: 1px 0;

    display: block;

    hyphens: none;

    margin: 20px auto;

    overflow: hidden;

    padding: 5px 0;

    text-align: center;

    width: 65%;

}

.pullquote-left {

    border: 1px solid #000;

    border-width: 1px 0;

    float: left;

    hyphens: none;

    margin: 15px 15px 15px 0;

    padding: 5px 0;

    text-align: center;

    width: 45%;

}

.pullquote-right {

    border: 1px solid #000;

    border-width: 1px 0;

    float: right;

    hyphens: none;

    margin: 15px 0 15px 15px;

    padding: 5px 0;

    text-align: center;

    width: 45%;

}


/********************

	  Content

*********************/

aside {

    background-color: #F6F6F6;

    border: 1px solid #ccc;

    border-width: 0 1px 1px 0;

    float: right;

    font-size: 0.85em;

    margin: 15px 0 15px 15px;

    overflow: hidden;

    padding: 10px;

    width: 180px;

}

#content code {

    font-size: 13px;

}

#content dt,
#content th {

    color: #000;

}

#content dt {

    float: left;

    font-weight: bold;

    margin-right: 5px;

    margin-bottom: 0;

}

#content dd {

    margin-bottom: 0;

    margin-left: 2em;

}

/*
#content table {

  border: 1px solid #e7e7e7;

  margin: 0 -1px 24px 0;
*/
#content table {

    text-align: left;

    width: 100%;

    font-size: 90%;
}

#content table td, #content table th {
    padding: 5px;
}

#content tr th,
#content thead th {

    color: #888;

    font-size: 12px;

    font-weight: bold;

    line-height: 18px;

    padding: 9px 24px;

}

/*
#content tr td {

  border-top: 1px solid #e7e7e7;

  padding: 6px 24px;

}
*/

#content tr.odd td {

    background: #f2f7fc;

}

.entry-content table {
    font: 12px sans-serif !important;
}
.entry-content table.font-medium > * {
    font-size: 10px;
}

.entry-content table.font-small > * {
    font-size: 9px;
}

.entry-content img {
    margin-top: 20px;
    /*margin-bottom: 20px;*/
}

.entry-content ul {

    margin-left: 30px;

}

.entry-content ul {
    /*
      list-style: outside disc;
    */
}

.entry-content ul li li {

    /*
 * list-style-image: url('images/em-dash.png');
*/
}

.entry-content ul li li li {
    /*
        list-style-image: url('images/asterisk.png');
    */
}

.entry-content p {
    text-indent: 30px;
    text-align: justify;
}

.entry-content p:first-child {
    text-indent: 0px;
}

div.entry-content p img, .entry-content p img {
    /* margin-left: -30px; */
}

div.entry-content p:first-child img, .entry-content p:first-child img {
    margin-left: 0px;
}

ul {
    /*counter-reset: level1;*/ /* [2024-02-25] */
}

ol {

    /* list-style-type: none; */

    list-style-position: outside;

    /*counter-reset: level1;*/ /* [2024-02-25] */

}

ol li::before {

    /*content: counter(level1) ". "; */

    /*counter-increment: level1;*/ /* [2024-02-25] */

}

ol ol {

    list-style-position: outside;

    /*list-style-type: none;*/

    /*counter-reset: level2;*/ /* [2024-02-25] */

}

ol li li::before {

    list-style-position: outside;

    /*content: counter(level1) "." counter(level2) " ";*/

    /*counter-increment: level2;*/ /* [2024-02-25] */

}

ol ol ol {

    list-style-position: outside;

    /* list-style-type: none; */

    /*counter-reset: level3;*/ /* [2024-02-25] */

}

ol li li li::before {

    list-style-position: outside;

    /* content: counter(level1) ". " counter(level2) ". " counter(level3) " "; */

    /*counter-increment: level3;*/ /* [2024-02-25] */

}


.entry-content fieldset {

    border: 1px solid #e7e7e7;

    margin: 0 0 24px 0;

    padding: 24px;

}

.entry-content fieldset legend {

    background: #fff;

    color: #000;

    font-weight: bold;

    padding: 0 24px;

}

.entry-content input {

    margin: 0 0 24px 0;

}

.entry-content input.file,
.entry-content input.button-red {

    margin-right: 24px;

}

.entry-content label {

    color: #888;

    font-size: 12px;

}

.entry-content select {

    margin: 0 0 24px 0;

}

.entry-content sup,
.entry-content sub {

    font-size: 10px;

}

.edit-link {

    border: 1px solid #ccc;

    border-width: 1px 0 0 1px;

    float: left;

    width: 50px;

    margin: 120px 0 0 -98px;

    text-align: center;

    text-transform: uppercase;

    font: bold 13px 'OpenSansCondensed', Arial, Helvetica, sans-serif;

    -webkit-transform: rotate(-90deg);

    -moz-transform: rotate(-90deg);

    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Chrome/Safari/Opera */
    -khtml-user-select: none; /* Konqueror */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none;

    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

}

.edit-link a {

    display: block;

    background-color: #fcfcfc;

    text-decoration: none;

    padding: 5px 0;

    color: #c03;

}

.edit-link a:hover {

    background-color: #c12328;

    color: #fcfcfc;

}

.indented {

    text-indent: 1em;

}

/*  note 23/Feb/2017
.footnotes ol li {

  list-style: decimal outside;
text-align: justify;

}
*/

/* Endnotes

=========== */

.endnotes {

    margin-top: 2em;

}

.endnotes hr {

    border: none;

}

.endnotes h3 {

    font-variant: normal;

    font-size: 1.3em;

    font-style: normal;

    font-weight: bold;

    text-align: center;

}

.endnotes ol {

    font-size: 0.75em;

}

/* single-share */

.share-wrap-single {

    margin: 40px auto 40px;

    width: 620px;

    display: flex;

    flex-flow: wrap;

}

.fb-like.fb_iframe_widget {
    margin-right: 5px;
}

iframe.twitter-share-button {

    margin-right: 5px;
}

a.whatsapp.wa_btn {
    background: #075e54;

    border: 1px solid #075e54;
    border-radius: 4px;
    font-size: 13px;
    height: 28px;
    padding: 0 4px 0 6px;
    font-family: Helvetica, Arial, sans-serif;
    vertical-align: middle;
    display: inline-block;
    color: white;
    text-decoration: none;


    box-sizing: border-box;

}

.share-single {

    background: transparent;

    box-shadow: none;

    overflow: hidden;

    padding-top: 5px;

    position: relative;

    width: auto;

}

.share-single li {

    float: left;

    margin: 0 10px 0 0;

    padding: 5px 5px 5px 17px;

}

.share-single li.twitter {

    margin: 3px 10px 0 0;

    padding: 3px 0 0 15px;

}

.share-single li.facebook {

    float: left;

    margin: 3px 10px 0 0;

    padding: 3px 0 0 15px;

    width: 90px;

}

.share-single li.email a {

    margin: 0;

}

.share-single li.twitter iframe {

    width: 87px !important;

    /* need to override Twitter's inline width*/


}

.instapaper {

    float: right;

}


/* BLANK PAGE DIV USED FOR GENERATING A BLANK PAGE IN PDF SHOULD BE IGNORED */


.blank-page {

    display: none;

}


/* FOOTNOTES

============== */

a.footnote {
    text-decoration: none;
}

.footnotes {

    font-size: 0.75em;

}

/*  note 23/Feb/2017
.footnotes ol li {

  list-style: decimal outside;

}

.footnotes ol li::before {

	content: none;

}
*/


div.footnotes ol {
    counter-reset: footernote;
    display: table;
    margin-left: 0;
}


div.footnotes ol li::before {
    content: counter(footernote) ".";
    display: table-cell;
    text-align: left;
    padding-right: .3em;
    word-break: keep-all;
}

div.footnotes ol li {
    list-style: none;
    counter-increment: footernote;
    display: table-row;
    word-break: break-word;
}


/****************

   Author page

*****************/

#authors .author-block-wrap {

    overflow: hidden;

}

.author-block {

    overflow: hidden;

}

h3.author-name {

    font-style: normal;

    font-weight: bold;

}

/*

.bio {

  float: left;

  margin-right: 20px;

  width: 70%;

}

*/

.author-profile {

    float: left;

    width: 26%;

}

.social-media-profile {

    margin: 20px 0;

}

.social-media-profile li {

    margin-bottom: 5px;

}

.social-media-profile li a {

    background: url(images/sprite.png) 0 -296px no-repeat;

    color: #4a4a4a;

    display: block;

    font: 1em/2em 'OpenSansCondensed', Arial, Helvetica, sans-serif;

    height: 30px;

    padding-left: 30px;

}

.social-media-profile li.facebook a {

    background-position: 0 -348px;

}

.social-media-profile li.linkedin a {

    background-position: 0 -398px;

}

.social-media-profile li.website a {

    background-position: 0 -449px;

    word-wrap: break-word;

}


/****************

    Buy Page

*****************/

.buy-book {

    font-size: 0.875em;

    margin-top: 30px;

}

.buy-page li {

    margin: 0 0 20px 0;

    padding: 5px 10px;

}

.buy-page img {

    background: transparent;

    border: none;

    max-width: 100%;

    padding: 0;

    vertical-align: middle;

}

.logo {

    display: inline-block;

    margin-right: 30px;

    text-align: right;

    width: 100px;

}

/******************

	TOC Page

*******************/

#inline-toc h4 {

    font: 1.2em 'Oswald', Arial, Helvetica, sans-serif;

    font-style: normal;

    margin: 25px 0 5px;

    text-align: center;

}


#inline-toc ul {

    margin-left: 0;

}


/*******************

	 Access Denied

********************/

.denied-title {

    color: #4d0a0a;

    font-size: 1.4em;

    margin-bottom: 15px;

}

.denied-text a {

    background: #eeeeee;

    -moz-border-radius: 6px;

    -o-border-radius: 6px;

    -webkit-border-radius: 6px;

    border-radius: 6px;

    color: #4a4a4a;

    font: 0.7em 'Oswald', Arial, Helvetica, sans-serif;

    padding: 5px;

    text-decoration: none;

}

.denied-text a:hover {

    background: #aaaaaa;

}

.sign-up {

    margin-top: 15px;

}

/****************

	 Footer

*****************/

.footer {

    /*
    background: url(images/footer-shadow.png) 0 0 repeat-x #8d8d8d;
  */
    background-color: #747474;
    color: #ffffff;

    font: 0.75em/1.5em 'Oswald', Arial, Helvetica, sans-serif;

    /*font-weight: bold;*/

}

.footer .inner {

    margin: auto;

    padding: 30px 30px;

    width: 520px;

}

.footer .inner table {

    margin: 0 auto 40px;

    overflow: hidden;

    text-align: left;

}

.footer .inner td {

    width: 48%;

    padding: 0 10px;

}

.footer .inner tr td:first-child {

    text-align: right;

}

a.footer_doi_link {
    color: white;
    border-bottom: 1px dotted #fff;
    text-decoration: none;
}

a.footer_doi_link:hover {
    background-color: #fff;
    color: #333;
}



.cie-name {

    font-family: 'Oswald', Arial, Helvetica, sans-serif;

    text-align: center;

    font-weight: normal;

}

.cie-name a {

    color: #ffffff;

    text-decoration: none;

}

.cie-disclosure {


    text-align: center;

    margin-top: 1em;

}


/********************

	Comments

*********************/
#comments {

    margin: 0 auto;
    /*
      padding: 0px 60px;

      width: 520px;
    */
    padding: 0px 10px;

    width: 640px;
}

div#comments .reply {
    padding-top: 20px;
}

h3#reply-title {

    font-size: 1.1em;

    font-style: normal;

    font-variant: normal;

    font-weight: bold;

    margin-bottom: 10px;

}

h3#comments-title {

    font-size: 1.1em;

    font-style: normal;

    font-variant: normal;

    font-weight: bold;

}

ol.commentlist {
    list-style: none;
    /* list-style: decimal; */

}

ol.commentlist ul {
    list-style: none;
}

ol.commentlist li {

    background: #eeeeee;

    border: 1px solid #ccc;

    border-color: #FFF #CCC #CCC #DEDEDE;

    padding: 10px 15px;

}

ol.commentlist li.odd {

    background: #ffffff;

    border-left: 1px solid #dedede;

}

.comment-author {

    font-size: 0.8em;

}

img.avatar {

    float: left;

    margin: 0 10px 10px 0;

    width: auto;

}

cite.fn {

    display: block;

    font: 1.2em 'OpenSansCondensed', Arial, Helvetica, sans-serif;

    font-style: normal;

    font-family: 'Lato', sans-serif;

}

.comment-body {

    clear: both;

}

.reply a {

    background-color: #222;

    border: 1px solid #000;

    color: #fff;

    cursor: pointer;

    font: 0.75em 'Oswald', Arial, Helvetica, sans-serif;

    text-shadow: 0 1px 0 #000;

    -moz-border-radius: 6px;

    -o-border-radius: 6px;

    -webkit-border-radius: 6px;

    border-radius: 6px;

    padding: 2px 3px;

    text-decoration: none;

}

.reply a:hover {

    background-color: #000000;

    background-image: -webkit-gradient(linear, left top, left bottom, from(#2c2c2c), to(#000000));

    background-image: -webkit-linear-gradient(top, #2c2c2c, #000000);

    background-image: -moz-linear-gradient(top, #2c2c2c, #000000);

    background-image: -o-linear-gradient(top, #2c2c2c, #000000);

    background-image: -ms-linear-gradient(top, #2c2c2c, #000000);

    background-image: linear-gradient(top, #2c2c2c, #000000);

    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#2c2c2c', EndColorStr='#000000');

}

.reply a:active {

    background-color: #434343;

    background-image: -webkit-gradient(linear, left top, left bottom, from(#222222), to(#434343));

    background-image: -webkit-linear-gradient(top, #222222, #434343);

    background-image: -moz-linear-gradient(top, #222222, #434343);

    background-image: -o-linear-gradient(top, #222222, #434343);

    background-image: -ms-linear-gradient(top, #222222, #434343);

    background-image: linear-gradient(top, #222222, #434343);

    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#222222', EndColorStr='#434343');

}

/********************

	Comment Form

*********************/
.required {

    color: #870d0d;

}

.comment-notes {

    font-size: 0.875em;

}

.comment-captcha,
.comment-form-author,
.comment-form-email,
.comment-form-url,
.comment-form-comment {

    margin-bottom: 30px;

    overflow: hidden;

}

.comment-form-author {

    margin-top: 40px;

}

.comment-form-comment {

    margin-bottom: 10px;

}

#commentform label {

    font: 1em 'Oswald', Arial, Helvetica, sans-serif;

    float: left;

    padding-right: 5px;

    text-align: right;

    width: 115px;

}

#commentform input,
#commentform textarea {

    -moz-border-radius: 6px;

    -o-border-radius: 6px;

    -webkit-border-radius: 6px;

    border-radius: 6px;

    float: right;

    width: 350px;

}

#commentform input {

    font-size: 0.875em;

    height: 30px;

}

#respond .form-allowed-tags {

    color: #bbb;

    font-size: 0.7em;

    line-height: 1.2em;

    margin: 10px 0 0 170px;

    width: 350px;

}

.form-submit {

    margin: 10px 0 0 170px;

}

input#submit {

    background-color: #820808;

    background-image: -webkit-gradient(linear, left top, left bottom, from(#a62c2c), to(#820808));

    background-image: -webkit-linear-gradient(top, #a62c2c, #820808);

    background-image: -moz-linear-gradient(top, #a62c2c, #820808);

    background-image: -o-linear-gradient(top, #a62c2c, #820808);

    background-image: -ms-linear-gradient(top, #a62c2c, #820808);

    background-image: linear-gradient(top, #a62c2c, #820808);

    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#a62c2c', EndColorStr='#820808');

    -moz-box-shadow: 0px 1px 0 0px #C77A7A inset;

    -webkit-box-shadow: 0px 1px 0 0px #C77A7A inset;

    box-shadow: 0px 1px 0 0px #C77A7A inset;

    border: 1px solid #4d0a0a;

    color: #ffffff;

    cursor: pointer;

    font: 0.75em 'Oswald', Arial, Helvetica, sans-serif;

    text-shadow: 0 1px 0 #000;

    float: none;

    padding-bottom: 2px;

    width: 72px;

}

input#submit:hover {

    background-color: #5c0102;

    background-image: -webkit-gradient(linear, left top, left bottom, from(#801e1e), to(#5c0102));

    background-image: -webkit-linear-gradient(top, #801e1e, #5c0102);

    background-image: -moz-linear-gradient(top, #801e1e, #5c0102);

    background-image: -o-linear-gradient(top, #801e1e, #5c0102);

    background-image: -ms-linear-gradient(top, #801e1e, #5c0102);

    background-image: linear-gradient(top, #801e1e, #5c0102);

    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#801e1e', EndColorStr='#5c0102');

}

input#submit:active {

    background-color: #a62c2c;

    background-image: -webkit-gradient(linear, left top, left bottom, from(#820808), to(#a62c2c));

    background-image: -webkit-linear-gradient(top, #820808, #a62c2c);

    background-image: -moz-linear-gradient(top, #820808, #a62c2c);

    background-image: -o-linear-gradient(top, #820808, #a62c2c);

    background-image: -ms-linear-gradient(top, #820808, #a62c2c);

    background-image: linear-gradient(top, #820808, #a62c2c);

    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#820808', EndColorStr='#a62c2c');

}

/*************************************************

	Mobile Safari ( iPad, iPhone and iPod Touch )

**************************************************/
pre {

    -webkit-text-size-adjust: 140%;

}

code {

    -webkit-text-size-adjust: 160%;

}

#access,
.entry-meta,
.entry-utility,
.navigation,
.widget-area {

    -webkit-text-size-adjust: 120%;

}

#site-description {

    -webkit-text-size-adjust: none;

}

/** sidebar override **/

/** 88 **/


#wrap {

    padding-top: 50px;

}


#sidebar {

    margin: 0;

    padding: 0;

    right: 12px;

    top: 0;

    width: auto;

}

#booknav {

    background-color: transparent;

    float: right;

    margin-top: 0;

}

#booknav li:first-child {

    padding-top: 0;

}

#booknav li {

    background: #ffffff;

    border-right: 1px solid #E1E1E1;

    -moz-border-radius: 6px 6px 0 0;

    -o-border-radius: 6px 6px 0 0;

    -webkit-border-radius: 6px 6px 0 0;

    border-radius: 6px 6px 0 0;

    float: left;

    padding-bottom: 10px;

    height: 40px;

    width: 70px;

}

#booknav li a {

    text-indent: -9999em;

}

.admin-btn a {

    background-position: 28px -184px;

}

.home-btn a {

    background-position: -24px -184px;

}

.toc-btn a {

    background-position: -124px -182px;

}

.read-btn a {

    background-position: -181px -187px;

}

.authors-btn a {

    background-position: -326px -183px;

}

.about-btn a {

    background-position: -258px -185px;

}

a.logout {

    background-position: 9px -32px;

}

a.login {

    background-position: 9px 18px;

}


@media screen and (min-width: 620px) {

    #sidebar {
        right: calc((100% - 640px) / 2 - 1px);
    }
}

#toc {

    margin-top: 47px;
    margin-left: 0;
    z-index: 100;
}

/*

 * Media queries for responsive design

 * These follow after primary styles so they will successfully override. 

 */

@media screen and (max-width: 1024px) {

    /* Style adjustments for portrait mode goes here */
    #content {

        font-size: 1.1em;

    }

    nav.sticky.mobile {

        position: static;

    }

    #toc {

        background: #E0E0E0;
        /*
            margin-left: -130px;

            margin-top: -10px;
            */
        margin-top: 47px;
        margin-left: 0;
        z-index: 100;
    }

}

@media screen and (max-width: 1024px) {

    /* Style adjustments for portrait mode goes here 768 original */
    .h1.book-title {

        width: auto;

    }

    .pressbooks-logo {

        padding: 15px 0 0 20px;

    }

    .pressbooks-logo a {

        /*
         background: url(images/sprite.png) -200px -50px no-repeat;
        */
        background: url(images/mini_icon.png) no-repeat;

        display: block;

        text-indent: -9999em;

        width: 40px;

    }

    #wrap,
    #content,
    .footer .inner,
    #comments {

        width: auto;

    }

    #wrap {

        padding-top: 50px;

    }

    #content {

        border-top: 1px solid #f5f5f5;

        margin: 0 10px 60px;

    }

    #sidebar {

        margin: 0;

        padding: 0;

        right: 9px;

        top: 0;

        width: auto;

    }

    #booknav {

        background-color: transparent;

        float: right;

        margin-top: 0;

    }

    #booknav li:first-child {

        padding-top: 0;

    }

    #booknav li {

        background: #ffffff;

        border-right: 1px solid #E1E1E1;

        -moz-border-radius: 6px 6px 0 0;

        -o-border-radius: 6px 6px 0 0;

        -webkit-border-radius: 6px 6px 0 0;

        border-radius: 6px 6px 0 0;

        float: left;

        padding-bottom: 10px;

        height: 40px;

        width: 70px;

    }

    #booknav li a {

        text-indent: -9999em;

    }

    .admin-btn a {

        background-position: 28px -184px;

    }

    .home-btn a {

        background-position: -24px -184px;

    }

    .toc-btn a {

        background-position: -124px -182px;

    }

    .read-btn a {

        background-position: -181px -187px;

    }

    .authors-btn a {

        background-position: -326px -183px;

    }

    .about-btn a {

        background-position: -258px -185px;

    }

    a.logout {

        background-position: 9px -32px;

    }

    a.login {

        background-position: 9px 18px;

    }

    /* Side nav*/
    #toc h4 {

        margin: 25px 0 2px;

    }

    /*
    a.close {
      background-position: 160px -50px;
      width: 100%;
    }
    */
    .share-single li.facebook {

        margin: 0;

    }

    #wrapper,
    #toc {

        position: relative;

    }

    #toc {

        margin-top: 47px;

        margin-left: 0;

        z-index: 100;

    }

    /*page nav*/
    .nav {

        left: 0;

        margin-left: 0;

        width: 100%;

    }

    .bookHeaderRight {
        display: none
    }


    /* smaller icons of top bar [2022-05-23]*/
    .menu_sticky.go_sticky #booknav li a {
        padding-top: 10px;
    }

    .menu_sticky.go_sticky #booknav li {
        width: 50px;
    }

    .menu_sticky.go_sticky .admin-btn a {
        background-position: 18px -190px;
    }
    .menu_sticky.go_sticky .home-btn a {
        background-position: -30px -190px;
    }
    .menu_sticky.go_sticky .toc-btn a {
        background-position: -130px -188px;
    }
    .menu_sticky.go_sticky li.dl-btn a {
        background-position: 18px 9px;
    }
    .menu_sticky.go_sticky li.anno-btn a{
        background-position: 15px 11px;
    }
    .menu_sticky.go_sticky li.buy-book-btn a{
        background-position: center 9px;
    }
    .menu_sticky.go_sticky #booknav li {
        height: 30px;
        padding-bottom: 10px;
    }


}

@media screen and (max-width: 700px) {
    .entry-content p {
        /*text-indent:0px;*/
        text-align: left;
        /*margin-bottom:1em;*/

    }

    /* 23/Feb/2017
    .footnotes ol{
        padding-left:20px
    }
    */
    .footnotes ol li {
        text-align: left;
    }

    ol, ul {
        /*text-align: left!important;*/
    }
}


@media screen and (max-width: 480px) {

    h1.book-title,
    .author-wrap {

        width: auto;

    }

    #content {

        padding: 20px 10px 10px;

    }

    .nav {

        background-color: rgba(250, 250, 250, 0.8);

        bottom: 0;

        box-shadow: -1px -1px 1px #CCC;

        height: 43px;

        left: 0;

        margin-left: 0;

        overflow: hidden;

        padding: 2px 0;

        top: auto;

        width: 100%;

    }

    .nav span.previous {

        left: 3px;

        top: 2px;

    }

    .nav span.next {

        right: 3px;

        top: 2px;

    }


    .nav span.next a {

        background: url(images/newright.png) 0 0 no-repeat;

    }

    .nav span.next a:hover {

        background-position: 0 0;

    }

    .nav span.previous a {

        background: url(images/newleft.png) 0 0 no-repeat;

    }

    .nav span.previous a:hover {

        background-position: 0 0;

    }


    .nav span.up a {
        -ms-transform: inherit !important;
        -webkit-transform: inherit !important;;
        transform: inherit !important;;
        background: url(images/newup.png) 0 0 no-repeat;
        background-position: center;
        background-size: cover;
        margin: auto;
    }


    /* Cover page */
    img.featured {

        display: block;

        float: none;

        margin: 0 auto;

    }

    .about140 {

        margin-left: 0;

        padding: 20px 0 0 0;

    }

    /* Cover Page */
    .buttons {

        overflow: visible;

        height: auto;

        width: auto;

    }

    .buttons li {

        display: block;

        margin-bottom: 20px;

        text-align: center;

    }

    .buttons li a.button-grey,
    .buttons li a.button-black {

        display: block;

        float: none;

        margin: auto;

        width: auto;

    }

    /* Navigation */
    #toc {

        position: absolute;

        right: 0;

    }

    /* Share btns*/
    .share-wrap {

        display: none;

    }

    .share-wrap-single {

        margin: 0 10px 30px;

        width: auto;

    }


    /* Book read nav*/
    .entry-title {

        width: auto;

    }

    .pagenav.top {

        margin-bottom: 20px;

    }

    .pagenav.bottom {

        margin-top: 20px;

        margin-bottom: 10px;

    }

    /* Comments */
    #commentform textarea,
    #commentform input {

        float: none;

        width: 100%;

    }

    #commentform label {

        float: none;

        text-align: left;

        width: auto;

    }

    .comment-form-author,
    .comment-form-email,
    .comment-form-url,
    .comment-form-comment {

        overflow: visible;

    }

    #respond .form-allowed-tags {

        margin: 0 auto;

        width: auto;

    }

    .form-submit {

        margin: 10px auto 0;

    }

    /* About the Author page */
    h3.author-name {

        margin: 0;

    }

    .bio {

        float: none;

        margin-right: 0;

        width: 100%;

    }

    /* blockquote */
    blockquote {
        background-size: 20px;
        padding: 20px 5px 20px 30px;
    }

    blockquote p {
        margin: 0 5px 10px 5px;
    }

}


@media screen and (max-width: 320px) {

    #wrap {

        padding-top: 40px;

    }

    /* Nav */
    #booknav li {

        height: 30px;

        margin: 0 0 20px;

        text-align: center;

        width: 40px;

    }

    a.log {

        text-indent: -9999em;

        display: block;

        padding: 15px 0;

        width: 40px;

    }

    .admin-btn a {

        background-position: 12px -187px;

    }

    .home-btn a {

        background-position: -38px -187px;

    }

    .toc-btn a {

        background-position: -139px -186px;

    }

    .read-btn a {

        background-position: -195px -190px;

    }

    .authors-btn a {

        background-position: -340px -187px;

    }

    .about-btn a {

        background-position: -271px -189px;

    }

    a.logout {

        background-position: 13px -37px;

    }

    a.login {

        background-position: 13px 14px;

    }

    /* Side nav*/
    #toc h4 {

        margin: 25px 0 2px;

    }

    a.close {

        background-position: 160px -50px;

        width: 100%;

    }

    .share-single li.facebook {

        margin: 0;

    }

    .entry-title {

        width: auto;

    }

    /* Layout */
    blockquote {

        padding-left: 30px;

    }

    blockquote p {

        padding: 5px;

    }

    aside {

        float: none;

        width: auto;

    }

    #content tr td {

        padding: 6px 14px;

    }

    pre {

        padding: .5em;

        font-size: 0.7em;

    }

    /* Imgages */
    img {

        background: transparent;

        border: none;

        padding: 0;

        width: auto;

    }

    #commentform textarea,
    #commentform input {

        width: 90%;

    }

    /* Comments */
    #comments {

        padding: 30px 10px;

    }

}

/* Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome)  

   Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */

/********************

	Print

*********************/
@media print {

    body {

        background: none !important;

    }

    #wrap {

        clear: both !important;

        display: block !important;

        float: none !important;

        position: relative !important;

    }

    #header {

        border-bottom: 2pt solid #000;

        padding-bottom: 18pt;

    }

    .entry-content {

        font-size: 14pt;

        line-height: 1.6em;

    }

    .entry-title {

        font-size: 21pt;

    }

    #access,
    #branding img,
    #respond,
    .comment-edit-link,
    .edit-link,
    .navigation,
    .page-link,
    .widget-area {

        display: none !important;

    }

    #container,
    #header,
    #footer {

        margin: 0;

        width: 100%;

    }

    #content,
    .one-column #content {

        margin: 24pt 0 0;

        width: 100%;

    }

    .wp-caption p {

        font-size: 11pt;

    }

    #site-info,
    #site-generator {

        float: none;

        width: auto;

    }

    #colophon {

        width: auto;

    }

    img#wpstats {

        display: none;

    }

    #site-generator a {

        margin: 0;

        padding: 0;

    }

    #entry-author-info {

        border: 1px solid #e7e7e7;

    }

    #main {

        display: inline;

    }

    .home .sticky {

        border: none;

    }

}

/* =Debug Stuff (PL)

-------------------------------------------------------------- */

div#debug {

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 150px;

    background-color: #EEEEEE;

    display: none;

    overflow: auto;

}

body > div#debug {

    position: fixed;

}

* html body {

    overflow: hidden;

}

* html div#wrap {

    height: 100%;

    overflow: auto;

}


/* cust */

div.entry-content h2:not(.chapter_subtitle):not(.chapter_author), .entry-content h2:not(.chapter_subtitle):not(.chapter_author) {

    text-align: left;

    font-style: normal;

    font-variant: normal /*small-caps*/;

    font-weight: bold;

    font-size: 1.2em;


}

div.entry-content h3:not(.chapter_subtitle):not(.chapter_author), .entry-content h3:not(.chapter_subtitle):not(.chapter_author) {

    text-align: left;

    font-style: normal;

    font-variant: normal /*small-caps*/;

    font-size: 1em;

}

#toc li ul {

    list-style-type: disc;

    margin-left: 25px;

}

#toc li {
    clear: both;
}


.call-to-action {

    max-width: 100%

}

.call-to-action img {

    background: white;

    border: none;

}

.table-of-content h4 {
    margin: 0
}

.table-of-content ul {
    margin: 0
}


hr.footnotehr {
    margin-top: 30px;
}

table h1, table h2,
table h3, table h4,
table h5, table h6 {
    line-height: 2em
}

div.column {
    padding-right: 18px;
}

/*
.entry-content p {
    text-indent: 30px;
	text-align: justify;
}
.entry-content p:first-child {
    text-indent: 0px;
}
div.entry-content p img, .entry-content p img {
    margin-left: -30px;
}

div.entry-content p:first-child img, .entry-content p:first-child img {
    margin-left: 0px;
}
*/
hr + p {
    text-indent: 0 !important;
}

div#content p {
    min-height: 1em;
}


/* theme requirements as per http://codex.wordpress.org/CSS */

.aligncenter,
div.aligncenter {


    float: center;

    margin: 0 auto 10px auto;

    margin: 10 auto; /*centers in compliant browsers*/

}

.aligncenter {

    float: center;

    margin: 0 10px 10px 0;

    margin: 10 auto; /*centers in compliant browsers*/


}

.alignleft {

    float: left;

    margin: 0 10px 10px 0;

}

.alignright {

    float: right;

    margin: 0 0 10px 10px;

}


div.entry-content h1 + p, .entry-content h1 + p,
div.entry-content h2 + p, .entry-content h2 + p,
div.entry-content h3 + p, .entry-content h3 + p,
div.entry-content h4 + p, .entry-content h4 + p,
div.entry-content h5 + p, .entry-content h5 + p,
div.entry-content h6 + p, .entry-content h6 + p {
    text-indent: 0;
}


p.hanging-indent {
    text-indent: -2em !important;
    padding-left: 2em;
}


.entry-content ol {

    margin-left: 30px;
}


.mceItemTable td,
.mceItemTable th,
.entry-content td,
.entry-content th {
    border: solid black 1px;
}

.entry-content table {
    margin-top: 10px;
    margin-bottom: 10px;
    table-layout: fixed;
}

table.aligncenter {
    margin-left: auto;
    margin-right: auto;
}

h2.entry-title sup.footnote {
    font-size: 10px;
    bottom: 12px;
}

h2.chapter_author + p {
    margin-top: 40px;
}

.entry-content p[style*=center] {
    text-indent: 0;
}

table caption {
    /* margin-bottom: 20px; */
    margin-top: 10px;
    line-height: 1.2em;
}

p.no-indent {
    text-indent: 0 !important;
}

p.indent {
    text-indent: 30px !important;
}

.wp-caption p.wp-caption-text {
    text-align: justify /*center*/;
    font-family: sans-serif;
    font-size: 13px;
    padding-right: 5px;
    text-indent: 0;
    margin-top: 5px;
    margin-bottom: 20px;
    line-height: 1.2em;
}

.wp-caption a {
    display: block;
    text-align: center;
}

div.manual-caption, p.manual-caption {
    font-family: sans-serif;
    font-size: 13px;
    padding-right: 5px;
    text-indent: 0;
    margin-top: 5px;
    margin-bottom: 20px;
    line-height: 1.2em;
    text-align: justify /*center*/;
}

p.manual-caption {
    font-family: sans-serif;
    font-size: 13px;
    padding-right: 5px;
    text-indent: 0;
    margin-top: 5px;
    margin-bottom: 20px;
    line-height: 1.2em;
    text-align: justify /*center*/;
}

p.manual-caption {
    margin: 1em 0;
}

@media screen and (max-width: 1024px) {
    .bookHeaderRight {
        display: none;
    }
}


/***
editor only
**/
.wp-editor .aligncenter {
    margin-left: auto;
    margin-right: auto;
}

/*
.wp-editor tr, .wp-editor td {
  min-height: 1em;
}
*/

body.entry-content {
    margin: 20px;
    line-height: initial;
    font-size: initial;
    height: auto;
}

body.entry-content .tight,
body.entry-content span.tight,
body.entry-content p.tight {
    letter-spacing: -0.25px;
    word-spacing: -0.075em;
}

body.entry-content .very-tight,
body.entry-content span.very-tight,
body.entry-content p.very-tight {
    letter-spacing: -0.5px;
    word-spacing: -0.09em;
}

body.entry-content .loose,
body.entry-content span.loose,
body.entry-content p.loose {
    letter-spacing: 0.25px;
    word-spacing: 0.075em;
}

body.entry-content .very-loose,
body.entry-content span.very-loose,
body.entry-content p.very-loose {
    letter-spacing: 0.9px;
    word-spacing: 0.09em;
}

#cp_i_x {
    display: inline-block;
    width: 350px;
    margin-left: 50px;
}

@media screen and (max-width: 480px) {
    div#cp_i_x {
        width: 100%;
        margin-left: 0;
    }
}

p.wp-caption-text {
    text-indent: 0;
}

table caption {
    caption-side: bottom;
    text-align: justify;
}

p span {
    line-height: inherit !important;
    font-size: inherit !important;
    font-family: inherit !important;
    color: inherit !important;
}

div#sidebar li.chapter a:not(.nox),
div#sidebar li.front-matter a,
div#sidebar li.back-matter a {
    /*display: -webkit-inline-flex;*/
    /*display: inline-flex;*/
    /*changed on 2018 12 4*/
    display: block;
}

table {
    width: 100%
}

.homeauthorcontent {
    font-size: 14px;
}


.homeauthorcontent p {
    text-align: initial;
}


.wp-dialog .ui-dialog-title {
    font-family: 'Droid Serif';
}


@media screen and (min-width: 481px) {
    .nav span.up {
        display: none !important;
    }
}

.nav span.up a {
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    margin: auto;
}

@media screen and (max-width: 768px) {
    div#toTop {
        display: none;
        visibility: hidden;
    }
}

div#toTop {
    right: 0px;
    bottom: 0px;
    position: fixed;
    display: none;
    z-index: 100;
    /*background: white;*/
}

.nav span.up {

    display: none;

}

div#toTop a {
    background: url(images/sprite.png) 0 -573px no-repeat;
    display: block;
    overflow: hidden;
    text-indent: 100%;
    width: 42px;
    height: 43px;
    white-space: nowrap;
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

div#toTop a:hover {
    background-position: -56px -573px;
}


span#commentCount {
    position: absolute;
    background-color: #a51b1b;
    padding: 5px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(179, 56, 56)), to(rgb(165, 27, 27)));
    background-image: -webkit-linear-gradient(top, rgb(179, 56, 56), rgb(165, 27, 27));
    background-image: -moz-linear-gradient(top, rgb(179, 56, 56), rgb(165, 27, 27));
    background-image: -o-linear-gradient(top, rgb(179, 56, 56), rgb(165, 27, 27));
    background-image: -ms-linear-gradient(top, rgb(179, 56, 56), rgb(165, 27, 27));
    background-image: linear-gradient(top, rgb(179, 56, 56), rgb(165, 27, 27));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#b33838', EndColorStr='#a51b1b');
    color: white;
    border-radius: 5px;
    font-size: 12px;
    right: 15px;
    font-family: 'Lato', sans-serif;
    line-height: 0.9em;
    cursor: pointer;
    margin-top: 3px;
}

.annotator-adder {
    top: 0;
}

#toc {
    display: none;
}

/*
.hyphenate{
  hyphens: auto; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto;
}
.donthyphenate{
  hyphens: none; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none;
}
*/
/*
@media screen and (max-width: 620px){
  .fp_comment_h2{
    max-width: 95%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 780px){
  .fp_comment_h2{
    max-width: 95%;
    margin-left: auto;
    margin-right: auto;
  }
}
*/

.divbanner {

    /*
    font-family: 'Oswald', sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    border: 1px solid red;
    */

    display: block;
    /*margin-left: calc(((100% - 960px)/2 - 150px)/2);*/
    margin-left: calc(((100% - 960px) / 2 - 40px - 150px));
    /* 5%; */
    max-width: 300px;
    width: 300px;
    clear: left;
    float: left;
    position: absolute;
    z-index: 5000;
}

.divbanner_right {
    position: absolute;
    /*margin-right: calc(((100% - 960px)/2 - 150px)/2);*/
    margin-right: calc(((100% - 960px) / 2 - 40px - 150px));
    float: right;
    display: block;
    max-width: 300px;
    width: 300px;
    right: 0;
    z-index: 5000;
}

@media screen and (max-width: 1024px) {
    .divbanner, .divbanner_right {
        display: none;
    }
}


@media print {

    .nav {
        display: none;
    }

    div#sidebar {
        display: none;
    }


    blockquote {
        padding-top: 0;
        padding-bottom: 0;
    }

    .divbanner, .divbanner_right {
        display: none;
    }
}


a {
    word-break: break-word;
}

#leccount .share {
    background-color: #ef7f2c;
    padding-left: 10px;
}

#leccount .share:before {
    background: url(/wp-content/plugins/teseopress/themes-book/pressbooks-book/images/view-icon.png) 7px 7px no-repeat;
    content: "";
    display: block;
    height: 30px;
    line-height: 0;
    position: absolute;
    width: 25px;
}


@media screen and (min-width: 769px) {
    .sharrre {
        display: inline-block;
        margin-left: 5px;
        margin-right: 5px;
        overflow: hidden
    }

    .noshow768 {
        display: none !important;
    }

}

@media screen and (max-width: 769px) {
    div#leccount {
        margin-bottom: 20px;
    }
}



/** home page indentation **/

.description-book-info p:first-of-type {
    text-indent: 0px;
}

.description-book-info p {
    text-indent: 30px;
}

.description-book-info .howtocite p {
    text-indent: 0px;
}

.author-book-info p:first-of-type {
    text-indent: 0px;
}

.author-book-info p {
    text-indent: 30px;
}

span.fontinc {
    position: absolute;
    right: 50px;
    top: 1px
}

span.fontdec {
    position: absolute;
    left: 50px;
    top: 1px
}

span.fontinc img, span.fontdec img {
    max-width: 43px;
}

@media screen and (min-width: 481px) {
    span.fontinc, span.fontdec {
        display: none;
    }
}

#toc .dashicons {
    color: #aeaeae
}

#toc h4:hover .dashicons {
    color: #777
}


/** comment form **/
@media screen and (min-width: 481px) and (max-width: 1024px) {
    #commentform input, #commentform textarea {
        float: left;
        margin-left: 50px
    }

    #commentform input#submit {
        margin-left: 0;
    }
}

/** popup footnote */
.tooltipster-content {
    text-align: justify;
}


#overover {
    content: ' ';
    position: relative;
    top: -4em;
    height: 4em;
    width: 100%;
    background: -webkit-linear-gradient(rgba(255, 255, 255, 0), #fff);
    background: -moz-linear-gradient(rgba(255, 255, 255, 0), #fff);
    background: -o-linear-gradient(rgba(255, 255, 255, 0), #fff);
    background: -ms-linear-gradient(rgba(255, 255, 255, 0), #fff);
    background: linear-gradient(rgba(255, 255, 255, 0), white);
    pointer-events: none;
    z-index: 10000;
}


.btnlogin {
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    color: #fff;
    display: block;
    font-family: 'Oswald', sans-serif;
    margin: 0 10px;
    padding: 7px 20px;
    text-align: center;
    text-transform: uppercase;

    margin: auto;
    text-decoration: none;
}

.btnlogin.red {
    background-color: #ef7f2c;

    /* text-align: center; */
}

a:hover.btn.red {
    background-color: #ef7f2c;

}

a:active.btnlogin.red {
    background-color: #ef7f2c;

}

div#nextover {
    top: -3em;
    position: relative;
}

div#nextoverspace {
    height: 4em;
}

ol.commentlist li.superComment {
    background-color: #fdf6e9 /*#abdbd7*/;
}

ol.commentlist li.subscriberComment {
    background-color: #fdf6e9;
}


.mceContentBody blockquote {
    text-align: justify;
}

/* toc related */
h2.h2toc {
    font-style: normal;
    text-align: left;
    font-family: 'Oswald', sans-serif;

    font-variant: normal;
    font-weight: normal;
}

#popup_toc * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#popup_toc {

    font: 16px/1.5 'Droid Serif', serif;

    position: absolute;
    top: 150px;
    left: 0px;
    width: 100%;
    z-index: 1000;
    display: block;
    background: transparent;
}


#popup_toc a {
    text-decoration: none;
}

#popup_toc h1,
#popup_toc h2,
#popup_toc h3,
#popup_toc h4,
#popup_toc h5 {
    color: #fff;
    font-family: 'Oswald', sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    margin-bottom: 20px;
    text-align: left;
}

#popup_toc h1 {
    font-size: 2.25em;
    font-weight: bold;
}

#popup_toc h2 {
    font-size: 1.5em; /* 24/16 */
}

#popup_toc h3 {
    font-size: 1.25em; /* 20/16 */
}

#popup_toc h4 {
    font-size: 1.125em; /* 18/16 */
}

#popup_toc h3,
#popup_toc h4 {
    text-transform: none;
}

#popup_toc blockquote {
    background: none;
    color: #fbfbfb;
    line-height: 1.7;
    margin: 0 auto 40px;
    padding-left: 0;
    width: 90%;
}

#popup_toc blockquote p {
    padding-left: 40px;
}

#popup_toc blockquote p + p {
    margin-top: 0;
    padding-top: 0;
    padding-left: 40px;
}

#popup_toc blockquote:before {
    display: block;
    float: left;
    font-size: 100px; /* let's make it a big quote! */
    content: "\201C";
}

#popup_toc ul, #popup_toc ol {
    list-style: disc outside none;
    padding-left: 30px;
}

#popup_toc ol {
    list-style: decimal;
}

#popup_toc ol li:before {
    content: "";
}

#popup_toc h5 {
    font-size: 1em;
}


#popup_toc .third-block {
    color: #fff;
    margin: auto;
    max-width: 960px;
}


#popup_toc .third-block-wrap {
    background-color: #e4e6e8;
    width: 520px;
    padding: 3em 60px;
    box-sizing: content-box;
    margin: auto;

    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -moz-box-shadow: 2px 2px 2px #dddddd;
    -o-box-shadow: 2px 2px 2px #dddddd;
    -webkit-box-shadow: 2px 2px 2px #dddddd;
    box-shadow: 2px 2px 2px #dddddd;

}

#popup_toc .third-block {
    color: #333;
    font-family: 'Oswald', Arial, Helvetica, sans-serif;

}

#popup_toc .third-block h2 {
    color: #333;
}

#popup_toc .third-block a {
    color: #333;
    font-weight: lighter;
}

#popup_toc ul.table-of-content {
    font-size: 0.875em;
    list-style: none;
    padding-left: 0;
}

#popup_toc .table-of-content h4 {
    color: #333;
    line-height: 1.3;
    margin-bottom: 5px;
    margin-top: 20px;
    page-break-after: avoid;
}

#popup_toc .table-of-content ul {
    margin-left: 10px;
    list-style: none;
    padding-left: 0;
}

#popup_toc .table-of-content .front-matter,
#popup_toc .table-of-content .back-matter {
    /* font-weight: bold; */
    margin-left: 0;
}

#popup_toc .table-of-content h4 {
    margin: 0
}

#popup_toc .table-of-content ul {
    margin: 0;
}

@media screen and (max-width: 1024px) {
    #popup_toc .third-block-wrap {
        width: auto;
    }
}

@media screen and (max-width: 990px) {


    #popup_toc .third-block-wrap {
        padding: 1em 0;
    }

    #popup_toc .third-block {
        width: 80%;
    }

}

@media screen and (max-width: 780px) {


    #popup_toc .third-block {
        margin: 10px auto 0;
        max-width: 75%;
        width: auto;
    }

    #popup_toc .third-block-wrap {
        padding: 1em 0;
    }
}

@media screen and (max-width: 620px) {

    #popup_toc .third-block {
        max-width: 95%;
    }
}


/* clipboard */

::selection {
    color: white;
    background: #AB3333;
}

::-moz-selection {
    color: white;
    background: #AB3333;
}

.waitcursor {
    cursor: wait;
    opacity: 0.5;
}

@media screen and (max-width: 370px) {
    #booknav li {
        width: 60px;
    }
}

/** custom **/

.imagen-texto {
    height: 0.5cm !important;
    margin-top: -10px !important;
    margin-bottom: -5px !important;
    display: inline !important;
}


div.social-icon-wrapper {
    top: 50px;
    right: 2%;
    position: absolute;
}

div.social-icon-wrapper.social-inner-pages {
    top: 11px;
}

div.social-icon:first-child {
    margin-left: 0px;
}

div.social-icon {
    float: left;
    margin-left: 11px;
    opacity: 0.55;
    filter: alpha(opacity=55);
    cursor: pointer;
}

div.social-icon:hover {
    opacity: 1;
}

@media only screen and (max-width: 1300px) {
    div.social-icon-wrapper {
        display: none
    }
}


a.anchorjs-link {
    margin-right: -20px;
}

a.sidebar_toc_part img.img_bookmarked,
li.back-matter img.img_bookmarked,
li.front-matter img.img_bookmarked,
li.sidebar_toc_part_li img.img_bookmarked {
    max-width: 10px;
    /*margin-left: 5px;*/
}

ul#table-of-content img.img_bookmarked {
    max-width: 15px;

}

@media screen and (min-width: 1025px) {
    div#chapter_bookmark {
        right: calc((100% - 640px) / 2 - 1px);
    }
}

/* header row */
div#header_user_bar {
    background: #a51b1b;
    height: 32px;
    display: flex;
    justify-content: flex-end;
}

div#header_user_bar a {
    display: inline-block;
    line-height: 32px;
    padding: 0 10px;
    margin: 0 10px;
    color: white;
    text-decoration: none;
    font-family: Oswald, sans-serif;
    white-space: nowrap;
}

@media screen and (max-width: 480px){
    div#header_user_bar{
        justify-content: space-between;
    }
    div#header_user_bar a {
        padding: 0 5px;
        margin: 0 5px;
    }
}

div#header_user_bar a:hover {
    color: #a51b1b;
    background-color: white;
}

/* sticky meu */
div#sidebar.menu_sticky.go_sticky {
    position: fixed;
    top: 0;
    background: white;
    z-index: 100000;
}

div#sidebar_background_sticky.go_sticky {
    /*width: 100vw;*/
    top: 0;
    background-color: rgba(250, 250, 250, 0.8);
    /*left: 0;*/
    position: fixed;
    height: 40px;
    /*background: url(images/bg.png) repeat 0 0 #f9f9f9;*/
    z-index: 100;
    display: block !important;
    box-shadow: 2px 2px 2px #dddddd;
    width: 100vw;
    /*right: calc( ( 100% - 640px) /2 - 1px);*/
}

@media screen and (min-width: 1025px) {
    .nav span.previous, .nav span.next{
        top: 55%;
    }
}
@media screen and (min-width: 1025px) {
    div#sidebar {
        right: calc((100% - 640px) / 2 - 42px);
        /* z-index: 1111111; */
        /* position: fixed; */
        z-index: 60000;
    }

    div#sidebar ul#booknav {
        display: flex;
        flex-direction: column;
    }

    div#sidebar .home-btn a {
        background-position: -38px -189px;
    }

    div#sidebar .toc-btn a {
        background-position: -138px -187px;
    }

    div#sidebar #booknav li {
        width: 40px;
        border-bottom: 1px solid #E1E1E1;
        height: 31px;
    }
    div#sidebar #booknav li {
        -webkit-border-radius: 0 0 0 0;
        border-radius: 0 0 0 0;
    }
    div#sidebar #booknav li:first-child {
        -webkit-border-radius: 0 6px 0 0;
        border-radius: 0 6px 0 0;
    }
    div#sidebar li.dl-btn a {
        background-position: 12px 10px;
    }

    div#sidebar li.anno-btn a {
        background-position: 12px 14px;
    }

    div#sidebar .admin-btn a {
        background-position: 13px -188px;
    }

    div#sidebar span#commentCount {
        right: 0;
        bottom: 19px;
    }

    div#sidebar_background_sticky {
        visibility: hidden;
    }

    div#chapter_bookmark {
        position: absolute;
        top: 0;
        transform: rotate(270deg);
    }

    div#wrap {
        padding-top: 0;
    }

    div#toc {
        position: absolute;
        right: 50px;
    }
}


@media screen and (max-width: 480px){
    div#wpdcom {
        padding: 10px 20px;
    }

}

/* login box */
.single .log-wrap {
    /*position: absolute;*/
    /*margin-top: 15px;*/
    /*right: 2%;*/
    /*z-index: 1000;*/
}
.single .log-wrap a{
    background: #E4E6E8;
    border-radius: 2px;
    color: #333;
    display: inline;
    font: 0.75em 'Oswald',sans-serif;
    padding: 4px 10px;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
}
.single .log-wrap a:hover {
    background-color: #8D8D8D;
    color: #fff;
}

/* rules for ai query */
.ai_query_editor > * {
    font-size: 14px;
}

.div_edu_eval {width: 100%;text-align: center;margin-top: 20px;margin-bottom: 20px;}
a.link_edu_eval img {
    box-shadow: none;
}