@charset "UTF-8";



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

flex set:
----------------------------------
https://css-tricks.com/snippets/css/a-guide-to-flexbox/

  display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: box;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
  align-items: center;
  flex-wrap: wrap;

	Color palette from page bg lt. blue: https://paletton.com/#uid=13y0u0k9+yD2tTU5QJZeRs1kvmn

	Red colors: 

			rose: #e37275 
			brt red: #E53D00

	sans-serf: 
	.lato-regular {
  font-family: "Lato", Tahoma, sans-serif;
  font-weight: 400;
  font-style: normal;
}

	serif: 
	.fondamento-regular {
  font-family: "Fondamento", georgia, serif;
  font-weight: 400;
  font-style: normal;
}

hebrew: 
.noto-rashi-hebrew-<uniquifier> {
  font-family: "Noto Rashi Hebrew", georgia, serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

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


html {
	font-size: 19px;
	scroll-behavior: smooth; 
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
}

body {
	padding-top: 32px;
	font-family: "Lato", Tahoma, sans-serif;
	font-size: 19px;
 	color: #350200; /* 350200; */
	background: #5E3C20 url(../img/patterns/low-contrast-linen.png) 0 0 repeat; 
	background-attachment: fixed;
}



/* =======================================================================================
		Page Header
		Notes:
======================================================================================= */

header {
  padding: 20px 0;
  text-align: center;
}


#topicon, #topicon2, #topicon3, #topicon4 {
	position: fixed;
	right: 20px;
	width: 62px;
	font-size: 2rem;
	color: #D6A143;
	display:none;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
  align-items: center;
  flex-wrap: wrap;
}

#topicon b, #topicon2 b, #topicon3 b, #topicon4 b {
	color: #D6A143;
}

#topicon {
	top: 20px;
}

#topicon2 {
	top: 60px;
}

#topicon3 {
	top: 95px;
	right: 18px;
}

#topicon4 {
	top: 135px;
	right: 18px;
}

#topicon:hover, #topicon2:hover, #topicon3:hover, #topicon4:hover,
#topicon:hover b, #topicon2:hover b, #topicon3:hover b, #topicon4:hover b {
	text-decoration: none;
	/* color: #709122; */
	color: #F3F0E9;
}

.uparrow {
	/*
	-webkit-transform: rotate(-90deg); 
  transform: rotate(-90deg);
	*/
	line-height: 1em;
	display: inline-block;
	margin: 0;
	font-weight: bold;
}

.dnarrow {
	
	transform: rotateX(180deg);
	-webkit-transform: rotateX(180deg);
	
	line-height: 1em;
	display: inline-block;
	margin: 0;
	font-weight: bold;
}

.uparrow:hover, #notes a:hover, .dnarrow:hover {
	text-decoration: none;
	color: #709122;
}

.uparrow i, #notes a i, .dnarrow i {
	font-style: normal;	
}

#topicon4 i {
	margin-left: 12px;
}

#topicon b, #topicon2 b, #topicon3 b, #topicon4 b {
	font-size: 0.7rem;
	font-weight: 300;
}



/* =======================================================================================
		Global Typography
		Notes:
======================================================================================= */

h1, h2, h3, h4, h5 {
	font-family: "Fondamento", georgia, serif;
	/* color: #413678; /* #e37275; */
}

h2 sup { 
	position:relative;
	top: -0.7em;
	margin: 0;
	font-size: 0.5em; 
}

h2 a:hover {
	text-decoration: none;
}

h4 {
	font-size: 1.1rem;
}

.part2 h4, h4.notop {
	margin-top: 0;
}

article > h2 > span {
	display: block;
	margin: 0;
	padding: 0;
	font-size: 1.5rem;
	line-height: 1;
}

article > h2 > b {
	display: block;
	margin: 0;
	padding: 0;
	font-size: 1.2rem;
	line-height: 1;
	font-weight: 300;
}


