:root {
    --alm-blue: #509ed6;
    --pale-grey: #f6f6f6;
    --medium-grey: #e4e4e4;

    --alm-red: #ff2136;
    --alm-yellow: #ffbc01;
    --alm-green: #2ae4a3;
    --alm-blue: #00adef;
    --alm-purple: #a765e1;
    --alm-pink: #ff60b3;
    --alm-white: #f4f4f4;
    --alm-pale-grey: #b9b9b9;
    --alm-medium-grey: #6f6f6f;
    --alm-dark-grey: #424242;
    --alm-black: #0b0b0b;
    --alm-turismo: #BC9D6F;
    --alm-product-normal: #f6f6f6;
    --alm-product-hover: #e4e4e4;

    --helpscout-link: #509ed6;
    --helpscout-link-hover: #2970a3;
}
@font-face {
  font-family: Raisonne Pro;
  src: url('https://cdn.shopify.com/s/files/1/0915/7509/1545/files/RaisonnePro-DemiBold-SPECIAL-ZERO.woff2?v=1737369881');
}
@font-face {
  font-family: Raisonne Pro Light;
  src: url('https://cdn.shopify.com/s/files/1/0915/7509/1545/files/raisonne-regular-pro.woff2?v=1737370032');
}
@font-face {
  font-family: Basis Grotesque;
  src: url('https://cdn.shopify.com/s/files/1/0915/7509/1545/files/BasisGrotesquePro-Light.woff2?v=1737134969');
}
html {
    font-size: 20px;
}
body {
    font-family: Basis Grotesque;
}

h1, h2 {
    font-family: Raisonne Pro;
}


/* --- Style article lists and remove file icons ---- */
.articleList a {
    font-size: 1.5rem;
    line-height: 1.5rem;
}
.articleList i {
    display: none; /* Remove file icon */
}

/* The manual + firmware is always first so style it differently */
/*
.articleList > :first-child {
    margin-bottom: 2rem;
}
.articleList > :first-child::after {
    content: 'FAQ';
    font-family: Raisonne Pro;
    display: block;
    margin: 3rem 0 -0.75rem -24px;
    font-size: 1.5rem;
}
.articleList > :first-child a {
    border: 2px solid black;
    color: black;
    padding: 0.3rem;
    font-size: 1rem;
    transition: background-color .5s ease-in-out;
}
.articleList > :first-child a:before {
    display: none;
}
.articleList > :first-child a:hover {
    background-color: var(--medium-grey);
    text-decoration: none;
}*/

.sort {
    display: none;
}

#docsSearch {
    border: none;
    margin: 0;
    padding: 0;
    background-color: white;
    /*padding: 36px 0;
    background-color: black;*/
}
#docsSearch h1 {
    font-size: 2.5rem;
    /*color: white;*/
    color: black;
    padding: 0;
    margin: 0;
    line-height: 63.0435px;
}
#searchBar {
    padding: 0;
    margin: 0 auto;
}
#searchBar .search-query, #searchBar button {
    font-family: Basis Grotesque;
    border: none;
    border-radius: 0;
    margin-top: 40px;
    background-color: var(--alm-product-normal);
    margin-bottom: 3rem;
}
#searchBar button{
    background: var(--alm-blue);
    text-shadow: none;
    font-family: Basis Grotesque;
    top: 0;
}

/* Remove main page margins */
.container-fluid {
    max-width: unset;
    margin: auto;
}

.collection-category {
    max-width: 1080px;
    margin: auto;
}

/* Style header to match Shopify */
.container-fluid .brand { /* Logo */
    position: relative;
    width: 50px;
    height: 70px;
    padding: 0;
}
.container-fluid .brand img { /* Logo */
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    padding-right: 7.5px;
}
.navbar .navbar-inner {
    height: 70px;
    line-height: 70px;
    background-color: white;
    color: black;
    box-shadow: none;
    -webkit-box-shadow: none;
}
.navbar .brand, .navbar .nav li a:hover, .navbar .nav li a:focus, .navbar .nav .active a, .navbar .nav .active a:hover, .navbar .nav .active a:focus, .navbar .nav li a, .navbar .icon-private-w {
    font-size: 1rem;
    color: black;
}
.navbar .brand, .navbar .nav li a:hover, .navbar .nav li a:focus, .navbar .nav .active a, .navbar .nav .active a:hover, .navbar .nav .active a:focus {
    text-decoration: none;
}
.navbar .nav li a:hover, .navbar .nav li a:focus, .navbar .nav .active a:hover, .navbar .nav .active a:focus {
    text-decoration: underline;
}
.nav .active a .caret, .navbar .nav .active .caret { /* Hide little arrow under button */
    display: none;
}
#home {
    vertical-align: middle;
}
#home a {
    margin-left: 14px;
}
/* Hide all navigation tabs apart from Support Home */

