/*
% (c) 2021, CV Radhakrishnan <cvr@sayahna.org>
% Sayahna Foundation, Jagathy, Trivandrum
*/

/* Table of contents
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
- Normalize
- Grid
- Fonts
- Base Styles
- Typography
- Links
- Lists
- Code
- Tables
- Spacing
- Fontawsome
- Utilities
- Navigation
- Footer
- Clearing
- Media Queries
*/

/* Normalize
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
* {
  margin: 0;
  padding: 0;
}

/* Grid
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
.container {
  position: relative;
  width: 100%;
  margin: 0 0 ;
  padding: 0 0 ;
  box-sizing: border-box; 
}

.title {
    display: block;
    padding: 2em 0 ; 
}

footer {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: 0 0;
}

.fontmatter, .mainmatter, .back, .foot {
  position: relative;
  max-width: 600px;
  margin: 0 auto;
  padding: 0 0;
  box-sizing: border-box; 
}


@media only screen and (max-width: 600px) {
    .back,footer { margin: 0 auto; width: 87% }
    .lchapter, .chapter  { width: 87%; margin: 0 auto; padding: 0 }
    .mainmatter { margin: 0 6px;}
}

/* rows */
.row {
    padding: 0;
    margin: 0;
}

.row:before,
.row:after {
    content:"";
    display:table;
}

.row:after {
    clear:both;
}

/* columns */
.col {
    display: block;
    float:left;
    //	margin: 1% 0 1% 4%;
    margin: 0 0 0 0;
}

.col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */

@media only screen and (max-width: 600px) {
    .col { margin: 0 0 0 0;}
    .container { margin: 0 0 ; padding: 0 0 ; }
}

/* cells */
.cell1of1 {	width: 100%;}
.cell2of2 {	width: 100%;}
.cell1of2 {	width: 48%;}
@media only screen and (max-width: 480px) {
  .cell1of2, .cell2of2 { width: 100%; }
}

.cell3of3 {	width: 100%; }
.cell2of3 {	width: 65.33%; }
.cell1of3 {	width: 30.66%; }
@media only screen and (max-width: 600px) {
	.cell1of3, .cell2of3, .cell3of3 { margin: 0; width: 100%; }
}

.cell4of4 { width: 100%; }
.cell3of4 { width: 74%; }
.cell2of4 {	width: 48%; }
.cell1of4 {	width: 22%; }
@media only screen and (max-width: 700px) {
	.cell1of4, .cell2of4, .cell3of4, .cell4of4 { margin: 0; width: 100%; }
}

.cell5of5 { width: 100%; }
.cell4of5 { width: 79.2%; }
.cell3of5 { width: 58.4%; }
.cell2of5 { width: 37.6%; }
.cell1of5 { width: 16.8%; }
@media only screen and (max-width: 480px) {
	.cell1of5, .cell2of5, .cell3of5, .cell4of5, .cell5of5 { width: 100%; }
}

.cell6of6 { width: 100%; }
.cell5of6 { width: 82.66%; }
.cell4of6 { width: 65.33%; }
.cell3of6 { width: 48%; }
.cell2of6 { width: 30.66%; }
.cell1of6 { width: 13.33%; }
@media only screen and (max-width: 480px) { 
  .cell1of6, .cell2of6, .cell3of6, .cell4of6, .cell5of6, .cell6of6 { width: 100%; }
}  

.cell7of7 { width: 100%; }
.cell6of7 { width: 85.14%; }
.cell5of7 { width: 70.28%; }
.cell4of7 { width: 55.42%; }
.cell3of7 { width: 40.57%; }
.cell2of7 { width: 25.71%; }
.cell1of7 { width: 10.85%; }
@media only screen and (max-width: 480px) { 
  .cell1of7, .cell2of7, .cell3of7, .cell4of7, .cell5of7, .cell6of7, .cell7of7 { width: 100%; } 
}

.cell8of8 { width: 100%; }
.cell7of8 { width: 87%; }
.cell6of8 { width: 74%; }
.cell5of8 { width: 61%; }
.cell4of8 { width: 48%; }
.cell3of8 { width: 35%; }
.cell2of8 { width: 22%; }
.cell1of8 { width:  9%; }
@media only screen and (max-width: 480px) { 
  .cell1of8, .cell2of8, .cell3of8, .cell4of8, .cell5of8, .cell6of8, .cell7of8, .cell8of8 { 	width: 100%; }
}

/* Fonts
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
 @font-face {
  font-family: 'roboto light';
  src: url('/fonts/roboto_light.woff')
	  format('woff');
	font-variant-numeric: oldstyle-nums;   
}
@font-face {
  font-family: 'roboto regular';
  src: url('/fonts/roboto_regular.woff')
	  format('woff');
	font-variant-numeric: oldstyle-nums;   
}
@font-face {
  font-family: 'roboto medium';
  src: url('/fonts/roboto_medium.woff')
	  format('woff');
	font-variant-numeric: oldstyle-nums;   
}

@font-face {
	font-family: LinLibertine ;
	src: url('/fonts/LinLibertine_R.otf') ;
	font-variant-numeric: oldstyle-nums;   
}

@font-face {
  font-family: 'RIT Rachana' ;
  src: url('/fonts/RIT-Rachana-Regular.woff2') format('woff2') ;
  unicode-range: U+0D00-0D7F, U+2000-209F;
  font-variant-numeric: oldstyle-nums;   
}
/* Base Styles */