#coverh2 img {
	display: inline-block;
	margin: 0;
	padding: 0;
	width: 470px;
	height: auto;
	border: none; 
}

.fancytext {
	font-family: "Fondamento", georgia, serif;
	font-size: 2.3rem;
	text-indent: 0;
	/* color: #413678; */
}

section.part2 p.leftsm {
	width: 70%;
	text-align: left;
	font-size: 0.8rem;
}

section.part2 p.xtra {
	margin-bottom: 20px;
}

.rose > span {
	font-family: 'EmojiSymbols', monospace; /* 'Noto Color Emoji' */
	font-size: 2.7rem;
	line-height: 1;
	color: #E53D00; /* #e37275 */
}

.red {
	color: #A3321E;
}

b.mini-rose {
	position: relative;
	top: 3px;
	display: inline-block;
	font-family: 'Noto Color Emoji', monospace; /* 'Noto Color Emoji' 'EmojiSymbols' */
	font-size: 1.2rem;
	font-weight: 300;
	line-height: 1;
	color: #e37275;
	margin: 0 0 0 -10px;
	padding: 0;
	width: 18px;
}



#toc h3, #toc2 h3 {
	margin-bottom: 24px;
	/* color: #413678; */
}

section#front > article > div h2,
section.part > article > div h2 {
	margin-bottom: 20px;
	font-size: 2rem;
	line-height: 1.2em;
	text-align: center;
}

section#cover > article > div h2 {
	margin-bottom: 0;
	font-size: 2rem;
	line-height: 1em;
	text-align: center;
}

section h2 {
	margin-bottom: 32px;
	font-size: 2rem;
	text-align: center;
}

section.part2 h2 {
	margin-bottom: 12px;
	font-size: 2.5rem;
	text-align: center;
}

section.part2 p {
	margin-bottom: 12px; 
	text-align: center;
}

.alignleft {
	text-align: left;
}

section.part2 p.justify {
	text-align: justify;
}

section h3 {
	margin-bottom: 12px;
	font-size: 1.3rem;
	text-align: left;
}

section h5 {
	margin-bottom: 7px;
	font-size: 1.2rem; 
	font-weight: bold;
	text-align: center;
}


a {
  color: #3C859F; 
  text-decoration: none;
}

a.button {
	padding: 7px 12px;
  border: 2px solid #3C859F; 
	color: #3C859F;
  text-decoration: none;
	border-radius: 3px;
	line-height: 2;
}

a.button:hover {
	padding: 7px 12px;
  border: 2px solid #2B0100; 
	color: #f9f9f9;
  text-decoration: none;
	background: #3C859F; /* #5E90B8 #709122; */
}

a:hover {
  text-decoration: underline;
}


a.button:hover, a.footnote:hover {
	text-decoration: none;
}




/* =======================================================================================
		Global Structure / Pages
		Notes:
======================================================================================= */

#page {
  margin: 0 auto;
	padding: 0;
	width: 100%;
  max-width: 980px;
  height: 100%;
	
}

section { 
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: center;
  align-items: center;
  flex-wrap: wrap;

	margin: 0 0 20px;
	padding: 32px;
	min-height: 95vh;
	border-radius: 3px;
	background: #DFD2B3 url(../img/patterns/natural-paper.png) 0 0 repeat; /* #FAF7F2 */
	box-shadow: 0 0 7px rgba(0,0,0,0.3);
}

section#cover {
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
  align-items: center;
  flex-wrap: nowrap;

	background: transparent; /* #DFD2B3 url(../img/patterns/natural-paper.png) 0 0 repeat; /* rgba(241,237,230,1) #F1EDE6 */
	box-shadow: none;
}


section#cover h1 {
	display: block;
	width: 100%;
	text-align: center;
	color: #C08F1B;
}


section.imgpanel {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: box;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
  align-items: center;
  flex-wrap: wrap;
}

#backmatter {
	-webkit-justify-content: center;
	justify-content: center;
}


