.elementor-263 .elementor-element.elementor-element-c5c9b2f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-263 .elementor-element.elementor-element-e565fc4{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-263 .elementor-element.elementor-element-d1b1218{text-align:center;}.elementor-263 .elementor-element.elementor-element-d1b1218 .elementor-heading-title{font-family:"Matrix II OT", Sans-serif;font-size:25px;font-weight:500;text-transform:uppercase;font-style:italic;color:var( --e-global-color-c689043 );}.elementor-263 .elementor-element.elementor-element-edca5ea{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-263 .elementor-element.elementor-element-580316f{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-263 .elementor-element.elementor-element-580316f:not(.elementor-motion-effects-element-type-background), .elementor-263 .elementor-element.elementor-element-580316f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F4F4;}.elementor-263 .elementor-element.elementor-element-be18b48{--display:flex;--padding-top:20px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-263 .elementor-element.elementor-element-be18b48.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-263 .elementor-element.elementor-element-ec479dc{padding:00px 0px 0px 10px;}.woocommerce .elementor-263 .elementor-element.elementor-element-ec479dc .woocommerce-product-gallery__trigger + .woocommerce-product-gallery__wrapper,
				.woocommerce .elementor-263 .elementor-element.elementor-element-ec479dc .flex-viewport, .woocommerce .elementor-263 .elementor-element.elementor-element-ec479dc .flex-control-thumbs img{border-style:none;}.woocommerce .elementor-263 .elementor-element.elementor-element-ec479dc .flex-viewport:not(:last-child){margin-bottom:0px;}.woocommerce .elementor-263 .elementor-element.elementor-element-ec479dc .flex-control-thumbs img{border-style:none;}.woocommerce .elementor-263 .elementor-element.elementor-element-ec479dc .flex-control-thumbs li{padding-right:calc(1em / 2);padding-left:calc(1em / 2);padding-bottom:1em;}.woocommerce .elementor-263 .elementor-element.elementor-element-ec479dc .flex-control-thumbs{margin-right:calc(-1em / 2);margin-left:calc(-1em / 2);}.elementor-263 .elementor-element.elementor-element-274ab33{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:80px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-woocommerce-product-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-263 .elementor-element.elementor-element-fd0aa64 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:25px;font-weight:500;color:var( --e-global-color-c689043 );}.woocommerce .elementor-263 .elementor-element.elementor-element-a48498f .eael-single-product-rating .star-rating{color:#E5A200;font-size:15px;}.elementor-263 .elementor-element.elementor-element-a48498f .eael-single-product-rating .eael-product-rating-wrap .eael-product-rating.filled svg path{fill:#E5A200;}.elementor-263 .elementor-element.elementor-element-a48498f .eael-single-product-rating .eael-product-rating-wrap .eael-product-rating svg{height:15px;width:15px;}.elementor-263 .elementor-element.elementor-element-a48498f .eael-single-product-rating .woocommerce-review-link{color:var( --e-global-color-c689043 );font-family:"Montserrat", Sans-serif;font-size:13px;font-weight:500;}.elementor-widget-woocommerce-product-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-263 .elementor-element.elementor-element-304302d{color:var( --e-global-color-c689043 );font-family:"Montserrat", Sans-serif;font-size:15px;font-weight:500;}.woocommerce .elementor-263 .elementor-element.elementor-element-adfcd07 .woocommerce-product-details__short-description{color:var( --e-global-color-c689043 );font-family:"Montserrat", Sans-serif;font-size:12px;font-weight:500;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-263 .elementor-element.elementor-element-717107b{--divider-border-style:solid;--divider-color:var( --e-global-color-06be9f4 );--divider-border-width:1.5px;--divider-icon-size:15px;}.elementor-263 .elementor-element.elementor-element-717107b .elementor-divider-separator{width:90%;}.elementor-263 .elementor-element.elementor-element-717107b .elementor-divider{padding-block-start:2px;padding-block-end:2px;}.woocommerce .elementor-widget-woocommerce-product-price .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.woocommerce .elementor-263 .elementor-element.elementor-element-421303b .price{color:var( --e-global-color-c689043 );font-family:"Montserrat", Sans-serif;font-weight:600;}.elementor-263 .elementor-element.elementor-element-62d7111{margin:-35px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-263 .elementor-element.elementor-element-62d7111 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:10px;font-weight:600;color:var( --e-global-color-c689043 );}.elementor-widget-woocommerce-product-add-to-cart .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-263 .elementor-element.elementor-element-c034fdc:not( .elementor-widget-image ), .elementor-263 .elementor-element.elementor-element-c034fdc.elementor-widget-image img{-webkit-mask-image:url( https://nh.boldandbond.com/wp-content/uploads/2025/11/Grey-button-01.png );-webkit-mask-size:contain;-webkit-mask-position:center center;-webkit-mask-repeat:no-repeat;}.elementor-263 .elementor-element.elementor-element-c034fdc .cart button, .elementor-263 .elementor-element.elementor-element-c034fdc .cart .button{font-family:"Montserrat", Sans-serif;font-weight:400;padding:10px 150px 10px 150px;background-color:#95A67C;transition:all 0.2s;}@media(max-width:1024px){.elementor-263 .elementor-element.elementor-element-580316f{--padding-top:30px;--padding-bottom:30px;--padding-left:10px;--padding-right:30px;}.elementor-263 .elementor-element.elementor-element-be18b48{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-263 .elementor-element.elementor-element-ec479dc{padding:0px 0px 0px 0px;}.elementor-263 .elementor-element.elementor-element-274ab33{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}@media(max-width:767px){.elementor-263 .elementor-element.elementor-element-580316f{--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-263 .elementor-element.elementor-element-421303b{text-align:center;}.elementor-263 .elementor-element.elementor-element-62d7111{text-align:center;}}@media(min-width:768px){.elementor-263 .elementor-element.elementor-element-be18b48{--width:60%;}.elementor-263 .elementor-element.elementor-element-274ab33{--width:25%;}}@media(max-width:1024px) and (min-width:768px){.elementor-263 .elementor-element.elementor-element-be18b48{--width:100%;}.elementor-263 .elementor-element.elementor-element-274ab33{--width:70%;}}/* Start custom CSS for woocommerce-product-images, class: .elementor-element-ec479dc *//* * Functionality: Vertical Product Gallery Thumbnails
 * Fixed: Replaced pixel gaps with percentages to prevent "far apart" spacing
 * Update: Removed default padding on left of thumbnails
 * Update: Added Main Image Height Control
 * Update: Aligned Main Image to Left
 */

/* =========================================
   1. BASE STYLES (DESKTOP DEFAULT)
   ========================================= */
.woocommerce .flex-control-thumbs {
    margin: 10px 0px 10px 0 !important; /* Reset margin */
    padding: 0 !important; /* CRITICAL: Removes default browser indentation */
    width: 100% !important; 
    display: flex;
}

/* Width of individual thumbnails */
ol.flex-control-nav.flex-control-thumbs li {
    width: 15% !important;
    list-style: none !important; /* Ensures no bullet points add space */
}


/* =========================================
   2. MOBILE STYLES (max-width: 414px)
   ========================================= */
@media (max-width: 414px) {
    ol.flex-control-nav.flex-control-thumbs li {
        width: 18% !important; 
    }
}


/* =========================================
   3. TABLET VERTICAL LAYOUT (568px - 768px)
   ========================================= */
@media (min-width: 568px) and (max-width: 768px) {
    /* Container becomes a vertical strip */
    .woocommerce .flex-control-thumbs {
        margin: 10px 0px 10px 0 !important; 
        width: 22% !important; /* Keep your bigger size */
    }
    
    /* Thumbnails take up full width of that strip */
    ol.flex-control-nav.flex-control-thumbs li {
        width: 100% !important; 
    }
}


/* =========================================
   4. SMALL LAPTOP/LARGE TABLET (769px - 1024px)
   ========================================= */
@media (min-width: 769px) and (max-width: 1024px) {
    .woocommerce .flex-control-thumbs {
        margin: 10px 0px 10px 0 !important; 
        width: 18% !important; 
    }

    ol.flex-control-nav.flex-control-thumbs li {
        width: 100% !important; 
    }
}


/* =========================================
   5. VERTICAL LAYOUT LOGIC (Global > 568px)
   ========================================= */
/* Move thumbnails to the left and stack them vertically */
@media (min-width: 568px) {
    .woocommerce .flex-control-nav { 
        position: absolute; 
        top: 0;
        left: 0;
    }
    .flex-control-thumbs {
        display: flex;
        flex-direction: column; /* Stacks images vertically */
    }
}

/* Adjust the Main Image (Viewport) to make room for thumbnails */
/* We now use PERCENTAGES (%) for 'left' instead of px to fix the gap */

/* Tablet Portrait */
@media (min-width: 568px) and (max-width: 768px) {
    .woocommerce .flex-viewport {
        /* Thumbnails are 22%, so we start main image at 24% */
        left: 24% !important; 
        width: 76% !important;
    }
}

/* Tablet Landscape / Small Laptop */
@media (min-width: 769px) and (max-width: 1024px) {
    .woocommerce .flex-viewport {
        /* Thumbnails are 18%, so we start main image at 20% */
        left: 20% !important; 
        width: 80% !important;
    }
}

/* Desktop */
@media (min-width: 1025px) {
    .woocommerce .flex-viewport {
        /* Thumbnails are 15%, so we start main image at 17% */
        left: 17% !important; 
        width: 83% !important;
    }   
}

/* =========================================
   6. MAIN IMAGE HEIGHT CONTROL & ALIGNMENT
   ========================================= */
/* This ensures the image doesn't get too tall on large screens */
.woocommerce .woocommerce-product-gallery__image img {
    /* CHANGE '600px' below to your desired height limit */
    max-height: 600px !important; 
    
    /* 'contain' ensures the full image is shown without cropping/stretching */
    object-fit: contain !important; 
    
    /* Align image to the left (instead of default center) */
    object-position: left center !important;

    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-content, class: .elementor-element-304302d *//* 1. Grey Banner Title Style */
.grey-banner-title {
    /* Background Setup */
    background-image: url('https://nh.boldandbond.com/wp-content/uploads/2025/11/Grey-button-01.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    
    /* Dimensions */
    width: 90%;
    height: 35px;
    
    /* Alignment */
    display: flex;
    align-items: center; /* Vertically centers the text */
    justify-content: center; /* Horizontally centers the text */
    
    /* Text Adjustments */
    padding-top: 1px; /* Offset to align visually with the background image design */
    margin: 0 0 15px 0; /* Adds space below the banner (replaces  ) */
    
    /* Typography */
    font-size: 14px;
    line-height: 1;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
    color: #000;
}

/* 2. TFM Description Text Style */
.tfm-text {
    font-size: 14px;
    font-weight: 500;
    font-family: 'Montserrat', sans-serif;
    line-height: 1.5; /* Adds readability to the list */
    color: #333; /* Optional: Softens the black slightly */
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Matrix II OT';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://nh.boldandbond.com/wp-content/uploads/2025/09/Matrix-II-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'Matrix II OT';
	font-style: italic;
	font-weight: 400;
	font-display: auto;
	src: url('https://nh.boldandbond.com/wp-content/uploads/2025/09/MatrixIIOT-RegItalic.ttf') format('truetype');
}
@font-face {
	font-family: 'Matrix II OT';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://nh.boldandbond.com/wp-content/uploads/2025/09/MatrixIIOT-Reg.ttf') format('truetype');
}
/* End Custom Fonts CSS */