@import url("lwarp_sagebrush.css") ;


A:link {color:#01679a ; text-decoration: none ; }
A:visited {color:#01679a ; text-shadow:1px 1px 2px #a0a0a0;}
A:hover {color:#4d6699 ; text-decoration: underline ; text-shadow:none;}
A:active {color:#01679a ; text-shadow:1px 1px 2px #a0a0a0;}


body{
    font-size:100%;
    background: white;
    /*background: #FAF7F4;*/

}

figcaption {
  display: block;
  background: white;
}

div.bodycontainer {
  /*zoom: 1.15;*/
  max-width: 65em ;
  text-align: justify;
  text-justify: inter-word;
  margin-bottom: 2em;
  line-height: 1.2;
  background: #FAF7F4;
  margin-left:1px;
 }
 
section.textbody {margin: 0ex 2em 0ex 2em;}

div.bodywithoutsidetoc{
	display: flex;
	flex-direction: column;
	align-items:center;}

div.bodywithoutsidetoc div.bodycontainer {
    float: none ;
    
  
}


h1 {    /* title of the entire website, used on each page */
    font-variant: normal ;
    background-color: #f0f0f0 ;
    background-image: none;
    border-bottom: none;
    padding: 0ex 0em 0ex 0em ;
	margin: 1ex 0em 0ex 0em ;
}


nav.sidetoc
{
	background: #333333;
}

div.book, h1, h2, h3, h4, h5, h6, span.paragraph, span.subparagraph
{
    color: #01679a ;
    font-variant: normal ;
    /*text-shadow: 1px 1px 2px #808080; */
    text-shadow: 0px 0px 0px #808080;
}

div.sidetoccontents
{
	background: #333333;
	color: white;
}

div.sidetoctitle
{
	color: white;
	background: #333333;
}    
   

figure , div.marginblock {
    background-color: white ;
    border: 1px solid silver ;
    border-radius: 0.5ex ;
    box-shadow: 1px 1px 1px #808080 ;
}

/* To automatically center images in figures: */

figure img.inlineimage {
    margin: 0ex auto 0ex auto ;
    display: block ;
}

/*:target:before {
    content: '';
    height:      120px;
    margin-top: -120px;
	display: block; 
    visibility: hidden;
    z-index: -1;
}*/
   
html {
  scroll-padding-top: 100px; /* height of sticky header */
}

header{
    background-color: #efefef;
    background-image: linear-gradient(to top, #ffffff, #ffffff);
    
    box-shadow: 0px 1px 4px black ;
    border-bottom: 0px solid black ;
    margin: 0px ;
    padding: 0.1ex 1em 0.1ex 1em ;
    text-align:left ;
    position: sticky;
    top: 0px;
    right: 0px;
    left: 0px;
	z-index: 100;
}

@media screen and (max-width: 50em) {
    header { position: static; }
}

footer{
    background-color: #006699 ;
    background-image: linear-gradient(to bottom, #006699, #006699);
    color: #ffffff;
    box-shadow: inset 0px 1px 4px black;
}

footer a:link {color:#cccccc ; text-decoration: none ; }
footer a:visited {color:#cccccc ; text-shadow:1px 1px 2px #a0a0a0;}
footer a:hover {color:#ffffff ; text-decoration: underline ; text-shadow:none;}
footer a:active {color:#ffffff ; text-shadow:1px 1px 2px #a0a0a0;}


div.sidetoccontainer {
    background-color: #333333 ;
    background-image: linear-gradient(to bottom, #333333, #333333);
    box-shadow: none ;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
    font-size:1.2em;
    border-radius: 0px 0px 5px 0px ;
    }

div.sidetoctitle {     font-variant: normal; color: #FFFFFF ; }

div.minipage {
    background-color: white ;
    border: 1px solid silver ;
    border-radius: 0ex ;
}


nav.sidetoc a:hover {
    color: #0088CC ;
    text-decoration: none ;
    text-shadow:none;
}

nav.sidetoc p a {
	color: white;
}



div.displaymathnumbered {
    margin-left: 5% ;
    margin-right: 5% ;
    min-width: 2.5in ;
}

@media all and (min-width: 400px) {
    div.displaymathnumbered {
        margin-left: 7% ;
        margin-right: 7% ;
    }
}

@media all and (min-width: 800px) {
    div.displaymathnumbered {
        margin-right: 9% ;
    }
}

@media all and (min-width: 1200px) {
    div.displaymathnumbered {
        margin-right: 10% ;
    }
}


@media screen and (max-width: 50em) { /*58*/
    div.sidetoccontainer {
        float: none ;
        width: 100% ;
        padding: 0 ;
        border-radius: 0 ;
        border-bottom: 1px solid black ;
        border-top: 1px solid black ;
        box-shadow: none ;
    }
    span.sidetocthetitle { display: inline }
    nav.topnavigation { display:block }
    nav.botnavigation { display:block }
    div.bodycontainer { width: 100%; max-width: none ; margin-left:0px;}
    .marginpar {
        max-width: 100%;
        float: none;
        display:block ;
        margin: 1ex 1em 1ex 1em ;
    }
}

@media screen and (max-width: 55em) { /*62*/
section.textbody { margin: 0ex 1em 0ex 1em ;}
}