section#front > article,
section#cover > article { 
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
  align-items: center;
  flex-wrap: nowrap;

	height: 80vh;
}

section#cover > article {
	-webkit-flex-direction: column;
	flex-direction: column;
}


section.part > article { 
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
  align-items: center;
  flex-wrap: wrap;

	min-height: 80vh;
}

section.part2 > article { 
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
  align-items: center;
  flex-wrap: wrap;

	min-height: 80vh;
}

.part2 p {
	margin: 0 auto;
	width: 90%;
}

section#cover > article div {
	position: relative;
	padding: 20px;
	/* border: 3px solid #9D7B71; /* #8F2526 #413678; /* #e37275;  */
	width: 100%;
	height: 98%;

	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
  align-items: center;
  flex-wrap: wrap;
	
}

section > article {
	margin: 0 auto;
	width: 90%;
	max-width: 840px;
}

#toc ul {
	margin-bottom: 0;
}

#toc ul.bmar32 {
	margin-bottom: 32px;
}

#toc ol.decimal li,
#toc ul li,
#toc ol.nomarker li,
#toc2 ol.decimal li,
#toc2 ul li,
#toc2 ol.nomarker li {
	margin-bottom: 8px;
	line-height: 1.3em;
	font-size: 1rem;
}

#toc ol.decimal li a,
#toc ul li a,
#toc ol.nomarker li a,
#toc ol.upperroman li a,
#toc2 ol.decimal li a,
#toc2 ul li a,
#toc2 ol.nomarker li a,
#toc2 ol.upperroman li a,
#toc ol li a {
	font-size: 1rem;
}

li p {
	text-indent: 0;
}

.rep-icons span {
	/* float: left;  */
	margin: 0 7px 7px;
	font-size: 2rem;
	line-height: 0.9em;
	color: rgb(176, 55, 18);
}

.rep-icons p {
	text-indent: 0;
}

.left-icon { 
	display: -webkit-flex; 
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}

.left-icon p { text-indent: 0; }
.left-icon .icon { margin-top: -7px; width: 12%; }
.left-icon .icon img { border: none; }
.left-icon div { width: 88%; }

ol.noindentlist, ul.noindentlist {
	margin-bottom: 32px;
}

ol.noindentlist p, ul.noindentlist p {
	text-indent: 0;
}

ol.noindentlist li, ul.noindentlist li {
	margin-bottom: 18px;
}

ol.decimal li {
	margin-bottom: 20px;
}

#notes ol.decimal {
	margin: 0 0 32px 24px;
	padding: 0;
}

.blockquote-list {
	margin-bottom: 32px;
}

.blockquote-list li {
	margin-bottom: 12px;
}


/* =======================================================================================
		Global Elements
		Notes:
======================================================================================= */

.hide {
	display: none; 
}

p {
	margin-bottom: 20px; 
	text-align: justify; 
	line-height: 1.2em;
}

p.breakit {
	word-break: break-all;
}

p.droppara:first-letter {
  padding: 0;
	margin: 0 17px 10px 0;
  font-family: "Fondamento", georgia, serif;

	font-size: 4.2rem; 
  line-height: 1;
	font-style: normal;
	font-weight: 300;
  float: left;
  color: #8F2526;
}

#notes p, p.droppara {
	text-indent: 0;
}

.right {
	text-align: right !important;
}

.left {
	text-align: justify !important;
}

.date {
	font-size: 0.9rem;
	font-style: italic;
	text-align: right;
	/* color: #C9B49D; */
}

.center {
	text-align: center;
}

.pause { /* asterisk break in a chapter */
	font-size: 2rem;
}

.italic {
	font-style: italic;
}

.nomargin, p.nomargin {
	margin: 0;
}

.smmargin {
	margin-bottom: 7px;
}

.xmar {
	margin-bottom: 32px;
}	

.noindent, .noindent p {
	text-indent: 0;
}

