@charset "UTF-8";
/* CSS Document 
Color Scheme
#575347 Logo Text Color 
#00224A Faux-Oxford Blue - Back cover and spine; title lettering
#DAA520 Goldenrod Yellow
#F4F2C9 Pale yellow - lettering
Pallet Colors (not yet used)
#002334 Darker Blue
#bfeaff Pale Blue
#80d6ff Medium Sky Blue
#4488bf Cyan-Blue Azure
#265999 Cyan Cobalt Blue
#D5Ad36 American Gold
#CA9703 Dark Gold
#DDD2BD Parchment?
*/
/* Main Containers on all pages */
.container {
  /*width: 80%;*/
  max-width: 72em;
  margin: 0 auto;
  padding: 0.25em 0.625em;
}

#container2 {
  background-color: #FFFFFF;
  overflow:auto;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
}

#container2 > Article {
	flex: 1;
	flex-basis: 40em;
	flex-grow: 2;
	padding: 0.25em 0.625em;
	font-family: "Open Sans", sans-serif;
	font-size: small;
}

#container2 > Sidebar {
	flex: 2;
	flex-basis: 3em;
	padding: 0.25em 0.625em;
	background-color: #B0B0B0;
	color: #000000;
	font-family: 'Questrial', sans-serif;
    /* white-space: pre-wrap; */
}

#sidebar {
    float:right;
    width:15em;
	padding: 0.25em 0.625em;
	background-color: #B0B0B0;
	color: #000000;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	display: flex;
	flex-wrap: wrap;
}

.footer {
	font-family: 'Questrial', sans-serif;
	font-size: medium;
	color: #FFF;
	background-color: #00224A;
    text-align: center;
	font-weight: 500;
	line-height: 20px;
    padding: 10px;
    margin: 0;
	font-style: light;
	font-size: 14px;
	letter-spacing: 2px;
}
.footer a:link {color: #F4F2C9; text-decoration: none;}
.footer a:visited {color: #F4F2C9; text-decoration: none;}
.footer a:hover {color: #F4F2C9; text-decoration: underline;}
.footer a:active {color: #F4F2C9; text-decoration: underline;}

body {
	margin: 0;
    background-color:#f2eee6;
    display: block;
	}
a:link {color:#343434; }
a:visited {color:#343434; }
a:hover {color:#636363; }
a:active {color:#636363; }
ul:default {color:black;}
li:default {color:black;}

/*
p.cw-main {
	font-size: 12 ;
} */
ul.topnav {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #00224A ;
}

ul.topnav li {float: left;}

ul.topnav li a {
    display: block;
    color: #F4F2C9;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
	font-family: 'Questrial', sans-serif;
	font-size: 14px;
	letter-spacing: 3.71px;
}

ul.topnav li a:hover {background-color: #265999;}

ul.topnav li.right {float: right;}

header {
	background-color: #ffffff;
    margin: 0;
} 

h1.TitleBar {
	color:#ffffff;
	font-family: 'Questrial', sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 30px;
	letter-spacing: 3.71px;
    padding: 10px;
    background-color: #265999;
    margin: 0;
}
h1.AelzinaBar {
	color:#D8D8D8;
	font-family: 'Cormorant Garamond', serif;
	font-weight: 700;
	font-style: normal;
	font-size: 50px;
	padding: 2px;
    background: #00224A;
    margin: 0;
   /*  align-items: center; */
}

h1.AelzinaBar > img {
	position: relative;
    top: 5px;
}
/* End of Common Elements */
/* Page-Specific Elements */
/* Page:  */
h3.CWListStart {
	color: #F4F2C9;
	background: #265999;
	font-family: 'Questrial', sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: 18px;
	letter-spacing: 3.71px;	
	padding: 14px 16px;
}
ul.CWListStart {
    float: left;
    }
ul.CWListStart li {
    list-style-type:circle;
    list-style-position: outside;
    display: inline-block;
    width: 100%;
        }
ul.CWListStart li a {
    color: black;
    text-align: left;
	font-family: 'Questrial', sans-serif;
	font-size: 14px;
	letter-spacing: 1.5px;
    padding: 3px 3px;
    list-style-type: circle;
    white-space: pre;
    display: inline-block;
    width: 100%;
    }
ul.CWListStart li a:hover {background-color: #F4F2C9;}


/* Page: Rudolf_Steiner_Complete_Works_Volume.php  */
h2.VolumeH2 {
	color: #F4F2C9 ;
	background: #265999 ;
	padding: 5px;
}
.VolumeCWTitle {
	color: #532F13;
	background: #FFF095;
	padding-left: .5em;
	border-color: #532F13;
    display:block;
    clear: left;
    width: 100%;
}
/* Sets the divider between German, CW, and Non-CW sections */
p.VolumeSectDiv{
	color: white;
    background: #265999;
	padding: .5em;
}
/*These three Control Cover image and Book Details on the Volume page*/
.BookInfo { /* The Container */
	display: flex;
	flex-direction: row;
	overflow: auto;
    flex-wrap: wrap;
    align-content: flex-start;
	}
.BookInfo > Cover { /* The Image (left) */
	float: left;
	flex: 1;
    display: block;
}
.BookInfo > BookDetails { /* The Text, right */
	min-width: 50%;
	flex: 1;
	flex-grow: 4;
	padding: 0.25em 0.625em;
}

.CWList > CWTypes {
    clear: left;
    display: block;
    color: black;
    text-align: left;
    padding: 5px 6px;
	font-family: 'Questrial', sans-serif;
	font-size: 14px;
	letter-spacing: 2px;
   /* white-space: pre-wrap; */
}



/*Non-CW full book versions*/

.VolumeNonCWTitle {
	color: #00224A ;
	background: #BEE2FF;
	padding-left: .5em;
	border-color: #532F13;
    width: 100%;
}
.VolumeImage {
 display: block;
 clear: left;
}
.VolumePartialCWTitle {
	color: #00224A ;
	background: #bfeaff;
	padding-left: .5em;
	border: 1em;
	border-color: #532F13;
}
p.NonCWImage {
	display:inline-block;
	margin-right: 10px;
	margin-top: 0px;
}
.GermanBookInfo::after {
    content: "";
    clear: both;
    display: table;
}

h2.CW_Title {
	background: none;
}

h2.Reading {
	background-color: #E1E1E1;
}
h2.CWbyType {
	background-color: #E1E1E1;
}

/*Elements related to the Read page; inherited from cut-and-paste; can be deleted when read page is redone*/
#archive UL {
	border-top: 1px solid #996633;
	list-style: none;
	margin: 0px;
	padding: 0px 0px 10px -40px;
	line-height: normal;
}

#archive UL > :first-child {
	font-family: 'Questrial', sans-serif;
	font-weight: 600;
	font-size: 18px;
	}

#archive2 UL {
	border-top: 1px solid #996633;
	list-style: none;
	margin: 0px;
	padding: 0px 0px 10px -40px;
	line-height: normal;
	word-wrap: break-word;
}

#archive2 UL > :first-child {
	font-family: 'Questrial', sans-serif;
	font-weight: 600;
	font-size: 18px;
	}

@media screen and (max-width : 599px ){
    ul.topnav li.right, 
    ul.topnav li {float: none;}
}