/* 20250709234913 - v2 */
.gui,
.gui-block-linklist li a {
  color: #666666;
}

.gui-page-title,
.gui a.gui-bold,
.gui-block-subtitle,
.gui-table thead tr th,
.gui ul.gui-products li .gui-products-title a,
.gui-form label,
.gui-block-title.gui-dark strong,
.gui-block-title.gui-dark strong a,
.gui-content-subtitle {
  color: #4373a7;
}

.gui-block-inner strong {
  color: #848484;
}

.gui a {
  color: #4500ff;
}

.gui-input.gui-focus,
.gui-text.gui-focus,
.gui-select.gui-focus {
  border-color: #4500ff;
  box-shadow: 0 0 2px #4500ff;
}

.gui-select.gui-focus .gui-handle {
  border-color: #4500ff;
}

.gui-block,
.gui-block-title,
.gui-buttons.gui-border,
.gui-block-inner,
.gui-image {
  border-color: #8d8d8d;
}

.gui-block-title {
  color: #333333;
  background-color: #ffffff;
}

.gui-content-title {
  color: #333333;
}

.gui-form .gui-field .gui-description span {
  color: #666666;
}

.gui-block-inner {
  background-color: #f4f4f4;
}

.gui-block-option {
  border-color: #ededed;
  background-color: #f9f9f9;
}

.gui-block-option-block {
  border-color: #ededed;
}

.gui-block-title strong {
  color: #333333;
}

.gui-line,
.gui-cart-sum .gui-line {
  background-color: #cbcbcb;
}

.gui ul.gui-products li {
  border-color: #dcdcdc;
}

.gui-block-subcontent,
.gui-content-subtitle {
  border-color: #dcdcdc;
}

.gui-faq,
.gui-login,
.gui-password,
.gui-register,
.gui-review,
.gui-sitemap,
.gui-block-linklist li,
.gui-table {
  border-color: #dcdcdc;
}

.gui-block-content .gui-table {
  border-color: #ededed;
}

.gui-table thead tr th {
  border-color: #cbcbcb;
  background-color: #f9f9f9;
}

.gui-table tbody tr td {
  border-color: #ededed;
}

.gui a.gui-button-large,
.gui a.gui-button-small {
  border-color: #8d8d8d;
  color: #000000;
  background-color: #ffffff;
}

.gui a.gui-button-large.gui-button-action,
.gui a.gui-button-small.gui-button-action {
  border-color: #8d8d8d;
  color: #000000;
  background-color: #ffffff;
}

.gui a.gui-button-large:active,
.gui a.gui-button-small:active {
  background-color: #cccccc;
  border-color: #707070;
}

.gui a.gui-button-large.gui-button-action:active,
.gui a.gui-button-small.gui-button-action:active {
  background-color: #cccccc;
  border-color: #707070;
}

.gui-input,
.gui-text,
.gui-select,
.gui-number {
  border-color: #8d8d8d;
  background-color: #ffffff;
}

.gui-select .gui-handle,
.gui-number .gui-handle {
  border-color: #8d8d8d;
}

.gui-number .gui-handle a {
  background-color: #ffffff;
}

.gui-input input,
.gui-number input,
.gui-text textarea,
.gui-select .gui-value {
  color: #000000;
}

.gui-progressbar {
  background-color: #4500ff;
}

/* custom */
/* Name: Kres Gernale | Date: 08/09/2022 | Ticket:2803920 | Reason: Hide Voila Search bar | Begin. */
body > div.page-content > header > nav.secondary-nav.nav-style.secondary-nav-left > ul > li,
body > div.page-content > header > nav:nth-child(4) > ul > li.search-trigger-item.search-trigger-center-fix {
	display:none
}
/* Name: Kres Gernale | Date: 08/09/2022 | Ticket:2803920 | Reason:Hide Voila Search bar | End. */

/*Drew S Start*/
header.site-header, header.site-header-lg, header.menu-bottom-layout, header.menu-bottom-layout-center, header.has-mobile-logo, header.content-light {
background-color: #ffffff;
color: #222222 !important;
padding-left: 20px;
}
.search-close, textarea:focus, input:focus{
color: #222222 !important;
}
#searchForm {
 border-bottom: solid 1px #222222 !important; 
}
nav li a img { 
  max-width: 150px !important;
  text-align: center !important;
}