.bold, strong {
	font-weight: 700;
	color: #111; /* #79160E; */
}

.bghilite {
	background: rgba(0,0,0,0.05);
}

.hilite {
	color: #e37275; /* #8344ad; /* #e74c3c; */
}

.sig {
	width: 100%;
	font-style: italic;
	font-size: 0.9rem;
}

.subhdr {
	margin: 10px 0;
	text-align: center;
	text-indent: 0;
	/* font-variant: small-caps; */
}

.subhdr2 {
	margin: 10px 0;
	text-align: center;
	text-indent: 0;
	font-family: 'novalismedium_97', 'Alef', Tahoma, sans-serif;
	color: #A01607;
}

.small {
	font-size: 0.9rem;
	text-indent: 0; 
}


.notelink, .note, .footnote, .small {
	font-size: 0.8rem;
	text-indent: 0;
	color: #A01607;
	word-break: break-all;
}

/* re-fashions inline 'sup' note links to be inline normal font */
.supper sup { font-size: 1rem; line-height: 1; position: relative; vertical-align: baseline; }
.supper sup { top: 0; }

hr {
	display: block;
	margin: 16px 0;
	border: none;
	border-top: 2px dotted #350200;
	background: transparent; 
}

hr.fleur {
	
	position: relative; 
	margin: 60px auto 44px; 
	border: 0; 
	height: 2px; 
	text-align: center; 
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0), #350200, rgba(0, 0, 0, 0)); 
	overflow: visible; 
	width: 90%; 
}

hr.fleur:after {  
	font-family: "Noto Rashi Hebrew", georgia, serif;
	font-size: 4rem;
	color: #9C5952;
	line-height: 1;
	content: "\2138";  
	display: inline-block; 
	position: relative; 
	top: -0.5em; 
	font-size: 1.5rem; 
	padding: 0 0.25em; 
	color: #350200; 
	background: #DFD2B3 url(../img/patterns/natural-paper.png) 0 0 repeat;
	width: auto; 
	height: auto;
}

.emoji-test {
	font-family: 'EmojiSymbols', monospace; /* 'Noto Color Emoji' */
	font-size: 2rem;
}

.line {
	display: block;
	margin: 44px auto 24px;
	padding: 2px 0 0;
	width: 320px;
	font-size: 1.2rem;
	line-height: 0.7em;
	text-align: center;
	color: #e37275; 
	border-top: 2px dotted #e37275; /*  */
}

.line b {
	display: block;
	-webkit-transform: rotate(-180deg); 
  transform: rotate(-180deg);
}

.lime {
	display: block;
	margin: 44px auto 24px;
	padding: 2px 0 0;
	line-height: 0.7em;
	text-align: center;
}

.lime img {
	width: 320px;
}

.separator {
	display: block;
	margin: 24px auto;
	padding: 2px 0 0;
	line-height: 0.7em;
	text-align: center;
}	

.separator img {
	width: 111px;
}

.randw {
	margin: 0;
	font-size: 0.8rem;
	text-align: center;
	text-indent: 0;
	color: #543D3B;
}

.line-short {
	width: 65%;
	max-width: 320px;
}

.line img {
	width: 100%;
	height: auto;
}

blockquote {
	clear: both;
	position: relative;
	margin: 0 auto 24px;
	padding: 16px;
	width: 90%;
	font-style: italic;
	/* color: #075563; */
	border-top: 2px dotted #8F2526;
	border-bottom: 2px dotted #8F2526;
}

blockquote.inlinenote {
	clear: both;
	position: relative;
	margin: 0 auto 32px;
	padding: 20px;
	width: 90%;
	font-style: normal;
	border: none;
}

blockquote.alt {
	font-style: normal;
}

#notes blockquote {
	font-style: normal;
	font-size: 0.95rem;
}

.margin-bottom {
	margin-bottom: 32px;
}

