body {
  margin: 0;
}
.rm-highlight {
  background-color: hsl(51, 98%, 81%);
  margin: -2px;
  padding: 2px;
}
.rm-bold {
  font-weight: bold;
}
.rm-iframe-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%;
}
.rm-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.document-bullet {
  list-style: none;
}
.rm-block-ref {
  padding: 2px 2px;
  margin: -2px 0;
  display: inline;
  border-bottom: .5px solid #D8E1E8;
  cursor: alias;
  color: #202B33;
}
.rm-block-ref:hover {
  cursor: alias;
  color: #202B33;
  background-color: #F5F8FA;
  text-decoration: none;
}
.rm-embed-container {
  position: relative;
  display: flex;
  padding: 1px 16px;
  background-color: #EBF1F5;
  margin-bottom: 8px;
}
.rm-embed-container>div>div {
  padding-left: 16px;
}
.rm-embed-link {
  position: absolute;
  right: 8px;
  display: inline-block;
  font-size: 1.5em;
}
td {
  font-size: 12px;
  min-width: 100px;
  max-height: 20px;
  padding: 8px 16px;
  border: 1px solid grey;
}
table {
  border-spacing: 0;
  border-collapse: collapse;
}
#content {
  box-sizing: border-box;
}
h1, h2, h3, p {
  white-space: pre-wrap;
}
.roam-block img {
  width: 100%;
}
.rm-bq {
  background-color: #F5F8FA;
  border-left: 5px solid #30404D;
  padding: 10px 20px;
  white-space: pre-wrap;
}
.left {
  text-align: left;
}
.center {
  text-align: center;
}
.right {
  text-align: right;
}
.justify {
  text-align: justify;
}
p > code {
  margin-right: .2em;
  border-radius: 4px;
  color: #333;
  background: #eee;
  border: 1px solid #ddd;
  padding: .1em .3em;
}
pre code[class*="language-"] {
  color: black;
  background: none;
  text-shadow: 0 1px white; 
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  word-wrap: normal;
  line-height: 1.5;
}
pre {
  color: black;
  background: #f5f2f0;
  text-shadow: 0 1px white;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  word-wrap: normal;
  line-height: 1.5;
  padding: 1em;
  margin: .5em 0;
  overflow: auto;
}
pre code .comment {
  color: slategray;
}
pre code .prolog {
  color: slategray;
}
pre code .doctype {
  color: slategray;
}
pre code .cdata {
  color: slategray;
}
pre code .punctuation {
  color: #999;
}
pre code .namespace {
  opacity: .7;
}
pre code .property {
  color: #905;
}
pre code .tag {
  color: #905;
}
pre code .boolean {
  color: #905;
}
pre code .number {
  color: #905;
}
pre code .constant {
  color: #905;
}
pre code .symbol {
  color: #905;
}
pre code .deleted {
  color: #905;
}
pre code .selector {
  color: #690;
}
pre code .attr-name {
  color: #690;
}
pre code .string {
  color: #690;
}
pre code .char {
  color: #690;
}
pre code .builtin {
  color: #690;
}
pre code .inserted {
  color: #690;
}
pre code .operator {
  color: #9a6e3a;
  background: hsla(0, 0%, 100%, .5);
}
pre code .entity {
  color: #9a6e3a;
  background: hsla(0, 0%, 100%, .5);
  cursor: help;
}
pre code .url {
  color: #9a6e3a;
  background: hsla(0, 0%, 100%, .5);
}
pre code.language-css .token.string {
  color: #9a6e3a;
  background: hsla(0, 0%, 100%, .5);
}
pre code .style .token.string {
  color: #9a6e3a;
  background: hsla(0, 0%, 100%, .5);
}
pre code .atrule {
  color: #07a;
}
pre code .attr-value {
  color: #07a;
}
pre code .keyword {
  color: #07a;
}
pre code .function {
  color: #DD4A68;
}
pre code .class-name {
  color: #DD4A68;
}
pre code .regex {
  color: #e90;
}
pre code .important {
  color: #e90;
  font-weight: 700;
}
pre code .variable {
  color: #e90;
}
pre code .bold {
  font-weight: 700;
}
pre code .italic {
  font-style: italic;
}

/*+++++ CURZI +++++*/

/* +++ HEADER +++ */

