/*
Theme Name: Customify Child Theme
Theme URI: https://www.thedataengine.co.uk/wp-content/themes/customify-child
Description: Customify Child 
Author: Argan Oil Direct
Author URI: https://www.thedataengine.co.uk
Template: customify
Version: 1.0.0
*/
/*
. Title (.woocommerce-loop-product__link)

    Original: clamp(26px, 1.5vw, 36px)

    This is your reference. The ratio of min to preferred is 26 / 1.5 = ~17.33. The ratio of max to preferred is 36 / 1.5 = 24.

2. Price (.woocommerce-Price-amount.amount)

    Original Preferred: 1.2vw

    Calculation: To maintain the same ratio, we multiply the preferred value by the same factors we found above.

        Min Value: 1.2vw * 17.33 = 20.8px (rounded to 21px).

        Max Value: 1.2vw * 24 = 28.8px (rounded to 29px).

    Corrected clamp: clamp(21px, 1.2vw, 29px)

3. Volume (.woocommerce-loop-product__price)

    Original Preferred: 0.8vw

    Calculation:

        Min Value: 0.8vw * 17.33 = 13.86px (rounded to 14px).

        Max Value: 0.8vw * 24 = 19.2px (rounded to 19px).

    Corrected clamp: clamp(14px, 0.8vw, 19px)
*/

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
 /*root
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/*{*/
 :root {
        --faa-font-colour: #ff6200;
        --checkout-background-colour: #ff6205;
     /*        --checkout-background-colour: #ff6205;*/
   /*     --add-cart-background-colour: #eadd05;*/
        --add-cart-background-colour: #f6dc00;
     --add-cart-background-colour: #f4da06;
        --add-cart-border-colour: black;

        --links-colour:  #0066c5; /* This will make all text links a shade of blue */

        --font-colour-links: 
        --view-background-colour:#6495ed;
        --view-background-colour:#C9B037;
        --view-background-colour:#eadd05;
        --view-background-colour:#948565;

        --checkout-background-colour: #ffa41c;

        --main-button-action-color: #ffa41c;

        --button-font-size: calc(9px + 0.4vw);
        --prod-cat-font-size: calc(10px + 0.5vw);
        --mini-cart-font-size: calc(8px + 0.5vw);
        --product-title-font-size: calc(14px + 0.6vw);

        --category-title-font-size: calc(9px + 0.4vw);
        --category-title-colour: #0066c5;
        --category-title-font-spacing: calc(0.05vw);

        --product-title-bottom-margin: 3px;
        --view-product-button-title-top-margin: 1vh;
        /* box link */
        --box-hover-colour: orange;
        --box-hover-text-colour: white;
        /* mobile */
        --mobile-category-title-font-size: calc(12px + 0.8vw);
        --mobile-category-title-font-spacing: calc(0.06vw);
        --mobile-button-font-size: calc(14px + 0.7vw);
        --mobile-mini-cart-font-size: calc(12px + 1vw);
        --mobile-view-product-button-title-top-margin: 2vh;
        --mobile-view-product-button-title-bottom-margin: 5vh;
        --mobile-category-product-title-font-size: calc(18px + 0.6vw);
        --mobile-view-product-title-font-size: calc(16px + 2vw);

        --font-size-medium:clamp(15px, 0.9vw, 18px);

        --font-size-message:clamp(15px, 0.9vw, 20px);

        --font-size-title: clamp(24px, 1.3vw, 26px);
        --font-size-volume: clamp(18px, 1vw, 22px);
        --font-size-amount: clamp(21px, 1.2vw, 29px);
              --font-size-checkout-amount: clamp(17px, 0.9vw, 18px);
     --font-size-featured-title: clamp(19px, 1vw, 22px);
     
     --font-size-aod-articles: clamp(4px, 0.1vw, 6px);
      --font-size-aod-article: clamp(12px, 0.7vw, 14px);
     
     
             --font-size-amount-basket: clamp(16px, 0.9vw, 18px);
  }
/*}*/


.dropdown button#wshop-front-btn,
.dropdown button {
    all: unset;                /* Remove all default button styles */
    display: inline-flex;
    align-items: center;
    justify-content: center;
  /*  padding: 4px 8px;  */        /* Same as cart buttons */
    line-height: 1;             /* Compact text */
    font-size: 0.9em;           /* Match cart/back buttons */
    color: #fff;                /* Or whatever your button text color is */
    background: #0071a1;        /* Match cart/back button background */
    border-radius: 4px;         /* Match button style */
    cursor: pointer;
      padding: 0 30px  !important;
  
}

.dropdown button i {
    margin-right: 6px;    /* Keep icon spacing consistent */
}


/* style="position:relative; flex-shrink:0;"*/


/**************************************************/
/* AOD*/
/**************************************************/
/*{ */
/* Change all menu item text colour */
.primary-menu-ul li a {
    color: black!important;  /* replace with your colour */
    font-weight: 500!important;
}

/* Optional: change colour on hover*/
.primary-menu-ul li a:hover {
    color:black!important;
    text-decoration: underline!important;
    background-color: transparent!important;
}
#cb-row--header-bottom .primary-menu-ul .menu-item a {
   font-size: clamp(13px, 0.9vw, 16px);
}
/* main site */
/* menu shop colour*/
#menu-item--bottom-desktop-7320 a{
color: red!important;
}

.nav-menu-desktop.style-full-height .primary-menu-ul > li.current-menu-item > a{
    
    background-color: transparent!important;
}


h1 {
    
 margin-bottom:5px!important;   
}


/* END old site carried over code */




/*}*/



/**************************************************/
/* FULL */
/**************************************************/
/* MAIN LAYOUT COLS */
/*{ */
/*remove add to cart on featured*/
 
.home .customify-container,
.home .layout-contained,
.wp-singular.page-template-default,
body:not(.single-product) .wp-singular {
  max-width: 1250px !important;
  margin: 0 auto;
}

#sidebar-primary {
  flex-basis: 26%;
}

#sidebar-secondary {
  flex-basis: 17%;
}
#main {
  flex-grow: 1;
  min-width: 58%;
  padding-top: 5px !important;
}
/*}*/