html {
    background: White ;
  font-size: 100%; height: 100%; 
  line-height: 1.4em;
}

header { 
    background: #004d1a ;
    font-size: 100%; 
    line-height: 1.4em;
    padding: 0 ;
    height: 150px;
}

.search { 
    background: black ; 
    height: 45px ;		
    margin-bottom: -5px; 
}

.navigation {
    background: #666633;  height: 2em; z-index: 100;
}

/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
body {
    margin: 0 0 0 0 ;
    background:  FloralWhite;
    color: #330000;
    font-family: LinLibertine, 'RIT Rachana', sans-serif;
    font-variant-numeric: oldstyle-nums;
    font-size: 18px;
    font-weight: 300;
    border: 0px solid #ffe6e6 ;
    text-align: justify;
    word-spacing: -2px ;
}

p.nohyphens {  
    hyphens: none;
    -ms-hyphens: none;
    -moz-hyphens: none;
    -webkit-hyphens: none;
    word-break: normal;
    line-break: normal;
    
}

myhyphens {
    word-break: normal; 
    line-break: normal;
    hyphens: auto;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphenate-limit-chars: auto;
    hyphenate-limit-last: always;  
    hyphenate-limit-zone: 8%;   
}

h1, h2, h3, h4, h5, h6 {
  color: #222;
  font-family: 'RIT Rachana', 'LinLibertine', sans-serif;
  font-variant-numeric: oldstyle-nums;
  font-weight: 300;
  text-shadow: 2px 2px 2px #aaa;
//  letter-spacing: -.03em;
  letter-spacing: .025em;
  line-height: 1.4em;
  margin: 0.5em 0 .25em 0;
  hyphens: none;
  -ms-hyphens: none;
  -moz-hyphens: none;
  -webkit-hyphens: none;
}

h1 { font-size: 1.6em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.3em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1.1em; }
.home h1 {font-size: 1.5em}

strong, b, .bold{
    font-family: 'LinLibertine', 
		 'RIT Rachana', sans-serif;
    font-variant-numeric: oldstyle-nums;
    font-weight: 500; color: #006600; 
}

em, i, .italic { font-style: italic; letter-spacing: .03em; }

.en { font-family: LinLibertine ; font-variant-numeric: oldstyle-nums; }