header {
  text-align:center;
  padding-bottom:10px;
}

div.pagetitle{
  font-family: gothicus-roman, serif;
  font-size: 4em;
display:inline-block;
  width:740px;
  padding:30px;
}


/* TOP MENU*/

div.menubar {
    font-weight: 700;
    line-height: 1.4em;
    background: #eeeeee;
    color:orange;
     border-radius: 0px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    min-width:400px;
}

div.menubuttons{
  text-align:center;
}

div.table{
  display:table;
  text-align:center;
  
}

ul#horizontal-list {
	min-width: 720px;
	list-style: none;
	}

ul#horizontal-list li {
	display: inline;
	}

header a.rm-page-ref {
  	color:white;
    background:red;
    padding:8px;
    border-radius: 3px;
    text-decoration: none;
    font-family: adobe-caslon-pro, serif;
    display:inline-flex;
    width:100px;
    margin-right:15px;
    margin-left:15px;
    /* align-items: center; */
    justify-content: center;
    height:20px;
    line-height: 25px;
}

/* +++ MESSAGES +++ */

/* CONSTRUCTION */
div.construction p {
	color: #666666 !important;
  text-align: center;
  padding:5px;
  font-style:italic;
}
/* + STUB + */

div.pre-content-wrapper{
  padding-top:10px;
  padding-bottom:10px;
}

/* PRE-CONTENT WRAPPER*/
div.stubmessage-draft {
min-width:540px;
  padding-right:120px;
  padding-left:120px;
}
div.stubmessage-draft p {
background-color: rgba(252, 248, 227, 1);
border-color: rgba(177, 161, 129, 1);
color: rgba(138, 109, 59, 1);
padding: 10px;
font-size: 0.8em;
margin-right: auto;
margin-left: auto;
  max-width:65%;
min-width:540px;
text-align:center;
}

div.stubmessage-updated {
min-width:540px;
  padding-right:120px;
  padding-left:120px;
}
div.stubmessage-updated p {
border-color: rgba(177, 161, 129, 1);
color: rgba(138, 109, 59, 1);
padding: 10px;
font-size: 0.8em;
margin-right: auto;
margin-left: auto;
  max-width:65%;
min-width:540px;
text-align:center;
}

/* +++ NAVIGATION BUTTONS +++ */

/* ++ NEXT POST ++ */
div.nextpostbar1 {
    font-weight: 700;
    line-height: 1.4em;
    color:orange;
     border-radius: 0px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    min-width:400px;
    padding:1px
}

div.nextpostbar1 a.rm-page-ref {
  	color:white !important;
    background:red;
    padding:8px;
    border-radius: 3px;
    text-decoration: none;
    font-family: adobe-caslon-pro, serif;
    display:inline-flex;
    margin-right:15px;
    margin-left:15px;
    /* align-items: center; */
    justify-content: center;
    height:20px;
    line-height: 25px;
}

/* NEXT POST - 1 ITEM WITH HIGHLIGHT */

div.nextpostbar1highlight1 {
    font-weight: 700;
    line-height: 1.4em;
    color:orange;
     border-radius: 0px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    min-width:400px;
    padding:1px
}

div.nextpostbar1highlight1 a.rm-page-ref {
  	color:white !important;
    background:#3E0B37 !important;
    padding:8px;
    border-radius: 3px;
    text-decoration: none;
    font-family: adobe-caslon-pro, serif;
    display:inline-flex;
    margin-right:15px;
    margin-left:15px;
    /* align-items: center; */
    justify-content: center;
    height:20px;
    line-height: 25px;
}


/* NEXT POST - 3 ITEMS */

div.nextpostbar3 {
    font-weight: 700;
    line-height: 1.4em;
    color:orange;
     border-radius: 0px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    min-width:400px;
    padding:1px
}

div.nextpostbar3 a.rm-page-ref {
  	color:white !important;
    background:red;
    padding:8px;
    border-radius: 3px;
    text-decoration: none;
    font-family: adobe-caslon-pro, serif;
    display:inline-flex;
    margin-right:15px;
    margin-left:15px;
    /* align-items: center; */
    justify-content: center;
  	width:120px;
    height:20px;
    line-height: 25px;
}

/* SPACER IMAGE */