/*{*/
/* Hide the items by default on larger screens  for main site*/
#menu-item--bottom-desktop-14054,
#menu-item--bottom-desktop-14052,
#menu-item--bottom-desktop-14044,
#menu-item--bottom-desktop-14053 {
  display: none !important;
}
/*}*/


/******************************************/
/* all buttons rounded ----- view prod cat list /  checkout basket / view basket view featured -  prod detail add -  basket proceed to checkout  -  basket total continue*/
/******************************************/
/* main site search button*/
#block-4 .wp-block-search__button.wp-element-button  {
    padding: 5px 30px!important;
    width: 100%;
margin-top: 5px;
}

/*{ proceed to checkout button */
  button, .wc-forward, .wc-backward {
       border-radius: 0.5vw!important;
      font-size: .9em!important;
      margin-bottom: .6em!important;
      min-height: auto;
      text-align: center!important;
      text-align-last: center!important;
      padding: 4px 20px 4px 20px!important;/* affects view and checkout only? */
    display: block!important;   
  }


/*  colour:   view button - cat prod list / view basket in basket /  featured*/
  a.wc-forward:not(.checkout):not(.checkout-button), .wc-backward {
          background-color: var(--view-background-colour);  
  /*        font-size: clamp(12px, 1.5vw, 20px)!important----------------  */        
  }

/* add to basket on product detail page */
.single_add_to_cart_button.button.alt {
           background-color: var(--add-cart-background-colour)!important;
}

  a.wc-forwardo:not(.checkout):not(.checkout-button), .wc-backwardo {
       background-color: var(--add-cart-background-colour);
  /*        font-size: clamp(12px, 1.5vw, 20px)!important----------------  */

  }


  a.wc-forwardo:not(.checkout):not(.checkout-button), .wc-backwardo {
      background-color: var(--add-cart-background-colour);
 border-radius: 0.5vw!important;
      font-size: .9em!important;
      margin-bottom: .6em!important;
      min-height: auto;
      text-align: center!important;
      text-align-last: center!important;
      padding: 4px 20px 4px 20px!important;/* affects view and checkout only? */
    display: block!important;   
  }

.checkout-button,
.button.checkout.wc-forward{
  background-color: #ffffff!important; /* White background */
 border-radius: 0.5em!important;
    border-color: black!important;
    border-width: 1px!important;
    border-style: solid!important;
    
  color: #000000 !important; /* Black text */
  padding: 10px 20px;         /* Adds some space inside the button */
  text-decoration: none;      /* Removes the underline from the link */
}


  .wc-product-contents .wc-product__part .button.wc-forwardo.viewo {
      display: inline!important; /* Ensures the button respects width */
      padding: 12px 20px 12px 20px!important;
  }




  .wc-product-contents .wc-product__part .button.wc-forward.view {
      display: inline!important; /* Ensures the button respects width */
      padding: 12px 20px 12px 20px!important;
  }


/* add to basket on product detail page */
.single_add_to_cart_button.button.alt {
           background-color: var(--add-cart-background-colour);
}

  
/* proceed to chekout add icon */
.wc-proceed-to-checkout a.checkout-button::before {
  font-family: 'FontAwesome';
  content: '\f0a9'; /* Unicode for the shopping cart icon */
  margin-right: 0.25em; /* Adds a small space between the icon and the text */
}

  .checkout.wc-forward{
 background-color: var(--checkout-background-colour);
}
 .wc-forward
    {
        border-radius: 10px!important;
}
 
    .wc-backward
    {
        border-radius: 10px!important;
        margin-top: 5px;
        margin-bottom: 15px;
        flex: 1;
        width: 100%;
        text-align: center;
       background-color: var(--checkout-background-colour)!important;
    }


 /*    * Compact the checkout links by making them full-width buttons.    */
    .wc-proceed-to-checkout .checkout-button,
    .single_add_to_cart_button.button {
        text-align: center;
        box-sizing: border-box;
    }
/*}*/

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
  /*				woocommerce | globals | buttons | end 
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */


/* general woo removal shop */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/*{ General */
/*remove add to cart on featured*/
#sidebar-primary .wc-product__add_to_cart a[href*="add-to-cart"] {
    display: none !important;
}
/* Product page only (safer scope) */
.single-product .woocommerce-product-gallery__trigger {
    display: none !important;
}
/* maybe not needed*/
.product-category.product-category-downloads {
    display: none !important;
}
/* general*/
  .product_meta {
      display: none;
  }
.count {
      display: none;
  }
  .input-qty-pm {
      display: none;
  }
  .onsale {
      display: none!important; /* inline class ? needs important */
  }
/* update in basket old style woo update qty button*/
.actions button[name="update_cart"] {
      display: none!important;
  }
  /* product details@ add button hide qty   */
  .cw_quantity_select {
      /* font-size: calc( 16px+ 0.5vw)!important; */
      /*display: none; */
      margin-right: 10px;
  }

/* view basket in basket */
/*
a.wc-forward:not(.checkout):not(.checkout-button), .wc-backward
 {
    display: none!important;
}
*/
/*}*/
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/*{ General Woo Styling */
.woocommerce-message, .cart-empty,
.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {
/*  content: "";*/
    padding:9px;
  display: inline-block;
         font-size: var(--font-size-message);
 /*   padding: clamp(6px, 1vw, 12px) clamp(8px, 3vw, 20px);*/
      margin-bottom: .5em;
  margin-top: .5em;

    min-height: auto;
 /*     text-align: center!important;*/
      text-align-last: center; 
      font-weight: 600;
    display: block!important;   
    color:red!important;
    background-color: transparent;
    border: 1px solid #333333;
    border-radius: 10px;
    
}
.woocommerce-message:focus {
    outline: none !important;
    box-shadow: none !important;
}
.woocommerce-message::before {
  content: "";
  display: inline-block;
 
}
/*}*/

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* plugins custom | currency | text under image in acrt */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/*{ currency */
  #wmc_widget-7 {
      width: 100%!important;
  }
  .wmc-currency-wrapper {
      width: 100%!important;
  }
  .woo-multi-currency.wmc-shortcode.plain-vertical {
      width: 100% !important;
      vertical-align: bottom!important;
  }