/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
a         { color: #005DB7; text-decoration: none; }
//a:hover   { text-decoration: underline; border-bottom: 1px dotted gray; }
a:hover   { border-bottom: 1px dotted gray; }
a:visited { color: #005DB7; }
a:active,
a:focus   { outline: 0; }
a:target  { color: #007F00; }

/* Lists
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
ul {
  list-style: circle outside; }
ol {
  list-style: decimal outside; }
ol, ul {
    padding-left: 0; margin-left: 2em;
    margin-top: 0; }
ul ul,
ul ol,
ol ol,
ol ul {
  margin: 1.5em 0 1.5em 3em;
  font-size: 90%; }
li {
     word-break: normal; 
     line-break: normal;
     hyphens: auto;
     -ms-hyphens: auto;
     -moz-hyphens: auto;
     -webkit-hyphens: auto;
   	hyphenate-limit-chars: auto;
   	hyphenate-limit-last: always;  
   	hyphenate-limit-zone: 8%;   
   	hyphenate-character: "";
     margin: 0.25em 0; }
.lsn { list-style: none; }

ul.team, ul.team ul { list-style: inside none; margin: .5em 0 .2em;}
ul.team ul { margin: 0 0 0 .2em; }
ul.team ul li { margin: 0; }
ul.team a span {color: #000;}

ol.enumerate1 { list-style: decimal inside; margin-left: 1em;
		margin-top: 0;
	  padding-top: 0; text-indent: -1em; }
li.enumerate {
     word-break: normal; 
     line-break: normal;
     hyphens: auto;
     -ms-hyphens: auto;
     -moz-hyphens: auto;
     -webkit-hyphens: auto;
     hyphenate-limit-chars: auto;
     hyphenate-limit-last: always;  
     hyphenate-limit-zone: 8%;   
     hyphenate-character: "";
     margin: 0.25em 0; }

/* Code
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
code {
  font-size: 90%;
  color: brown;
  white-space: nowrap; }

pre > code {
  display: block;
  overflow: auto;
  padding: 1em 1.5em;
  white-space: pre;
  word-wrap: normal; }

pre  {
    overflow: auto;
    padding: .5em 0em .4em 1em;
    margin-left: 0em;
    font-family: monospace; 
    color: DarkSlateGrey;
    border-left: solid 10px;
    border-color: #cccccc;
    background-color: #eeeeee;
    font-size: .9em;
}

/* Tables
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
th,
td {
    padding: .25em 1.5em;
    text-align: left;
    border-bottom: 0px solid #E1E1E1; }
th:first-child,
td:first-child {
    padding-left: 0; }
th:last-child,
td:last-child {
    padding-right: 0; }


/* Spacing
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
article { margin: 2em 0 0; }
button, .button {
    margin: 0em; 
    margin-top: .25em;
    width: auto ;
}

input,
textarea,
select,
fieldset {
    margin-bottom: 1.5em; }

pre,
blockquote,
dl,
figure,
table,
ul,
ol,
form { margin-bottom: .5em; }

p { margin-bottom: .5em; padding: 0; } 

/* Utilities
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
.u-full-width {
    width: 100%;
    box-sizing: border-box; }
.u-max-full-width {
    max-width: 100%;
    box-sizing: border-box; }
.u-pull-right {
    float: right; }
.u-pull-left {
    float: left; }

/* Header
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
header { margin: 0 0em 0em 0em ; }
header img { display: block; margin: auto auto ; }
header span {
    position: absolute !important;
    top: -9999em !important; left: -9999em !important;
} 

@media screen and (max-width : 600px){
    header { margin: 0 0 0 0; width: 100% }
    nav { width: 100% ; z-index: 100; }
    body { text-align: left; }
}

/* Navigation
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
nav { 
    position: relative; 
    margin: 20px 0 0 0 ;		
    background: #00802b ;
}
nav ul { 
    list-style: none; margin: 0;
    text-align: center; width: 100%; 
}
nav ul li { display: inline-block; margin: -1px 0 0 0; }
nav ul li a, 
nav ul li a:visited {
    color: #FFF;
    display: block;
    padding: .4em .4em .4em .4em; 
    text-align: center;
    text-decoration: none; 
}
nav ul li a:hover {
    color: #FFF; background-color: #004d1a;
    display: block;
    padding: .4em .4em .4em .4em; 
    text-align: center;
    text-decoration: none; 
}
// nav ul li a:hover { text-decoration: underline; }
// nav ul li a:hover { background: white; color: }
nav ul li.active a, nav ul li.active a:hover {
    color: #4dffff;
    font-family: 'RIT Rachana', 'LinLibertine' ;
    font-variant-numeric: oldstyle-nums;
    font-weight:400;
    text-decoration: none;
    border-bottom: solid white 1px;
    hyphens: none;
    -moz-hyphens: none;
    -webkit-hyphens: none;
    -ms-hyphens: none;
} 
nav li:hover ul a { background: #000; color: #005DB7; }
nav li ul a:hover { color: #000; text-decoration: none;}
nav li ul { display: none; position: absolute; width: auto; }
nav li ul li { display: block; float: none; }
nav li ul li a { min-width: 8em; width: auto; }
nav ul li a:hover + .sub, .sub:hover { display: block; text-decoration: none; }

.show-menu {
    text-decoration: none;
    color: #fff; background: #00b300;
    text-align: center; padding: .5em 0;
    display: none; }

.show-menu a:hover {
    text-decoration: none;
    color: #008080; background: cyan; 
    text-align: center; padding: .5em 0;
    display: none; }

nav input[type=checkbox] {
    display: none; -webkit-appearance: none; }

nav input[type=checkbox]:checked ~ ul {
    display: block;          
    border-bottom: 1px FloralWhite solid;
    background: #00802b ;
    color: cyan; }

@media screen and (max-width : 700px){
  nav ul {
      position: static; z-index: 100;
      display: none;
      bottom-border: 1px white solid ;  }
  header nav ul li, header nav ul li a {
      display: inline-block;
      bottom-border: 1px white solid ;
      width: auto;
      -moz-hyphens: none;
      -webkit-hyphens: none;
      -ms-hyphens: none;
      z-index: 100; }
  .show-menu {
      display:block;
      z-index: 100;}
  .show-menu a:hover {
    text-decoration: none;
    color: #008080; background: #fff; 
    text-align: center; padding: 0 .5em ;
    display: none; }
  nav input[type=checkbox] {
    display: none; -webkit-appearance: none; }
  nav input[type=checkbox]:checked ~ ul {
    display: block;          
    border-bottom: 1px FloralWhite solid;
    background: #00802b ;
    color: cyan; }
}

/* Footer
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
footer {
    background: #004d1a ;
    width: 100% ;
}

.foot {
    width: 700px ;
    color: #FFF;
    font-size: 0.9em;
    margin: 0 auto;
    padding: 1em 1em ;
    hyphens: none ;
    -webkit-hyphens: none;
    -ms-hyphens: none;	
    -moz-hyphens: none;
}

footer a, footer a:visited { color: #80e0ff; }
footer svg { margin: 0 0 0.7em; }
footer ul { list-style: none; }
footer li { border-bottom: 1px solid #555; }
footer li a {display: block; font-size: 0.9em;}
footer li a:hover { color: #EEE; text-decoration: none; }

@media only screen and (max-width: 600px) {
    footer { width: 100%; margin: 0 auto ; text-align: center}
    .foot { width: 87%; text-align: left; padding: 1em 0em;}
}

/* Misc
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
hr {
    clear: both;
    color: #e3e3e5;
    background: #e3e3e5;
    height: 2px;
    border: 0;
    margin: 0 0 2.5em; }

scap { font-size: .825em; text-tranformation; uppercase; }
span.TEX {letter-spacing: -0.125em; padding-right:0.125em; }
span.TEX span.E{ position:relative;top:0.5ex;left:-0.0417em;}
.A span.TEX span.E {text-decoration: none; }
span.LATEX span.A{
    position:relative;
    top:-0.5ex; left:-0.375em;
    padding-right:0.1em;
    font-size:75%;}
span.LATEX span.TEX{ margin-left:-0.4em; }

/* Various
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
/* home */
.home dt { margin: 1em 0 .3em; }

/* teaser */
.teaser a:hover {
    display: inline-block;
    text-decoration: none; }
.teaser section a h2,
.teaser section a h3 {
    color: #005DB7;
    font-size: 1.2em;
    margin: 0 0 .5em;
    padding: .2em 0;}
.teaser section a p { color: #000; }
.teaser section a:hover p { color: #005DB7; }

/* news */
span.fa-rss-square { color: #fe9900;}
small span.fa-rss-square { margin: 0 .2em; }
ul.news-posts, 
ul.all-news-posts { list-style: none; margin: 0 0 1em; }
ul.news-posts li, 
ul.all-news-posts li { margin: 0 0 0.6em; }
ul.news-posts a, 
ul.all-news-posts a { display: block; }
ul.news-posts a:hover, 
ul.all-news-posts a:hover { text-decoration: none; }
ul.news-posts span.post-date {
    color: #555;
    display: block; font-size: 0.8em;
}
ul.news-posts h3 {
    color: #005DB7;
    font-size: 1.2em;
    margin: 0;
    padding: 0 0 .6em; }
ul.news-posts p { color: #000; }
ul.news-posts a:hover p, 
ul.all-news-posts a:hover h3 { color: #005DB7; }
ul.all-news-posts h3 {font-size: 1em;}
ul.all-news-posts h1, 
ul.all-news-posts p {display: none;}
ul.all-news-posts {margin: 0 0 2.5em;}

/* toc */
.toc { list-style: none; }
.toc li:before { content: "\27A4 \2002 \2005"; color: #777;}
.toc li {
    border-bottom: 1px dotted #999;
    margin: 0; padding: .2em .5em;}
.toc a { display: inline-block; width: auto; }
.toc a:hover { color: #000; text-decoration: none; }

/* links */
.links ul { list-style: none; }
.links ul li { margin: 0 0 1em; }
.links ul li a:first-child { font-weight: bold; }
.links .toc li a:first-child { font-weight: normal; }
.links .toc li { margin: 0; }

/* books 
   .books img {
   float: left; margin: .3em 1em .2em 0;
   padding: .1em; border: 1px solid #DDD; }
*/

/* team */
.team h2 { font-size: 1.2em; margin: 1.3em 0 .5em; }
.team h2 .role { color: #999; font-size: 0.7em; }

/* flattr */
a[href*="flattr"] { float: right; }

/* Clearing
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
.container:after,
.row:after,
.u-cf {
  content: "";
  display: table;
  clear: both; }

/* Custom
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
span.neptune {
    font-family: 'RIT Rachana' , 'LinLibertine';
    font-variant-numeric: oldstyle-nums;
    font-size: 90%; font-weight: 300;
    letter-spacing: .1em; color: \#008080;}

/* Media Queries
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Dropdown
---------------------------------------------------------------------------- */
/* Style The Dropdown Button */
.dropbtn {
    color: #005DB7;
    font-family: 'RIT Rachana', sans-serif;
    font-variant-numeric: oldstyle-nums;
    font-weight: 300;		
    background-color: FloralWhite; 
    padding-bottom: 0px;
    font-size: 1em;
    border: none;
    cursor: pointer;
// text-shadow: 2px 2px 2px #aaa;
}

ul li .dropbtn { 
    text-decoration: none ; 
    border: none ;
    margin: 0 0 0 0;
    text-align: left ;
    vertical-align: top ;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {                     
    position: relative;
    display: inline-block;
    margin: 0px 0px 0 px;
    text-align: left ;
    line-height: 1.2em;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    text-align: left ;
    background-color: white;
    font-size: .85em;
    min-width: 200px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    left:0;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    padding: .25em .5em;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {
    background-color: ForestGreen;
    color: white; /* #006699;*/
    font-weight:300;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
    color: black;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    background-color: silver;
}

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

.chaphead, 
.lchaphead,
.sechead, .lsechead, .sukhead, .notehead,
.subsechead, .lsubsechead, 
.subsubsechead, .lsubsubsechead {
  color: #222;
  font-family: 'RIT Rachana', LinLibertine,  ;
  font-weight: 300;
  text-shadow: 4px 4px 4px #aaa;
  letter-spacing: .03em;
  line-height: 1.3;
  margin: 0 0 0 0; 
  -webkit-hyphens: none;
  -ms-hyphens: none;
  -moz-hyphens: none;
  hyphens: none;	
  text-align: left;
}

.chaphead { margin-top: 1.5em; margin-bottom: 1.25em; }

.phead {   color: #424242;
  font-family: 'RIT Rachana', LinLibertine,  ;
  font-weight: 300;
  text-shadow: 1px 1px 1px #aaa;
  letter-spacing: .03em;
  line-height: 1.3em;
  margin-top: .5em ; 
  margin-bottom: 0.5em; 
  margin-left: 0 ;
  margin-right: 0em; 
} 

div.lchapter, div.chapter, div.schapter, .colophon {
    max-width: 700px ;
    margin: 0 auto ;
    padding: 0 0 ;
}

@media screen and (max-width : 600px) {
    .schapter, .chapter, .lchapter .colophon
    { 
	width: 87% ; 
	margin: 0 auto; 
	padding-right: 0.5em; 
    }
    p { line-height: 1.4em;  margin: 0; padding-right: .5em ; text-indent: 1em;}
    p.indent { line-height: 1.4em;  margin: 0; padding-right: .5em; text-indent: 1em;}
    p.noindent { line-height: 1.4em;  margin: 0; padding-right:.5em; text-indent: 0;}
    p.hang {
	line-height: 1.4em;
	margin-left: 1.5em;
	padding-right:.5em;
	text-indent: -1.50em;}
    p.tocindent {
	line-height: 1.4em;
	margin-left: 1.5em;
	padding-right:.5em;
	text-indent: -1.0em;
	padding-bottom: 1em;
    }
    p.verse-br { padding: 0; }
    p.end {
	line-height: 1.4em; font-size: .85em; color: black ;  
	margin-left: 1.18em; padding-right:.5em; text-indent: -1.50em;}
    p.idx {
	line-height: 1.4em;  margin-left: 1.5em;
	padding-right:.5em; text-indent: -1.50em;}
    p.subidx {
	line-height: 1.4em;  margin-left: 2.5em;
	padding-right:.5em; text-indent: -1.50em;}
    span.toclink { display: block; margin-left: 1em;}
}

div.chapcontainer { 
    margin: 3em  auto 2em auto; 
    text-align: center; }
div.chaphead {
    font-size: 2.25em; 
    text-align: center; 
    color: #555; }

div.chapnum  {
    font-size: 1.5em; color: gray; 
    font-family: LinLibertine, 'RIT Rachana';
    font-variant-numeric: oldstyle-nums;	
    margin-top: 3em ;
    margin-bottom: -1.35em;  
    text-align: center ;
}

.chapnum::before { content: "..." ; } 
.chapnum::after { content: "..." ; } 

div.subchap  {
    font-size: 1em; margin: .25em auto; 
    text-align: center; color: #777; }

div.hauthor {
    margin-top: .75em; margin-bottom:1.5em;
    text-align: center;
    font-size: 1.5em;
    color: #666;
}

div.sechead, .lsechead  { font-size: 1.5em; margin: .75em 0 .5em 0; }
div.subsechead, .lsubsechead { font-size: 1.4em; margin: .65em 0 .35em 0; }
div.subsubsechead, .lsubsubsechead { font-size: 1.3em; margin: .55em 0 .25em 0; }
div.sukhead { font-size: 1.5em; margin: .75em 0 .5em 0; }
div.notehead { font-size: 1.2em; margin: .65em 0 .5em 0; }

h5 { font-size: 1.2em; }
h6 { font-size: 1.1em; }
.home h1 {font-size: 3em}

.secnum,.subsecnum, .subsubsecnum { padding-right: .5em; }

.secnum,.subsecnum, .subsubsecnum {
    font-family: LinLibertine;
    font-variant-numeric: oldstyle-nums;
 }

.stanza, .verse {
    display: block ;
    margin-left: 5em ;
    //		margin-bottom: .5em ;
    padding: .25em 0;
    word-wrap: scroll;
    margin-right: 1in;
    text-indent: 0;
    font-size: .9em;
    line-height: 1.3em;
    color: #444;
     word-break: normal; 
     line-break: normal;
     hyphens: auto;
     -ms-hyphens: auto;
     -moz-hyphens: auto;
     -webkit-hyphens: auto;
     hyphenate-limit-chars: auto;
     hyphenate-limit-last: always;  
     hyphenate-limit-zone: 8%;   
     hyphenate-character: "";
}

.snum { float: right ; }
.snum::before { content:"(" }
.snum::after { content:")" }

.quote {
    display: block ;
    margin-left: 3em ;
    margin-right: 3em ;
    padding: .25em 0;
}

.stage {
    color: DarkSlateGray;
    font-size: 90%;
     hyphens: auto;
     -ms-hyphens: auto;
     -moz-hyphens: auto;
     -webkit-hyphens: auto;
   	hyphenate-limit-chars: 6 3 2;
   	hyphenate-limit-last: always;  
   	hyphenate-limit-zone: 8%;   
   	hyphenate-character: "";
}

.instr {
    color: gray;
}

div.end { line-height: 1.4em;  
		font-size: .85em;
		margin-top: .5em; 
		padding-right:.5em; 
		text-indent: 1.50em;
		text-align: left;
}

div.end span.note-link {float: left;
		padding-right: .5em;
		text-align: left;
		text-indent: 0 ;
		width: auto;
}

div.end p.noindent, div.end p.indent { margin-left: 5em; }

/*float: left; padding-top: .25em; }*/

div.end div.verse { margin-left: 2em ; }

.verse-br { margin: 0; padding: 0; }

div.end br.xfn { margin-top: .5em; }

@media only screen and (max-width: 600px) {
    .stanza, .verse {
	display: block ;
	margin-left: 1em ;
	padding: .25em 0;
	margin-right: 0;
	text-indent: 0;
	word-break: normal; 
	line-break: normal;
	hyphens: auto;
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
   	hyphenate-limit-chars: auto;
   	hyphenate-limit-last: always;  
   	hyphenate-limit-zone: 8%;   
   	hyphenate-character: "";
    }
    .quote {
	display: block ;
	margin-left: 1em ;
	margin-right: .5em ;
	padding: .25em 0;
    }
}

p { 
    text-size-adjust: 100%;
    word-break: normal; 
    line-break: loose;
    hyphens: auto;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphenate-character: "" ;
    -webkit-hyphenate-character: "" ;
    hyphenate-limit-chars: auto;
    hyphenate-limit-last: always;  
    hyphenate-limit-zone: 8%;            
}
/* display: flex ;
   line-break: anywhere; 
*/    
p { line-height: 1.4em;  margin: 0; padding: 0 0 .25em 0; text-indent: 1.5em;}
p.indent { line-height: 1.4em;  margin: 0; padding: 0; text-indent: 1.5em;}
p.noindent { line-height: 1.4em;  margin: 0; padding: 0; text-indent: 0;}
p.xindent { line-height: 1.4em;  margin-left: 2em ; padding: 0; text-indent: 1.5em;}
p.xnoindent { line-height: 1.4em;  margin-left: 2em; padding: 0; text-indent: 0;}
p.verse-br { padding: 0; }
p.hang { line-height: 1.4em;  margin-left: 1.5em; padding-right:.5em; text-indent: -1.50em;}
p.tocindent { line-height: 1.4em;  margin-left: 1.5em; padding-right:.5em; text-indent: -1.0em; padding-bottom: .5em}
p.hangitem { line-height: 1.4em;  margin-left: 2.5em; padding-right:.5em; text-indent: -2em;}
p.end {
    line-height: 1.4em; font-size: .85em; color: black ;  
    margin-left: 1.25em; padding-right:.5em; text-indent: -1.250em;}
p.center { 
    line-height: 1.4em;  margin: .5em 0; 
    padding: 0; text-indent: 0; text-align: center ;
    font-size: 1.5em; color: red ;
    letter-spacing: .05em
}
p.idx { line-height: 1.4em;  margin-left: 1.5em; padding-right:.5em; text-indent: -1.50em;}
p.subidx { line-height: 1.4em;  margin-left: 4em; padding-right:.5em; text-indent: -2em;}

p.right { 
    line-height: 1.4em;  margin: 0 0; 
    padding: 0; text-indent: 0; text-align: right ;
    font-size: 1em; color: black ;
    letter-spacing: .01em
}
p.milestone { 
    margin-top: 1em; margin-bottom: .65em; 
    text-align: center ;
    font-size: 1.15em; color: brown ;
    letter-spacing: 3em
}

p.tstar { 
    margin: 0 0; 
    text-align: center ;
    padding-right: 8em;
    font-size: 1.15em; color: brown ;
    letter-spacing: 1em
}

p.src { 
    margin: 0 0;
    margin-top: -3.5em;
    margin-bottom: 3.5em; 
    text-align: center ;
    font-size: .85em; color: gray ;
}


.opener, .closer { margin: .5em 0 ;}

p.list { line-height: 1.4em; text-indent: 0; }0
ol > li { margin: 0; padding: 0; }

ul { list-style: circle outside; }
ol { list-style: decimal outside; }

 }
ol, ul, dl {
    font-family: 'RIT Rachana', LinLibertine ;
    font-variant-numeric: oldstyle-nums;
    padding-left: 0; margin-left: 1.5em;
    margin-top: 0; 
    text-size-adjust: 100%;
    word-break: normal; 
    line-break: loose;
    hyphens: auto;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphenate-character: "" ;
    hyphenate-limit-chars: 6 3 2;
    hyphenate-limit-last: always;  
    hyphenate-limit-zone: 8%;            
}
dl dl,
dl ol,
dl ul,
ul ul,
ul ol,
ol ol,
ol ul {
  margin: 0em 0 .25em .25em;
  font-size: 95%; }
li { margin-bottom: 0.0em; line-height: 1.4em;}

footer ul li {line-height: normal;}

dd {
    margin-left: 1.5em ;
    hyphens: auto;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphenate-limit-chars: 6 3 2;
    hyphenate-limit-last: always;  
    hyphenate-limit-zone: 8%;   
    hyphenate-character: "";
}

p.fn {
    display: block; font-size: 1em; margin-left: 2.5em;
    text-indent: -1.5em ; }

span.fnum {
    display: pseudo-block; width: 5em; 
    padding-right: .5em; 
    text-align: right; }

dt {
    font-family: 'RIT Rachana', LinLibertine  ;
    font-weight: normal; 
    color: black; margin-top: .75em;				
 }

em, i, .italic { font-style: italic; letter-spacing: .03em; }

table { border-collapse: collapse; margin: 1em auto}
td.tbdr { border-top: 2px gray solid; padding-top: 6px }
td.hrule{ border-top: 1px gray solid; padding-top: 6px}
td.bbdr { border-bottom: 2px gray solid; padding-bottom: 6px}

td.lbdr { border-left: 1px gray solid;  }
td.rbdr { border-right: 1px gray solid; }

td.left { text-align: left; }
td.right { text-align: right; }
td.center { text-align: center; }

td { padding-left: 6px; padding-right:6px; }

.qleft, .lfigure, .fleft {
    float: left ; 
    text-align: center; 
    margin-right: 15px; margin-top: 10px;
    padding: 0px ;
}

.qright, .rfigure, .fright {
    float: right ; 
    text-align: center; 
    margin-left: 15px;  margin-top: 10px; 
    padding: 0 ;
}

.qfull, .fullfig,  {
    text-align: center; 
    margin: 1em auto; padding: 0em 0 ; 
} 

.qleft, .qright { width: 200px; }
.qfull, .qleft, .qright {
    border-top: ForestGreen 10px solid;
    border-bottom: ForestGreen 1px solid; 
    text-align: left;
    padding-top: 5px;
    padding-bottom: 6px;
    color: #264d00 ;
    font-size: .9em; 
    line-height: 1.3em;
    word-break: normal; 
    line-break: normal;
    hyphens: auto;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphenate-limit-chars: auto;
    hyphenate-limit-last: always;  
    hyphenate-limit-zone: 8%;   
}

.fcenter {
    float: center; clear: both; text-align: center;
    margin: 1em auto;  }
.fullfig { margin: 0 auto; }

.fmulti {
    display: block ;
    width: 100%; margin: 1em 0 ; 
    text-align: center; text-wrap: wrap; }
.fmulti > img { margin: 0 3px; }
.fmulti > figcaption {
    width: inherit; margin: 0 auto ; 
    text-align: center; padding: 5px 10px}

//figure { margin: 0; padding: 0; text-align: center; }

.gra { width: 125px; min-width: 125px; max-width: 125px; margin-top: 6px  }
.grb { width: 200px; min-width: 200px; max-width: 200px;  }
.grc { width: 275px; min-width: 275px; max-width: 275px;  }
.grd { width: 350px; min-width: 350px; max-width: 350px; }
.gre { width: 425px; min-width: 425px; max-width: 425px; }
.grf { width: 500px; min-width: 500px; max-width: 500px; }
.grg { width: 540px; min-width: 540px; max-width: 540px; }
.grh { width: 600px; min-width: 600px; max-width: 600px; }
.gri { width: 620px; min-width: 620px; max-width: 620px; }
.grj { width: 100%; min-width: 450px; max-width: 100%; }

.gra img { border-radius: 4px; border: 1px silver solid;  }
.grb img { border-radius: 5px; border: 1px silver solid;  }
.grc img { border-radius: 6px; border: 1px silver solid;  }
.grd img { border-radius: 8px; border: 1px silver solid;  }
.gre img { border-radius: 10px; border: 1px silver solid;  }
.grf img { border-radius: 10px; border: 1px silver solid; }
.grg img { border-radius: 10px; border: 1px silver solid; }
.grh img { border-radius: 10px; border: 1px silver solid; }
.gri img { border-radius: 10px; border: 1px silver solid; }
.grj img { border-radius: 10px; }

/*
.Cover img, .rfigure img, .lfigure img { margin: 0 0; padding: 0 }
*/

figure.fleft img, .fright img { min-width: inherit; max-width: inherit ;}
figure.fullfig img { max-width: 700px ; margin-top: 1.5em; text-align: center}
.fcenter img { text-align: center; width: inherit; }
img.thumb { width: 125px; }

.figcap {
    color:  #454545; 
    font-size: .8em; 
    text-align: left; 
    line-height: 1.2em; }

.mh-one { display: none; }
.mh-two {
    text-align: center; color: #222;
    font-family: 'RIT Rachana', 'LinLibertine', sans-serif;
    font-variant-numeric: oldstyle-nums;
    font-weight: 300;
    text-shadow: 2px 2px 2px #aaa;
    letter-spacing: .025em;
    line-height: 1.4em;
    margin: 0.5em 0 .25em 0;
    hyphens: none;
    -ms-hyphens: none;
    -moz-hyphens: none;
    -webkit-hyphens: none; }

.mh-one { font-size: 1.3em ; margin-top: 1.5em ; }
.mh-two { font-size: 2.2em ; margin-top: 1.25em ; margin-bottom: .5em; }

.body .divHead,.docauEmail { display:none; }

.docTitle,
.lchaphead,
.mainTitle {
    color: #222;
    font-family: 'RIT Rachana', LinLibertine,  ;
    font-weight: 300;
    font-size: 1.85em;
    text-shadow: 4px 4px 4px #aaa;
    letter-spacing: .03em;
    line-height: 1.5;
    margin: 2em 0 0 0; 
    -webkit-hyphens: none;
    -ms-hyphens: none;
    -moz-hyphens: none;
    hyphens: none;
    text-align: center;	  
}

.docAuthor, div.subhead {  
    color: #222;
    font-family: 'RIT Rachana', LinLibertine,  ;
    font-weight: 300;
    font-size: 1.5em;
    text-shadow: 4px 4px 4px #aaa;
    letter-spacing: .03em;
    line-height: 1.5;
    margin: 0em 0 2em 0; 
    -webkit-hyphens: none;
    -ms-hyphens: none;
    -moz-hyphens: none;
    hyphens: none;
    text-align: center;	  
}

.sub, .o-pub-data { 
    color: #99994d;
    font-family: 'RIT Rachana', LinLibertine,  ;
    font-weight: 300;
    font-size: 0.8em;
    line-height: 1.5;
    margin: -1em 0 2em 0; 
    -webkit-hyphens: none;
    -ms-hyphens: none;
    -moz-hyphens: none;
    hyphens: none;
    text-align: center;	  
}


.back { 
    display: block;
    margin: 2em auto;
    word-spacing: normal;
}



.back .divHead {
    color: #222;
    font-family: 'RIT Rachana', LinLibertine,  ;
    font-weight: 300;
    font-size: 1.25em;
    line-height: 1.15;
    margin: 1em 0 1em 0; 
    -webkit-hyphens: none;
    -ms-hyphens: none;
    -moz-hyphens: none;
    hyphens: none;
    text-align: center;	  
}

.back .divHead h2 {
    color: #222;
    font-family: 'RIT Rachana', LinLibertine,  ;
    font-weight: 300;
    font-size: 1.15em;
    line-height: 1.15em;
    margin: 1em 0 .5em 0; 
    -webkit-hyphens: none;
    -ms-hyphens: none;
    -moz-hyphens: none;
    hyphens: none;
    text-align: left;	  
}

.back p {
    margin-left: 2em ;
    text-indent:  -2em;
    font-size: .7em; 
}

.back h2.main, .back h3.main { 
    font-size: 80% ; color: black;
    margin-bottom: .25em;
}

.small-caps { font-variant: small-caps; margin-right: .2em; }
.small { font-size: 60%; }
.trail { padding-left: 3em; font-size: 80%; color: #555555; }

@media only screen and (max-width: 600px) {
    .lfigure, .lfloat, .fleft {
	float: left;
	text-align: center; 
	padding-bottom: 3px; padding-top: 3px;
	// box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    }
    .rfigure, .rfloat, .fright {
	float: right;
	text-align: center; 
	padding-top: 3px; padding-bottom: 3px;
    }
    .fullfig, .fcenter {
	float: center; width: 100%; 
	text-align: center; 
	margin: 1.5em auto; padding: 0em 0 ; 
    } 
    /* multiple itmes in <figure> */
    .fmulti { display: block ; text-align: center; text-wrap: wrap; }
    .fmulti > img { margin: 0 2px; }
    .fmulti > figcaption { text-align: center; padding: 6px 0px}

    /* back matter */
    .qleft, .qright { max-width: 150px }
    #cover-image img { margin: 0 auto 0 auto ; width: 100%; text-align: center}
    .fcenter img, .fullfig img, .rfigure img, .lfigure img { width: inherit }
    #show, #hide { margin: 2em 0;}
    .gra { width: 125px; min-width: 125px; max-width: 125px; margin-top: 6px }
    .grb { width: 150px; min-width: 150px; max-width: 150px;  }
    .grc { width: 175px; min-width: 175px; max-width: 175px;  }
    .grd { width: 100%; min-width: 100%; max-width: 100%; }
    .gre { width: 100%; min-width: 100%; max-width: 100%; }
    .grf { width: 100%; min-width: 100%; max-width: 100%; }
    .grg { width: 100%; min-width: 100%; max-width: 100%; }
    .grh { width: 100%; min-width: 100%; max-width: 100%; }
    .gri { width: 100%; min-width: 100%; max-width: 100%; }
    .grj { width: 100%; min-width: 100%; max-width: 100%; }
    .Cover { width: 100%; margin: 0 auto; }
}

.Cover { width: 700px; margin: 0 auto; }

#cover-image {
    margin: 1em auto 0 auto;
    text-align: center ;
    width: 100%
}

#cover-image img {
    width: 100%;
    border-radius: 10px; }
.fcenter figcaption {
    margin: 0 auto 0px auto ; text-align: center; }

#cover-image figcaption {
    margin: 0 auto 10px auto; text-align: center; }

@media only screen and (max-width: 600px) {
    .Cover { width: 100%; margin: 0 auto; }
    #cover-image {
	margin: -0.85em auto 0 auto;
	text-align: center ;
	width: 100%
    }
    #cover-image img { width: 100%; }
    #cover-image figcaption {
	margin: 0 auto; text-align: center; }
}
figcaption {
    font-size: .8em; 
    color: grey; width: inherit; 
    line-height: 120%;
    display: block;  
    text-align: left; 
    word-break: normal; 
    line-break: normal;
    hyphens: auto;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphenate-limit-chars: auto;
    hyphenate-limit-last: always;  
    hyphenate-limit-zone: 8%;   	
}
	
figcaption.thumb {
    font-size: .8em; line-height: 1.2em;
    text-align: center; color: grey; width: 125px; }

#cover-image figcaption::before {
    content:"Cover: " }

#colo {
    margin: 0 auto;
}

.colophon { margin-bottom: 12px; }

#show, #hide { display: none; } /* margin: 2em 0; } */

blockquote { margin: .5em 2em; color: black;}
.c-icon, .cx-icon{ width: 15px; padding: 3px 3px 0px 3px }
span.sc { font-variant: small-caps ; }
span.bullet { font-size: .7em ; color: blue; }

.prev { float: left; color: red; }
.next { float: right; color: red; }
.toc  {
    display: block; margin-bottom: -2em; 
    margin-top: 1em; text-align: center }

a:hover.toc { text-decoration: none; border: none; }

.abstract { 
    display: block;
    margin: 1em ; 1em ;
    color: gray ;
}
.multicol {
    column-count: 2;
    column-width: 49%;
    column-gap: 50px;
    column-rule: 1px solid silver ;
}

.byline {
    display: block;
    margin: 2em 0em 1em 0em ;
    padding: 4px 0 6px 0 ;
    border-top: 1px solid silver ;
    border-bottom: 1px solid silver ;
    text-align: center ;
    background-color: white ;
    color: black ;
}

span.suksep { font-size: 50% ; padding: 0 6px ; }
span.suksepa { font-size: 65% ; color: red; padding: 0 6px ; }
span.source { font-size: 90%; margin-left: 100px; color: #555; } 

@media only screen and (max-width: 600px) {
    div.multicol { 	
	column-count: 1;
	column-width: 99%;
	column-gap: 0px;  }
    span.suksep { font-size: 50% ; padding: 0 6px ; }
    span.suksepa { font-size: 65% ; color: red; padding: 0 6px ; }
    span.source { padding-left: 3em; padding-bottom: 1em; color: #555; } 
}

img.dropthump { width: 75px; border: 1px;}

.pmark {text-align: center; color: #0066cc; font-size: 1.1em; padding: 6px 20px; }
.dmark {float: right; font-size: .8em; color: silver; }
.pb { text-align: center; margin: 1em 0;}