p.quote-source {
	margin: 0 auto 32px;
	width: 95%;
	text-indent: 0;
	text-align: right;
	font-size: 0.8rem;
	color: #C9B49D;
}

blockquote p {
	position: relative;
	text-indent: 0;
}

blockquote p:last-child {
	margin-bottom: 0;
}

table {
	width: 100%;
  border-collapse: collapse;
  border: 2px solid #350200;
  font-family: sans-serif;
  font-size: 0.8rem;
  letter-spacing: 1px;
}

caption {
  caption-side: bottom;
  padding: 10px;
  font-weight: bold;
}

thead,
tfoot {
  background-color: rgba(244,244,244,0.6);
}

th, td {
  border: 1px solid #350200;
  padding: 8px 10px;
}
 
tbody > tr:nth-of-type(even) {
  background-color: rgba(244,244,244,0.4);
}


tfoot td, thead th {
	text-align: center;
  font-weight: bold;
}

table p {
	text-indent: 0;
}

table p:last-child {
	margin-bottom: 0;
}

.email > b {
  display: none;
}

.goldbutton { 
  transition: 300ms ease-in-out;
    background: rgb(203, 163, 110) !important;
    background: linear-gradient(90deg, rgba(203, 163, 110, 1) 0%, rgba(255, 247, 205, 1) 50%, rgba(231, 210, 154, 1) 100%) !important;
    color: #222 !important;
    border: 1px solid #997b6b !important;
    border-radius: 0;
    height: 51px;
padding: 12px 16px;
margin: 0 auto 32px;
width: 190px;
border-radius: 7px;

display: inline-block;
text-align: center;
/*
	display: -webkit-flex; 
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
  align-items: center;
  flex-wrap: wrap;
 */
  box-shadow: 0 0 12px rgba(0,0,0,0.7);
}

.goldbutton:hover {
  text-decoration: none; 
  transform: scale(0.9);
  background: linear-gradient(90deg, rgba(231, 210, 154, 1) 100%, rgba(255, 247, 205, 1) 50%, rgba(203, 163, 110, 1) 0%) !important;
}

dt {
  font-size: 1.2rem;
  color: #f1c40f;
  margin-bottom: 8px;
}

dd {
  margin: 0 32px;
}

.max60 { max-width: 60px; }
.max80 { max-width: 80px; }
.max100 { max-width: 100%; }
.max100b { max-width: 100px; }
.max120 { max-width: 120px; }
.max130 { max-width: 130px; }
.max135 { max-width: 135px; }
.max140 { max-width: 140px; }
.max150 { max-width: 150px; }
.max160 { max-width: 160px; }
.max170 { max-width: 170px; }
.max180 { max-width: 180px; }
.max190 { max-width: 190px; }
.max200 { max-width: 200px; }
.max210 { max-width: 210px; }
.max220 { max-width: 220px; }
.max230 { max-width: 230px; }
.max240 { max-width: 240px; }
.max250 { max-width: 250px; }
.max270 { max-width: 270px; }
.max280 { max-width: 280px; }
.max320 { max-width: 320px; }
.max300 { max-width: 300px; }
.max340 { max-width: 340px; }
.max350 { max-width: 350px; }
.max370 { max-width: 370px; }
.max380 { max-width: 380px; }
.max400 { max-width: 400px; }
.max420 { max-width: 420px; }
.max440 { max-width: 440px; }
.max480 { max-width: 480px; }
.max500 { max-width: 500px; }
.max520 { max-width: 520px; }
.max580 { max-width: 580px; }
.max600 { max-width: 600px; }
.max640 { max-width: 640px; }

.max840 { max-width: 840px; }

figcaption {
	font-size: 0.7rem;
	text-align: center;
}

figcaption.alignleft, .alignleft {
	text-align: left;
}

article figure {
	display: block;
	margin: 0 auto 32px;
	padding: 4px;
	width: 100%;
	max-width: 740px;	
}

#cover article figure {
	margin: 0 auto;
}