.wmc-currency-wrapper {
    border-style: solid;
    border-width: 1px;
    border-radius: 10px;
  padding-top: 4px!important;
      padding-bottom: 4px!important;
      padding-left: 5px!important;
      padding-right: 8px!important;
    font-weight: var(--currency-font-weight);  
      font-size: var(--currency-font-size);  
    margin-top: 5px!important;
}
/* plug in order default override */
.wmc-current-currency {
border:0px!important;
}
/*}*/

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ 
/* custom shopfront basket on mobile buttons*/
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Hide on desktop  display at 48 em*/
.mobile-only {
    display: none !important;
}
.mobile-only-v {
    display: none !important;
}
/* aod menu remove items */


/******************************************************************/
/*  block styling
/******************************************************************/
/*{ GLOBAL CSS*/
/* menu -   all links*/
#sidebar-secondary a,
.woocommerce-loop-category__title,
#sidebar-primary a:not(.button) {
     font-size: var(--font-size-medium);       
    color: var(--links-colour);
}
/*}*/


/* $start shop front categories styling */
 #main .woocommerce-loop-category__title
{
   	text-transform: uppercase;
     text-align: center; /* Center align the content */
    letter-spacing: 0.5px;
}
/******************************************************************/


/* $start secondary sidebar style*/
/*{*/
#sidebar-secondary  .wp-block-heading {
    font-weight:500;
    font-size: var(--font-size-medium);      
    margin-bottom: 5px;
    color: var(--view-background-colour);         
}


 /* $category menu block */  
/* category menu icons?*/
/* fontawsome colour*/

 /* Specific icons for each category using attribute selectors */
#block-10 a[href*="special-offers"]::before {
    content: "âœ¨"; /* fa-star */
}
    
#block-10 a[href*="cosmetic-argan-oil"]::before {
    content: "ðŸŒ¿"; /* fa-leaf */
}

#block-10 a[href*="prickly-pear-oil"]::before {
    content: "ðŸŒµ"; /* fa-cactus */
}

#block-10 a[href*="culinary-argan-oil-for-eating"]::before {
    content: "â˜•"; /* fa-mug-hot */
}

#block-10 a[href*="black-seed-oil"]::before {
    content: "ðŸŒ±"; /* fa-seedling */
}
/*}*/



/*    .wc-product-contents .woocommerce-LoopProduct-link {
          font-size: var(--font-size-featured-title);
     margin-bottom:7px!important;color:green!important;
      }

*/
/******************************************************************/
/* $start category product list */
/******************************************************************/
/*{ product title */
#main {
 color:black;
}
/* Title */
#main .products .wc-product-contents .woocommerce-loop-product__link {
  font-size: var(--font-size-title);
}
/* Volume */
#main .products .wc-product-contents .woocommerce-loop-product__price {
  font-size: var(--font-size-volume);
}
/* Category Loop Product Price */
#main .products .wc-product-contents .woocommerce-Price-amount.amount {
  font-size: var(--font-size-amount);

}
#main .wc-product__part.wc-product__price.show-in-grid.show-in-list {
  margin-top: 0.5vh;
  margin-bottom: 1.4vh;
}
#main .woocommerce-loop-product__desc{
margin-bottom:2vh;
}

/*}*/
/******************************************************************/
/* $end category product list */
/******************************************************************/



/**************************************/
/* $START PRODUCT DETAIL */
/**************************************/
/*{*/
.cert-imgs{
  margin-top:4vh;
     display: flex;
    flex-wrap: wrap;     /* allows wrapping on small screens */
    gap:1rem;           /* nice consistent spacing */
    justify-content: left; /* center them on mobile */
}


/*  product detail description text formats  */
.pdet h3{
          font-size: clamp(14px, 1.9vw, 58px);
    font-weight: 700;
}

.ebook-block {
    border: 1px solid #333333;
    border-radius: 10px;
    padding: 15px;
    margin: 3.2vh 0vh 3.2vh 0vh;
    display: flex;
    align-items: flex-start; /* Aligns all items to the top */
    gap: 15px; /* Adds space between the image and text */
}
.ebook-block img {
    min-width: 130px;
    height: auto;
    flex-shrink: 0; /* Prevents the image from shrinking */
    order: 2; /* Sets the image to appear after the text */
}
.ebook-block p {
    order: 1; /* Sets the text to appear before the image */
}

   div.product .product_title-wrapper {
      margin-bottom: -0.2vh!important;color:pink!important;
  }

 /*******************************************************/
/* start product detail */
 /*******************************************************/
/* product title*/
  #main div.product .product_title {   
      font-size: var(--font-size-title);
  }

/* product detail vol */
#main   .woocommerce-loop-product__title {
   font-size: var(--font-size-volume);
     
}
/* product detail price -  also checkout */
#main  .woocommerce-Price-amount.amount {
 font-size: var(--font-size-amount)!important;

}


/*   basket colour*/
#order_review  .woocommerce-Price-amount.amount {
 font-size: var(--font-size-checkout-amount)!important;
  color: black!important;
}

 /*******************************************************/
/*  end product detail  */
  /*******************************************************/
      
/*}*/


/**************************************/
/* Product Description Links styling */
/**************************************/
/*{*/
.woocommerce-tabs.wc-tabs-horizontal ul.tabs {
    margin-bottom: 2em!important;
}
.woocommerce .cart-collaterals,
.woocommerce-page .cart-collaterals {
    padding: 15px !important;
}
.woocommerce-tabs.wc-tabs-horizontal ul.tabs li a {
    color: #000000 !important;
}
.woocommerce-tabs.wc-tabs-horizontal ul.tabs li:not(.active) a {
    color: var(--links-colour) !important;
}
.woocommerce-tabs.wc-tabs-horizontal ul.tabs li.active a {
    border-bottom: 6px solid var(--add-cart-background-colour) !important;
}

/*}*/
/**************************************/
/* $END Product Description Links styling */


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/*	$START Cart screen | move totals under cart | start  */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/*{*/
/* Targets the unit price for each item in the cart table */
.shop_table.cart .product-price .woocommerce-Price-amount.amount {
 font-size: var(    --font-size-amount-basket  )!important; 
} 

