:root {
  --primary: hsl(145deg 98% 27%);
  --primary-text: hsl(145deg 98% 27%);
}

a, a:hover, a:active, a:focus {
    color: var(--primary);
}

p a, .article-content ul a, .article-content ol a, div.mod-custom ul a, div.mod-custom ol a {font-weight: bold;}

 h3.componentheading, .componentheading,  .contentpagetitle:hover a  {
    color: var(--primary);
}
 div.category-name, .pagenav_title:hover, .pagenav_title:active, .pagenav_title:focus {
    color: var(--primary);
}

blockquote, h2.section-title, h3.section-title {
    border-left-color: var(--primary);
}

blockquote::before {color: var(--primary);}

 .grid .category-items .contentheading a:hover, .grid .category-items a .contentheading:hover, .grid .category-items h2 a:hover {
    color: var(--primary);
}

#ja-topnav {border: none; background-color: var(--primary);}

.user-dropdown .create-account {background-color: #232828;}

.user-navigation ul li a, .user-navigation ul li a[class^="icon-"], .user-navigation ul li a[class*=" icon-"] {color: #FFF;}
.user-navigation ul li.mybase-logo a {background-image: url('/images/resources/mybase-green-small.png');}

 #ja-mainnav {
    border-bottom-color: var(--primary);
}

#ja-subnav li.parent.deeper > a {background: var(--primary);}

div.moduletable > h3, .module_title, h3.module, h2.module {
    background: var(--primary);
	border: none;
	line-height: normal;
	padding: 0.5rem;
}

 #cssmenu ul > li.active > a, #cssmenu ul > li.active > a:hover, #cssmenu ul > li.active > a:active, #cssmenu ul > li.active > a:focus {
    background-color: var(--primary);
}
 #cookieChoiceDismiss:hover {
    background-color:var(--primary) !important;
}
 .cd-top {
    background:var(--primary);
}
 .cd-top:hover {
    background-color: hsl(145deg 100% 23%);
    opacity: 1;
}
.btn-primary {background: var(--primary); border: none;}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled], .user-navigation ul li:hover, .user-navigation ul li:active, .user-navigation ul li:focus {background-color: hsl(145deg 100% 23%);}

.products-toolbar .toolbar-sorter .action, .ja-megafilter-wrap .ja-mg-sidebar .sidebar-toggle, .ja-megafilter-wrap .ja-mg-sidebar .sidebar-toggle:hover , .products-toolbar .toolbar-sorter .action {background-color: var(--primary);}
.products-toolbar .pagination > li.active > a {border-color: var(--primary);}
.products-toolbar .jamg-layout-chooser span.active {border-color: var(--primary); color: var(--primary);}
.ja-products-wrapper .product-item-link :hover .product-item-name, .products-toolbar .pagination > li.active > a:hover, .products-toolbar .pagination > li.active > a:focus, .products-toolbar .pagination > li.active > a:active, .ja-filter-wrapper ol.items .clear-filter.remove:hover:after {color:var(--primary)}

@media only screen and (max-width: 767px) {
.logged-in #ja-mainnav {margin-top: 2.75rem}
}