styles.scss

/*-- scss:defaults --*/

$toc-active-border: #f0ba55;
$toc-color: #364f7a;

#quarto-header {
    border-bottom: .15em solid #ddd; /* Adjust the thickness and color as needed */
}

.navbar-title{
  font-family: "Helvetica Neue";
  color: rgba(0, 0, 0, 0.8);
  font-weight: 400;
}

.menu-text{
  font-family: "Helvetica Neue";
  color: rgba(0, 0, 0, 0.8);
  border: none;
  outline-color: none;
  
  &:hover{
    color: #364f7a;
    border-bottom: .05em solid #364f7a;
  }
  
}

.dropdown-text{
  font-family: "Helvetica Neue";
  color: rgba(0, 0, 0, 0.8); 

&:hover{
    color: #364f7a;
    border-bottom: .05em solid #364f7a;
  } 
  
  &:active{
  background-color: #ffffff;
  
}
}

.dropdown-menu >.active>a:hover { 
  background-color: #ffffff;
  border: none;
  
}

.dropdown-menu li a:hover{
    white-space: nowrap;
    border: none;
    color: #746c25; 
    background-color: #ffffff; 
}

p {
  font-family: "Helvetica Neue";
  color: rgba(0, 0, 0, 0.8);
  font-size: 16px;
  font-weight: 300;
}

  h1 {
  text-align: left;
  font-family: "Helvetica Neue";
  color: rgba(0, 0, 0, 0.8);
  font-weight: 400;
}

  h2 {
     color: rgba(0, 0, 0, 0.8); 
     font-family: "Helvetica Neue";
     font-weight: 400;
  }
  
    h3 {
     color: rgba(0, 0, 0, 0.8); 
     font-family: "Helvetica Neue";
  }
  
    h4 {
     color: rgba(0, 0, 0, 0.8); 
     font-family: "Helvetica Neue";
  }

a {
  color: #364f7a !important;
  
&:hover {
  color: #364f7a !important;
}
}


code {
  padding: 0 3px;
  background-color: #f2f8fc;
  border: solid 1px #F0EDD1;
}

header h2 {
  width: 540px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 26px;
  font-weight: normal;
  line-height: 1.3;
  color: #F0EDD1;
  letter-spacing: 0;
}

.blog {
  margin: 1em 0;
  border: 2px solid gray;
  border-left: 10px solid gray; 
  border-color: rgba(0, 0, 0, 0.8);
  border-radius: 10px;
}

.blog-header {
  margin-left: 0em;
  padding-left:  60px;
  padding-top:  5px;
  padding-bottom: 0.1em;
  color: rgba(0, 0, 0, 0.8);
  background-color: #FAF9F0;
  border-color: #676565;
  border-top-right-radius: 10px;
  font-size: 1em;
  font-weight: bold;
  background-size: 40px;
  background-repeat: no-repeat;
  background-position: 15px center;
}

.blog-container {
  padding-top: 5px;
  padding-left: 10px;
  padding-bottom: 0.1em;
  color: rgba(0, 0, 0, 0.8);
  background-color: #FAF9F0;
  border-color: #676565;
  border-bottom-right-radius: 10px;
}

.link {
  background-color: #f2f8fc;
  padding: 0.5em;
  border-radius: 10px;
  border: 0.05em solid #364f7a;
  border-left: 0.2em solid #364f7a;
}

.link-header {
  margin-top:-20px;
  width: 488px;
  height: 50px;
  color: rgba(0, 0, 0, 0.8);
  background-color: #f2f8fc;
  border-top-right-radius: 10px;
}

.link-container {
  margin-top:-25px;
  width: 488px;
  height: 35px;
  padding: 5px;
  color: rgba(0, 0, 0, 0.8);
  background-color: #f2f8fc;
  border-bottom-right-radius: 10px;
}

h5.no-anchor.card-title.listing-title {
  color: rgba(0, 0, 0, 0.8);
  border-bottom: 0.05em solid rgba(0, 0, 0, 0.8);
  padding-bottom: 0.1em;
}

.quarto-grid-item.card-left {
  background-color: #FAF9F0;
  color: rgba(0, 0, 0, 0.8);
  border: .05em solid  #746c25;
}

h2#toc-title{
  font-family: "Helvetica Neue";
  color: rgba(0, 0, 0, 0.8);
  font-size: 16px;
}

.nav-link {
  color: rgba(0, 0, 0, 0.8);
}

div.callout-note.callout-style-default>.callout-header {
  background-color: #f2f8fc !important;
  color: rgba(0, 0, 0, 0.8);
  font: "Helvetica Neue";
  
}

div.callout-note.callout {
border-left-color: #364f7a !important;
}

.example {
  background-color: #FAF9F0;
  padding: 0.5em;
  border-radius: 10px;
  border-left: 0.2em solid #746c25;
}

.column-margin h3 {
  font-family: "Helvetica Neue";
  color: rgba(0, 0, 0, 0.8);
  font-weight: 800;
  
}

.column-margin p {
  font-family: "Helvetica Neue";
  color: rgba(0, 0, 0, 0.5);
}



.link-2 {
  background-color: #FAF9F0;
  padding: .1em;
  border-radius: 10px;
  border: 0.05em solid #746c25;
  border-left: 0.2em solid #746c25;
}

.link-2-header {
  margin-top: -1em;
  color: black;
  background-color: #FAF9F0;
  border-top-right-radius: 10px;
  margin-left: 1em;
}

.link-2-container {
  color: black;
  background-color: #FAF9F0;
  border-bottom-right-radius: 10px;
}

div.callout-warning.callout-style-default>.callout-header {
  background-color: #FAF9F0 !important;
  color: rgba(0, 0, 0, 0.8);
  font: "Helvetica Neue";
  
}

div.callout-warning.callout {
border-left-color: #f0ba55 !important;
}