@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//acuario.io/wp-content/themes/woodmart/fonts/woodmart-font-2-400.woff2?v=7.3.4") format("woff2");
}

:is(.shop-content-area.wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product) .wd-products-with-bg, :is(.shop-content-area.wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product) .wd-products-with-bg .product-grid-item{
	--wd-prod-bg:rgb(255,255,255); --wd-bordered-bg:rgb(255,255,255);
}

.wd-popup.wd-promo-popup{
	background-color:#111111;
	background-image: none;
	background-repeat:no-repeat;
	background-size:contain;
	background-position:left center;
}

.page-title-default{
	background-color:rgb(28,97,231);
	background-image: none;
	background-size:cover;
	background-position:center center;
}

.footer-container{
	background-color:#ffffff;
	background-image: none;
}

:root{
--wd-text-font:"Open Sans", Arial, Helvetica, sans-serif;
--wd-text-font-weight:400;
--wd-text-color:#777777;
--wd-text-font-size:15px;
}
:root{
--wd-title-font:"Lexend Deca", Arial, Helvetica, sans-serif;
--wd-title-font-weight:500;
--wd-title-color:#242424;
}
:root{
--wd-entities-title-font:"Lexend Deca", Arial, Helvetica, sans-serif;
--wd-entities-title-font-weight:500;
--wd-entities-title-color:#333333;
--wd-entities-title-color-hover:rgb(51 51 51 / 65%);
}
:root{
--wd-alternative-font:"Lexend Deca", Arial, Helvetica, sans-serif;
}
:root{
--wd-widget-title-font:"Lexend Deca", Arial, Helvetica, sans-serif;
--wd-widget-title-font-weight:500;
--wd-widget-title-transform:capitalize;
--wd-widget-title-color:#333;
--wd-widget-title-font-size:16px;
}
:root{
--wd-header-el-font:"Open Sans", Arial, Helvetica, sans-serif;
--wd-header-el-font-weight:600;
--wd-header-el-transform:capitalize;
--wd-header-el-font-size:13px;
}
html .wd-nav-mobile > li > a{
	text-transform: capitalize;
}

html .post.blog-post-loop .post-title{
	font-size: 18px;
}

html .wd-nav.wd-nav-main > li > a{
	font-family: "Open Sans", Arial, Helvetica, sans-serif;font-size: 13px;
}

:root{
--wd-brd-radius: 10px;
}
:root{
--wd-primary-color:rgb(8,165,224);
}
:root{
--wd-alternative-color:rgba(28,97,231,0.2);
}
:root{
--wd-link-color:rgb(30,30,30);
--wd-link-color-hover:#242424;
}
.page .main-page-wrapper{
	background-color:rgb(246,246,246);
	background-image: none;
}

.woodmart-archive-shop:not(.single-product) .main-page-wrapper{
	background-color:rgb(246,246,246);
	background-image: none;
}

.single-product .main-page-wrapper{
	background-color:rgb(246,246,246);
	background-image: none;
}

.woodmart-archive-blog .main-page-wrapper{
	background-color:rgb(246,246,246);
	background-image: none;
}

:root{
--btn-default-bgcolor:rgb(225,235,255);
}
:root{
--btn-default-bgcolor-hover:rgb(219,227,249);
}
:root{
--btn-default-color:rgb(8,165,224);
}
:root{
--btn-default-color-hover:rgb(8,165,224);
}
:root{
--btn-accented-bgcolor:rgb(8,165,224);
}
:root{
--btn-accented-bgcolor-hover:rgb(8,165,224);
}
:root{
--btn-transform:capitalize;
}
html .wd-buy-now-btn{
	background: rgb(107,163,49);
}

html .wd-buy-now-btn:hover{
	background: rgb(95,158,44);
}

:root{
--notices-success-bg:#459647;
}
:root{
--notices-success-color:#fff;
}
:root{
--notices-warning-bg:#E0B252;
}
:root{
--notices-warning-color:#fff;
}

	:root{
					
							--wd-form-brd-radius: 5px;
			
					
					--wd-form-brd-width: 1px;
		
		
		
					--btn-accented-color: #fff;
		
					--btn-accented-color-hover: #fff;
		
					
			
			
							--btn-default-brd-radius: 5px;
				--btn-default-box-shadow: none;
				--btn-default-box-shadow-hover: none;
					
					
			
			
							--btn-accented-brd-radius: 5px;
				--btn-accented-box-shadow: none;
				--btn-accented-box-shadow-hover: none;
					
							
		
			}

	
	
			:root{
			--wd-container-w: 1920px;
		}
	
			@media (min-width: 1937px) {
			.platform-Windows .wd-section-stretch > .elementor-container {
				margin-left: auto;
				margin-right: auto;
			}
		}
		@media (min-width: 1920px) {
			html:not(.platform-Windows) .wd-section-stretch > .elementor-container {
				margin-left: auto;
				margin-right: auto;
			}
		}
	
			div.wd-popup.popup-quick-view {
			max-width: 920px;
		}
	
	
	
	
			.woodmart-woocommerce-layered-nav .wd-scroll-content {
			max-height: 223px;
		}
	
	
	body, [class*=color-scheme-light], [class*=color-scheme-dark], .wd-search-form[class*="wd-header-search-form"] form.searchform, .wd-el-search .searchform {

							
							
							
							
									--wd-form-bg: rgb(255,255,255);
						}
.cky-revisit-bottom-left {
  bottom: 65px !important;
  left: 15px;
}

/* PHONE HEADER LAYOUT (2026-08-27).
   Top row: the logo with "Mexican Owned & Manufactured" centred UNDER it, so
   the column has to stack instead of sitting side by side.
   Lower strip: burger left, social icons centre, flag right. */
.whb-general-header-inner .whb-mobile-center {
  flex-direction: column;
  justify-content: center;
  row-gap: 2px;
}

/* The logo stretches to fill the row height, so raising the row just made the
   logo bigger and the line still overflowed. Cap the logo instead, leaving room
   for the text beneath it inside the 88px mobile row. */
.whb-general-header-inner .whb-mobile-center .site-logo {
  height: auto !important;
  margin: 0 !important;
}
.whb-general-header-inner .whb-mobile-center .site-logo img {
  max-height: 54px !important;
  height: auto !important;
  width: auto !important;
}
.whb-general-header-inner .whb-mobile-center .wd-header-text {
  text-align: center;
  line-height: 1.25;
}
.whb-header-bottom-inner .whb-col-mobile {
  flex-wrap: wrap;
  justify-content: space-between;
  row-gap: 6px;
  column-gap: 14px;
  padding-top: 6px;
  padding-bottom: 6px;
}

/* MEXICAN FLAG BADGE beside "Mexican Owned & Manufactured" (2026-08-27).
   Woodmart INLINES the SVG and forces the wrapper to a 35x35 square, which
   letterboxes a 4:3 flag with white gaps above and below it. Give it the flag's
   own proportion and a hairline border so it reads as a badge, not a raw image. */
.info-box-icon .info-svg-wrapper {
  width: 34px !important;
  height: 26px !important;
  border-radius: 3px;
  overflow: hidden;
  box-shadow: 0 0 0 1px rgba(10, 37, 64, .18);
}
.info-box-icon .info-svg-wrapper svg {
  width: 100% !important;
  height: 100% !important;
  display: block;
}