.woocommerce-notices-wrapper {
  text-align: center!important; /* Center the notices */
}
.woocommerce-cart-form, .cart-collaterals {
 /* display: flex!important;
  flex-direction: column!important;*/
  align-items: center!important; /* Center horizontally */
  margin: 0 auto!important; /* Center horizontally */
}
.woocommerce-cart-form {
  order: 1!important; /* Order the form first */
  width: 100%!important;
  display: flex!important;
}
.woocommerce .cart-collaterals, .woocommerce-page .cart-collaterals, .cart_totals.calculated_shipping {
  float: none!important;
  width: 100%!important;
}
.table-wrapper {
  width: 100%!important;
}

 

.woocommerce .woocommerce-notices-wrapper, .woocommerce .cart-collaterals, .woocommerce .table-wrapper, .woocommerce .cart_totals {
      width: 100%;
      max-width: 1000px; /* Optional: Adjust the max-width as needed */
      box-sizing: border-box; /* Ensure padding and border are included in the width */
      margin: 0 auto; /* Center the elements within their container */
  }
  .woocommerce .cart-collaterals {
      background-color: white;
      box-shadow: none;
      width: 100%;
      max-width: 1000px; /* Optional: Adjust the max-width as needed */
      box-sizing: border-box; /* Ensure padding and border are included in the width */
      margin: 0 auto; /* Center the elements within their container */
  }
  .woocommerce .shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents {
      margin: 0 auto; /* Center the elements within their container */
      max-width: 950px!important;
  }
  .product-thumbnail {
      display: block!important;
  }












/*}*/
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/*			cart screen | move totals under cart | end 
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/***********************************************************/
/*  $START    checkout page and basket page mods */
/*************************************************************/
/*{*/

.order_review_heading{
    display:none;
}

.paypal-button.paypal-button-color-black,
.paypal-button-row.paypal-button-color-black .menu-button {
    background: red!important;
}

/* checkout cart | widen product text cell */
.product-name {
    width: 70%; /* Adjust the width as needed */
}

.product-total {
    width: 30%; /* Adjust the width as needed */
}

/* checkout cart shipping right justify */
#shipping_method,
table.shop_table.woocommerce-checkout-review-order-table tfoot tr.order-total td {
    text-align: right;
}

/* gpt checkout flex */
/* alert */
.woocommerce-checkout-review-order-table {
    width: 100%;
    font-size: clamp(0.9rem, 1.3vw, 1.1rem);
}

/* shipping */
.woocommerce-shipping-destination,
.woocommerce-shipping-calculator {
    display: none!important;
}

#cc_c2a.c2a_light ul.c2a_results li {
    font-size: medium!important;
    color: black!important;
}

#cc_c2a.c2a_light ul.c2a_results li:hover {
    background-color: black!important;
    color: white!important;
}

/* checkout cart | make edit order box full width */
#edit-order {
    display: block;
    width: 100%;
      background-color: #ffffff!important; /* White background */
 border-radius: 0.5em!important;
    border-color: black!important;
    border-width: 1px!important;
    border-style: solid!important;
    
  color: #000000 !important; /* Black text */
  padding: 10px 20px;         /* Adds some space inside the button */
  text-decoration: none;      /* Removes the underline from the link */
}
#edit-order::before {
  font-family: 'FontAwesome';
  content: '\f0a9'; /* Unicode for the shopping cart icon */
  margin-right: 0.25em; /* Adds a small space between the icon and the text */
}




/* space above click to use automated search fetchify address */
#billing_address_1_field {
    margin-top: 1vh!important;
}

/* */
#billing_country_field {
    margin-top: 3vh!important;
}

/* form input style */
.woocommerce-billing-fields .form-row {
    padding: 0px!important;
}

input {
    display: inline-block;
    border: 1px solid black !important;
    box-sizing: border-box; /* Ensures padding and border are included in the width/height */
}

/* form box spacing */
.woocommerce-billing-fields .form-row {
    padding: 5px!important; /* Adjust the padding as needed */
}

/* Checkout login button / account button style */
.woocommerce-form-login-toggle {
    display: block !important;
    border: 1px solid #000;
    border-radius: 10px;
    padding: 5px 20px 5px 20px;
    margin-top: 2.5vh !important;
    background-color: #f0f0f0f0 !important;
    width: 55%!important;
}

/* end form input style */

.woocommerce-info {
    margin: 5px!important;
    text-align: left !important
}

/* fetchify hide country and logo pop up*/
.country_btn,
.cc-history,
.mainbar {
    display: none!important;
}

/*  fetchify manual / auto text box styling */
p .cc_c2a_hide,
.cc_c2a_manual {
    display: inline-block;
    border-radius: 10px;
    border-color: black;
    border-width: 1px;
    border-style: solid;
    box-sizing: border-box; /* Ensures padding and border are included in the width/height */
    padding: 5px 20px 5px 20px;
    margin-bottom: 2vh!important;
    float: none!important; /* Remove float */
    font-size: medium;
    background-color: #f0f0f0!important;
}

/* remove text fetchify */
/*
#fetchify_find_label_billing {
  display: none;
}
*/

/* fetchify style the country select box */
.woocommerce-billing-fields select {
    border-color: black !important; /* Set border color to black */
}

/* Target the dropdown menu */
.select2-container--default .select2-selection--single {
    border-color: black !important; /* Set border color to black */
}

.select2-container .select2-results__option {
    border: 1px solid #000; /* Change border color to black */
}

.select2-container .select2-results__options {
    overflow-y: hidden; /* Hide the overflow initially */
    max-height: 0; /* Set initial max-height to 0 */
    transition: max-height 0.3s ease; /* Add smooth transition */
}

.select2-container:hover .select2-results__options {
    overflow-y: auto; /* Allow vertical scrolling on hover */
    max-height: 200px; /* Set max-height to control dropdown height */
}

/* CSS to set max height for select dropdown */
/*
.select2-container .select2-results__options {
    max-height: 30vh!important;  
    overflow-y: auto!important;  
}
*/

/* billing form */
#billing_cc_c2a_search_input {
    border: 1px solid red; /* Adjust the width and color as needed */
    font-weight: 600!important;
}

/* CSS for rounded box around checkbox */
.woocommerce-account-fields .form-row.create-account {
    border: 1px solid #000; /* Border color */
    border-radius: 10px; /* Adjust border-radius for desired roundness */
    padding: 5px 20px 5px 20px;
    margin-top: 3vh!important;
    background-color: #f0f0f0f0!important;
}

/* CSS to set color of 'Create an account' text */
.woocommerce-account-fields .create-account span {
    font-weight: 500!important;
}

