/*-- scss:defaults --*/
  /*-- scss:defaults --*/
  $node-editor-text:              #c7c7c7 !default;
  $node-editor-grid:               #1D1D1D !default;
  $node-editor-backdrop:           #303030 !default;
  $node-type-color-converter:      #246283 !default;
  $node-type-color-color:          #3B660A !default;
  $node-type-color-group:          #3B660A !default;
  $node-type-color-group-socket:   #0F0F0F !default;
  $node-type-color-frame:          #0F0F0F !default;
  $node-type-color-matte:          #973C3C !default;
  $node-type-color-distor:         #4C9797 !default;
  $node-type-color-input:          #83314A !default;
  $node-type-color-output:         #4D0017 !default;
  $node-type-color-filter:         #551A80 !default;
  $node-type-color-vector:         #3C3C83 !default;
  $node-type-color-texture:        #E66800 !default;
  $node-type-color-shader:         #24B524 !default;
  $node-type-color-script:         #084D4D !default;
  $node-type-color-geometry:       #1D715E !default;
  $node-type-color-attribute:      #1D2546 !default;
  $node-type-color-simulation:     #664162 !default;
  $node-type-color-repeat:         #76512F !default;
  
  $node-socket-color-text:         #ffffff !default;
  $node-socket-color-geometry:     #05D19F !default;
  $code-socket-color-int:          #027a2a !default;
  $node-socket-color-vector:       #6363C7 !default;
  $node-socket-color-int:          #598C5C !default;
  $node-socket-color-float:        #A1A1A1 !default;
  $node-socket-color-matrix:       #B83385 !default;
  $node-socket-color-bool:         #CCA6D6 !default;
  $node-socket-color-rotation:     #A663C7 !default;
  $node-socket-color-material:     #EB7582 !default;
  $node-socket-color-color:        #C6C629 !default;
  $node-socket-color-collection:   #f4f4f4 !default;
  $node-socket-color-string:       #70B2FF !default;
  $node-socket-color-object:       #ED9E5C !default;

$btn-color:           hsl(211, 50%, 38%);
$btn-color-bg:        hsl(210, 50%, 80%);
$h2-font-size:          1.6rem !default;
$headings-font-weight:  500 !default;
$body-font-color:       #d8d8d8 !default;
$primary:             hsl(213, 10%, 21%) !default;
$color-bg:            hsl(210, 4%, 95%) !default;
$text-dark-color: #2d2d2d;
$link-color:          #006fe6 !default;

/*-- scss:rules --*/
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
    font-weight: bold;
  }
  
  .navbar-title {
    display: none !important;
  }
  
  .category {
    text-transform: uppercase;
  }
  
  .category:hover {
    color: $link-color;
    font-weight: bold;
  }


  .quarto-grid-item .listing-permissions {
    align-items: center;
    justify-content: center;
    display: flex;
  }

  .quarto-grid-item .listing-categories {
    align-items: center;
    justify-content: center;
    display: flex;
  }

  .quarto-grid-item .listing-tags .listing-categories .listing-category {
    color: $node-editor-grid;
    background-color:  lighten($color: $node-socket-color-rotation, $amount: 20%);
    border: solid 1px $node-editor-grid;
  }

  .quarto-grid-item .listing-tags .listing-categories .listing-category:hover {
    color: $node-editor-grid;
    background-color:  lighten($color: $node-socket-color-rotation, $amount: 20%);
    border: solid 1px $node-editor-grid;
  }

  .quarto-grid-item .listing-permissions .listing-categories .listing-category {
    
    color: $node-editor-grid;
    background-color:  $node-socket-color-object;
    border: solid 1px $node-editor-grid;
  }
  
  .quarto-grid-item .listing-permissions .listing-categories .listing-category:hover {
    background-color:  darken($color: $node-socket-color-object, $amount: 5%);
    color: $node-editor-grid;
  }

  .quarto-grid-item .listing-categories .listing-category {
    color: $btn-color;
    background-color:  $btn-color-bg;
    border: solid 1px $btn-color;
  }
  
  .quarto-grid-item .listing-categories .listing-category:hover {
    color: $node-type-color-converter;
    background-color:  darken($color: $btn-color-bg, $amount: 10%);
    border: solid 1px $btn-color;
  }
  

  .listing-author a,
  .listing-version a {
    color: $link-color;
  }
  
  .listing-author:hover a,
  .listing-version:hover a {
    color: $link-color;
    font-weight: bold;
  }
  
  .listing-stars a {
    color: $link-color;
    text-decoration: none;
  }
  
  .listing-stars:hover a {
    color: #dcbe50;
    font-weight: bold;
    text-decoration: underline;
  }
  
  .quarto-grid-item .card-title {
    font-size: 1.5em;
    font-weight: 600;
    margin-bottom: 0.5em;
    text-transform: uppercase;
  }
  
  .quarto-grid-item .card-other-values tr>td:first-of-type {
    font-weight: 600;
    padding-right: 1em;
    padding-left: 1em;
    vertical-align: top;
    text-transform: capitalize;
  }
  
  .quarto-grid-link:hover {
    color: $link-color;
    text-decoration: underline;
  }
  
  #quarto-back-to-top {
    z-index: 100; /* Make sure it's above everything else */
  }
  
  .code-copy-button {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
  }
  
  .sourceCode:hover .code-copy-button {
    opacity: 1;
    visibility: visible;
  }