figure#coverit1 {
	position: relative;
}

figure#coverit1 span {
	position: absolute;
	top: 65px;
	left: 50%;
	z-index: 99999;
	margin: 0 0 0 -170px;
	padding: 12px;
	text-align: center;
	color: red;
	width: 340px;
	height: 44px;
	background: #DFD2B3 url(../img/patterns/natural-paper.png) 0 0 repeat;
}

article figure.inlinefig {
	width: auto;
	max-width: 444px;
	text-align: center;
}

.part figure {
	max-width: 540px;
}

.part figure.small {
	max-width: 420px;
}

.part2 figure.rounded {
	max-width: 444px;
	border-radius: 50%;
}

.part2 figure.rounded img {
	border-radius: 50%;
}

.part2 figure.rounded figcaption h2 {
	color: #8F2526;
}

article figure img {
	display: inline-block;
	margin: 0 auto;
	padding: 3px;
	width: 100%;
	height: auto;
	border: 2px solid #8F2526; /* #654232; */
}

.imgcontent {  
	display: -webkit-flex; 
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-justify-content: space-around;
	justify-content: space-around;
	-webkit-align-items: center;
  align-items: center;
  flex-wrap: wrap; 
}

.imgcontent figure {
	max-width: 240px;
}

.imgcontent figure img {
	width: 100%;
}

.imgcontent figure figcaption {
	font-size: 0.8rem;
  text-align: center;
}

figure.nobotmar {
	margin-bottom: 7px;
}

/* multiple imgs horiz arranged 
------------------------------------------------------------------------- */

.multipix { 
	display: -webkit-flex; 
	display: box;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-justify-content: space-around; 
	justify-content: space-around;
	-webkit-align-items: center; 
	align-items: center;

	margin: 0 auto 32px;
}

.multipix figure {
	display: block;
	margin: 0;
	padding: 0;
	height: auto;
  width: 280px;
  max-width: 280px;
}

.multipix.special figure {
	display: block;
	margin: 0;
	padding: 0;
	height: 170px;
  width: auto;
  max-width: auto;
}

.multipix figure img {
	display: block;
  margin: 0;
	padding: 0;
	width: 100%;
  max-width: 100%;
	height: auto;
  border: none;
}

.multipix figcaption {
	padding: 0 7px;
	text-align: left;
}

.multipix.special figcaption {
	text-align: center;
}

.multipix.special figure img {
	display: block;
  margin: 0;
	padding: 0;
	width: auto;
  max-width: auto;
	height: 100%;
  border: none;
}


#pie {
	display: block;
	margin: 0 auto;
	padding: 0;

	width: 120px;

	font-size: 2rem;

	display: -webkit-flex; 
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
  align-items: center;
  flex-wrap: wrap;
}

#pie img {
	width: 60px;
	height: auto;
	margin: 0;
	padding: 0;
	border: none;
	border-radius: 0;
}

/* place in page header for all images to be their default sizes 
article figure {
	    width: auto;
	    max-width: auto;	
      margin: 0 auto 32px;
      text-align: center;
    }

    article figure img {
	    width: auto;	
      border: none;
    }

		article figure.right.max180 {
	    display: block;
	    float: right;
	    margin: 0 0 12px 20px;
	    padding: 0;
	    width: 180px;
	    max-width: 180px;
    }

    article figure.right img {
	    display: inline-block;
	    margin: 0 auto 4px;
	    padding: 4px;
	    width: 100%;
	    height: auto;
	    border: 2px solid #e37275; 
    }
	*/

	article figure.ind {
		width: auto;
		max-width: auto;	
		margin: 0 auto 32px;
		text-align: center;
	}

	article figure.ind img {
		width: auto;	
		border: none;
	}

.noborder, .noborder img {
	border: none;
}