.navbar .nav li {
    display: none;
}
.navbar .nav li#home {
    display: inline-block;
    font-family: Raisonne Pro;
}


.navbar .nav {
    display: flex;
    align-items: center;
    height: 70px;
    position: relative;
}


.category-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    max-width: 1280px;
}
.articleList li a {
    color: black;
    margin-left: 0;
}
.category-list .category, .articleList li {
    font-family: Basis Grotesque;
    line-height: 25px;
    max-width: 100%;
    margin: -1px 0 0 0;
    padding: 5px;
    border: 1px solid rgb(224, 224, 224);
    /*border-left: 0;
    border-right: 0;*/
    outline: none;
    box-sizing: border-box;
    transition: outline 0.1s linear;
    /*flex-basis: 10%;*/
    flex-grow: 1;
    color: rgba(0,0,0.75);
}



/* ARROW MARKERS */
/*
summary::-webkit-details-marker {
    display: none;
}
::marker {
    display: none;
    color: white;
}
#fullArticle li::before {
    font-family: Raisonne Pro Light;
    content: "→ ";
    margin-left: -22.5px;
}*/
.icon-arrow:before {
    font-family: Raisonne Pro;
    content: "→ ";
    color: rgba(0,0,0,0.75);
}


#sidebar .nav-list .active a, #sidebar .nav-list .active a:focus, #sidebar .nav-list .active a:hover {
    font-weight: unset;
}
#sidebar .nav-list li {
    font-family: Raisonne Pro;
}
#fullArticle li {
    margin-bottom: 6px;
    line-height: 25px;
}
.category-list .category {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    text-align: center;
    min-height: 82px;
}

.articleList li {
    padding: 5px 0;
    border: none;
}


.category-list .category:hover, .articleList li:hover, .articleList li a span:hover{
    /*
    background-color: #f4f4f4;
    text-decoration: none;
   */
    color: var(--helpscout-link-hover);
}


/*
.category-list .category p {
    display: none;
}*/

.article-count {
    flex-basis: 100%;
    text-align: center !important;
}

/* Category title within collection on the main page */
.category-list .category .article-count, .articleList li a {
    margin: 0;
    font-size: 1rem;
    text-align: left;
    color: var(--helpscout-link);
    text-decoration: underline;
}
/* e.g. Eurorack Modules (title only) */
.collection-category h2, #categoryHead h1{
    margin: 0 0 18px 0;
    padding: 0;
    font-size: 1.5rem;
}
.collection-category .category-list {
    margin: 0 0 4rem;
}
.category-list h3 {
    margin: 0;
    font-family: Raisonne Pro;
}

section h2 a {
    cursor: default;
    pointer-events: none;
}

#fullArticle blockquote, #fullArticle dd, #fullArticle div, #fullArticle li, #fullArticle ol, #fullArticle p, #fullArticle table, #fullArticle ul {
    color: rgba(0, 0, 0, 0.75);
    font-size: 1rem;
}
#main-content {
    background: none;
    padding: 0;
}
.contentWrapper {
    /*background: #f4f4f4;*/
    border: 1px solid var(--alm-pale-grey);
    margin: auto;
    padding: 2rem;
}
.contentWrapper h1 {
    font-size: 27.6px;
}
.icon-print, .articleFoot, footer span {
    display: none;
}

#sidebar {
    margin-top: 0;
    padding: 1rem;
    background: var(--alm-white);
}
#sidebar form .search-query {
    border-radius: 0;
    border: 2px solid black;
    letter-spacing: .04rem;
}
#sidebar .nav-list a {
    font-size: 1rem;
}
#sidebar h3 {
    font-family: Raisonne Pro;
    font-size: 1rem;
    /*text-transform: unset !important;*/
}
@media (min-width: 990px) {
    .row-fluid {
	width: 1280px;
	margin: auto;
    }
}
@media (max-width: 768px) {
    #sidebar {
	display: none;
    }
    h1, h2 {
	line-height: 50px;
    }
    .btn-navbar {
	display: none !important;
    }
    .nav-collapse.collapse {
	clear: unset !important;
    }
    .nav-collapse .nav {
	float: inline-start !important;
    }
    .nav-collapse, .nav-collapse.collapse {
	overflow: unset !important;
    }
}


footer p {
    margin-top: 5rem;
    text-align: center;
}

.brand img {
    height: 35px;
}

h1, h2, h3, h4, h5, h6 {
    color: black;
}

#searchBar input:focus {
    box-shadow: none;
    outline: 0;
}

#serp-dd { /* suggested search */
    top: 88px !important;
    box-shadow: none;
    border: none;
}
#serp .articleList>li {
    padding-left: 0;
}
.category p:not(.article-count){
    display: unset;
    flex-basis: 100%;
    margin: 0;
    font-size: 1rem;
}