#ship-to-different-address {
    border: 1px solid #000; /* Border color */
    border-radius: 10px; /* Adjust border-radius for desired roundness */
    padding: 10px 20px 10px 20px;
    margin-top: 3vh!important;
    background-color: #f0f0f0f0!important;
    width: 100%!important;
    font-weight: 500!important;
    text-transform: none!important;
}

.woocommerce-form__label.woocommerce-form__label-for-checkbox {
    font-weight: 300!important;
}

/* password end */

/* paypal module */
/* hide paypal text  oncheckout*/
#payment {
    display: none!important;
}

/* cart  subtotal not needed*/
.cart-subtotal {
    display: none!important;
}

/***********************************************************/
/*  $END   checkout page and basket page mods */
/*************************************************************/
/*}*/


/**********************************/
/* account */
/*************************************/

.download-button {
    background: #0071a1;
    color: #fff;
   font-size: clamp(12px, 1.5vw, 20px);
   padding: clamp(6px, 1vw, 12px) clamp(10px, 3vw, 20px);

    text-decoration: none;
    border-radius: 0.5vw;
    display: inline-block;
    text-align: center;
    transition: all 0.3s ease;
    white-space: nowrap;       /* Prevent wrapping on small screens */
}

 /*- down load button responsive V END */

.woocommerce-account .woocommerce-MyAccount-content {
 float: left!important; 
    margin-top:2em;
}
/* start account lift up to sidebar links */ 
 
/* end account lift up to sidebar links */ 

/* image size end */

.product-category.product-category-downloads {
    display: none !important;
}

body.woocommerce-account.woocommerce-page .woocommerce-MyAccount-content .woocommerce-info {
    display: none !important;
}
/************************************/
/* end account */
/*************************************/
/*****************************/
/* PASSWORD AND CARD MODS*/
/****************************/
/*{*/

.password-input {
    position: relative;
}

.show-password-input {
    position: absolute;
    top: 50%;
    right: 0.75em;
    transform: translateY(-50%);
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
}

/* wtf is all this shit 

Set-Cookie: sbjs_current=example; SameSite=Strict; Secure
Set-Cookie: sbjs_udata=example; SameSite=Strict; Secure
Set-Cookie: sbjs_session=example; SameSite=Strict; Secure
*/

/* pw button */
.password-wrapper {
    position: relative;
    display: inline-block;
}

.password-wrapper input {
    padding-right: 110px; /* leave room for the button */
    width: 250px;
    box-sizing: border-box;
}

.show-password-input {
    position: absolute;
    top: 50%;
    right: 8px;
    transform: translateY(-50%);
    height: 32px;
    border: none;
    background: transparent!important;
    cursor: pointer;
    z-index: 2;
    padding: 0;
    min-width: 100px;
}

.show-password-input::before {
    content: "Show Password";
    font-size: 1em;
    color: #333;
    display: block;
    text-align: center;
    width: 100%;
}

.show-password-input:hover,
.show-password-input:focus {
    background: transparent !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}
/*}*/


/**************************************/
/*  $start tighten checkout layout */
/***********************************/

/*{*/
/* order total font size */
.woocommerce-checkout-review-order table.shop_table tfoot .order-total .amount {
    font-size: clamp(14px, 5.5vw, 17px)!important;
}

/* space between name and login account*/
.checkout.woocommerce-checkout {
    margin-top: 1vh!important;
}

/* SHIP OI DIFFERENT ADDRESS */
.woocommerce-shipping-fields {
    margin-top: -2vh!important;
}

/*checkout  hide order details text*/
.woocommerce-billing-fields > h3 {
    display: none!important;
}

/* checkout close top gap affects main site */
/*
.entry-content,
.woocommerce-checkout-review-order {
    margin-top: -1.5vh!important;
}
*/
#order_review {
    margin-top: -0.2vh!important;
    padding-top: 2.2vh!important;
    padding-left: 3vh!important;
    padding-right: 3vh!important;
}

/* under phone*/
form.woocommerce-checkout p#billing_country_field {
    margin-top: 1vh!important;
}
/*}*/
/***********************************************************/
/* tighten forms end */
/***********************************************************/

/***********************************************************/
  /* checkoutscreen | end */
/***********************************************************/


  /* footer at bottom of screen | start */
  #site-footer {
      position: relative;
      bottom: 0;
      width: 100%;
      background-color: #fff; /* Adjust background color as needed */
      z-index: 999; /* Adjust z-index as needed */
  }
  /* footer at bottom of screen | end */

/* text 20 featured */

#text-20    .wc-product-contents .woocommerce-LoopProduct-link {
     font-size: clamp(19px, 1.2vw, 20px);
     margin-bottom:7px!important;
      }




#text-20{
 background-color: white!important;
}

#text-20 .wc-product-inner {
    display: inline-block !important;
}
#text-20 .wc-product-inner .wc-product-contents {

padding-top: 0px!important;
font-size: clamp(10px, 1.1vw + 0.5rem, 14px) !important;


}

#text-20 .wc-product-inner .wc-product-contents .woocommerce-loop-product__title {
/*font-size: clamp(12px, 0.8vw + 0.4rem);*/
   /*   font-size: calc( 0.3rem+ 0.3vw);*/

}


#text-20 .wc-product-inner .wc-product-contents > * {
 margin-top:  0px!important;  
     margin-bottom:  5px!important;  
}
 

#text-20 .wc-product-inner .woocommerce-loop-product__desc {
 display: none!important;
}




#text-20 .wc-product-inner {
max-width: 100%!important;
}

/* div wraps tightly around image */
#text-20 .wc-product-media {
 max-width: 30%!important;
    float: left!important;
}

/* Image size control */
#text-20 .wc-product-media img {
  /* width:12% !important;*/
    min-width: 100px !important;
 /*   max-width: 12% !important;*/
    height: auto !important;
    display: block !important;
}

/* Product contents should float right of image */
#text-20 .wc-product-contents {
   /*max-width: 85%!important;*/
    text-align: right;
    width: 55%!important;
    float: right!important;
}
/* spce under feature product text above view prod */
#text-20 .wc-product__part.wc-product__price.show-in-grid.show-in-list  {
    margin-bottom: 1.5vh !important;
}