article figure.right {
	display: block;
	float: right;
	margin: -20px 0 12px 20px;
	padding: 0;
	/* 
	width: 240px;
	height: 195px;
	
	display: -webkit-flex; 
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: flex-start;
  align-items: flex-start;
  flex-wrap: wrap; 
	*/ 
}

article figure.right.max140 img { 
	width: 140px;
	height: auto
}

article figure.right.max200 img { 
	width: 200px;
	height: auto;
}



article figure.right img.noborder {
	border: none;
}

article figure.right.max180 {
	max-width: 180px;
}

.symbol {
	max-width: 80px;
	margin-bottom: 24px;
	border: none;
}

.symbol img {
	border: none;
}

#sigimage {
	width: 144px;
	height: auto;
}

#dodecahedron, .otherlogo {
	display: block;
	margin: 0 auto;
	padding: 0;
	width: 320px;
	max-width: 320px;	
}

#dodecahedron2 {
	width: 144px;
	max-width: 144px;	

}

#dodecahedron img, .otherlogo img, #dodecahedron2 img {
	display: inline-block;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	height: auto;
	border: none;
}

#vortex {
	display: block;
	margin: 0 auto;
	padding: 0;
	width: 190px;
	max-width: 190px;	
}

#vortex img {
	display: inline-block;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	height: auto;
	border: none;
}

figcaption.special {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: box;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}

.icon-inline {
	display: inline;
	width: 22px;
	height: auto;
}

.icon-inline img {
	width: 22px;
	height: auto;
}

dt {
	font-size: 1rem;
	color: #A01607;
}

dd {
	margin: 0 0 24px 32px;
}

#personalities p {
	text-indent: 0;
}


/* =======================================================================================
		svg
======================================================================================= */

#roundtext {
	position: relative;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: box;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
  align-items: center;
  flex-wrap: wrap;

	cursor: pointer;
	margin: 0 auto;
	width: 50%;
	height: auto;
	background: transparent; /* url(../img/logos/loa-logo-brn.png) 50% 45% no-repeat; */
	background-size: 35%;
}

svg {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: box;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
  align-items: center;
  flex-wrap: wrap;
}

path {
  fill: transparent; 
}

text {
  fill: #460005; 
}

textPath {
	font-size: 28px;
}

rect {
	margin: 0 auto;
}

#ssdl-logo {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -84px 0 0 -75px; /* -84px 0 0 -72.5px; */
	display: block;
	padding: 0;
	width: 150px;	
	height: auto;
}

#ssdl-logo img {
	display: inline-block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;	
	border: none;
}



/* =======================================================================================
		Footer
		Notes:
======================================================================================= */

#footer {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: box;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
  align-items: center;
  flex-wrap: wrap;
}

#footer article {
  display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: box;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
  align-items: center;
  flex-wrap: wrap;
}

#footer p {
	text-indent: 0;
}

.footertitle {
	font-family: novalismedium_97, tahoma, sans-serif;
	font-size: 0.9rem;
	text-align: center;
}

#footer a {
  text-decoration: none;
}

#footer a.textlink:hover {
  text-decoration: underline;
}

/*
#footer figure {
	display: block;
	margin: 0 auto;
	padding: 4px;
	width: 100%;
	max-width: 90px;	
}

#footer figure img {
	display: inline-block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;	
	border: none;
}
	*/

#footer #scribe {
	display: block;
	margin: 0;
	padding: 0;
	width: 120px;
	max-width: 120px;	
}

#footer #scribe img {
	display: inline-block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
	border: none;

	border: 4px solid #271E18;
	border-radius: 50%;
}

blockquote#anthonyquote {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: box;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
  align-items: center;
  flex-wrap: wrap;
}

blockquote#anthonyquote p.quote {
	width: 75%;
	margin-bottom: 0;
}


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

@media (min-width: 1180px) {
  #page {
		display: block;
	}
	#topicon, #topicon2, #topicon3, #topicon4 {
		display: -webkit-flex;
		display: flex;
	}
	#mobilecover {
		display: none;
	}
}