@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Oswald:wght@400;500;600;700&display=swap"); :root {
--ut-red:           #c40000;
--ut-red-dark:      #9e0000;
--ut-red-glow:      rgba(196, 0, 0, 0.28);
--ut-black:         #111111;
--ut-dark:          #1a1a1a;
--ut-gray-900:      #222222;
--ut-gray-700:      #444444;
--ut-gray-500:      #777777;
--ut-gray-300:      #c0c0c0;
--ut-gray-100:      #f0f0f0;
--ut-bg:            #f2f2f2;
--ut-white:         #ffffff; --ut-font-display:  'Oswald', 'Roboto Condensed', Impact, sans-serif;
--ut-font-body:     'Inter', 'Roboto', Arial, sans-serif;
--ut-shadow-card:   0 1px 8px rgba(0,0,0,0.06);
--ut-shadow-hover:  0 8px 24px rgba(0,0,0,0.12);
--ut-shadow-product:0 24px 56px rgba(0,0,0,0.2);
--ut-radius:        10px;
--ut-radius-sm:     6px;
--ut-transition:    all 0.22s ease;
} body {
background-color: var(--ut-bg) !important;
font-family: var(--ut-font-body);
-webkit-font-smoothing: antialiased;
} .product-short-description *,
.woocommerce-product-details__short-description *,
.woocommerce-Tabs-panel * {
font-family: var(--ut-font-body) !important;
} img {
max-width: 100% !important;
height: auto;
} .container {
max-width: 1240px !important;
} h1 { font-size: 32px !important; font-weight: 800; line-height: 1.1; letter-spacing: -0.3px; font-family: var(--ut-font-body); }
h2 { font-size: 26px !important; font-weight: 700; line-height: 1.2; font-family: var(--ut-font-body); }
h3 { font-size: 20px !important; font-weight: 700; line-height: 1.3; font-family: var(--ut-font-body); }
h4 { font-size: 18px !important; font-weight: 600; font-family: var(--ut-font-body); }
h5 { font-size: 16px !important; font-weight: 600; font-family: var(--ut-font-body); }
h6 { font-size: 14px !important; font-weight: 600; font-family: var(--ut-font-body); }
p, li { font-size: 15px; line-height: 1.7; } .section-title span {
text-transform: uppercase !important;
font-size: 150% !important;
border-bottom: 0px !important;
} .home .ut-video-products h2,
.home .ut-newsletter-section h2 {
color: var(--ut-white) !important;
} #top-bar.header-top {
background-color: var(--ut-red) !important;
border-bottom: 2px solid var(--ut-white) !important;
overflow: hidden !important;
} #top-bar .flex-row {
min-height: 42px;
align-items: center;
} #top-bar *,
#top-bar a {
color: var(--ut-white) !important;
font-size: 15px !important;
font-weight: 600 !important;
letter-spacing: 0.2px;
text-decoration: none !important;
} #top-bar .nav-center li,
#top-bar .nav-center a,
#top-bar .nav-center span,
#top-bar .html_topbar_left strong {
font-size: 17px !important;
font-weight: 700 !important;
} #top-bar .nav-center {
overflow: hidden !important;
position: relative !important;
}
@keyframes ut-marquee {
0%   { transform: translateX(100%); }
100% { transform: translateX(-100%); }
}
#top-bar .nav-center ul {
display: flex !important;
gap: 60px !important;
animation: ut-marquee 20s linear infinite !important;
white-space: nowrap !important;
width: max-content !important;
}
#top-bar .nav-center li {
flex-shrink: 0 !important;
} #top-bar .social-icons {
align-items: center !important;
display: inline-flex !important;
gap: 10px !important;
}
#top-bar .social-icons a {
align-items: center !important;
border: 2px solid var(--ut-white) !important;
border-radius: 50% !important;
color: var(--ut-white) !important;
display: inline-flex !important;
font-size: 18px !important;
height: 34px !important;
justify-content: center !important;
line-height: 1 !important;
opacity: 1;
transition: var(--ut-transition);
width: 34px !important;
}
#top-bar .social-icons a i,
#top-bar .social-icons a svg {
margin: 0 !important;
}
#top-bar .social-icons a:hover {
background: var(--ut-white) !important;
color: var(--ut-red) !important;
transform: translateY(-1px);
} #top-bar .top-divider { display: none; } #masthead.header-main,
header#header .header-wrapper {
background-color: var(--ut-black) !important;
border-bottom: 3px solid var(--ut-red) !important;
box-shadow: 0 3px 20px rgba(0,0,0,0.35) !important;
} #logo img,
#logo .logo-img {
max-height: 64px !important;
width: auto !important;
object-fit: contain !important;
} .header-nav.header-nav-main > li > a,
#masthead .nav > li > a {
color: rgba(255,255,255,0.9) !important;
font-size: 13px !important;
font-weight: 700 !important;
text-transform: uppercase !important;
letter-spacing: 1px !important;
transition: color 0.2s ease !important;
}
@media (min-width: 850px) and (max-width: 1370px) {
#masthead .header-inner {
gap: 10px !important;
}
#logo img,
#logo .logo-img {
max-height: 52px !important;
}
.header-nav.header-nav-main > li {
margin: 0 5px !important;
}
.header-nav.header-nav-main > li > a,
#masthead .nav > li > a {
font-size: 11px !important;
letter-spacing: 0.3px !important;
}
}
.header-nav.header-nav-main > li:hover > a,
.header-nav.header-nav-main > li.current-menu-item > a,
.header-nav.header-nav-main > li.current-menu-ancestor > a {
color: var(--ut-red) !important;
} #masthead .nav .icon,
#masthead .nav .cart-icon,
#masthead .account-icon,
#masthead .search-icon {
color: rgba(255,255,255,0.85) !important;
transition: color 0.2s;
}
#masthead .nav .icon:hover,
#masthead .nav .cart-icon:hover { color: var(--ut-white) !important; } .cart-count,
.header-cart .count,
.cart-items-count {
background-color: var(--ut-red) !important;
color: var(--ut-white) !important;
font-weight: 800 !important;
font-size: 10px !important;
}
#masthead .nav .cart-item .nav-dropdown,
#masthead .nav .header-cart .nav-dropdown,
.header-cart .nav-dropdown,
.header-cart .widget_shopping_cart,
.header-cart .cart-popup,
li.cart-item .nav-dropdown,
li.cart-item .widget_shopping_cart,
li.cart-item .cart-popup,
.header-cart .woocommerce-mini-cart {
background: var(--ut-white) !important;
color: var(--ut-black) !important;
}
#masthead .nav .cart-item .nav-dropdown,
.header-cart .nav-dropdown {
border: 1px solid rgba(0,0,0,0.08) !important;
border-top: 4px solid var(--ut-red) !important;
border-radius: 0 0 8px 8px !important;
box-shadow: 0 18px 50px rgba(0,0,0,0.28) !important;
padding: 22px !important;
}
#masthead .nav .cart-item .woocommerce-mini-cart-item,
#masthead .nav .cart-item .mini_cart_item,
.header-cart .woocommerce-mini-cart-item,
.header-cart .mini_cart_item {
border-bottom: 1px solid rgba(0,0,0,0.12) !important;
color: var(--ut-black) !important;
min-height: 82px !important;
padding: 14px 34px 14px 82px !important;
}
#masthead .nav .cart-item .mini_cart_item a:not(.remove),
#masthead .nav .cart-item .woocommerce-mini-cart-item a:not(.remove),
.header-cart .mini_cart_item a:not(.remove),
.header-cart .woocommerce-mini-cart-item a:not(.remove) {
color: var(--ut-black) !important;
display: block !important;
font-size: 14px !important;
font-weight: 700 !important;
line-height: 1.25 !important;
min-height: 34px !important;
}
#masthead .nav .cart-item .mini_cart_item img,
#masthead .nav .cart-item .woocommerce-mini-cart-item img,
.header-cart .mini_cart_item img,
.header-cart .woocommerce-mini-cart-item img {
border: 1px solid rgba(0,0,0,0.08) !important;
border-radius: 6px !important;
height: 58px !important;
left: 12px !important;
object-fit: contain !important;
top: 14px !important;
width: 58px !important;
}
#masthead .nav .cart-item .mini_cart_item .quantity,
#masthead .nav .cart-item .woocommerce-mini-cart__total,
#masthead .nav .cart-item .woocommerce-mini-cart__total strong,
.header-cart .mini_cart_item .quantity,
.header-cart .woocommerce-mini-cart__total,
.header-cart .woocommerce-mini-cart__total strong {
color: var(--ut-black) !important;
font-size: 14px !important;
}
#masthead .nav .cart-item .mini_cart_item a.remove,
#masthead .nav .cart-item .remove_from_cart_button,
.header-cart .mini_cart_item a.remove,
.header-cart .remove_from_cart_button {
align-items: center !important;
border: 1px solid rgba(0,0,0,0.22) !important;
border-radius: 50% !important;
color: var(--ut-black) !important;
display: inline-flex !important;
font-size: 0 !important;
height: 26px !important;
justify-content: center !important;
line-height: 1 !important;
right: 4px !important;
top: 18px !important;
width: 26px !important;
}
#masthead .nav .cart-item .mini_cart_item a.remove::before,
#masthead .nav .cart-item .remove_from_cart_button::before,
.header-cart .mini_cart_item a.remove::before,
.header-cart .remove_from_cart_button::before {
content: "x";
font-size: 15px;
font-weight: 800;
line-height: 1;
}
.header-cart .woocommerce-mini-cart__buttons .button {
border-radius: 7px !important;
font-family: var(--ut-font-display);
font-weight: 800 !important;
margin-bottom: 8px !important;
min-height: 42px !important;
} header#header.is-sticky #masthead,
header#header .sticky-header #masthead {
background-color: rgba(17,17,17,0.96) !important;
backdrop-filter: blur(6px);
} #header .header-bottom,
.header-bottom {
background-color: var(--ut-dark) !important;
}  .nav-dropdown,
.nav .sub-menu,
.nav .nav-dropdown,
#masthead .nav .sub-menu,
#masthead .nav .nav-dropdown {
background-color: var(--ut-dark) !important;
border: 1px solid rgba(255,255,255,0.1) !important;
border-top: 3px solid var(--ut-red) !important;
border-radius: 0 0 var(--ut-radius-sm) var(--ut-radius-sm) !important;
box-shadow: 0 16px 40px rgba(0,0,0,0.5) !important;
} ul.nav-dropdown > li.nav-dropdown-col,
ul.nav-dropdown > li.image-column {
min-width: 175px !important;
width: auto !important;
max-width: 220px !important;
} .nav-dropdown .nav-dropdown-col > a,
.nav-dropdown .menu-item-has-children > a,
.nav-dropdown .title > a,
.nav-dropdown > li > a {
color: var(--ut-white) !important;
font-size: 11px !important;
font-weight: 800 !important;
text-transform: uppercase !important;
letter-spacing: 0.8px !important;
padding: 10px 14px 8px !important;
border-bottom: 1px solid rgba(255,255,255,0.1) !important;
display: block;
opacity: 1 !important;
} .nav-dropdown li a,
.nav .sub-menu li a,
.nav-column li > a {
color: rgba(255,255,255,0.72) !important;
font-size: 12px !important;
font-weight: 500 !important;
padding: 6px 14px !important;
border-bottom: 1px solid rgba(255,255,255,0.04) !important;
display: block;
transition: var(--ut-transition);
line-height: 1.4 !important;
white-space: normal !important;
}
.nav-dropdown li a:hover,
.nav .sub-menu li a:hover,
.nav-column li > a:hover {
color: var(--ut-white) !important;
background-color: rgba(196,0,0,0.18) !important;
padding-left: 18px !important;
} .nav-dropdown-has-arrow li.has-dropdown::after,
.header-nav .has-dropdown > a::after {
border-bottom-color: var(--ut-dark) !important;
} .header-nav .has-dropdown > .nav-dropdown.nav-dropdown-simple,
#masthead .nav-dropdown {
min-width: 800px !important;
max-width: 95vw !important;
width: max-content !important;
}
#menu-item-119 > .nav-dropdown {
max-height: min(680px, calc(100vh - 190px)) !important;
overflow-y: auto !important;
overscroll-behavior: contain;
scrollbar-color: var(--ut-red) rgba(255,255,255,0.08);
scrollbar-width: thin;
} #menu-item-14830 > a,
#menu-item-14869 > a {
opacity: 0 !important;
}
#menu-item-14830,
#menu-item-14869 {
padding-top: 0 !important;
} .nav-dropdown > li.image-column:not(:last-child),
.nav-dropdown > li.nav-dropdown-col:not(:last-child) {
border-right: none !important;
} .nav-sidebar.nav-uppercase > li > a,
.nav-vertical.nav-uppercase > li > a,
.nav-uppercase > li > a {
border: none !important;
margin-top: 0 !important;
color: var(--ut-black) !important;
}  .banner,
.ux-banner,
.section-banner,
[class*="banner-full"],
.slider-wrapper {
max-height: 520px !important;
overflow: hidden !important;
}
.banner img,
.ux-banner img,
.slider-wrapper img,
.banner-bg {
object-fit: cover !important;
width: 100% !important;
}
.ut-home-hero,
.ut-home-hero .section-content,
.ut-home-hero .slider,
.ut-home-hero .flickity-viewport {
background: transparent !important;
}
.ut-home-hero .banner,
.ut-home-hero .ux-banner {
height: auto !important;
max-height: none !important;
padding-top: min(33.3125vw, 533px) !important;
}
.ut-home-hero .banner-bg {
background: var(--ut-black) !important;
}
.ut-home-hero .banner-bg img.bg {
height: 100% !important;
object-fit: contain !important;
object-position: center center !important;
padding: 0 !important;
}
@media (max-width: 549px) {
.ut-home-hero .banner,
.ut-home-hero .ux-banner {
padding-top: min(146.75vw, 650px) !important;
}
} .banner-layer h1,
.banner-layer h2,
.banner-content h1 {
font-family: var(--ut-font-display) !important;
font-size: clamp(28px, 5vw, 54px) !important;
font-weight: 700 !important;
text-transform: uppercase !important;
letter-spacing: 1px !important;
text-shadow: 0 3px 12px rgba(0,0,0,0.45) !important;
line-height: 1.05 !important;
} .ux-banner-grid .col,
.ux-banner-grid .col-inner {
overflow: hidden !important;
} .section {
padding-top: 60px;
padding-bottom: 60px;
} .ux-text-block h2,
.section-heading,
.ux-heading h2 {
font-size: 28px !important;
font-weight: 800 !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
color: var(--ut-black) !important;
margin-bottom: 6px !important;
} .section-title-block::after,
.ux-heading::after {
content: '';
display: block;
width: 48px;
height: 4px;
background: var(--ut-red);
border-radius: 2px;
margin-top: 10px;
}
.home .section-title,
.home .section-heading,
.home .ut-video-products h2,
.home .ut-instagram-plugin-section h2,
.home .ut-newsletter-section h2,
.home .ut-partners-section h2,
.home .ux-text-block h2 {
color: var(--ut-black);
font-family: var(--ut-font-display);
font-size: clamp(24px, 2.4vw, 34px) !important;
font-weight: 800 !important;
letter-spacing: 0 !important;
line-height: 1.08 !important;
margin-bottom: 12px !important;
text-transform: uppercase !important;
}  .ut-section-eyebrow {
align-items: center !important;
color: var(--ut-red) !important;
display: inline-flex !important;
font-family: var(--ut-font-body) !important;
font-size: 11px !important;
font-weight: 800 !important;
gap: 10px !important;
letter-spacing: 2.5px !important;
line-height: 1 !important;
margin-bottom: 10px !important;
text-transform: uppercase !important;
}
.ut-section-eyebrow::before {
background: var(--ut-red);
border-radius: 2px;
content: '';
display: block;
flex-shrink: 0;
height: 3px;
width: 28px;
} .ut-home-objetivos h2,
.ut-home-nuevos h2,
.ut-home-destacados h2,
.ut-home-blog h2,
.ut-home-empresa h2 {
color: var(--ut-black) !important;
font-family: var(--ut-font-display) !important;
font-size: clamp(28px, 3vw, 42px) !important;
font-weight: 700 !important;
letter-spacing: 0.3px !important;
line-height: 1.05 !important;
margin-bottom: 8px !important;
text-transform: uppercase !important;
} section.ut-home-objetivos,
.ut-home-objetivos.section {
background-color: var(--ut-white) !important;
}
section.ut-home-empresa,
.ut-home-empresa.section {
background-color: var(--ut-white) !important;
} section.ut-home-objetivos,
section.ut-home-nuevos,
section.ut-home-destacados,
section.ut-home-blog,
section.ut-home-empresa,
.ut-home-objetivos.section,
.ut-home-nuevos.section,
.ut-home-destacados.section,
.ut-home-blog.section,
.ut-home-empresa.section {
padding-top: 72px !important;
padding-bottom: 72px !important;
} .ut-home-objetivos .is-divider,
.ut-home-nuevos .is-divider,
.ut-home-destacados .is-divider,
.ut-home-blog .is-divider,
.ut-home-empresa .is-divider {
display: none !important;
}  ul.products.columns-2,
ul.products.columns-3,
ul.products.columns-4,
ul.products {
background: transparent !important;
} ul.products li.product,
.row-small .product-small.col {
padding: 12px !important;
} ul.products.columns-3 {
display: grid !important;
grid-template-columns: repeat(4, 1fr) !important;
gap: 16px !important;
}
ul.products.columns-4 {
display: grid !important;
grid-template-columns: repeat(4, 1fr) !important;
gap: 16px !important;
}
.ut-home-nuevos .woocommerce.columns-6 .products.row {
display: flex !important;
}
.ut-home-nuevos .woocommerce.columns-6 .products.row > .product-small.col {
flex: 0 0 16.6667% !important;
max-width: 16.6667% !important;
}
.ut-home-destacados .woocommerce.columns-6 .products.row {
display: flex !important;
}
.ut-home-destacados .woocommerce.columns-6 .products.row > .product-small.col {
flex: 0 0 16.6667% !important;
max-width: 16.6667% !important;
} .product-small.box {
background: var(--ut-white) !important;
border-radius: var(--ut-radius) !important;
border: 1px solid var(--ut-gray-100) !important;
box-shadow: var(--ut-shadow-card) !important;
overflow: hidden !important;
transition: transform 0.3s ease, box-shadow 0.3s ease !important;
display: flex !important;
flex-direction: column !important;
height: 100% !important;
} .product-small.col.has-hover:hover .product-small.box {
transform: translateY(-4px) !important;
box-shadow: var(--ut-shadow-hover) !important;
border-color: rgba(200,36,38,0.22) !important;
} .box-image {
background: var(--ut-white) !important;
border-radius: var(--ut-radius) var(--ut-radius) 0 0 !important;
overflow: hidden !important;
padding-top: 0 !important;
flex: none !important;
height: 0 !important;
padding-bottom: 100% !important; position: relative !important;
display: block !important;
width: 100% !important;
} .box-image img,
.product-small.box .box-image img {
position: absolute !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
object-fit: contain !important;
background: var(--ut-white) !important;
padding: 20px !important;
transition: opacity 0.4s ease, transform 0.4s ease !important;
display: block !important;
z-index: 1 !important;
max-height: none !important;
} .box-image .image-fade_in_back,
.box-image .image-zoom,
.box-image > a {
display: block !important;
position: absolute !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
} .box-image img.back-image,
.box-image img.show-on-hover {
position: absolute !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
z-index: 2 !important;
padding: 20px !important;
object-fit: contain !important;
opacity: 0 !important;
transition: opacity 0.4s ease !important;
} .product-small.col.has-hover:hover .box-image img.back-image,
.product-small.col.has-hover:hover .box-image img.show-on-hover {
opacity: 1 !important;
} .product-small.col.has-hover:hover .box-image img:not(.back-image):not(.show-on-hover) {
transform: scale(1.05) !important;
} .has-equal-box-heights .box-image {
padding-top: 0 !important;
padding-bottom: 100% !important;
height: 0 !important;
} .box-text.box-text-products {
padding: 12px 14px 14px !important;
display: flex !important;
flex-direction: column !important;
flex: 1 !important;
background: var(--ut-white) !important;
} p.category.product-cat,
.box-text .category {
font-size: 11px !important;
font-weight: 600 !important;
color: var(--ut-gray-500) !important;
text-transform: uppercase !important;
letter-spacing: 0.6px !important;
margin: 0 0 4px !important;
opacity: 1 !important;
} p.name.product-title,
p.woocommerce-loop-product__title,
.title-wrapper p.name {
font-size: 15px !important;
font-weight: 600 !important;
color: var(--ut-black) !important;
line-height: 1.4 !important;
margin: 0 0 8px !important;
text-transform: none !important;
letter-spacing: -0.1px !important;
} .price-wrapper,
.price-wrapper .price {
margin-top: auto !important;
}
.price-wrapper .price,
.product-small .price {
font-size: 17px !important;
font-weight: 800 !important;
color: var(--ut-black) !important;
display: flex !important;
align-items: baseline !important;
gap: 6px !important;
flex-wrap: wrap;
margin: 0 0 10px !important;
}
.product-small .price del,
.price-wrapper .price del {
font-size: 13px !important;
color: var(--ut-gray-500) !important;
font-weight: 400 !important;
text-decoration: line-through !important;
} .product-small .price ins,
.price-wrapper .price ins {
color: var(--ut-red) !important;
font-weight: 800 !important;
text-decoration: none !important;
} .badge.sale,
.woocommerce span.onsale,
.badge-inner {
background: var(--ut-red) !important;
color: var(--ut-white) !important;
font-size: 10px !important;
font-weight: 800 !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
border-radius: 4px !important;
padding: 3px 7px !important;
} .add-to-cart-button {
opacity: 1 !important;
visibility: visible !important;
position: relative !important;
transform: none !important;
padding: 0 14px 14px !important;
}
.add-to-cart-button .button,
.add-to-cart-button a.button,
.product-small .add_to_cart_button,
.product_type_simple.add_to_cart_button {
background: var(--ut-red) !important;
color: var(--ut-white) !important;
border: none !important;
border-radius: var(--ut-radius-sm) !important;
padding: 10px 14px !important;
font-size: 12px !important;
font-weight: 700 !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
width: 100% !important;
text-align: center !important;
display: block !important;
transition: var(--ut-transition) !important;
cursor: pointer !important;
text-decoration: none !important;
opacity: 1 !important;
}
.add-to-cart-button .button:hover,
.add-to-cart-button a.button:hover {
background: var(--ut-red-dark) !important;
box-shadow: 0 4px 14px var(--ut-red-glow) !important;
} .image-tools .add-to-cart-grid {
background: var(--ut-red) !important;
border-radius: 50% !important;
color: var(--ut-white) !important;
transition: var(--ut-transition) !important;
} .star-rating { color: #f5a623 !important; } .archive.category .post-item {
display: flex !important;
margin-bottom: 32px !important;
}
.archive.category .box-blog-post {
background: var(--ut-white) !important;
border: 1px solid rgba(0,0,0,0.08) !important;
border-radius: var(--ut-radius) !important;
box-shadow: var(--ut-shadow-card) !important;
overflow: hidden !important;
transition: var(--ut-transition);
width: 100%;
}
.archive.category .box-blog-post:hover {
box-shadow: var(--ut-shadow-hover) !important;
transform: translateY(-2px);
}
.archive.category .box-blog-post .box-image {
background: var(--ut-gray-100) !important;
border-radius: var(--ut-radius) var(--ut-radius) 0 0 !important;
display: block !important;
flex: none !important;
position: relative !important;
width: 100% !important;
height: 0 !important;
padding-bottom: 62% !important;
overflow: hidden !important;
}
.archive.category .box-blog-post .box-image .image-cover,
.archive.category .box-blog-post .box-image a {
position: absolute !important;
inset: 0 !important;
display: block !important;
width: 100% !important;
height: 100% !important;
}
.archive.category .box-blog-post .box-image img {
position: absolute !important;
inset: 0 !important;
width: 100% !important;
height: 100% !important;
max-width: none !important;
object-fit: cover !important;
object-position: center !important;
transform: none !important;
}
.archive.category .box-blog-post .box-text {
display: flex;
flex-direction: column;
min-height: 210px;
padding: 18px 20px 22px !important;
}
.archive.category .box-blog-post .post-title {
font-family: var(--ut-font-body) !important;
font-size: 18px !important;
font-weight: 800 !important;
line-height: 1.25 !important;
color: var(--ut-black) !important;
}
.archive.category .box-blog-post .is-divider {
background-color: var(--ut-red) !important;
height: 2px !important;
max-width: 48px !important;
}
.archive.category .box-blog-post .from_the_blog_excerpt {
color: var(--ut-gray-700) !important;
font-size: 15px !important;
line-height: 1.6 !important;
}
@media only screen and (min-width: 769px) {
.archive.category .box-blog-post {
display: flex;
flex-direction: column;
height: 100%;
}
.archive.category .box-blog-post .box-text {
flex: 1;
}
}
.ut-home-blog {
background: var(--ut-gray-100) !important;
}
.ut-home-blog__intro {
color: var(--ut-gray-700);
font-size: 17px;
line-height: 1.55;
margin: -10px 0 28px;
max-width: 720px;
}
.ut-home-blog .post-item {
display: flex !important;
}
.ut-home-blog .box-blog-post {
background: var(--ut-white) !important;
border: 1px solid rgba(0,0,0,0.08) !important;
border-radius: var(--ut-radius) !important;
box-shadow: var(--ut-shadow-product) !important;
display: flex;
flex-direction: column;
height: 100%;
overflow: hidden;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.ut-home-blog .box-blog-post:hover {
box-shadow: var(--ut-shadow-hover) !important;
transform: translateY(-2px);
}
.ut-home-blog .box-blog-post .box-image {
background: var(--ut-gray-100) !important;
border-radius: var(--ut-radius) var(--ut-radius) 0 0 !important;
display: block !important;
height: 0 !important;
overflow: hidden !important;
padding-bottom: 62.5% !important;
position: relative !important;
}
.ut-home-blog .box-blog-post .box-image .image-cover,
.ut-home-blog .box-blog-post .box-image a {
display: block !important;
inset: 0 !important;
position: absolute !important;
}
.ut-home-blog .box-blog-post .box-image img {
height: 100% !important;
inset: 0 !important;
object-fit: cover !important;
object-position: center !important;
position: absolute !important;
transform: none !important;
width: 100% !important;
}
.ut-home-blog .box-blog-post .box-text {
display: flex;
flex: 1;
flex-direction: column;
min-height: 208px;
padding: 18px !important;
}
.ut-home-blog .box-blog-post .post-title {
font-family: var(--ut-font-body) !important;
font-size: 17px !important;
font-weight: 800 !important;
line-height: 1.25 !important;
margin-bottom: 8px !important;
}
.ut-home-blog .box-blog-post .from_the_blog_excerpt {
color: var(--ut-gray-700) !important;
display: block !important;
font-size: 14px !important;
line-height: 1.55 !important;
max-height: none !important;
opacity: 1 !important;
overflow: visible !important;
transform: none !important;
visibility: visible !important;
}
.ut-home-blog .box-blog-post .is-divider {
background-color: var(--ut-red) !important;
display: block !important;
height: 2px !important;
margin: 10px 0 12px !important;
max-width: 44px !important;
} .ut-video-products {
background: var(--ut-black);
border-bottom: 4px solid var(--ut-red);
border-top: 4px solid var(--ut-red);
color: var(--ut-white);
padding: 64px 0;
}
.ut-video-products__inner {
margin: 0 auto;
max-width: 1320px;
padding: 0 24px;
}
.ut-video-products__eyebrow {
color: var(--ut-red);
font-size: 13px;
font-weight: 800;
letter-spacing: 0;
margin: 0 0 8px;
text-transform: uppercase;
}
.ut-video-products h2 {
color: var(--ut-white);
font-size: 40px;
font-weight: 900;
line-height: 1;
margin: 0 0 28px;
}
.ut-video-products__intro {
color: rgba(255,255,255,0.84);
font-size: 18px;
line-height: 1.55;
margin: -12px 0 30px;
max-width: 840px;
}
.ut-video-products__grid {
display: grid;
gap: 18px;
grid-template-columns: repeat(6, minmax(0, 1fr));
}
@media only screen and (max-width: 1180px) {
.ut-video-products__grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
.ut-video-product-card {
background: var(--ut-white);
border: 1px solid rgba(255,255,255,0.16);
border-radius: var(--ut-radius);
display: flex;
flex-direction: column;
height: 100%;
overflow: hidden;
}
.ut-video-product-card__video {
background: linear-gradient(135deg, #141414 0%, #2a2a2a 45%, #151515 100%);
border: 0;
color: inherit;
cursor: pointer;
display: block;
aspect-ratio: 9 / 14;
overflow: hidden;
padding: 0;
position: relative;
width: 100%;
}
.ut-video-product-card__video video {
display: block;
height: 100%;
object-fit: cover;
opacity: 1;
position: relative;
transition: opacity 0.25s ease;
width: 100%;
z-index: 1;
}
.ut-video-product-card__video.is-loading video {
opacity: 0;
}
.ut-video-product-card__video::before {
background:
linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.14) 45%, rgba(255,255,255,0) 90%),
linear-gradient(135deg, #151515 0%, #262626 50%, #111 100%);
content: "";
inset: 0;
opacity: 0;
position: absolute;
transform: translateX(-100%);
transition: opacity 0.2s ease;
z-index: 2;
}
.ut-video-product-card__video.is-loading::before {
animation: ut-video-thumb-shimmer 1.15s ease-in-out infinite;
opacity: 1;
}
.ut-video-product-card__video::after {
border: 2px solid rgba(255,255,255,0.28);
border-top-color: var(--ut-red);
border-radius: 50%;
content: "";
height: 28px;
left: 50%;
opacity: 0;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
transition: opacity 0.2s ease;
width: 28px;
z-index: 4;
}
.ut-video-product-card__video.is-loading::after {
animation: ut-video-thumb-spin 0.8s linear infinite;
opacity: 1;
}
.ut-video-product-card__video.is-video-error::before {
opacity: 1;
transform: none;
}
@keyframes ut-video-thumb-shimmer {
0% { transform: translateX(-100%); }
100% { transform: translateX(100%); }
}
@keyframes ut-video-thumb-spin {
0% { transform: translate(-50%, -50%) rotate(0deg); }
100% { transform: translate(-50%, -50%) rotate(360deg); }
}
.ut-video-product-card__play {
align-items: center;
bottom: 14px;
color: var(--ut-white);
display: flex;
height: 48px;
justify-content: center;
left: 50%;
position: absolute;
transform: translateX(-50%);
width: 48px;
z-index: 5;
}
.ut-video-product-card__play svg {
display: block;
filter: drop-shadow(0 8px 18px rgba(0,0,0,0.35));
height: 48px;
width: 48px;
}
.ut-video-product-card__play circle {
fill: rgba(196, 0, 0, 0.92);
}
.ut-video-product-card__play path {
fill: var(--ut-white);
}
.ut-video-product-card__body {
display: flex;
flex: 1 1 auto;
flex-direction: column;
padding: 14px;
text-align: center;
}
.ut-video-product-card__image {
align-items: center;
aspect-ratio: 1 / 1;
display: flex;
flex: 0 0 auto;
height: auto;
justify-content: center;
margin: 0 auto 8px;
max-width: 132px;
width: min(132px, 100%);
}
.ut-video-product-card__image img {
height: 100%;
object-fit: contain;
width: 100%;
}
.ut-video-product-card h3 {
font-family: var(--ut-font-body);
font-size: 14px;
font-weight: 800;
line-height: 1.2;
margin: 0 0 6px;
min-height: 51px;
text-transform: uppercase;
}
.ut-video-product-card h3 a {
color: var(--ut-black);
}
.ut-video-product-card__price {
color: var(--ut-red);
font-size: 14px;
font-weight: 800;
margin-top: auto;
margin-bottom: 10px;
min-height: 22px;
}
.ut-video-product-card .button {
border-radius: 99px !important;
margin: 0;
min-height: 36px;
width: 100%;
}
.ut-video-modal[hidden] {
display: none;
}
.ut-video-modal {
align-items: center;
display: flex;
inset: 0;
justify-content: center;
padding: 24px;
position: fixed;
z-index: 99999;
}
.ut-video-modal__backdrop {
background: rgba(0,0,0,0.78);
inset: 0;
position: absolute;
}
.ut-video-modal__dialog {
background: var(--ut-white);
border-radius: var(--ut-radius);
box-shadow: 0 28px 90px rgba(0,0,0,0.45);
display: grid;
grid-template-columns: minmax(280px, 440px) minmax(260px, 360px);
max-height: calc(100vh - 48px);
max-width: 900px;
overflow: hidden;
position: relative;
width: 100%;
}
.ut-video-modal__close {
align-items: center;
background: var(--ut-red);
border: 0;
border-radius: 50%;
color: var(--ut-white);
cursor: pointer;
display: flex;
font-size: 28px;
height: 40px;
justify-content: center;
line-height: 1;
position: absolute;
right: 12px;
top: 12px;
width: 40px;
z-index: 2;
}
.ut-video-modal__media {
background: var(--ut-black);
min-height: 520px;
}
.ut-video-modal__media video {
display: block;
height: 100%;
object-fit: cover;
width: 100%;
}
.ut-video-modal__product {
align-self: center;
color: var(--ut-black);
padding: 32px;
text-align: center;
}
.ut-video-modal__image {
align-items: center;
aspect-ratio: 1 / 1;
display: flex;
justify-content: center;
margin: 0 auto 14px;
max-width: 210px;
}
.ut-video-modal__image img {
height: 100%;
object-fit: contain;
width: 100%;
}
.ut-video-modal__product h3 {
font-family: var(--ut-font-body);
font-size: 22px;
font-weight: 900;
line-height: 1.15;
margin: 0 0 10px;
text-transform: uppercase;
}
.ut-video-modal-open {
overflow: hidden;
} .ut-newsletter-section {
background: linear-gradient(135deg, var(--ut-red), var(--ut-red-dark));
color: var(--ut-white);
padding: 64px 0 !important;
}
.ut-newsletter-section .section-content {
margin: 0 auto;
max-width: 980px;
padding: 0 24px;
}
.ut-newsletter-section h2 {
color: var(--ut-white);
font-family: var(--ut-font-display);
font-size: 34px !important;
font-weight: 800;
line-height: 1.05;
margin: 0 0 10px;
text-align: center;
text-transform: uppercase;
}
.ut-newsletter-section p {
color: rgba(255,255,255,0.9);
margin: 0 auto 26px;
max-width: 720px;
text-align: center;
}
.ut-newsletter-section .wpcf7-form {
display: grid;
gap: 14px;
grid-template-columns: repeat(2, minmax(0, 1fr));
margin: 0 auto;
max-width: 760px;
}
.ut-newsletter-section .wpcf7-form p {
margin: 0;
max-width: none;
}
.ut-newsletter-section .ut-newsletter-field--wide,
.ut-newsletter-section .wpcf7-submit,
.ut-newsletter-section .wpcf7-response-output {
grid-column: 1 / -1;
}
.ut-newsletter-section label {
color: var(--ut-white);
display: block;
font-size: 13px;
font-weight: 800;
margin: 0;
text-align: left;
text-transform: uppercase;
}
.ut-newsletter-section .wpcf7 input[type="text"],
.ut-newsletter-section .wpcf7 input[type="email"],
.ut-newsletter-section .wpcf7 select {
background: rgba(255,255,255,0.14);
border: 1px solid rgba(255,255,255,0.46);
border-radius: var(--ut-radius-sm);
color: var(--ut-white);
font-family: var(--ut-font-body);
font-size: 15px;
margin-top: 6px;
min-height: 48px;
padding: 12px 14px;
width: 100%;
}
.ut-newsletter-section .wpcf7 input::placeholder {
color: rgba(255,255,255,0.72);
}
.ut-newsletter-section .wpcf7 select option {
color: var(--ut-black);
}
.ut-newsletter-section .wpcf7 input[type="submit"] {
background: var(--ut-white);
border: 0;
border-radius: 99px;
color: var(--ut-red);
cursor: pointer;
font-family: var(--ut-font-display);
font-size: 16px;
font-weight: 800;
min-height: 50px;
text-transform: uppercase;
transition: var(--ut-transition);
width: 100%;
}
.ut-newsletter-section .wpcf7 input[type="submit"]:hover {
background: var(--ut-black);
color: var(--ut-white);
}
.ut-newsletter-section .wpcf7-response-output {
border-color: rgba(255,255,255,0.58);
color: var(--ut-white);
margin: 4px 0 0;
text-align: center;
}
.ut-newsletter-section .ut-newsletter-turnstile {
display: flex;
justify-content: center;
} .ut-about-hero {
background: linear-gradient(135deg, var(--ut-black), #222);
color: var(--ut-white);
padding: 76px 24px;
}
.ut-about-hero__inner,
.ut-about-content__inner {
margin: 0 auto;
max-width: 1120px;
}
.ut-about-hero h1 {
color: var(--ut-white);
font-size: clamp(34px, 5vw, 62px);
font-weight: 900;
line-height: 0.98;
margin: 0 0 24px;
max-width: 920px;
text-transform: uppercase;
}
.ut-about-hero p {
color: rgba(255,255,255,0.9);
font-size: 20px;
line-height: 1.55;
margin: 0 0 16px;
max-width: 880px;
}
.ut-about-hero strong {
color: var(--ut-white);
font-weight: 900;
}
.ut-about-content {
background: var(--ut-white);
padding: 64px 24px 76px;
}
.ut-about-content h2 {
color: var(--ut-black);
font-size: clamp(26px, 3vw, 40px);
font-weight: 900;
line-height: 1.08;
margin: 44px 0 16px;
}
.ut-about-content h2:first-child {
margin-top: 0;
}
.ut-about-content p,
.ut-about-content li {
color: var(--ut-gray-800);
font-size: 18px;
line-height: 1.7;
}
.ut-about-content ul {
display: grid;
gap: 10px;
margin: 18px 0 24px;
padding-left: 22px;
}
.ut-recipes-page .blog-post-inner .is-divider {
background-color: var(--ut-red);
} .ut-company-page {
background: var(--ut-bg);
color: var(--ut-black);
}
.ut-company-hero {
background: var(--ut-black);
border-bottom: 4px solid var(--ut-red);
color: var(--ut-white);
padding: 72px 0;
text-align: center;
}
.ut-company-hero__inner,
.ut-company-content {
margin: 0 auto;
max-width: 1120px;
padding: 0 24px;
}
.ut-company-hero h1 {
color: var(--ut-white);
font-family: var(--ut-font-display);
font-size: 44px !important;
font-weight: 800;
line-height: 1.05;
margin: 0 0 14px;
text-transform: uppercase;
}
.ut-company-hero p {
color: rgba(255,255,255,0.86);
font-size: 17px;
margin: 0 auto;
max-width: 760px;
}
.ut-company-eyebrow {
color: var(--ut-red) !important;
font-family: var(--ut-font-display);
font-size: 15px !important;
font-weight: 800;
letter-spacing: 0.08em;
margin-bottom: 10px !important;
text-transform: uppercase;
}
.ut-company-content {
padding-bottom: 64px;
padding-top: 54px;
}
.ut-company-grid {
display: grid;
gap: 22px;
grid-template-columns: repeat(3, minmax(0, 1fr));
margin-bottom: 30px;
}
.ut-company-grid--stats .ut-company-card {
border-top: 4px solid var(--ut-red);
}
.ut-company-card {
background: var(--ut-white);
border-radius: var(--ut-radius);
box-shadow: var(--ut-shadow-card);
padding: 26px;
}
.ut-company-card h2,
.ut-company-card h3 {
color: var(--ut-black);
font-family: var(--ut-font-display);
font-weight: 800;
margin: 0 0 10px;
text-transform: uppercase;
}
.ut-company-card p {
color: var(--ut-gray-700);
margin: 0 0 14px;
}
.ut-company-card p:last-child {
margin-bottom: 0;
}
.ut-company-story {
margin-bottom: 24px;
}
.ut-company-split {
display: grid;
gap: 22px;
grid-template-columns: repeat(2, minmax(0, 1fr));
margin-bottom: 24px;
}
.ut-company-feature-list {
display: grid;
gap: 12px;
margin: 0;
padding: 0;
}
.ut-company-feature-list li {
background: rgba(196,0,0,0.06);
border-radius: var(--ut-radius-sm);
color: var(--ut-gray-700);
list-style: none;
padding: 12px 14px;
}
.ut-company-stats {
background: var(--ut-black);
border-bottom: 4px solid var(--ut-red);
}
.ut-company-stats__inner {
display: flex;
gap: 0;
justify-content: space-around;
margin: 0 auto;
max-width: 1120px;
padding: 0 24px;
}
.ut-company-stat {
border-right: 1px solid rgba(255,255,255,0.12);
flex: 1;
padding: 28px 20px;
text-align: center;
}
.ut-company-stat:last-child {
border-right: none;
}
.ut-company-stat strong {
color: var(--ut-white);
display: block;
font-family: var(--ut-font-display);
font-size: 32px;
font-weight: 700;
line-height: 1;
}
.ut-company-stat span {
color: rgba(255,255,255,0.6);
display: block;
font-size: 12px;
letter-spacing: 1px;
margin-top: 6px;
text-transform: uppercase;
}
.ut-company-qc {
margin-bottom: 24px;
}
.ut-company-qc .ut-company-eyebrow {
margin-bottom: 16px;
}
.ut-company-qc .ut-company-grid {
margin-bottom: 0;
}
.ut-company-card--qc {
background: var(--ut-bg) !important;
border-top: 3px solid var(--ut-red);
}
.ut-company-mission {
background: var(--ut-black);
border-radius: var(--ut-radius);
color: var(--ut-white);
margin-bottom: 24px;
padding: 40px;
}
.ut-company-mission .ut-company-eyebrow {
color: var(--ut-red) !important;
margin-bottom: 20px;
}
.ut-company-mission p {
color: rgba(255,255,255,0.82);
font-size: 15px;
line-height: 1.8;
margin: 0 0 14px;
}
.ut-company-mission p:last-child {
margin-bottom: 0;
}
.ut-institutional-slider {
margin-top: 34px;
}
.ut-institutional-slider h2 {
color: var(--ut-black);
font-family: var(--ut-font-display);
font-size: 34px !important;
font-weight: 800;
margin: 0 0 18px;
text-transform: uppercase;
}
.ut-institutional-slider .slider-wrapper,
.ut-institutional-slider .flickity-viewport {
border-radius: var(--ut-radius);
box-shadow: var(--ut-shadow-card);
overflow: hidden;
}
.ut-institutional-slider .img-inner {
background: var(--ut-black);
}
.ut-institutional-slider img {
object-fit: cover;
width: 100%;
}
.ut-company-actions {
display: grid;
gap: 16px;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.ut-company-actions .button {
border-radius: 99px !important;
margin: 0;
text-align: center;
width: 100%;
} .ut-where-buy-page {
background: var(--ut-bg);
}
.ut-where-buy-content {
margin: 0 auto;
max-width: 1120px;
padding: 52px 24px 68px;
}
.ut-where-buy-grid {
display: grid;
gap: 20px;
grid-template-columns: repeat(3, minmax(0, 1fr));
margin-bottom: 34px;
}
.ut-where-buy-card {
background: var(--ut-white);
border: 1px solid rgba(0,0,0,0.08);
border-radius: var(--ut-radius);
box-shadow: var(--ut-shadow-card);
display: flex;
flex-direction: column;
padding: 26px;
}
.ut-where-buy-card--dark {
background: var(--ut-black);
border-color: var(--ut-black);
color: var(--ut-white);
}
.ut-where-buy-card h2,
.ut-where-buy-card h3 {
color: var(--ut-black);
font-family: var(--ut-font-display);
font-size: 24px !important;
font-weight: 800;
line-height: 1.05;
margin: 0 0 14px;
text-transform: uppercase;
}
.ut-where-buy-card--dark h2,
.ut-where-buy-card--dark h3 {
color: var(--ut-white);
}
.ut-where-buy-card p {
color: var(--ut-gray-700);
font-size: 15px;
line-height: 1.65;
margin: 0 0 14px;
}
.ut-where-buy-card--dark p {
color: rgba(255,255,255,0.78);
}
.ut-where-buy-card p:last-child {
margin-bottom: 0;
}
.ut-where-buy-actions {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-top: auto;
padding-top: 18px;
}
.ut-where-buy-actions .button {
margin: 0 !important;
}
.ut-where-buy-forms {
background: var(--ut-white);
border-radius: var(--ut-radius);
box-shadow: var(--ut-shadow-card);
padding: 30px;
}
.ut-where-buy-forms h2 {
color: var(--ut-black);
font-family: var(--ut-font-display);
font-size: 30px !important;
font-weight: 800;
margin: 0 0 12px;
text-transform: uppercase;
}
.ut-where-buy-forms > p {
color: var(--ut-gray-700);
font-size: 15px;
line-height: 1.65;
margin: 0 0 22px;
max-width: 860px;
}
.ut-where-buy-tabs .nav {
gap: 10px;
justify-content: flex-start;
margin-bottom: 22px;
}
.ut-where-buy-tabs .nav > li {
margin: 0 !important;
}
.ut-where-buy-tabs .nav > li > a {
background: var(--ut-gray-100);
border: 1px solid var(--ut-gray-300);
border-radius: 99px;
color: var(--ut-black) !important;
font-family: var(--ut-font-display);
font-size: 13px;
font-weight: 800;
padding: 10px 18px;
text-transform: uppercase;
}
.ut-where-buy-tabs .nav > li.active > a,
.ut-where-buy-tabs .nav > li > a:hover {
background: var(--ut-red);
border-color: var(--ut-red);
color: var(--ut-white) !important;
}
.ut-where-buy-tabs .tab-panels {
border: 1px solid var(--ut-gray-200);
border-radius: var(--ut-radius);
padding: 24px;
}
.ut-where-buy-form-panel h3 {
color: var(--ut-black);
font-family: var(--ut-font-display);
font-size: 22px !important;
font-weight: 800;
margin: 0 0 16px;
text-transform: uppercase;
}
.ut-where-buy-form-panel input[type="text"],
.ut-where-buy-form-panel input[type="email"],
.ut-where-buy-form-panel input[type="tel"],
.ut-where-buy-form-panel textarea,
.ut-where-buy-form-panel select {
border: 1px solid var(--ut-gray-300);
border-radius: var(--ut-radius-sm);
font-family: var(--ut-font-body);
min-height: 44px;
width: 100%;
}
.ut-where-buy-form-panel textarea {
min-height: 120px;
}
.ut-where-buy-form-panel input[type="submit"] {
background: var(--ut-red);
border: 0;
border-radius: 99px;
color: var(--ut-white);
cursor: pointer;
font-family: var(--ut-font-display);
font-weight: 800;
padding: 12px 32px;
text-transform: uppercase;
}
.ut-contact-overview {
background: var(--ut-black);
border-radius: var(--ut-radius);
color: var(--ut-white);
margin: 0 0 34px;
padding: 34px;
}
.ut-contact-overview h2 {
color: var(--ut-white);
font-size: 30px;
font-weight: 900;
line-height: 1;
margin: 0 0 10px;
}
.ut-contact-overview p {
color: rgba(255,255,255,0.78);
}
.ut-contact-overview__grid {
display: grid;
gap: 14px;
grid-template-columns: repeat(4, minmax(0, 1fr));
margin-top: 20px;
}
.ut-contact-overview__item {
background: rgba(255,255,255,0.08);
border: 1px solid rgba(255,255,255,0.12);
border-radius: var(--ut-radius-sm);
padding: 16px;
}
.ut-contact-overview__item strong {
color: var(--ut-white);
display: block;
font-size: 13px;
margin-bottom: 6px;
text-transform: uppercase;
}
.ut-contact-overview__item a {
color: var(--ut-white);
font-weight: 700;
}
.ut-contact-forms {
margin: 0 0 42px;
}
.ut-contact-forms h2 {
color: var(--ut-black);
font-family: var(--ut-font-display);
font-size: 30px !important;
font-weight: 800;
margin: 0 0 18px;
text-transform: uppercase;
}
.ut-contact-forms__grid {
display: grid;
gap: 18px;
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.ut-contact-form-card {
background: var(--ut-white);
border-radius: var(--ut-radius);
box-shadow: var(--ut-shadow-card);
padding: 22px;
}
.ut-contact-form-card h3 {
color: var(--ut-black);
font-family: var(--ut-font-display);
font-size: 22px !important;
font-weight: 800;
margin: 0 0 12px;
text-transform: uppercase;
}
.ut-contact-form-card label {
color: var(--ut-black);
display: block;
font-size: 12px;
font-weight: 800;
margin-bottom: 10px;
text-transform: uppercase;
}
.ut-contact-form-card input,
.ut-contact-form-card textarea,
.ut-contact-form-card select {
border: 1px solid var(--ut-gray-300);
border-radius: var(--ut-radius-sm);
font-family: var(--ut-font-body);
margin-top: 5px;
min-height: 44px;
width: 100%;
}
.ut-contact-form-card textarea {
min-height: 108px;
}
.ut-contact-form-card input[type="submit"] {
background: var(--ut-red);
border: 0;
border-radius: 99px;
color: var(--ut-white);
cursor: pointer;
font-family: var(--ut-font-display);
font-weight: 800;
text-transform: uppercase;
} .ut-contact-page .ut-company-hero {
text-align: center;
}
.ut-contact-channels {
background: var(--ut-black);
border-bottom: 4px solid var(--ut-red);
}
.ut-contact-channels__inner {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
margin: 0 auto;
max-width: 1120px;
padding: 0 24px;
}
.ut-contact-channel {
border-right: 1px solid rgba(255,255,255,0.12);
color: var(--ut-white);
display: flex;
flex-direction: column;
flex: 1 1 0;
padding: 22px 16px;
text-align: center;
text-decoration: none !important;
}
.ut-contact-channel:last-child {
border-right: none;
}
.ut-contact-channel strong {
color: rgba(255,255,255,0.55);
font-size: 10px;
font-weight: 700;
letter-spacing: 1.5px;
margin-bottom: 5px;
text-transform: uppercase;
}
.ut-contact-channel span,
.ut-contact-channel > a {
color: var(--ut-white);
font-family: var(--ut-font-display);
font-size: 14px;
font-weight: 600;
text-decoration: none !important;
}
.ut-contact-channel:hover span,
.ut-contact-channel > a:hover {
color: var(--ut-red) !important;
}
.ut-contact-content {
margin: 0 auto;
max-width: 1120px;
padding: 52px 24px 64px;
}
.ut-contact-section {
margin-bottom: 52px;
}
.ut-contact-section .ut-company-eyebrow {
margin-bottom: 12px;
}
.ut-contact-section h2 {
color: var(--ut-black);
font-family: var(--ut-font-display);
font-size: 30px !important;
font-weight: 800;
margin: 0 0 22px;
text-transform: uppercase;
}
.ut-contact-locations {
display: grid;
gap: 20px;
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.ut-contact-location {
background: var(--ut-white);
border-radius: var(--ut-radius);
box-shadow: var(--ut-shadow-card);
display: flex;
flex-direction: column;
overflow: hidden;
}
.ut-contact-location__map {
height: 200px;
width: 100%;
}
.ut-contact-location__map .leaflet-container {
height: 100%;
}
.ut-contact-location__info {
flex: 1;
padding: 18px 20px 20px;
}
.ut-contact-location__info h3 {
color: var(--ut-black);
font-family: var(--ut-font-display);
font-size: 16px !important;
font-weight: 800;
margin: 0 0 8px;
text-transform: uppercase;
}
.ut-contact-location__info p {
color: var(--ut-gray-700);
font-size: 13px;
line-height: 1.6;
margin: 0 0 8px;
}
.ut-contact-location__info p:last-of-type {
margin-bottom: 12px;
}
.ut-contact-location__actions {
display: flex;
gap: 8px;
flex-wrap: wrap;
}
.ut-contact-location__actions .button {
font-size: 12px !important;
margin: 0 !important;
padding: 8px 14px !important;
}
.ut-contact-main-form input[type="text"],
.ut-contact-main-form input[type="email"],
.ut-contact-main-form input[type="tel"],
.ut-contact-main-form textarea {
border: 1px solid var(--ut-gray-300);
border-radius: var(--ut-radius-sm);
font-family: var(--ut-font-body);
min-height: 44px;
width: 100%;
}
.ut-contact-main-form textarea {
min-height: 120px;
}
.ut-contact-main-form input[type="submit"] {
background: var(--ut-red);
border: 0;
border-radius: 99px;
color: var(--ut-white);
cursor: pointer;
font-family: var(--ut-font-display);
font-weight: 800;
padding: 12px 32px;
text-transform: uppercase;
} .blog-single .entry-image {
border-radius: var(--ut-radius);
margin-bottom: 28px;
overflow: hidden;
position: relative;
}
.blog-single .entry-image a {
display: block;
}
.blog-single .entry-image img.wp-post-image {
cursor: zoom-in;
display: block;
width: 100%;
} .blog-single:not(.ut-post-portrait) .entry-image img.wp-post-image {
max-height: 440px;
object-fit: cover;
object-position: center 20%;
} .ut-img-zoom-btn {
align-items: center;
background: rgba(0, 0, 0, 0.55);
border: 0;
border-radius: 50%;
bottom: 14px;
color: var(--ut-white);
cursor: pointer;
display: flex;
height: 40px;
justify-content: center;
opacity: 0;
position: absolute;
right: 14px;
transition: opacity .2s;
width: 40px;
z-index: 2;
}
.blog-single .entry-image:hover .ut-img-zoom-btn {
opacity: 1;
} .ut-post-portrait.blog-single .article-inner {
align-items: start;
display: grid;
gap: 0 42px;
grid-template-columns: 280px 1fr;
}
.ut-post-portrait.blog-single .entry-header {
grid-column: 1;
grid-row: 1;
position: sticky;
top: 80px;
}
.ut-post-portrait.blog-single .entry-content {
grid-column: 2;
grid-row: 1;
padding-top: 0;
}
.ut-post-portrait.blog-single .entry-image {
margin-bottom: 0;
}
.ut-post-portrait.blog-single .entry-image img.wp-post-image {
height: auto;
max-height: 580px;
object-fit: cover;
width: 100%;
} .ut-img-modal {
align-items: center;
background: rgba(0, 0, 0, 0.9);
bottom: 0;
display: flex;
justify-content: center;
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 99999;
}
.ut-img-modal[hidden] {
display: none;
}
.ut-img-modal__img {
border-radius: 4px;
cursor: zoom-out;
display: block;
max-height: 92vh;
max-width: 92vw;
object-fit: contain;
}
.ut-img-modal__close {
background: rgba(255, 255, 255, 0.12);
border: 0;
border-radius: 50%;
color: var(--ut-white);
cursor: pointer;
font-size: 28px;
height: 48px;
line-height: 48px;
position: fixed;
right: 20px;
text-align: center;
top: 20px;
transition: background .15s;
width: 48px;
}
.ut-img-modal__close:hover {
background: rgba(255, 255, 255, 0.24);
}
html.ut-modal-open {
overflow: hidden !important;
}
.ut-partners-section {
background: var(--ut-white);
color: var(--ut-black);
padding: 56px 0;
}
.ut-partners-section__inner {
margin: 0 auto;
max-width: 1180px;
padding: 0 24px;
}
.ut-partners-section h2 {
color: var(--ut-black);
font-family: var(--ut-font-display);
font-size: 38px !important;
font-weight: 800;
margin: 0 0 10px;
text-transform: uppercase;
}
.ut-partners-section__lead {
color: var(--ut-gray-700);
font-size: 16px;
margin: 0 0 24px;
max-width: 720px;
}
.ut-partners-section__grid {
display: grid;
gap: 18px;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.ut-partner-card {
background: #f7f7f7;
border: 1px solid rgba(0,0,0,0.08);
border-radius: var(--ut-radius);
padding: 26px;
}
.ut-partner-card h3 {
color: var(--ut-black);
font-family: var(--ut-font-display);
font-size: 26px !important;
font-weight: 800;
margin: 0 0 8px;
text-transform: uppercase;
}
.ut-partner-card p {
color: var(--ut-gray-700);
margin-bottom: 18px;
}
.ut-partner-card .button {
margin-bottom: 0;
}
.ut-instagram-plugin-section {
background: var(--ut-white);
border-top: 4px solid var(--ut-red);
padding: 54px 24px 58px;
}
.ut-instagram-plugin-section__inner {
margin: 0 auto;
max-width: 1180px;
}
.ut-instagram-plugin-section__header {
align-items: end;
display: grid;
gap: 10px 18px;
grid-template-columns: 1fr auto;
margin-bottom: 22px;
}
.ut-instagram-plugin-section__header .ut-video-products__eyebrow {
color: var(--ut-red);
grid-column: 1 / -1;
margin: 0;
}
.ut-instagram-plugin-section h2 {
color: var(--ut-black);
font-family: var(--ut-font-display);
font-size: 36px !important;
font-weight: 800;
margin: 0;
text-transform: uppercase;
}
.ut-instagram-plugin-section #sb_instagram,
.ut-instagram-plugin-section .sbi {
padding-bottom: 0 !important;
width: 100% !important;
}
.ut-instagram-plugin-section #sb_instagram #sbi_images {
display: grid !important;
gap: 10px !important;
grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
}
.ut-instagram-plugin-section #sb_instagram #sbi_images .sbi_item {
padding: 0 !important;
width: 100% !important;
}
.ut-instagram-plugin-section #sb_instagram #sbi_images .sbi_photo {
aspect-ratio: 1;
border-radius: 0;
height: auto !important;
min-height: 0 !important;
}  .single-product div.product {
background: var(--ut-white) !important;
border-radius: var(--ut-radius) !important;
padding: 32px !important;
box-shadow: var(--ut-shadow-card) !important;
margin-top: 20px !important;
} .woocommerce-product-gallery,
.product .images {
border-radius: var(--ut-radius) !important;
} .woocommerce-product-gallery__image img,
.product .images img,
.product-gallery img {
object-fit: contain !important;
background: var(--ut-white) !important;
padding: 16px !important;
box-shadow: var(--ut-shadow-product) !important;
border-radius: var(--ut-radius) !important;
} .flex-control-thumbs li img {
border-radius: var(--ut-radius-sm) !important;
border: 2px solid transparent !important;
opacity: 0.65;
cursor: pointer;
transition: var(--ut-transition);
}
.flex-control-thumbs .flex-active img,
.flex-control-thumbs li img:hover {
border-color: var(--ut-red) !important;
opacity: 1;
} div.summary.entry-summary,
.product-summary {
padding-left: 28px !important;
} h1.product_title.entry-title {
font-size: 28px !important;
font-weight: 700 !important;
font-family: var(--ut-font-display) !important;
color: var(--ut-black) !important;
line-height: 1.15 !important;
letter-spacing: 0.5px !important;
margin-bottom: 12px !important;
text-transform: uppercase !important;
} .single-product p.price,
.single-product .price {
font-size: 30px !important;
font-weight: 800 !important;
font-family: var(--ut-font-display) !important;
color: var(--ut-black) !important;
display: block !important;
line-height: 1.2 !important;
letter-spacing: 0.3px !important;
margin: 12px 0 20px !important;
text-transform: uppercase !important;
}
.single-product .price del {
font-size: 20px !important;
color: var(--ut-gray-300) !important;
font-weight: 400 !important;
font-family: var(--ut-font-body) !important;
text-transform: none !important;
}
.single-product .price ins {
text-decoration: none !important;
color: var(--ut-red) !important;
} .woocommerce-product-details__short-description {
margin: 16px 0 !important;
padding: 18px 20px !important;
background: var(--ut-gray-100) !important;
border-radius: var(--ut-radius) !important;
border-left: 4px solid var(--ut-red) !important;
font-size: 14px !important;
line-height: 1.7 !important;
}
.woocommerce-product-details__short-description ul {
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
}
.woocommerce-product-details__short-description li {
padding-left: 24px !important;
position: relative !important;
margin-bottom: 5px !important;
}
.woocommerce-product-details__short-description li::before {
content: '✓';
position: absolute;
left: 0;
color: var(--ut-red);
font-weight: 900;
}
.ut-usage-source {
background: var(--ut-white);
border: 1px solid rgba(0,0,0,0.08);
border-left: 4px solid var(--ut-red);
border-radius: var(--ut-radius-sm);
margin: 24px 0;
padding: 18px 20px;
}
.ut-usage-source h3 {
color: var(--ut-black);
font-family: var(--ut-font-display);
font-size: 22px !important;
font-weight: 800;
margin: 0 0 10px;
text-transform: uppercase;
}
.ut-usage-source p {
color: var(--ut-gray-700);
margin-bottom: 10px;
}
.ut-usage-source small {
color: var(--ut-gray-500);
} .single_add_to_cart_button.button,
button.single_add_to_cart_button,
.woocommerce div.product form.cart .button {
background-color: var(--ut-red) !important;
color: var(--ut-white) !important;
border: none !important;
border-radius: var(--ut-radius-sm) !important;
padding: 13px 24px !important;
font-size: 13px !important;
font-weight: 700 !important;
text-transform: uppercase !important;
letter-spacing: 0.8px !important;
width: 100% !important;
cursor: pointer !important;
transition: var(--ut-transition) !important;
box-shadow: 0 3px 12px var(--ut-red-glow) !important;
line-height: 1.4 !important;
}
.single_add_to_cart_button.button:hover {
background-color: var(--ut-red-dark) !important;
transform: translateY(-2px) !important;
box-shadow: 0 6px 18px rgba(196,0,0,0.35) !important;
} .quantity input.qty {
border: 2px solid var(--ut-gray-100) !important;
border-radius: var(--ut-radius-sm) !important;
height: 46px !important;
font-size: 16px !important;
font-weight: 600 !important;
text-align: center !important;
transition: border-color 0.2s;
}
.quantity input.qty:focus {
border-color: var(--ut-red) !important;
outline: none !important;
} .woocommerce div.product form.cart {
display: flex !important;
gap: 12px !important;
align-items: center !important;
margin-bottom: 20px !important;
}
.quantity {
flex-shrink: 0 !important;
}
.sticky-add-to-cart,
.sticky-add-to-cart--active {
align-items: center !important;
flex-wrap: nowrap !important;
gap: 14px !important;
min-height: 64px !important;
overflow-x: auto !important;
padding: 10px 24px !important;
white-space: nowrap !important;
}
.sticky-add-to-cart .sticky-add-to-cart__product,
.sticky-add-to-cart .product-title,
.sticky-add-to-cart .price,
.sticky-add-to-cart form.cart {
align-items: center !important;
display: flex !important;
flex: 0 0 auto !important;
margin-bottom: 0 !important;
white-space: nowrap !important;
}
.sticky-add-to-cart .price {
font-size: 14px !important;
line-height: 1.2 !important;
max-width: 420px !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
.sticky-add-to-cart .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px) !important;
clip-path: inset(50%) !important;
height: 1px !important;
overflow: hidden !important;
position: absolute !important;
white-space: nowrap !important;
width: 1px !important;
}
.sticky-add-to-cart__product > .screen-reader-text {
display: none !important;
}
.sticky-add-to-cart .button,
.sticky-add-to-cart .single_add_to_cart_button {
flex: 0 0 auto !important;
margin: 0 !important;
min-height: 42px !important;
padding: 10px 22px !important;
width: auto !important;
} .woocommerce-tabs .tabs.nav {
border-bottom: 2px solid var(--ut-gray-100) !important;
background: transparent !important;
padding: 0 !important;
}
.woocommerce-tabs .tabs.nav li {
background: transparent !important;
border: none !important;
border-radius: 0 !important;
}
.woocommerce-tabs .tabs.nav li a {
font-weight: 700 !important;
font-size: 13px !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
color: var(--ut-gray-500) !important;
padding: 13px 20px !important;
border-bottom: 3px solid transparent !important;
transition: var(--ut-transition) !important;
}
.woocommerce-tabs .tabs.nav li.active a,
.woocommerce-tabs .tabs.nav li a:hover {
color: var(--ut-red) !important;
border-bottom-color: var(--ut-red) !important;
}
.woocommerce-tabs .woocommerce-Tabs-panel {
padding: 28px 0 !important;
background: transparent !important;
border: none !important;
} .woocommerce-product-attributes th {
background: var(--ut-gray-100) !important;
padding: 10px 16px !important;
font-weight: 700 !important;
font-size: 13px !important;
text-transform: uppercase !important;
letter-spacing: 0.3px !important;
color: var(--ut-black) !important;
width: 40% !important;
border: none !important;
}
.woocommerce-product-attributes td {
padding: 10px 16px !important;
border-bottom: 1px solid var(--ut-gray-100) !important;
font-size: 14px !important;
} .related.products h2,
.upsells.products h2 {
font-size: 22px !important;
font-weight: 700 !important;
font-family: var(--ut-font-display) !important;
text-transform: uppercase !important;
position: relative;
padding-bottom: 12px;
}
.related.products h2::after {
content: '';
display: block;
width: 40px;
height: 4px;
background: var(--ut-red);
border-radius: 2px;
position: absolute;
bottom: 0;
left: 0;
} .related.products .box-image,
.upsells.products .box-image {
overflow: hidden !important;
height: 0 !important;
padding-bottom: 100% !important;
padding-top: 0 !important;
position: relative !important;
display: block !important;
}
.related.products .box-image img,
.upsells.products .box-image img {
position: absolute !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
object-fit: contain !important;
padding: 20px !important;
max-height: none !important;
} .button,
.btn,
.woocommerce a.button,
.woocommerce button.button,
input[type="submit"] {
background-color: var(--ut-red) !important;
color: var(--ut-white) !important;
border: none !important;
border-radius: var(--ut-radius-sm) !important;
padding: 11px 22px !important;
font-size: 13px !important;
font-weight: 700 !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
cursor: pointer;
transition: var(--ut-transition) !important;
text-decoration: none !important;
display: inline-block;
}
.button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover {
background-color: var(--ut-red-dark) !important;
color: var(--ut-white) !important;
box-shadow: 0 5px 14px var(--ut-red-glow) !important;
} .button.is-outline,
.button.alt.is-outline {
background: transparent !important;
border: 2px solid var(--ut-red) !important;
color: var(--ut-red) !important;
}
.button.is-outline:hover {
background: var(--ut-red) !important;
color: var(--ut-white) !important;
} .widget-title,
.widgettitle {
font-size: 13px !important;
font-weight: 800 !important;
text-transform: uppercase !important;
letter-spacing: 1px !important;
color: var(--ut-black) !important;
border-left: 4px solid var(--ut-red) !important;
padding-left: 12px !important;
margin-bottom: 16px !important;
}
.widget_product_categories li a,
.woocommerce-widget-layered-nav a {
font-size: 13px;
color: var(--ut-gray-700) !important;
transition: var(--ut-transition);
padding: 4px 0;
display: block;
}
.widget_product_categories li a:hover,
.woocommerce-widget-layered-nav a:hover {
color: var(--ut-red) !important;
padding-left: 5px;
} .woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
border: 2px solid var(--ut-gray-100) !important;
border-radius: var(--ut-radius-sm) !important;
font-weight: 700 !important;
padding: 8px 14px !important;
transition: var(--ut-transition) !important;
}
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
background: var(--ut-red) !important;
border-color: var(--ut-red) !important;
color: var(--ut-white) !important;
} .shop_table.cart thead th {
background: var(--ut-black) !important;
color: var(--ut-white) !important;
font-size: 11px !important;
font-weight: 700 !important;
text-transform: uppercase !important;
letter-spacing: 1px !important;
padding: 13px 16px !important;
}
.shop_table.cart tbody td {
padding: 14px 16px !important;
border-bottom: 1px solid var(--ut-gray-100) !important;
vertical-align: middle !important;
}
.cart_totals,
.woocommerce .cart_totals {
background: var(--ut-white) !important;
border-radius: var(--ut-radius) !important;
padding: 24px !important;
box-shadow: var(--ut-shadow-card) !important;
}
.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.promo-box,
.message-wrapper .message-container {
border-radius: var(--ut-radius) !important;
font-family: var(--ut-font-body) !important;
font-weight: 700 !important;
padding: 15px 20px !important;
}
.product-main .product-info {
background: var(--ut-white);
border: 1px solid var(--ut-gray-100);
border-radius: var(--ut-radius);
box-shadow: var(--ut-shadow-card);
padding: 28px;
}
.product-main .product-info .product-title {
letter-spacing: 0;
}
.product-footer .woocommerce-tabs {
background: var(--ut-white);
border: 1px solid var(--ut-gray-100);
border-radius: var(--ut-radius);
box-shadow: var(--ut-shadow-card);
padding: 22px 26px;
}
.checkout-button,
.cart_totals .checkout-button {
font-size: 15px !important;
font-weight: 800 !important;
padding: 17px 28px !important;
width: 100% !important;
display: block !important;
text-align: center !important;
} #footer,
#footer .footer-widgets {
background-color: var(--ut-black) !important;
border-top: 3px solid var(--ut-red) !important;
}
#footer .widget-title,
#footer .widgettitle {
color: var(--ut-white) !important;
border-left: none !important;
padding-left: 0 !important;
border-bottom: 1px solid rgba(255,255,255,0.12) !important;
padding-bottom: 10px !important;
}
#footer a { color: rgba(255,255,255,0.6) !important; transition: var(--ut-transition); text-decoration: none !important; font-size: 13px !important; }
#footer a:hover { color: var(--ut-white) !important; padding-left: 3px; }
#footer p { color: rgba(255,255,255,0.5) !important; font-size: 13px !important; line-height: 1.7; } .footer-bar {
background: rgba(0,0,0,0.45) !important;
border-top: 1px solid rgba(255,255,255,0.07) !important;
}
.footer-bar * { font-size: 12px !important; color: rgba(255,255,255,0.4) !important; } #footer .social-icons a {
color: rgba(255,255,255,0.5) !important;
font-size: 17px !important;
margin: 0 3px;
transition: var(--ut-transition);
}
#footer .social-icons a:hover { color: var(--ut-white) !important; transform: translateY(-2px); }
.ut-footer-contact {
background: #090909;
border-bottom: 1px solid rgba(255,255,255,0.08);
color: var(--ut-white);
padding: 26px 0;
}
.ut-footer-contact__inner {
align-items: center;
display: grid;
gap: 22px;
grid-template-columns: minmax(220px, 0.8fr) minmax(0, 1.2fr);
margin: 0 auto;
max-width: 1180px;
padding: 0 24px;
}
.ut-footer-contact strong {
color: var(--ut-white);
display: block;
font-family: var(--ut-font-display);
font-size: 22px;
font-weight: 800;
text-transform: uppercase;
}
.ut-footer-contact p {
color: rgba(255,255,255,0.64) !important;
margin: 4px 0 0;
}
.ut-footer-contact__links {
display: flex;
flex-wrap: wrap;
gap: 10px;
justify-content: flex-end;
}
#footer .ut-footer-contact__links a {
background: rgba(255,255,255,0.06);
border: 1px solid rgba(255,255,255,0.1);
border-radius: 99px;
color: var(--ut-white) !important;
font-weight: 700;
padding: 9px 12px;
}
#footer .ut-footer-contact__links a:hover {
background: var(--ut-red);
padding-left: 12px;
} .mc4wp-form-fields,
[class*="newsletter"] .ux-text-block {
display: flex;
gap: 10px;
flex-wrap: wrap;
justify-content: center;
}
.mc4wp-form input[type="email"],
[class*="newsletter"] input[type="email"] {
border: 2px solid var(--ut-gray-100) !important;
border-radius: var(--ut-radius-sm) !important;
padding: 13px 18px !important;
font-size: 14px !important;
min-width: 260px;
transition: border-color 0.2s;
}
.mc4wp-form input[type="email"]:focus { border-color: var(--ut-red) !important; outline: none; }
.mc4wp-form input[type="submit"] {
padding: 13px 24px !important;
font-weight: 800 !important;
font-size: 14px !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
} .brands-row img,
.brand-logo img,
.logo-band img,
.partners img {
max-height: 56px !important;
max-width: 130px !important;
width: auto !important;
height: auto !important;
object-fit: contain !important;
opacity: 0.6;
transition: opacity 0.2s;
display: block !important;
margin: 0 auto !important;
}
.brands-row img:hover,
.brand-logo img:hover { opacity: 1; } .search-field,
input[name="s"] {
border: 2px solid var(--ut-gray-100) !important;
border-radius: var(--ut-radius-sm) !important;
padding: 10px 16px !important;
font-size: 14px !important;
transition: border-color 0.2s !important;
}
.search-field:focus { border-color: var(--ut-red) !important; outline: none; }
.search-submit,
.search-form button {
background: var(--ut-red) !important;
border: none !important;
color: var(--ut-white) !important;
padding: 10px 16px !important;
border-radius: var(--ut-radius-sm) !important;
cursor: pointer !important;
transition: var(--ut-transition) !important;
} .woocommerce-message {
background: var(--ut-black) !important;
color: var(--ut-white) !important;
border-left: 4px solid var(--ut-red) !important;
border-radius: var(--ut-radius-sm) !important;
padding: 14px 20px !important;
}
.woocommerce-message a.button { float: right; font-size: 12px !important; padding: 7px 16px !important; }
.woocommerce-error {
background: #fff2f2 !important;
border-left: 4px solid var(--ut-red) !important;
border-radius: var(--ut-radius-sm) !important;
color: var(--ut-red-dark) !important;
}
.woocommerce-info {
border-left: 4px solid var(--ut-red) !important;
border-radius: var(--ut-radius-sm) !important;
}  .row, .col, .col-inner, .box, .box-text { position: relative; z-index: auto; overflow: visible; } .ux-html img,
.ux-image-box img,
[class*="ux-"] img {
max-width: 100% !important;
height: auto;
} .ux-banner > .ux-banner-layer { overflow: hidden; } .col-inner > .box {
height: 100%;
} .search-results ul.products li.product { margin-bottom: 0; } .product-cats-grid .col-inner { overflow: hidden; border-radius: var(--ut-radius); } .out-of-stock-label {
background: var(--ut-gray-700) !important;
font-size: 11px !important;
font-weight: 700 !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
} @keyframes ut-rise {
from { opacity: 0; transform: translateY(16px); }
to   { opacity: 1; transform: none; }
} ul.products li.product:nth-child(1)  { animation: ut-rise 0.4s ease 0.05s both; }
ul.products li.product:nth-child(2)  { animation: ut-rise 0.4s ease 0.10s both; }
ul.products li.product:nth-child(3)  { animation: ut-rise 0.4s ease 0.15s both; }
ul.products li.product:nth-child(4)  { animation: ut-rise 0.4s ease 0.20s both; }
ul.products li.product:nth-child(5)  { animation: ut-rise 0.4s ease 0.25s both; }
ul.products li.product:nth-child(6)  { animation: ut-rise 0.4s ease 0.30s both; }
ul.products li.product:nth-child(n+7){ animation: ut-rise 0.4s ease 0.30s both; } .ut-reveal {
opacity: 0;
transform: translateY(24px);
transition: opacity 0.6s ease, transform 0.6s ease;
}
.ut-reveal.visible { opacity: 1; transform: none; } .text-red    { color: var(--ut-red) !important; }
.text-black  { color: var(--ut-black) !important; }
.text-white  { color: var(--ut-white) !important; }
.text-upper  { text-transform: uppercase !important; }
.text-bold   { font-weight: 700 !important; }
.text-heavy  { font-weight: 900 !important; }
.bg-dark     { background-color: var(--ut-black) !important; }
.bg-red      { background-color: var(--ut-red) !important; }
.bg-light    { background-color: var(--ut-gray-100) !important; }
.border-red  { border-left: 4px solid var(--ut-red) !important; padding-left: 14px !important; }
.shadow-card { box-shadow: var(--ut-shadow-card) !important; }
.radius      { border-radius: var(--ut-radius) !important; } @media only screen and (max-width: 768px) {
:root {
--ut-shadow-product: 0 12px 28px rgba(0,0,0,0.15);
} .ut-section-eyebrow {
font-size: 10px !important;
letter-spacing: 2px !important;
}
.ut-home-objetivos h2,
.ut-home-nuevos h2,
.ut-home-destacados h2,
.ut-home-blog h2,
.ut-home-empresa h2 {
font-size: clamp(22px, 6vw, 28px) !important;
}
section.ut-home-objetivos,
section.ut-home-nuevos,
section.ut-home-destacados,
section.ut-home-blog,
section.ut-home-empresa,
.ut-home-objetivos.section,
.ut-home-nuevos.section,
.ut-home-destacados.section,
.ut-home-blog.section,
.ut-home-empresa.section {
padding-top: 44px !important;
padding-bottom: 44px !important;
} #top-bar .flex-row {
flex-direction: column;
gap: 4px;
padding: 8px 16px;
min-height: auto;
}
#top-bar .html_topbar_left,
#top-bar .html_topbar_left div,
#top-bar .html_topbar_left strong {
width: 100% !important;
max-width: 100% !important;
white-space: normal !important;
text-align: center !important;
line-height: 1.25 !important;
}
#top-bar .html_topbar_left strong {
font-size: 13px !important;
} .banner,
.ux-banner,
.slider-wrapper {
max-height: 300px !important;
}
.ut-home-hero .banner,
.ut-home-hero .ux-banner,
.ut-home-hero .slider-wrapper {
max-height: none !important;
} h1.product_title.entry-title {
font-size: 22px !important;
} div.summary.entry-summary,
.product-summary {
padding-left: 0 !important;
padding-top: 20px !important;
} ul.products.columns-3,
ul.products.columns-4,
.ut-home-nuevos .woocommerce.columns-6 .products.row > .product-small.col {
flex-basis: 50% !important;
max-width: 50% !important;
}
.ut-home-destacados .woocommerce.columns-6 .products.row > .product-small.col {
flex-basis: 50% !important;
max-width: 50% !important;
} .box-image {
padding-bottom: 100% !important;
height: 0 !important;
min-height: unset !important;
} .single-product p.price,
.single-product .price {
font-size: 24px !important;
} .single-product div.product {
padding: 16px !important;
} #footer { overflow: hidden; } .mc4wp-form input[type="email"] { width: 100% !important; min-width: unset; }
.ut-video-products {
padding: 44px 0;
}
.ut-video-products__inner {
padding: 0 16px;
}
.ut-video-products h2 {
font-size: 30px;
}
.ut-video-products__grid {
grid-template-columns: repeat(3, 1fr) !important;
gap: 14px;
}
.ut-video-product-card {
flex: none;
}
.ut-instagram-plugin-section {
padding: 44px 16px;
}
.ut-instagram-plugin-section__header {
align-items: start;
grid-template-columns: 1fr;
}
.ut-instagram-plugin-section h2 {
font-size: 28px !important;
}
.ut-instagram-plugin-section #sb_instagram #sbi_images {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.ut-video-modal {
padding: 14px;
}
.ut-video-modal__dialog {
display: flex;
flex-direction: column;
max-height: calc(100vh - 28px);
overflow-y: auto;
}
.ut-video-modal__media {
flex: 0 0 auto;
height: min(38vh, 340px);
min-height: 0;
aspect-ratio: auto;
}
.ut-video-modal__media video {
object-fit: contain;
}
.ut-video-modal__product {
padding: 16px 18px 18px;
position: relative;
z-index: 1;
}
.ut-video-modal__image {
max-width: 120px;
}
.ut-newsletter-section {
padding: 44px 0 !important;
}
.ut-newsletter-section .section-content {
padding: 0 16px;
}
.ut-newsletter-section h2 {
font-size: 28px !important;
}
.ut-newsletter-section .wpcf7-form {
grid-template-columns: 1fr;
}
.ut-company-hero {
padding: 52px 0;
}
.ut-company-hero h1 {
font-size: 32px !important;
}
.ut-company-hero__inner,
.ut-company-content {
padding-left: 16px;
padding-right: 16px;
}
.ut-company-content {
padding-bottom: 44px;
padding-top: 38px;
}
.ut-company-grid,
.ut-company-split,
.ut-company-actions {
grid-template-columns: 1fr;
}
.ut-company-stats__inner {
flex-wrap: wrap;
gap: 0;
}
.ut-company-stat {
border-bottom: 1px solid rgba(255,255,255,0.12);
border-right: none;
flex: 1 1 50%;
padding: 20px 16px;
}
.ut-company-stat:nth-child(odd) {
border-right: 1px solid rgba(255,255,255,0.12);
}
.ut-company-stat:last-child,
.ut-company-stat:nth-last-child(2):nth-child(odd) {
border-bottom: none;
}
.ut-company-stat strong {
font-size: 26px;
}
.ut-company-mission {
padding: 28px 20px;
}
.ut-where-buy {
padding: 42px 0;
}
.ut-where-buy__inner {
padding: 0 16px;
}
.ut-where-buy__hero {
padding: 28px 20px;
}
.ut-where-buy__hero h1 {
font-size: 32px;
}
.ut-where-buy__hero p {
font-size: 16px;
}
.ut-where-buy__grid {
grid-template-columns: 1fr;
} .ut-post-portrait.blog-single .article-inner {
display: block;
}
.ut-post-portrait.blog-single .entry-header {
position: static;
}
.blog-single .entry-image img.wp-post-image,
.blog-single:not(.ut-post-portrait) .entry-image img.wp-post-image {
max-height: 300px !important;
object-fit: cover !important;
object-position: center 20% !important;
}
.ut-contact-overview {
padding: 24px 18px;
}
.ut-contact-overview h2 {
font-size: 26px;
}
.ut-contact-overview__grid {
grid-template-columns: 1fr;
}
.ut-contact-channels__inner {
justify-content: flex-start;
}
.ut-contact-channel {
border-bottom: 1px solid rgba(255,255,255,0.12);
border-right: none;
flex: 1 1 50%;
padding: 16px 14px;
}
.ut-contact-channel:nth-child(odd) {
border-right: 1px solid rgba(255,255,255,0.12);
}
.ut-contact-channel:last-child,
.ut-contact-channel:nth-last-child(2):nth-child(odd) {
border-bottom: none;
}
.ut-contact-locations {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.ut-contact-content {
padding: 36px 16px 44px;
}
.ut-contact-forms__grid {
grid-template-columns: 1fr;
}
.ut-where-buy-content {
padding: 36px 16px 48px;
}
.ut-where-buy-grid {
grid-template-columns: 1fr;
}
.ut-where-buy-card,
.ut-where-buy-forms {
padding: 22px 18px;
}
.ut-where-buy-tabs .nav {
display: grid;
grid-template-columns: 1fr;
}
.ut-where-buy-tabs .nav > li > a {
display: block;
text-align: center;
}
.ut-where-buy-tabs .tab-panels {
padding: 18px;
}
.ut-partners-section {
padding: 42px 0;
}
.ut-partners-section__inner {
padding: 0 16px;
}
.ut-partners-section h2 {
font-size: 30px !important;
}
.ut-partners-section__grid {
grid-template-columns: 1fr;
}
.ut-footer-contact__inner {
grid-template-columns: 1fr;
padding: 0 16px;
}
.ut-footer-contact__links {
justify-content: flex-start;
}
.ut-instagram-feed {
padding: 42px 16px;
}
.ut-instagram-feed__header {
align-items: start;
grid-template-columns: 1fr;
}
.ut-instagram-feed h2 {
font-size: 28px !important;
}
.ut-instagram-feed__grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.product-main .product-info,
.product-footer .woocommerce-tabs {
padding: 18px;
}
}
@media only screen and (max-width: 480px) {
h1 { font-size: 24px !important; }
h2 { font-size: 20px !important; } ul.products.columns-3,
ul.products.columns-4,
.ut-home-nuevos .woocommerce.columns-6 .products.row > .product-small.col {
flex-basis: 50% !important;
max-width: 50% !important;
}
.ut-home-destacados .woocommerce.columns-6 .products.row > .product-small.col {
flex-basis: 50% !important;
max-width: 50% !important;
}
.box-image {
padding-bottom: 100% !important;
height: 0 !important;
min-height: unset !important;
}
.single_add_to_cart_button.button {
padding: 14px 20px !important;
font-size: 14px !important;
}
.sticky-add-to-cart,
.sticky-add-to-cart--active {
gap: 8px !important;
min-height: 58px !important;
padding: 8px 12px !important;
}
.sticky-add-to-cart .price,
.sticky-add-to-cart .product-title {
font-size: 12px !important;
max-width: 42vw !important;
}
.sticky-add-to-cart .button,
.sticky-add-to-cart .single_add_to_cart_button {
font-size: 11px !important;
min-height: 38px !important;
padding: 8px 12px !important;
}
.ut-video-products__grid {
grid-template-columns: repeat(3, 1fr) !important;
gap: 8px;
}
.ut-contact-locations {
grid-template-columns: 1fr;
}
.ut-contact-channel {
flex: 1 1 100%;
}
.ut-contact-channel:nth-child(odd) {
border-right: none;
}
} .woocommerce-variation-add-to-cart, form.cart {
display: flex;
} .container {
max-width: 1600px !important;
}
.header-wrapper:not(.stuck) .header-main .header-nav{margin-top: 0!important; }
.ut-newsletter-custom .ut-form-grid {
display: flex;
flex-wrap: wrap;
gap: 0 30px;
}
.ut-newsletter-custom .ut-form-col {
flex: 1;
min-width: 280px;
}
.ut-newsletter-custom input:not([type="submit"]),
.ut-newsletter-custom select {
width: 100% !important;
}
.ut-newsletter-custom .ut-form-center {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
width: 100%;
margin-top: 20px;
}
.ut-newsletter-custom .ut-turnstile-wrapper {
margin-bottom: 15px;
display: inline-block;
}
.ut-newsletter-custom input[type="submit"] {
min-width: 200px;
}
.sticky-add-to-cart__product .product-title-small {
max-width: 80%!important;
}
.dgwt-wcas-suggestion-selected {
background-color: #a15a5b!important;
}