/*  featured product view button */
#text-20 .wc-product__part .button.wc-forward.view {
   /* background: red !important;*/
    /*color: #000 !important;*/
    font-size: clamp(12px, 1.5vw, 20px);
    padding: clamp(6px, 1vw, 12px) clamp(10px, 3vw, 22px);
    text-decoration: none;
    border-radius: 0.5vw;
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    width:100%!important;
}


@media screen and (max-width: 64em) 
{
}


@media only screen and (min-width: 48em) and (max-width: 64em)
{
}


 @media only screen and (max-width: 48em) {
    /* * Target the main content wrappers to ensure they take full width.
     * The `body:not(.home)` selector increases specificity to override
     * the conflicting rule.
     */

    .button-row.mobile-only {
        display: flex !important;
        gap: 0.5em;
    }

    /* Buttons side by side, 50% each */
    .button-row.mobile-only .dropdown,
    .button-row.mobile-only a.button {
        flex: 1 1 50% !important;
        max-width: 50% !important;
    }

    .button-row.mobile-only .dropdown button {
        width: 100% !important;
        box-sizing: border-box;
        justify-content: center;
    }

    /* Dropdown menu: 75% wide, aligned to left edge of button */
    .button-row.mobile-only .dropdown .dropdown-menu {
        width: 75vw !important;   /* take 75% of screen */
        left: 0 !important;       /* stay flush with button’s left edge */
        right: auto !important;   /* prevent shifting */
        transform: none !important;
        box-sizing: border-box;
    }

     
     
     
/* --- FIXES FOR MOBILE LAYOUT (< 48em) --- */

/* 1. Makes the sidebar full-width on mobile */
#sidebar-primary {
    flex-basis: 100%;
}

/* 2. Fixes the featured product widget layout to stack vertically */
#text-20 .wc-product-inner {
    display: block !important;
}

#text-20 .wc-product-media,
#text-20 .wc-product-contents {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    text-align: center !important;
}
     
     /* add to basket on product detail page */
.single_add_to_cart_button.button.alt {
border-radius: 15px!important;
    margin-top: 5px!important;
     }
     
     
    /* product details */
    /* cert images */
    .cert-imgs{
  margin-top:2vh;
      display: flex;
    flex-wrap: wrap;     /* allows wrapping on small screens */
    gap: 0.2rem;           /* nice consistent spacing */
    justify-content: left; /* center them on mobile */
}
.cert-imgs img{
   height: 30px!important;
    width: auto;
    max-width: 100%;     /* don’t overflow */
}

    /* ebook */
    .ebook-block {
       padding: 15px;
    margin: 3.2vh 0vh 3.2vh 0vh;
    display: flex;
    flex-direction: column; /* <--- Stack children vertically */
    align-items: center; /* Center all children horizontally */
        gap: 5px; /* Space between image and text */
}
     
.ebook-block {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 16px;
}

.ebook-block img {
  width: 200px;
  flex-shrink: 0;
}
.ebook-block .eook-text-content {
  flex: 1 1 200px;
}
    
    /* end product details */
    
    
    /* Fix for login and registration forms not stacking on mobile */
    .woocommerce .u-columns.col2-set {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    .woocommerce .u-columns.col2-set .col-1,
    .woocommerce .u-columns.col2-set .col-2 {
        width: 100%;
        float: none;
        order: 2; /* Default order, putting them below the login form */
    }

    .woocommerce .u-columns.col2-set .woocommerce-form-login {
        order: 1; /* Puts the login form first */
    }
    
    /* account */
    /* Make billing and shipping addresses stack vertically */
.woocommerce-Addresses.col2-set {
    display: block; /* Overrides the default multi-column display */
}

.woocommerce-Addresses .col-1,
.woocommerce-Addresses .col-2 {
    width: 100% !important; /* Forces each column to take up full width */
    float: none !important; /* Removes any floating behavior */


    margin: 0 0 2em; /* Adds vertical spacing between the two address blocks */
}
    
    
    
    /* Make the navigation and content take up the full width and stack them. */
    .woocommerce-account .woocommerce-MyAccount-navigation,
    .woocommerce-account .woocommerce-MyAccount-content {
        width: 100%;
        float: none !important;
        margin-top: 0 !important;
    }

    /* Make the navigation links more compact to reduce vertical space. */
    .woocommerce-MyAccount-navigation ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin: 0;
        padding: 0;
    }

    .woocommerce-MyAccount-navigation li {
        list-style: none;
        padding: 0 5px;
        margin-bottom: 5px;
    }

    .woocommerce-MyAccount-navigation a {
        padding: 8px 12px;
        line-height: 1.2;
        font-size: 0.9em;
        display: block;
        text-align: center;
    }
  /* end account */
    
    
    /*
    * Compact the checkout links by making them full-width buttons.
    */
    .wc-proceed-to-checkout .checkout-button,
    .single_add_to_cart_button.button {
        width: 100%;
        text-align: center;
        box-sizing: border-box;
    }
    
    
    /* PRODUCT DETAIL image size*/
.woocommerce-product-gallery__image img.wp-post-image {
        height: auto !important;
    width: 100%!important;
    
    
}
    
    
    /* 48em  category list product iamge  */
    .woocommerce ul.products li.product a img {
           
    }
    
    
    /*
    
    zoom
    .woocommerce-product-gallery__trigger {
    display: none;
}
    */
    
    /* stop click i mage */
    /*
    .woocommerce-product-gallery__image a {
    pointer-events: none;
    cursor: default;
}*/
    /* ned stop clikc */
    
    
    /* START FEATURED 48 */
   /* The rule you added for price and quantity is correct and should be kept */
    .product-info .price, .product-info .quantity {
        display: inline-block !important;
        width: 49% !important;
    }
    
    /* Remove any other rules that target the single_add_to_cart_button */
    
    /* Add this rule to center the button */
    .product-info .single_add_to_cart_button {
        display: block !important;
        margin: 0 auto !important;
        width: 100% !important;
    }
    
a.wc-forwardo:not(.checkout):not(.checkout-button) {
          font-size: .9em!important;
          padding: 12px 20px 12px 20px!important;   
          border-radius: 10px!important;
          width:100%!important;
      }
      
