@import url('https://fonts.googleapis.com/css2?family=Hahmlet:wght@100;200;300;400;500;600;700;800;900&display=swap');
body, h1, h2, h3, h4, h5, h6{
  /* background-color: #FFF; */
  font-family: 'Hahmlet', serif;

  /*  
  #FFE8F5
  #FBF8BE
  #FBEAEB
  #FAEBEF
  #FCF6F5
  #FCF6F5
  #FBEAEB
  #D7C49E
  #FCF6F5
  #FCF6F5
  */
}
p a {
  color: royalblue;
  font-weight: bold;
  /*  
  #2E3C7E
  #990011
  #333D79
  #7b9acc    
  
  #8AAAE5
  #2E3C7E 
  #7b9acc
  #2BAE66
  #013DC4
  #2BAE66
  #7b9acc
  */
}
p a:hover {
  background-color: royalblue;
  color:white
}
blockquote{
  background-color: lightgoldenrodyellow;
}
em code {
  background-color: crimson;
  text-decoration: none;
  font-style: normal;
  color: white;
  font-size: large;
  padding: 0 0.2rem;
}

p em {
  opacity: 0.8;
}

li .ticks {
  margin-top: 0.75rem !important;
}

ul {
  list-style-type: none;
}
ol,ul{
  word-wrap: break-word;
}

table {
  overflow-wrap: break-word;
}
th {
  background-color: hsl(226, 23%, 31%);
  color: #bcbdd0;
  font-size: large;
}
td{
  background-color: hsl(226, 23%, 11%);
  color: #bcbdd0;
  font-size: medium;
}
table code {
  /* color: #a6a9d6; */
  color: #dee9f3;
}
th, td {
  /* border: 0px solid hsl(226, 23%, 31%); */
  border: 0.5px solid #5b5b64;
}
p{
  font-size: medium;
}
h3 {
  background-color: tan;
}
h4 {
  font-size: large;
  background-color: antiquewhite;
}
blockquote h3, blockquote h4 {
  background-color: transparent;
}
pre {
  background-color: whitesmoke;
}
blockquote {
  background-color: floralwhite;  
  color: forestgreen;  
  font-size: 0.9rem;
  font-weight: 300;
}

.toc {
  background: antiquewhite;  
  color: firebrick;
}

#toparrow{
  position: fixed;
  bottom: 30px;
  background-color: transparent;
  text-decoration: none;
  border-bottom: none;
}

h6.codeblock {
  font-size: 0.9rem;
}
h6.codeblock + div.code-toolbar, h6.codeblock + pre {
  margin-top: 3px !important;
}
div.code-toolbar > pre {
  margin-top: 3px !important;
  /* white-space:pre-wrap; */
}
/* .code-toolbar{
  margin-top: 3px !important;
} */

#TableOfContents {
  margin-top: 1.5rem;
}

figure pre {
  margin-top: 3px !important;
}

strong > code {
  text-decoration: overline;
}

p > code, li > code {
  /* background-color: aliceblue; */
  background-color: #dee9f3;
  /* 
    aliceblue 
    lightgoldenrodyellow
    lightgrey
  */
}
.cornell {
  color: tan !important; 
  /* outline: none; */
}
.cornell span{
  /* outline: 0 !important; */
  /* border: 0 !important; */
  color: black !important;
}
.cornell strong{
  color: coral !important;
}

.calm-focus{
  /* background-color: #b3b3ffca; */
  /* background-color: #82b7ffa3; */
  background-color: #89c7ff69;
}
.soon-focus{
  background-color: #ffb0b0b9;
}
.calm-blur{
  background-color: #b6fdb6d3;
}
.soon-blur{
  background-color: #ffffbdbb;
}


/* .my-money-button, .money-button, .money-button iframe{
  margin: 0;
  width: 200px;
  position: absolute;
  z-index: -10;
} */
em>strong,
i>b {
    font-style:normal !important;
    /* font-weight:normal !important; */
    text-decoration:none !important;
    background-color: #FFFFFF !important;
    border-left: #F95700 3px solid;
    border-right: #F95700 3px solid;
    border-bottom: #F95700 3px solid;
    border-top: #F95700 3px solid;
    color:#F95700 !important;
    font-size: 0.7rem;
    padding: 0.2rem 0.4rem;
    font-weight: 700 !important;
}

/* clientSearchCssStart */
#clientSearch { 
  visibility: visible;
  position: relative;
  /* left: 10px;
  top: 230px; */
  /* width: 300px; */
  height: 40px;
  margin-top: 10px;
  /* overflow-x: hidden; */
}


#clientSearch input { 
  padding: 4px 10px;
  width: 100%;
  /* height: 31px; */
  font-size: 1.6em;
  color: #aaa;
  font-weight: bold;
  background-color: #000;
  border-radius: 3px 3px 0px 0px;
  border: none;
  outline: none;
  text-align: left;
  display: inline-block;
}

/* #clientSearch input:focus { 
  overflow-y: scroll;
} */

#searchResults { 
  visibility: inherit; 
  /* display: inline-block;  */
  width: 100%;
  margin: 0;
  position: absolute;
  z-index: 1000;
  /* height: 200px; */
  max-height: 360px !important;
  /* overflow: scroll; */
  overflow-x: hidden;
}

#searchResults li { 
  list-style: none; 
  margin-left: 0em;
  background-color: #333; 
  border-bottom: 1px dotted #000;
  color: ivory;
}
#searchResults li .title { 
  font-size: 0.9em; 
  /* margin-bottom: 10px;  */
  display: inline-block;
}

#searchResults a { 
  text-decoration: none !important; 
  padding: 10px; 
  width:100%;
  display: inline-block; 
  margin: auto;
  outline: transparent;
}
#searchResults a:hover, a:focus { 
  /* outline: 0;  */
  background-color: #666; 
  color: #fff; 

}

@media only screen and (max-width: 720px) {
  #clientSearch{
    position: unset;
    width: 80vw;
    margin:auto;
  }
  #searchResults{
    width: 80vw;
    /* max-height: 100px !important; */
  }

}
/* clientSearchCssEnd */