/**
 * Content
 */
@media screen and (prefers-color-scheme: dark) { 
  p { 
    color: #000; 
  }
 
} 

body { 
  background-color: #000; 
  color: #000; 
}
 

/* Global Link Reset: Removes underlines by default */ 
a { 
  text-decoration: none !important; 
  border-bottom: none !important; 
}
 

/* Hover and Active State: Restores underlines */ 
a:hover,  
a.active,  
.page a.active, 
a.current, 
a.current_page_item, 
.current a, 
.current_page_item a { 
  text-decoration: underline !important; 
}
 

i, em { font-style: italic; } 
b, strong { font-weight: bolder; } 
sub, sup { position: relative; vertical-align: baseline; } 
sub { top: 0.3em; } 
sup { top: -0.4em; } 
s { text-decoration: line-through; } 
img { border: 0; padding: 0; } 
ul, ol { margin: 0; padding: 0 0 0 1em; } 
blockquote { margin: 0; padding: 0 0 0 2em; } 
hr { background: transparent; border: 0; height: 1px; display: block; } 

.content img { 
  float: none; 
  margin-bottom: .5em; 
}
 

/** 
 * Editor styles 
 */ 
[data-predefined-style="true"] bodycopy { 
  font-size: 10pt; 
  font-weight: normal; 
  letter-spacing: 0rem; 
  color: rgb(0, 0, 0); 
  font-family: "Helvetica Neue", Helvetica, sans-serif, "Helvetica Neue Regular", Icons; 
  font-style: normal; 
  line-height: 1.5; 
}
 

[data-predefined-style="true"] bodycopy a { 
  color: rgba(0, 0, 0, 0.9); 
}
 

[data-predefined-style="true"] h1 { 
  font-family: "Helvetica Neue", Helvetica, sans-serif, "Helvetica Neue Regular", Icons; 
  padding: 0; 
  margin: 0; 
  color: rgb(0, 0, 0); 
  font-size: 10pt; 
  line-height: 1.1; 
  font-style: normal; 
  font-weight: normal; 
}
 

[data-predefined-style="true"] h2 { 
  font-family: "Times New Roman", Times, serif; 
  padding: 0; 
  margin: 0; 
  color: rgba(0, 0, 0, 0.74); 
  font-size: 14px; 
  line-height: 1.3; 
  font-style: normal; 
  font-weight: 500; 
}
 

/** 
 * Breakpoints & Global Padding 
 */ 
[data-css-preset] .content_padding { 
  padding: 1.0rem !important; 
}
 

[data-css-preset] .page { 
  background-color: initial /*!page_bgcolor*/; 
}
 

.mobile .page, 
[data-css-preset].mobile .page { 
  position: relative; 
  min-height: 10px; 
  max-width: 100%; 
  width: 100%; 
  background-color: transparent /*!page_bgcolor*/; 
}
 

[data-css-preset] .container { 
  margin-top: 0.0rem; 
  margin-left: -0.2rem /*!content_left*/; 
  margin-right: auto; 
  text-align: left /*!text_left*/; 
}
 

[data-css-preset] body { 
  background-color: #e1e1e1/*!body_bgcolor*/; 
}
 

/* Site Menu & Footer */ 
#site_menu { 
  font-family: sans-serif; 
  background: rgba(20, 20, 20, 0.95); 
  font-size: 20px; 
  padding: 20px 30px 90px 30px; 
}
 

.home-footer { 
  position: fixed; 
  bottom: 0; 
  left: 4px; 
  width: 100%; 
  text-align: left; 
  padding: 12px 0; 
  background: transparent; 
}
 

[data-css-preset] .quick-view { 
  width: 100% /*!quick_view_width*/; 
  padding-top: 2.7rem /*!quick_view_padding*/; 
  padding-bottom: 2.7rem /*!quick_view_padding*/; 
  padding-left: 2.7rem /*!quick_view_padding*/; 
  padding-right: 2.7rem /*!quick_view_padding*/; 
}
 

[data-css-preset] .quick-view-background { 
  background: rgba(255, 255, 255, 0) /*!quick_view_bgcolor*/; 
  backdrop-filter: blur(8px); 
  -webkit-backdrop-filter: blur(8px); 
}
 

/* Hide pinned header on emailtest page only */ 
[data-page-id="38425235"] .pinned_top { 
  display: none !important; 
}
 

/* 1. Flatten Cargo's parent container layers so they can visually interact */ 
.main_container, 
.content_container, 
[local-style="37732914"] { 
  display: block !important; 
  isolation: auto !important; 
}
 

/* 2. Strip Cargo's native layout background constraints on your header */ 
[local-style="36983171"].page_container.overlay, 
[local-style="36983171"] .page_background, 
[local-style="36983171"] .page.container { 
  background: transparent !important; 
  pointer-events: none !important; 
}
 

/* 3. Apply the blending engine straight to the structural header element */ 
[local-style="36983171"] { 
  mix-blend-mode: difference !important; 
  position: fixed !important; 
  top: 0; 
  left: 0; 
  right: 0; 
  width: 100%; 
  z-index: 999999 !important; 
}
 

/* 4. Force Cargo's preset variables to clear out */ 
[data-predefined-style="true"] [local-style="36983171"] h1 { 
  mix-blend-mode: difference !important; 
  color: #fff !important; 
}
 

/* 5. FIXED: Force link color to pure white so mix-blend-mode inverts properly */ 
[data-predefined-style="true"] [local-style="36983171"] h1 a { 
  color: #ffffff !important; 
  pointer-events: auto !important; 
  display: inline-block; 
}
 

/* Force the slash to inherit the exact same color-flipping settings as the links */ 
[local-style="36983171"] h1 .nav-slash { 
  color: #ffffff !important; 
  display: inline-block !important; 
  margin: 0 5px !important; 
}
 

/* Underline the header Index link everywhere by default */ 
[local-style="36983171"] h1 a[href="Index"] { 
  text-decoration: underline !important; 
}
 

 
/* --------------------------------------------------
   Header Underlines
   -------------------------------------------------- */

/* 1. Remove underline from Name (James Rönkkö) */
[grid-row] div:first-child a {
  text-decoration: none !important;
  border-bottom: none !important;
}

/* 2. Force Index link to be underlined everywhere by default */
[grid-row] div:last-child a[href="Index"],
[local-style="36983171"] a[href="Index"] {
  text-decoration: underline !important;
}

/* --------------------------------------------------
   Contact Page Overrides (Page ID: 38426557)
   -------------------------------------------------- */

/* Turn OFF Index underline on Contact Page */
[data-page-id="38426557"] a[href="Index"],
html body[data-page-id="38426557"] [grid-row] a[href="Index"] {
  text-decoration: none !important;
  border-bottom: none !important;
}

/* Turn ON Contact underline on Contact Page */
[data-page-id="38426557"] a[href="Contact"],
html body[data-page-id="38426557"] [grid-row] a[href="Contact"] {
  text-decoration: underline !important;
}