.wc-product-contents .wc-product__part .button.wc-forwardo.viewo{
     display: block!important;
    margin-top:4px!important;
    }
    

    /* checkout change order button */
    #edit-order
    {
        font-size: clamp(15px, 1.9vw, 20px) !important;
        padding: clamp(6px, 1vw, 12px) clamp(7px, 3vw, 20px) !important;
    }



    /* space above buttons on mobile */
    .customify-container,
    .customify-grid
    {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    /* main content */
    main.content-area
    {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    /* body or html top padding/margin */
    body, html
    {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
    /* END space above buttons */


    /* links to shop front and cart top screen on mobile */
    .mobile-only
    {
        display: flex !important;
        gap: 6px;
        justify-content: space-between;
        padding: 6px 0;
    }



    .mobile-only a.button
    {
        flex: 1 1 50%;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 6px;
        font-size: clamp(14px, 1.5vw, 20px) !important;
             padding: 0 20px  !important;

    }

.button.wc-front.mobile-only-v {
    display: flex !important;  /* keep flex */
    align-items: center;
    justify-content: center;
    gap: 6px;
     position: fixed;


}

.wc-front {
    display: flex !important;  /* use flex, not block */
    background-color: white !important;
    color: black !important;
    font-weight: 500 !important;
    border-radius: 10px !important;
    border: 1px solid black !important;
    font-size: 0.9em !important;
    margin-bottom: 0.6em !important;
    text-align: center !important;


}
     


    /* hide short description on product details */
    .single-product .woocommerce-product-details__short-description
    {
        display: none;
    }

    /* cart basket design */
    /* remove words price and product and colon */
    .woocommerce table.shop_table_responsive tr td::before,
    .woocommerce-page table.shop_table_responsive tr td::before
    {
        content: attr(data-title);
    }

    /* make total align width */
    .woocommerce .cart-collaterals,
    .woocommerce-page .cart-collaterals
    {
        padding: 0 !important;
    }

    .product-subtotal
    {
        padding-right: 10px !important;
        margin-bottom: 25px !important;
    }

    /*
    #sfb2 { display: block !important; }
    #sfb { display: block !important; }
    */


    /* category list image width */
    .woocommerce-loop-product__link img
    {
        min-width: 300px !important;
    }

    .wc-product-contents .wc-product__part .button.wc-forward.view
    {
        display: block !important;
        padding: 10px 20px !important;
    }
    

    button,
    .wc-forwardo,
    .wc-backwardo
    {
        display: block !important;
        padding: 10px 20px !important;
    }

    /* product detail screen */
    .tabs li
    {
        display: block !important;
        margin-left: 0.5em !important;
    }

    /* active tab within #tab-title-description */
  



    
    
    .entry-summary-box,
    .price
    {
        text-align: center !important;
        text-align-last: center !important;
    }

    .single_add_to_cart_button
    {
        width: 100%;
    }

    .cw_quantity_select
    {
        width: 100%;
        text-align: center;
        text-align-last: center;
    }

    /* make view button 100% */
    .wc-product__add_to_cart.show-in-grid.show-in-list a.button.wc-forward.view
    {
       
        width: 100%;
        margin-top: 2vh !important;
        margin-bottom: 0vh !important;
    }

    
.wc-product__add_to_cart .button {
    display: block; /* Makes the buttons stack */
    margin-left: 0 !important; /* Removes the margin from the second button */
    margin-bottom:10px; /* Adds space between the buttons */
    text-align: center;
  }
  
  .wc-product__add_to_cart .button.view {
    margin-bottom: 0px!important;
  }


    /* 48 */
    /* category product title */
    .wc-product-contents
    {
        text-align: center;
        text-align-last: center;
    }

    .woocommerce-loop-product__link img
    {
        min-width: 270px !important;
    }

    /* product title up to 48em */
    .wc-product-contents .woocommerce-LoopProduct-link
    {
        font-size: clamp(22px, 1.9vw, 20px);
    }

    .wc-product-contents .woocommerce-loop-product__price,
    .wc-product-contents .woocommerce-Price-amount.amount
    {
        font-size: x-large !important;
    }
    
    
    /* checkout account login */
    .woocommerce-form-login-toggle {
width:100%!important;
}
 /*}*/ 
     
     
     
} /* 48 media end*/

/**************************************************************************/

/**************************************************************************/

/* old aod css /
/**************************************************************************/

/**************************************************************************/

/**************************************************************************/

#wpfront-scroll-top-container{display:none;position:fixed;cursor:pointer;z-index:9999}#wpfront-scroll-top-container div.text-holder{padding:3px 10px;-webkit-border-radius:3px;-webkit-box-shadow:4px 4px 5px 0 rgba(50,50,50,0.5);-moz-box-shadow:4px 4px 5px 0 rgba(50,50,50,0.5);border-radius:3px;box-shadow:4px 4px 5px 0 rgba(50,50,50,0.5)}#wpfront-scroll-top-container a{outline-style:none;box-shadow:none;text-decoration:none}




/* product box */

.productx { 
width:90%;
clear:both; box-sizing: border-box;
 
}

.productx div {
  /* min-height: 200px;
   padding: 10px; */ box-sizing: border-box;
}


.productx:before {
  content: "";
  display: table;
  clear: both; box-sizing: border-box;
}

.productx:after {
  content: "";
  display: table; box-sizing: border-box;
  clear: both;
}

/* end */


#onex {
float:right;
max-width:450px; box-sizing: border-box;
/* margin-left:20px; */
}
#twox { 
  float:left; 
/* max-width:450px;
  min-height:170px;
width:30%;
   margin-right:20px; */
 text-align:center; box-sizing: border-box;

}


/* KEEP */
.refbox {
font-size:0.9em!important;
	margin-top:30px!important;
	border: 1px solid!important;
	border-color: #000!important;	 
	padding: 20px;
	text-align: left!important;
	text-transform: uppercase!important;
	font-weight:300!important;
	width:100vw;

}
#topimg {
	float: right;
	padding-left:15px;
	width: 50%;
	max-width: 533px;
}

/* ------------ start old --------- */
.artlinkimage {
	opacity: 1;
	display: block;
	/* width:25vw;
	*/
	/*width:240px;
	height:135px;
	*/
	margin-right:10px;
	margin-bottom:10px;
	width:100%;
	max-width:240px;
	/*height: auto;
	*/
	transition: .5s ease;
	backface-visibility: hidden;
	border:1px;
	border-style: solid;
	border-color:black;
}
/* ------------ end old --------- */
 
 
/* KEEP TOP IMAGE */
.xi{
	max-width:100%;
	width:100vw;
	margin-bottom: 10px;
}