div.spacer-image img{
	width:100%;
    min-width:800px;
  	max-height:160px;
    object-fit:cover;
    /* object-position: 0 0;*/

}

.spacer-image ul{
  padding-inline-start:0px;
}

/* BODY */

body {
  margin:auto;
  max-width:800px;
   min-width:400px;
}

/* +++ TEXT +++*/

/* MAIN */

div#content{
/*padding-top:10px;*/
}

p{
	font-family: adobe-caslon-pro, serif;
	font-weight: 400;
	font-style: normal;
	line-height: 1.4;
	font-size:1.2em;
  	margin-top:8px;
 	margin-bottom:8px;
}


/* HEADERS */


h1, h2, h3{
  /*font-family: broadsheet, serif;*/
	font-family: adobe-caslon-pro, serif;
	font-weight: 700;
	font-style: normal;
}

blockquote {
font-family: broadsheet, serif;
font-style: italic;
  margin-left:100px;
  margin-right:100px;
}

/* IMAGES */
content img{
  max-width:500px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
 min-width:350px
}

 
/* +++ FOOTER +++ */

footer{
  padding-top:10px;
}

/* SOCIAL ICONS */

div.floating-social-wrapper {
  /*! position: relative; */ 
  display: inline-block; 
  /*! width: 0; */ 
  /*! height: 0; */ 
  vertical-align: top; 
  float: right;
  padding-top: 2px;
}


.social-icon-box {
  display: flex;
  /*! justify-content: center; */
  width:43px;
  height:7%;
  flex-wrap:wrap;
  /*position:absolute;*/
}
.social-icon-item {
  flex: 1;
  width: 22px;  
  padding:1px 0px;
}

.social-icon-item img{
  display:block;
  width: 20px;
  margin:auto;
  opacity:60%;
}


/* SUBSTACK EMBED */
#custom-substack-embed-wrapper{
margin-right:auto;
margin-left:auto;
width:48%;
padding-bottom:10px;
}

#custom-substack-embed button{
}

/* COPYRIGHT */

#copyright p, #copyright a{
text-align:center;
color:#555555;
text-decoration: none;
}



/*TWEAKS*/
/* Hide References */

div .rm-reference-container {
  display:none;
}

/*+++++ LINKS +++++*/

/* +++ GENERAL +++ */
.rm-page-ref, div#content a{
  	background:white;
  	color: red;
  	padding: 4px;
  	font-weight: 500;
  	border-radius:3px;
  	display: inline-flex;
  	justify-content: center;
  	text-decoration:none;
  	height:20px;
}
.rm-page-ref:hover, div#content a:hover{
  	background:red;
  	color: white;
}

/*+ EXTERNAL LINKS +*/

/* #content a[href^="http://"]:not([href*="ethos-scaffold.roamjs.com"]):after,
	#content a[href^="https://"]:not([href*="ethos-scaffold.roamjs.com"]):after {
    content: "";
    display: inline-flex;
    background: url("https://firebasestorage.googleapis.com/v0/b/firescript-577a2.appspot.com/o/imgs%2Fapp%2Fethos-scaffold-mc%2F_bV-fTQHq5.svg?alt=media&token=e3c37e15-0075-4880-bf08-f9047758bee0") no-repeat;
    width: 24px;
    background-attachment: local;
    background-position: center;
    background-size: 15px;
}
*/

#content a[href^="http://"]:not([href*="ethos-scaffold.roamjs.com"]):hover:after,
#content a[href^="https://"]:not([href*="ethos-scaffold.roamjs.com"]):hover:after {
    content: "";
    display: inline-flex;
    background: url("https://firebasestorage.googleapis.com/v0/b/firescript-577a2.appspot.com/o/imgs%2Fapp%2Fethos-scaffold-mc%2Fq6kTzLhS8m.svg?alt=media&token=775f1913-fc86-4742-92af-2475104a079c") no-repeat;
    width: 24px;
    /* padding-left: 6px; */
    /* padding-top: 30px; */
    background-attachment: local;
    background-position: center;
    /* background-position-y: bottom; */
    /* background-position-x: 4px; */
    background-size: 15px;
}


/* FLOATING CONTEXT */

.exitwrapper:hover .exitwrapper-context{
  display:grid;
}