.hero-content .hero-content-right h2{
  font-size:52px !important;
}
.hero-content .hero-content-right p{
  font-size: 22px !important;
}
header li a, dropbtn, button.mobile-menu-subopen, span.nc-icon-mini .arrows-3_small-down {
    color: #222222 !important;
    text-decoration: none;
}
nav.main-nav.nav-style{
  font-size: 22px !important;
}
nav.secondary-nav.nav-style ul li {
 font-size: 16px !important; 
}
/*Drew S End*/

li a:hover, dropdown:hover dropbtn {
  background-color: #666565;
}
li a:hover, dropdown-content a {
  background-color: #ffffff;
  color: #0b64ae;
 	border: none;
  cursor: pointer;
}
header li {
  border-right: none;
}



/* Mohammad Mirza | March 13, 2021 | Ticket: 1696977 */ 
/* Removes "Weight" section from "Compare" page */
tr.gui-compare-row.gui-compare-row-weight{
  display: none !important;
}

@media only screen and (min-width: 1000px) {
   .mega-menu-header .nav-style.main-nav > ul > li > ul {
     max-height: 750px;
     overflow-y: auto;
  }
}


/* These are comments, they can be left in your CSS code. They are here to help explain each part. */

/* This part of the CSS code ensures the link to the Back Office and the close button are hidden. */
.wsa-demobar a, .wsa-demobar a.close {
display: none !important;
}

/* This part of the CSS code ensures the USP bar is no longer visible when scrolling like the original demobar. */
.wsa-demobar{
position: absolute !important;

/* This part of the CSS code controls the background and font color of the the USP bar. Search online for any colour in 'hex' and replace the number below. #000000 is black, #ffffff is white. */
background-color: #fe959c !important;
color: #000000 !important; }

/* This part of the CSS code ensures the USP bar is hidden for mobile visitors. When a screen is smaller than 767 pixels wide, the USPs will not fit properly. */
@media screen and (max-width: 767px){
.wsa-demobar{
display: none !important;
}
body {
margin-top: 0px!important;
}
}

/* END */

<ul class="menu">
  <li class="menu-item">
    <input type="checkbox" id="menu1" class="toggle">
    <label for="menu1">Category 1</label>
    <ul class="submenu">
      <li>Sub 1</li>
      <li>Sub 2</li>
    </ul>
  </li>
  <li class="menu-item">
    <input type="checkbox" id="menu2" class="toggle">
    <label for="menu2">Category 2</label>
    <ul class="submenu">
      <li>Sub A</li>
      <li>Sub B</li>
    </ul>
  </li>
</ul>

/* Hide all submenus by default */
.submenu {
  display: none;
  margin-left: 20px;
}

/* Show only the submenu of the checked input */
.toggle:checked + label + .submenu {
  display: block;
}
<!-- Affirm -->
<script>
 _affirm_config= {
public_api_key:"Q40GJG5F9TZD0UWZ",
   script:"https://cdn1.affirm.com/js/v2/affirm.js"
 };
 (function(l,g,m,e,a,f,b){vard,c=l[m]||{},h=document.createElement(f),n=document.getElementsByTagName(f)[0],k=function(a,b,c){return function(){a[b]._.push([c,arguments])}};c[e]=k(c,e,"set");d=c[e];c[a]={};c[a]._=[];d._=[];c[a][b]=k(c,a,b);a=0;for(b="set add save post open empty reset on off trigger ready setProduct".split(" ");a<b.length;a++)d[b[a]]=k(c,e,b[a]);a=0;for(b=["get","token","url","items"];a<b.length;a++)d[b[a]]=function(){};h.async=!0;h.src=g[f];n.parentNode.insertBefore(h,n);deleteg[f];d(g);l[m]=c})(window,_affirm_config,"affirm","checkout","ui","script","ready");
</script>
<!-- End Affirm -->