@media screen and (max-width: 1500px) and (min-width: 600px) {
	.xi{
		max-width:90%;
	/*	width:60vw; */
	}
}
 

/* product box */
.productx {
    width: 90%;
    box-sizing: border-box;
    display: flex;
    gap: 20px;
    align-items: flex-start;
    
    /* Centers the productx div itself */
    margin: 0 auto;

    /* Centers the two child divs (#twox and #onex) within the productx container */
    justify-content: center;
}

#twox {
    /* Centers the image within its div */
    text-align: center;
}

#onex {
    /* Centers all the text content within its div */
    text-align: left;
    margin-left: 15px!important;
}

/* The rest of your CSS remains the same */

.xds {
    border: 1px solid #666;
    text-align: center;
    font-size: 0.8em;
    text-transform: uppercase;
    margin-bottom: 10px;
    max-width: 325px;
    padding: 7px;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    margin-right: 15px; /* spacing between blocks */
    /* Consider adding a subtle border-radius? Optional for style */
}
 
.xds a {
  font-size: var(--font-size-aod-article)!important; 
    text-decoration: none;
    display: block;  /* ensures link covers whole block for easier clicking */
}

.xds a:hover {
    text-decoration: underline;
}

.xds img {
    max-width: 320px;
    max-height: 133px;
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto 11px auto; /* 8px space below image */
    transition: opacity 0.3s ease-in-out;
    object-fit: contain; /* good for scaling */
    cursor: pointer; /* indicates clickable image */
}

.xds img:hover {
    opacity: 0.7;
}

.xd {
margin-top:10px!important;
    margin-bottom: 10px!important;
}


/* KEEP TOP IMAGE */
.xds{
	border: 1px solid;
	
	text-align:center;

	text-transform:uppercase;
	margin-top:20px;
}


.xd{
	text-align:left;
width:99%;
}
/* KEEP TOP IMAGE */
.xip{
	width:100vw;
}
/* KEEP TOP IMAGE */
.xdp{
}
.xa {
	/* font-size: calc(11px + 0.3vw) !important;
	*/
/*text-align:left;*/	
/* width:90%;*/
font-size:0.9em;
	margin-bottom:1em;
}

/* KEEP POST RIGHT SMALLER IMAGE */
.xdpr{
}


.respimg{
	width:100vw;

}

.poi{
	font-size: calc(11px + 0.3vw) !important;
}
.videowrapper {
	float: none;
	clear: both;
	width: 100%;
	position: relative;
	padding-bottom: 56.25%;
	margin-bottom:30px;
	margin-top: 20px;
	height: 0;
	max-width: 100vw;
	;
}
.videowrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


.boxlink {
	margin-top:25px!important;
	margin-bottom:25px!important;
	border: 1px solid;
	border-color: #000!important;
	color: #000!important;
	padding: 14px 25px!important;
	text-align: center!important;
	text-decoration: none!important;
	display: inline-block!important;
	text-transform: uppercase!important;
	width:100%;
	max-width:1000px;
}
.boxlink:hover {
	background-color: orange;
	text-decoration: none!important;
	color:white!important;
}
.boxlink:active {
}

.shoplink {
	margin-top:25px!important;
	margin-bottom:25px!important;
	border: 1px solid;
	border-color: #000!important;
	color: #ffffff!important;
	padding: 14px 25px!important;
	text-align: center!important;
	text-decoration: none!important;
	display: inline-block!important;
	text-transform: uppercase!important;
	font-weight: 500;
     line-height: 1.7em!important;
     font-size: 16px;
	width:100%;
	max-width:1000px;
	background-color:#fcd3a5;
}
.shoplink:hover {
	background-color: #ffae12;
	text-decoration: none!important;
	color:white!important;
}
.shoplink:active {
}



.shop {
}
 

 .add-button {
     display: inline-block;
	 width:100%!important;
     margin-top:7px;
     cursor: pointer;
     text-align: center;
     text-decoration: none;
     padding: 14px 25px!important;
     font-weight: 500;
     line-height: 1.7em!important;
     font-size: 16px;
    border: 1px solid!important;
	border-color:darkorange;
     letter-spacing: 1px;
      text-transform: uppercase; 
     color:#000;
     border-radius:10px!important;
	  background: #ff9900!important;
}
 .add-button:hover {
     text-decoration: none;
     color: #fff;
	 background: orange!important;
}
 .add-button:active {
     position: relative;
     top: 1px;
}
 

 .orange {
     color: #fff!important;
     background: #f49200!important;
}
 .orange:hover {
}
 .orange:active {
     color: #fcd3a5;
}

/* --------------------------------- */
.sboxlink {
	margin-top:10px!important;
	margin-bottom:20px!important;
	padding-top: 18px;
	padding-right: 50px;
	padding-bottom: 18px;
	padding-left: 50px;
	border: 1px solid;
	border-color: #000!important;
	color: #000!important;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	text-transform: uppercase!important;
	font-weight:300!important;
	width:100%;
	max-width:1000px;
}
.sboxlink:hover {
	background-color: black!important;
	text-decoration: none!important;
	color:#fff;
}
.sboxlink:active {
	color: #fff!important;
}

@media screen and (max-width: 62.5rem) {

.refbox {
font-size:0.8em!important;
padding: 15px;
}
.xa {
	/* font-size: calc(11px + 0.3vw) !important;
	*/
/*text-align:left;*/	
/* width:90%;*/
font-size:1.1em;
	margin-bottom:1em;
}
}


/* remove?*/



@media screen and (max-width: 62.5rem) {
    .productx {
        display: flex;
        flex-direction: column;
        align-items: center;   /* centers children horizontally */
        text-align: center;    /* centers inline content inside */
    }

    #twox, #onex {
        width: 100%;
        max-width: 600px;      /* optional: keeps from stretching too wide */
        float: none;
        margin: 0 auto;        /* centers block if narrower than 100% */
        border: 0;
        box-sizing: border-box;
    }

    #twox { order: 1; }
    #onex { order: 2; }
}