.exitwrapper-context{
    display:none;
    background-color:#eeeeee;
    /*! width:30%; */
    min-width: 400px;
    margin-right:auto;
    margin-left:auto;
    border-radius:3px;
    position:absolute;
    z-index:1;
    outline-color: red;
    outline-width:thin;
    outline-style: solid;
  
  -webkit-animation: fadeIn 0.4s;
    animation: fadeIn 0.4s;

}

.exitwrapper-context ul{
    display:grid;
    grid-template-columns: 150px 150px 150px; /* (2) */
  grid-template-rows: repeat(auto-fill, 100px);
  justify-content: space-between; /* (5) */
    grid-gap: 1rem; /* (4) */
}

.exitwrapper-context{
    margin-top:auto;
  margin-bottom:auto;
}

.exitwrapper-context li:nth-child(1){
  grid-row:1 /2;
}

.exitwrapper-context li:nth-child(1) p{
  font-style:italic;
	  font-size:1em;
	font-family:broadsheet;
}

.exitwrapper-context li:nth-child(2){
  
}
  
.exitwrapper-context li:nth-child(2) p{
  font-weight: bold;
  font-style:italic;
font-size:1em;
}

.exitwrapper-context li:nth-child(3) /*PICTURE*/ {
  min-width:50px;
  grid-column: 2 / 4;
  grid-row:  1 / 3; 
  margin-right: 20px;
}

.exitwrapper-context img{
max-height: 200px;
object-fit:cover;
/*! max-width: 80%; */
margin-right: auto;
margin-left: auto;
}


@-webkit-keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}
@keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}


/*+ INLINE PAGE LINK+ */
#content a.rm-alias {
  	color:white;
    background:#e700ff;
    padding:4px;
    border-radius: 3px;
    text-decoration: none;
    font-family: adobe-caslon-pro, serif;
    display:inline-flex;
    justify-content: center;
    height:20px;
    line-height: 25px;
}
#content a.rm-alias:hover {
    color:#e700ff;
  	background:white;
}

/*+ CUSTOM TAGS +*/

a.rm-alias[href$='/']{
    background: red;
    font-weight: 500;
}
a.rm-alias[href$='/']:hover{
    background: white !important;
    color:#820263 !important;
}
[data-tag="Home"] {
    background: red !important;
}
[data-tag="Home"]:hover {
    background: white !important;
    color:red !important;
}




a.rm-alias[href$='/The_Goal']{
    background: #820263 !important;
  	/*color:black !important;*/
    font-weight: 500;
}
a.rm-alias[href$='/The_Goal']:hover{
    background: white !important;
    color:#820263 !important;
}
[data-tag="The Goal"] {
    background: #820263 !important;
    /*color:black !important;*/
}
[data-tag="The Goal"]:hover {
    background: white !important;
    color:#820263 !important;
}

[data-tag="Index"] {
    background: #031A82 !important;
    /*color:black !important;*/
}
[data-tag="Index"]:hover {
    background: white !important;
    color:#031A82 !important;
}
a.rm-alias[href$='/Index']{
    background: #031A82 !important;
  	/*color:black !important;*/
    font-weight: 500;
}
a.rm-alias[href$='/Index']:hover{
    background: white !important;
    color:#031A82 !important;
}


[data-tag="What is this?"] {
    background: #03825A !important;
    /*color:black !important;*/
}
[data-tag="What is this?"]:hover {
    background: white !important;
    color:#03825A !important;
}
a.rm-alias[href$='/What_is_this']{
    background: #03825A !important;
  	/*color:black !important;*/
    font-weight: 500;
}
a.rm-alias[href$='/What_is_this']:hover{
    background: white !important;
    color:#03825A !important;
}


/*++++ LEYENDECKER ++++*/
[data-link-title="Petrrch"]
{
    background: #81D5ED !important;
    color: black !important;
    padding: 3px 7px;
    line-height: 2em;
    font-weight: 500;
}
[data-tag="Petrrch"] {
    background: #81D5ED !important;
    color: white !important;
    padding: 3px 7px;
    line-height: 2em;
    font-weight: 500;
}

span.rm-page-ref[data-tag="Idea Bank"] {
    color: #FCB815 !important;
    padding: 3px 4px;
    font-weight: 700;
    line-height: 1.4em;
}

span.rm-page-ref[data-tag="Idea Bank"]:before {
    content: '✦ '
}