@import "https://fonts.googleapis.com/css2?family=Epilogue:wght@500&display=swap";
.container {
width: 100%;
margin-right: auto;
margin-left: auto;
padding-right: 1rem;
padding-left: 1rem;
}
@font-face {
font-family: "refrigerator-deluxe";
src: url("https://use.typekit.net/af/20fd4b/00000000000000007735955d/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3")
format("woff2"),
url("https://use.typekit.net/af/20fd4b/00000000000000007735955d/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3")
format("woff"),
url("https://use.typekit.net/af/20fd4b/00000000000000007735955d/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3")
format("opentype");
font-display: auto;
font-style: normal;
font-weight: 800;
font-stretch: normal;
}
@font-face {
font-family: "refrigerator-deluxe-regular";
src: url("https://use.typekit.net/af/e308ab/00000000000000007735954a/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3")
format("woff2"),
url("https://use.typekit.net/af/e308ab/00000000000000007735954a/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3")
format("woff"),
url("https://use.typekit.net/af/e308ab/00000000000000007735954a/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3")
format("opentype");
font-display: auto;
font-style: normal;
font-weight: 400;
font-stretch: normal;
}
@font-face {
font-family: "dunbar-text";
src: url("https://use.typekit.net/af/48aab1/00000000000000003b9aed45/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3")
format("woff2"),
url("https://use.typekit.net/af/48aab1/00000000000000003b9aed45/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3")
format("woff"),
url("https://use.typekit.net/af/48aab1/00000000000000003b9aed45/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3")
format("opentype");
font-display: auto;
font-style: normal;
font-weight: 400;
font-stretch: normal;
}
@media (min-width: 640px) {
.container {
max-width: 640px;
}
}
@media (min-width: 768px) {
.container {
max-width: 768px;
}
}
@media (min-width: 1024px) {
.container {
max-width: 1024px;
}
}
@media (min-width: 1280px) {
.container {
max-width: 1280px;
}
}
@media (min-width: 1536px) {
.container {
max-width: 1536px;
}
}
.thg .icon-cart {
-webkit-mask: url('data:image/svg+xml,');
mask: url('data:image/svg+xml,');
}
.thg .icon-cart-2 {
-webkit-mask: url('data:image/svg+xml,');
mask: url('data:image/svg+xml,');
}
.thg .icon-close {
-webkit-mask: url('data:image/svg+xml,');
mask: url('data:image/svg+xml,');
}
.thg .icon-browse-all {
-webkit-mask: url('data:image/svg+xml,');
mask: url('data:image/svg+xml,');
}
.thg .icon-catalog {
-webkit-mask: url('data:image/svg+xml,');
mask: url('data:image/svg+xml,');
}
.thg .icon-account {
-webkit-mask: url('data:image/svg+xml,');
mask: url('data:image/svg+xml,');
}
.thg .icon-logout {
-webkit-mask: url('data:image/svg+xml,');
mask: url('data:image/svg+xml,');
}
.thg .icon-login {
-webkit-mask: url('data:image/svg+xml,');
mask: url('data:image/svg+xml,');
}
.thg .icon-logout-2 {
-webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cpath fill="none" d="M0 0h24v24H0z"/%3E%3Cpath d="M10 11V8l5 4-5 4v-3H1v-2h9zm-7.542 4h2.124A8.003 8.003 0 0 0 20 12 8 8 0 0 0 4.582 9H2.458C3.732 4.943 7.522 2 12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10c-4.478 0-8.268-2.943-9.542-7z"/%3E%3C/svg%3E');
mask: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cpath fill="none" d="M0 0h24v24H0z"/%3E%3Cpath d="M10 11V8l5 4-5 4v-3H1v-2h9zm-7.542 4h2.124A8.003 8.003 0 0 0 20 12 8 8 0 0 0 4.582 9H2.458C3.732 4.943 7.522 2 12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10c-4.478 0-8.268-2.943-9.542-7z"/%3E%3C/svg%3E');
}
.thg .icon-chevron {
-webkit-mask: url('data:image/svg+xml,');
mask: url('data:image/svg+xml,');
}
.thg .icon-chevron-right {
-webkit-mask: url('data:image/svg+xml,');
mask: url('data:image/svg+xml,');
}
.thg .icon-chevron-left {
-webkit-mask: url('data:image/svg+xml,');
mask: url('data:image/svg+xml,');
}
.thg .icon-magnifying-glass {
-webkit-mask: url('data:image/svg+xml,');
mask: url('data:image/svg+xml,');
}
.thg .icon-menu {
-webkit-mask: url('data:image/svg+xml,');
mask: url('data:image/svg+xml,');
}
.thg .icon-account-switch {
-webkit-mask: url('data:image/svg+xml,');
mask: url('data:image/svg+xml,');
}
.thg .icon-list {
-webkit-mask: url('data:image/svg+xml,');
mask: url('data:image/svg+xml,');
}
.thg .icon-heart {
-webkit-mask: url('data:image/svg+xml,');
mask: url('data:image/svg+xml,');
}
.thg .icon-cart-upload {
-webkit-mask: url('data:image/svg+xml,');
mask: url('data:image/svg+xml,');
}
.thg .icon-browse-all,
:is(.thg .icon-catalog),
:is(.thg .icon-cart),
:is(.thg .icon-cart-2),
:is(.thg .icon-account),
:is(.thg .icon-login),
:is(.thg .icon-chevron),
:is(.thg .icon-chevron-right),
:is(.thg .icon-chevron-left),
:is(.thg .icon-logout),
:is(.thg .icon-logout-2),
:is(.thg .icon-menu),
:is(.thg .icon-account-switch),
:is(.thg .icon-close),
:is(.thg .icon-list),
:is(.thg .icon-heart),
:is(.thg .icon-cart-upload),
:is(.thg .icon-magnifying-glass) {
display: flex;
height: 1.25rem;
width: 1.25rem;
align-items: center;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.thg .icon-browse-all,
.thg .icon-catalog,
.thg .icon-cart,
.thg .icon-cart-2,
.thg .icon-account,
.thg .icon-login,
.thg .icon-chevron,
.thg .icon-chevron-right,
.thg .icon-chevron-left,
.thg .icon-logout,
.thg .icon-logout-2,
.thg .icon-menu,
.thg .icon-account-switch,
.thg .icon-close,
.thg .icon-list,
.thg .icon-heart,
.thg .icon-cart-upload,
.thg .icon-magnifying-glass {
-webkit-mask-size: contain;
mask-size: contain;
}
.thg .icon-browse-all.icon-white,
:is(.thg .icon-catalog.icon-white),
:is(.thg .icon-cart.icon-white),
:is(.thg .icon-cart-2.icon-white),
:is(.thg .icon-account.icon-white),
:is(.thg .icon-login.icon-white),
:is(.thg .icon-chevron.icon-white),
:is(.thg .icon-chevron-right.icon-white),
:is(.thg .icon-chevron-left.icon-white),
:is(.thg .icon-logout.icon-white),
:is(.thg .icon-logout-2.icon-white),
:is(.thg .icon-menu.icon-white),
:is(.thg .icon-account-switch.icon-white),
:is(.thg .icon-close.icon-white),
:is(.thg .icon-list.icon-white),
:is(.thg .icon-heart.icon-white),
:is(.thg .icon-cart-upload.icon-white),
:is(.thg .icon-magnifying-glass.icon-white) {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.thg .icon-browse-all.icon-black,
:is(.thg .icon-catalog.icon-black),
:is(.thg .icon-cart.icon-black),
:is(.thg .icon-cart-2.icon-black),
:is(.thg .icon-account.icon-black),
:is(.thg .icon-login.icon-black),
:is(.thg .icon-chevron.icon-black),
:is(.thg .icon-chevron-right.icon-black),
:is(.thg .icon-chevron-left.icon-black),
:is(.thg .icon-logout.icon-black),
:is(.thg .icon-logout-2.icon-black),
:is(.thg .icon-menu.icon-black),
:is(.thg .icon-account-switch.icon-black),
:is(.thg .icon-close.icon-black),
:is(.thg .icon-list.icon-black),
:is(.thg .icon-heart.icon-black),
:is(.thg .icon-cart-upload.icon-black),
:is(.thg .icon-magnifying-glass.icon-black) {
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
.container {
max-width: none;
}
@media (min-width: 1536px) {
.container {
max-width: 1550px;
}
}
.select {
border-radius: 0.125rem;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(255 255 255 / var(--tw-border-opacity));
padding: 0.25rem 0.5rem;
}
.thg .sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0;
}
.thg .static {
position: static;
}
.thg .m-auto {
margin: auto;
}
.thg .mb-1 {
margin-bottom: 0.25rem;
}
.thg .ml-auto {
margin-left: auto;
}
.thg .flex {
display: flex;
}
.thg .table {
display: table;
}
.thg .grid {
display: grid;
}
.thg .hidden {
display: none;
}
.thg .h-3 {
height: 0.75rem;
}
.thg .h-4 {
height: 1rem;
}
.thg .w-3 {
width: 0.75rem;
}
.thg .w-4 {
width: 1rem;
}
.thg .transform {
transform: translate(var(--tw-translate-x), var(--tw-translate-y))
rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.thg .items-center {
align-items: center;
}
.thg .justify-between {
justify-content: space-between;
}
.thg .gap-2 {
gap: 0.5rem;
}
.thg .rounded-full {
border-radius: 9999px;
}
.thg .bg-dark-green {
--tw-bg-opacity: 1;
background-color: rgb(12 63 19 / var(--tw-bg-opacity));
}
.thg .bg-light-green {
--tw-bg-opacity: 1;
background-color: rgb(103 176 13 / var(--tw-bg-opacity));
}
.thg .bg-white {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.thg .p-1 {
padding: 0.25rem;
}
.thg .text-right {
text-align: right;
}
.thg .text-xs {
font-size: 0.75rem;
line-height: 1rem;
}
.thg .font-bold {
font-weight: 700;
}
.thg .uppercase {
text-transform: uppercase;
}
.thg .text-white {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.thg .underline {
text-decoration-line: underline;
}
.thg .blur {
--tw-blur: blur(8px);
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)
var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate)
var(--tw-sepia) var(--tw-drop-shadow);
}
*,
:before,
:after {
box-sizing: border-box;
border-width: 0;
border-style: solid;
border-color: #e5e7eb;
}
:before,
:after {
--tw-content: "";
}
html,
:host {
line-height: 1.5;
-webkit-text-size-adjust: 100%;
-moz-tab-size: 4;
-o-tab-size: 4;
tab-size: 4;
font-family: "dunbar-text", sans-serif;
/* font-family:Proto Grotesk,sans-serif; */
font-feature-settings: normal;
font-variation-settings: normal;
-webkit-tap-highlight-color: transparent;
}
body {
margin: 0;
line-height: inherit;
}
hr {
height: 0;
color: inherit;
border-top-width: 1px;
}
abbr:where([title]) {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: inherit;
font-weight: inherit;
}
a {
color: inherit;
text-decoration: inherit;
}
b,
strong {
font-weight: bolder;
}
code,
kbd,
samp,
pre {
font-family: "dunbar-text", sans-serif;
/* font-family:Proto Grotesk Mono,sans-serif; */
font-feature-settings: normal;
font-variation-settings: normal;
font-size: 1em;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
table {
text-indent: 0;
border-color: inherit;
border-collapse: collapse;
}
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-feature-settings: inherit;
font-variation-settings: inherit;
font-size: 100%;
font-weight: inherit;
line-height: inherit;
letter-spacing: inherit;
color: inherit;
margin: 0;
padding: 0;
}
button,
select {
text-transform: none;
}
button,
input:where([type="button"]),
input:where([type="reset"]),
input:where([type="submit"]) {
-webkit-appearance: button;
background-color: transparent;
background-image: none;
}
:-moz-focusring {
outline: auto;
}
:-moz-ui-invalid {
box-shadow: none;
}
progress {
vertical-align: baseline;
}
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
height: auto;
}
[type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
summary {
display: list-item;
}
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
margin: 0;
}
fieldset {
margin: 0;
padding: 0;
}
legend {
padding: 0;
}
ol,
ul,
menu {
list-style: none;
margin: 0;
padding: 0;
}
dialog {
padding: 0;
}
textarea {
resize: vertical;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
opacity: 1;
color: #9ca3af;
}
input::placeholder,
textarea::placeholder {
opacity: 1;
color: #9ca3af;
}
button,
[role="button"] {
cursor: pointer;
}
:disabled {
cursor: default;
}
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
display: block;
vertical-align: middle;
}
img,
video {
max-width: 100%;
height: auto;
}
[hidden] {
display: none;
}
:root {
--color-black: #000;
--color-white: #fff;
--color-dark-green: #0c3f13;
--color-light-green: #67b00d;
--color-ebony: #171a1f;
--color-slate-gray: #9095a0;
--color-transparent: transparent;
--color-gray-50: #f9fafb;
--color-gray-100: #f3f4f6;
--color-gray-200: #e5e7eb;
--color-gray-300: #d1d5db;
--color-gray-400: #9ca3af;
--color-gray-500: #6b7280;
--color-gray-600: #4b5563;
--color-gray-700: #374151;
--color-gray-800: #1f2937;
--color-gray-900: #111827;
}
.thg a {
color: inherit;
font-weight: 400;
text-decoration: none;
}
.thg a:hover {
color: inherit;
}
*,
:before,
:after {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x: ;
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position: ;
--tw-gradient-via-position: ;
--tw-gradient-to-position: ;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
--tw-numeric-spacing: ;
--tw-numeric-fraction: ;
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(59 130 246 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur: ;
--tw-brightness: ;
--tw-contrast: ;
--tw-grayscale: ;
--tw-hue-rotate: ;
--tw-invert: ;
--tw-saturate: ;
--tw-sepia: ;
--tw-drop-shadow: ;
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia: ;
--tw-contain-size: ;
--tw-contain-layout: ;
--tw-contain-paint: ;
--tw-contain-style: ;
}
::backdrop {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x: ;
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position: ;
--tw-gradient-via-position: ;
--tw-gradient-to-position: ;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
--tw-numeric-spacing: ;
--tw-numeric-fraction: ;
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(59 130 246 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur: ;
--tw-brightness: ;
--tw-contrast: ;
--tw-grayscale: ;
--tw-hue-rotate: ;
--tw-invert: ;
--tw-saturate: ;
--tw-sepia: ;
--tw-drop-shadow: ;
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia: ;
--tw-contain-size: ;
--tw-contain-layout: ;
--tw-contain-paint: ;
--tw-contain-style: ;
}
@font-face {
font-family: Proto Grotesk;
src: url(/fonts/Proto-Grotesk-Light-Desktop.woff);
font-style: normal;
font-weight: 300;
}
@font-face {
font-family: Proto Grotesk;
src: url(/fonts/Proto-Grotesk-Regular-Desktop.woff);
font-style: normal;
font-weight: 400;
}
@font-face {
font-family: Proto Grotesk Mono;
src: url(/fonts/Proto-Grotesk-Mono-Light.woff);
font-style: normal;
font-weight: 400;
}
@font-face {
font-family: Druk;
src: url(/fonts/Druk-Medium.woff);
font-style: normal;
font-weight: 400;
}
@font-face {
font-family: Druk Wide;
src: url(/fonts/DrukWide-Bold.woff);
font-style: normal;
font-weight: 700;
}
.thg .header {
display: flex;
flex-direction: column;
--tw-bg-opacity: 1;
background-color: rgb(23 26 31 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.thg .header a:hover {
text-decoration-line: none;
}
.thg .header .icon-chevron {
transition-property: all;
transition-duration: 0.3s;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.thg .header [aria-expanded="true"] .icon-chevron {
--tw-rotate: 180deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y))
rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.thg .header__notification-bar {
position: relative;
display: flex;
align-items: center;
justify-content: center;
padding-left: 2rem;
padding-right: 2rem;
font-family: "dunbar-text", sans-serif;
/* font-family: Proto Grotesk Mono, sans-serif; */
font-size: 1rem;
line-height: 1.5rem;
}
@media (min-width: 768px) {
.thg .header__notification-bar {
height: 50px;
--tw-bg-opacity: 1;
background-color: rgb(12 63 19 / var(--tw-bg-opacity));
}
}
.thg .header__notification-bar__flags {
position: absolute;
left: 0;
display: flex;
align-items: center;
gap: 1rem;
padding-left: 2rem;
padding-right: 2rem;
}
.thg .header__notification-bar__notification {
position: relative;
display: flex;
align-items: center;
gap: 0.5rem;
}
.thg .header__notification-bar__notification__select {
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(255 255 255 / var(--tw-border-opacity));
background-color: transparent;
padding: 0.25rem 0.75rem;
}
.thg .header__nav {
width: 100%;
margin-right: auto;
margin-left: auto;
padding-right: 1rem;
padding-left: 1rem;
}
@media (min-width: 640px) {
.thg .header__nav {
max-width: 640px;
}
}
@media (min-width: 768px) {
.thg .header__nav {
max-width: 768px;
}
}
@media (min-width: 1024px) {
.thg .header__nav {
max-width: 1024px;
}
}
@media (min-width: 1280px) {
.thg .header__nav {
max-width: 1280px;
}
}
@media (min-width: 1536px) {
.thg .header__nav {
max-width: 1536px;
}
}
.thg .header__nav {
max-width: none;
}
@media (min-width: 1536px) {
.thg .header__nav {
max-width: 1550px;
}
}
.thg .header__nav {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 1rem;
padding-top: 1rem;
padding-bottom: 1rem;
}
html .cc_main_body .thg .header__nav.cc_main_container.cc_tmpl_TwoColRD,
body .cc_main_body .thg .header__nav.cc_main_container.cc_tmpl_TwoColRD {
margin-top: 0;
}
@media not all and (min-width: 1280px) {
.thg .header__nav {
max-width: none;
}
}
@media (min-width: 1024px) {
.thg .header__nav {
height: 80px;
}
}
.thg .header__nav__cart__count {
display: flex;
height: 1.5rem;
width: 1.5rem;
align-items: center;
justify-content: center;
border-radius: 9999px;
--tw-bg-opacity: 1;
background-color: rgb(103 176 13 / var(--tw-bg-opacity));
font-size: 0.75rem;
line-height: 1rem;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.thg .header__nav__logo {
margin-left: auto;
margin-right: auto;
display: flex;
width: auto;
align-items: center;
}
@media (min-width: 1024px) {
.thg .header__nav__logo {
margin-right: 2.5rem;
}
}
@media (min-width: 1536px) {
.thg .header__nav__logo {
margin-right: 5rem;
}
}
.thg .header__nav__logo a {
position: absolute;
left: 50%;
--tw-translate-x: -50%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y))
rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@media (min-width: 768px) {
.thg .header__nav__logo a {
position: static;
transform: none;
}
}
.thg .header__nav__logo a img {
max-width: 110px !important;
}
@media (min-width: 768px) {
.thg .header__nav__logo {
margin-left: 0;
}
}
.thg .header__nav__global-mobile-menu {
visibility: hidden;
position: fixed;
left: 0;
top: 0;
z-index: 50;
display: flex;
min-height: 100vh;
width: 100vw;
flex-direction: column;
--tw-bg-opacity: 1;
background-color: rgb(12 63 19 / var(--tw-bg-opacity));
font-family: "dunbar-text", sans-serif;
/* font-family: Proto Grotesk, sans-serif; */
font-size: 1.125rem;
line-height: 1.75rem;
text-transform: uppercase;
opacity: 0;
transition-property: all;
transition-duration: 0.3s;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.thg .header__nav__global-mobile-menu.active {
visibility: visible;
opacity: 1;
}
.thg .header__nav__global-mobile-menu__top {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 2rem;
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
padding: 0.75rem 1.25rem;
height: 50px;
}
.thg .header__nav__global-mobile-menu__top__close-button {
display: flex;
flex-direction: column;
font-family: "dunbar-text", sans-serif;
/* font-family: Proto Grotesk, sans-serif; */
font-weight: 100;
text-transform: uppercase;
line-height: 1;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
font-size: 6px;
}
.thg .header__nav__global-mobile-menu__top__close-button i:before {
margin-left: auto;
margin-right: auto;
margin-bottom: 0.25rem;
height: 1rem;
width: 1rem;
}
.thg .header__nav__global-mobile-menu__user {
display: flex;
align-items: center;
justify-content: stretch;
}
.thg .header__nav__global-mobile-menu__user__link {
display: flex;
width: 50%;
align-items: center;
justify-content: center;
gap: 0.5rem;
border-bottom-width: 2px;
border-right-width: 2px;
--tw-border-opacity: 1;
border-color: rgb(255 255 255 / var(--tw-border-opacity));
padding: 1rem;
text-align: center;
text-transform: uppercase;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.thg .header__nav__global-mobile-menu__user__link:last-child {
border-right-width: 0px;
}
.thg .header__nav__global-mobile-menu__user__link:before {
order: 9999;
border-radius: 9999px;
--tw-bg-opacity: 1;
background-color: rgb(103 176 13 / var(--tw-bg-opacity));
background-size: 60%;
}
.thg .header__nav__global-mobile-menu__list {
margin-bottom: 0;
}
@media (min-width: 1024px) {
.thg .header__nav__global-mobile-menu__list {
display: none;
}
}
.thg .header__nav__global-mobile-menu__list__item {
border-bottom-width: 2px;
--tw-border-opacity: 1;
border-color: rgb(255 255 255 / var(--tw-border-opacity));
font-weight: 100;
}
.thg .header__nav__global-mobile-menu__list__item:last-child {
border-bottom-width: 0px;
}
.thg .header__nav__global-mobile-menu__list__item__link {
display: flex;
align-items: center;
justify-content: space-between;
gap: 0.5rem;
padding: 1rem;
font-weight: 100;
text-transform: uppercase;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.thg .header__nav__global-mobile-menu [js-mobile-menu] {
display: flex;
flex-direction: column;
top: 50px;
}
.thg .header__nav__global-mobile-menu [js-mobile-menu] > ul {
position: absolute;
height: 100%;
width: 100%;
}
.thg .header__nav__global-mobile-menu .icon-chevron-right:before {
order: 9999;
border-radius: 9999px;
--tw-bg-opacity: 1;
background-color: rgb(103 176 13 / var(--tw-bg-opacity));
background-size: 60%;
}
.thg .header__nav__global-menu {
display: flex;
width: 100%;
max-width: 110px;
font-family: "dunbar-text", sans-serif;
/* font-family: Proto Grotesk Mono, sans-serif; */
font-size: 0.875rem;
line-height: 1.25rem;
}
@media not all and (min-width: 768px) {
.thg .header__nav__global-menu {
order: -9999;
}
}
@media (min-width: 1024px) {
.thg .header__nav__global-menu {
margin-right: 2.5rem;
gap: 1rem;
}
}
@media (min-width: 1536px) {
.thg .header__nav__global-menu {
margin-right: 5rem;
}
}
@media (min-width: 768px) {
.thg .header__nav__global-menu {
width: auto;
max-width: none;
}
}
.thg .header__nav__global-menu__wrapper {
visibility: hidden;
position: absolute;
left: 0;
top: 0;
z-index: 50;
display: flex;
height: 100vh;
width: 100vw;
align-items: stretch;
--tw-bg-opacity: 1;
background-color: rgb(12 63 19 / var(--tw-bg-opacity));
opacity: 0;
--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
transition-property: all;
transition-duration: 0.3s;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
@media (min-width: 1024px) {
.thg .header__nav__global-menu__wrapper {
top: 100%;
height: auto;
width: -moz-max-content;
width: max-content;
top: calc(100% + 25px);
}
}
.thg .header__nav__global-menu__wrapper.active {
visibility: visible;
opacity: 1;
}
.thg .header__nav__global-menu__list {
margin-bottom: 0;
display: flex;
align-items: center;
justify-content: space-around;
gap: 1rem;
}
@media (min-width: 768px) {
.thg .header__nav__global-menu__list {
gap: 2.5rem;
}
}
.thg .header__nav__global-menu__list__item {
display: flex;
align-items: center;
gap: 0.5rem;
}
@media (min-width: 1024px) {
.thg .header__nav__global-menu__list__item {
position: relative;
}
}
.thg .header__nav__global-menu__list__item__link {
display: flex;
align-items: center;
gap: 0.5rem;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.thg .header__nav__global-menu__list__item__sub-menu-1st {
flex: 1 1 0%;
}
@media (min-width: 1024px) {
.thg .header__nav__global-menu__list__item__sub-menu-1st {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
}
.thg .header__nav__global-menu__list__item__sub-menu-1st__go-back {
border-top-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(255 255 255 / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
padding: 0.5rem 1.5rem;
}
.thg .header__nav__global-menu__list__item__sub-menu-1st__go-back__link {
display: flex;
align-items: center;
gap: 0.5rem;
font-weight: 100;
text-transform: uppercase;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.thg .header__nav__global-menu__list__item__sub-menu-1st__link {
display: flex;
align-items: center;
gap: 0.5rem;
border-bottom-width: 2px;
padding: 1rem 1.5rem;
font-family: "dunbar-text", sans-serif;
/* font-family: Proto Grotesk, sans-serif; */
font-size: 1.125rem;
line-height: 1.75rem;
font-weight: 100;
text-transform: uppercase;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
@media (min-width: 1024px) {
.thg .header__nav__global-menu__list__item__sub-menu-1st__link {
border-bottom-width: 0px;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
}
.thg .header__nav__global-menu__list__item__sub-menu-1st__link:hover {
--tw-text-opacity: 1;
color: rgb(103 176 13 / var(--tw-text-opacity));
}
.thg .header__nav__global-menu__list__item__sub-menu-2nd {
visibility: hidden;
}
@media (min-width: 1024px) {
.thg .header__nav__global-menu__list__item__sub-menu-2nd {
visibility: visible;
}
}
.thg .header__nav__global-menu__list__item__sub-menu-2nd.active {
visibility: visible;
}
.thg .header__nav__global-menu__list__item__sub-menu-2nd__go-back {
border-top-width: 1px;
border-bottom-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(255 255 255 / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
padding: 0.5rem 1.5rem;
}
.thg .header__nav__global-menu__list__item__sub-menu-2nd__go-back__link {
display: flex;
align-items: center;
gap: 0.5rem;
font-weight: 100;
text-transform: uppercase;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.thg .header__nav__global-menu__list__item__sub-menu-2nd__link {
margin-bottom: 0.5rem;
display: flex;
align-items: center;
gap: 0.5rem;
border-bottom-width: 2px;
padding: 1rem 1.5rem;
font-family: "dunbar-text", sans-serif;
/* font-family: Proto Grotesk, sans-serif; */
font-size: 1.125rem;
line-height: 1.75rem;
font-weight: 700;
text-transform: uppercase;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.thg .header__nav__global-menu__list__item__sub-menu-2nd__link:before {
order: 9999;
border-radius: 9999px;
--tw-bg-opacity: 1;
background-color: rgb(103 176 13 / var(--tw-bg-opacity));
background-size: 60%;
}
.thg .header__nav__global-menu__list__item__sub-menu-2nd__link:hover {
--tw-text-opacity: 1;
color: rgb(103 176 13 / var(--tw-text-opacity));
}
.thg .header__nav__global-menu__list__item__sub-menu-2nd__item {
display: none;
height: 100%;
width: 100%;
min-width: 30vw;
--tw-border-opacity: 1;
border-color: rgb(249 250 251 / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
@media (min-width: 1024px) {
.thg .header__nav__global-menu__list__item__sub-menu-2nd__item {
border-left-width: 1px;
}
}
.thg .header__nav__global-menu__list__item__sub-menu-2nd__item.active {
display: block;
}
.thg .header__nav__global-menu__list__item__sub-menu-3rd__link {
display: flex;
align-items: center;
gap: 0.5rem;
border-bottom-width: 2px;
padding: 1rem 1.5rem;
font-family: "dunbar-text", sans-serif;
/* font-family: Proto Grotesk, sans-serif; */
font-size: 1.125rem;
line-height: 1.75rem;
font-weight: 100;
text-transform: uppercase;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
@media (min-width: 1024px) {
.thg .header__nav__global-menu__list__item__sub-menu-3rd__link {
border-bottom-width: 0px;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
}
.thg .header__nav__global-menu__list__item__sub-menu-3rd__link:hover {
--tw-text-opacity: 1;
color: rgb(103 176 13 / var(--tw-text-opacity));
}
.thg .header__nav__user-menu {
margin-left: auto;
width: 100%;
max-width: 110px;
font-family: "dunbar-text", sans-serif;
/* font-family: Proto Grotesk Mono, sans-serif; */
font-size: 0.875rem;
line-height: 1.25rem;
}
@media (min-width: 768px) {
.thg .header__nav__user-menu {
width: auto;
max-width: none;
}
}
.thg .header__nav__user-menu__list {
margin-bottom: 0;
display: flex;
align-items: center;
justify-content: flex-end;
gap: 1rem;
}
@media (min-width: 768px) {
.thg .header__nav__user-menu__list {
gap: 2.5rem;
}
}
.thg .header__nav__user-menu__list__item {
position: relative;
display: flex;
align-items: center;
gap: 0.5rem;
}
.thg .header__nav__user-menu__list__item__link {
display: flex;
align-items: center;
gap: 0.5rem;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.thg .header__nav__user-menu__list__item__sub-menu {
visibility: hidden;
position: absolute;
top: 100%;
right: 0;
z-index: 10;
display: flex;
width: -moz-max-content;
width: max-content;
flex-direction: column;
gap: 0.5rem;
--tw-bg-opacity: 1;
background-color: rgb(12 63 19 / var(--tw-bg-opacity));
opacity: 0;
--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
transition-property: all;
transition-duration: 0.3s;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
@media (min-width: 1024px) {
.thg .header__nav__user-menu__list__item__sub-menu {
top: calc(100% + 25px);
}
}
.thg .header__nav__user-menu__list__item__sub-menu.active {
visibility: visible;
opacity: 1;
}
.thg .header__nav__user-menu__list__item__sub-menu__item {
display: flex;
align-items: center;
gap: 0.5rem;
border-bottom-width: 2px;
}
.thg .header__nav__user-menu__list__item__sub-menu__item:last-child {
border-bottom-width: 0px;
}
.thg .header__nav__user-menu__list__item__sub-menu__item__link {
display: flex;
align-items: center;
gap: 0.5rem;
padding: 1rem 1.5rem;
font-family: "dunbar-text", sans-serif;
/* font-family: Proto Grotesk, sans-serif; */
font-size: 1.125rem;
line-height: 1.75rem;
font-weight: 100;
text-transform: uppercase;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.thg .header__nav__user-menu__list__item__sub-menu__item__link:hover {
--tw-text-opacity: 1;
color: rgb(103 176 13 / var(--tw-text-opacity));
}
.thg .header__nav__search {
margin-right: auto;
box-sizing: border-box;
display: flex;
width: 100%;
min-width: 285px;
max-width: 472px;
flex: 1 1 0%;
align-items: center;
}
@media not all and (min-width: 768px) {
.thg .header__nav__search {
order: 9999;
width: 100vw;
max-width: none;
}
}
.thg .header__nav__search__form {
width: 100%;
}
.thg .header__nav__search__form__input {
width: 100%;
border-radius: 0.25rem;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(144 149 160 / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
padding: 0.75rem 1rem 0.5rem 2.5rem;
font-size: 1.125rem;
line-height: 1.75rem;
font-weight: 100;
line-height: 1.25;
--tw-text-opacity: 1;
color: rgb(144 149 160 / var(--tw-text-opacity));
}
.thg .header__nav__search__form__input-group {
position: relative;
display: flex;
align-items: center;
}
.thg .header__nav__search__form__input-group .icon-magnifying-glass {
position: absolute;
left: 1rem;
top: 50%;
display: flex;
--tw-translate-y: -50%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y))
rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
align-items: center;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.thg .header__nav .menu-search-results-container {
z-index: 20;
}
.thg .header__account-switch {
visibility: hidden;
position: fixed;
top: 0;
left: 50%;
z-index: 30;
height: auto;
width: 100%;
max-width: 385px;
--tw-translate-x: -50%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y))
rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
opacity: 0;
--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color),
0 2px 4px -2px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
transition-property: all;
transition-duration: 0.3s;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
@media (min-width: 768px) {
.thg .header__account-switch {
min-width: -moz-max-content;
min-width: max-content;
}
}
.thg .header__account-switch.active {
visibility: visible;
top: 4rem;
opacity: 1;
}
.thg .header__account-switch .active-account {
background-color: rgb(12 63 19 / var(--tw-bg-opacity));
--tw-bg-opacity: 0.25;
padding: 0.25rem 1rem;
font-size: 0.75rem;
line-height: 1rem;
}
.thg .header__account-switch__login-link {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 0.5rem;
font-size: 0.75rem;
line-height: 1rem;
text-transform: uppercase;
text-decoration-line: underline;
}
@media (min-width: 768px) {
.thg .header__account-switch__login-link .icon-logout-2 {
display: none;
}
}
.thg .header__account-switch__value {
display: flex;
cursor: pointer;
align-items: center;
gap: 0.5rem;
border-radius: 0.125rem;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(255 255 255 / var(--tw-border-opacity));
padding: 0.25rem 0.75rem;
}
.thg .header__account-switch__thead a {
margin-left: auto;
display: block;
height: 0.75rem;
width: 0.75rem;
cursor: pointer;
}
.thg .header__account-switch__thead a .icon-close:before {
display: block;
height: 0.75rem;
width: 0.75rem;
}
.thg .header__account-switch__tbody__tr {
border-style: none;
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
}
.thg .header__account-switch__tbody__tr:nth-child(odd) {
--tw-bg-opacity: 1;
background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}
.thg .header__account-switch__tbody__tr:nth-child(2n) {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.thg .header__account-switch__tbody__tr:hover {
--tw-text-opacity: 1;
color: rgb(12 63 19 / var(--tw-text-opacity));
}
.thg .header__account-switch__tbody__td {
border-style: none;
padding: 0.5rem 1rem;
text-transform: uppercase;
font-family: Arial, Helvetica, sans-serif;
}
.thg .header__account-switch__th {
border-style: none;
--tw-bg-opacity: 1;
background-color: rgb(12 63 19 / var(--tw-bg-opacity));
padding: 0.5rem 1rem;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
font-family: Arial, Helvetica, sans-serif;
}
.thg .header__account-switch__td {
border-style: none;
padding: 0.5rem 1rem;
font-family: Arial, Helvetica, sans-serif;
}
.thg .header__account-switch__tr {
border-style: none;
}
.thg .popular-products {
width: 100%;
margin-right: auto;
margin-left: auto;
padding-right: 1rem;
padding-left: 1rem;
}
@media (min-width: 640px) {
.thg .popular-products {
max-width: 640px;
}
}
@media (min-width: 768px) {
.thg .popular-products {
max-width: 768px;
}
}
@media (min-width: 1024px) {
.thg .popular-products {
max-width: 1024px;
}
}
@media (min-width: 1280px) {
.thg .popular-products {
max-width: 1280px;
}
}
@media (min-width: 1536px) {
.thg .popular-products {
max-width: 1536px;
}
}
.thg .popular-products {
max-width: none;
}
@media (min-width: 1536px) {
.thg .popular-products {
max-width: 1550px;
}
}
.thg .popular-products {
position: relative;
margin-top: 4rem;
margin-bottom: 4rem;
max-width: var(--small-container);
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
}
html .cc_main_body .thg .popular-products.cc_main_container.cc_tmpl_TwoColRD,
body .cc_main_body .thg .popular-products.cc_main_container.cc_tmpl_TwoColRD {
margin-top: 0;
}
.thg .popular-products .popular-products__carousel {
align-items: stretch;
}
.thg .popular-products .popular-products__heading {
margin-bottom: 1.5rem;
font-family: "refrigerator-deluxe";
/* font-family: Druk Wide, sans-serif; */
font-size: 1.5rem;
line-height: 2rem;
font-weight: 500;
text-transform: uppercase;
--tw-text-opacity: 1;
color: rgb(103 176 13 / var(--tw-text-opacity));
}
@media (min-width: 768px) {
.thg .popular-products .popular-products__heading {
font-size: 2.25rem;
line-height: 2.5rem;
line-height: 1.25;
}
}
.thg .popular-products .popular-products__product {
box-sizing: border-box;
display: flex;
min-height: 375px;
flex-grow: 1;
flex-direction: column;
align-items: flex-start;
justify-content: space-between;
border-width: 2px;
border-color: transparent;
padding: 1rem;
}
@media (min-width: 768px) {
.thg .popular-products .popular-products__product {
min-height: 375px;
}
}
@media (min-width: 1024px) {
.thg .popular-products .popular-products__product {
min-height: 375px;
}
}
.thg .popular-products .popular-products__product:hover {
border: 2px solid #67b00d;
box-shadow: inset 0 0 5px #67b00d;
}
.thg .popular-products .popular-products__product a,
.thg .popular-products .popular-products__product a:hover {
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
}
.thg .popular-products .popular-products__product__footer {
width: 100%;
}
.thg .popular-products .popular-products__product__body {
margin-top: auto;
display: flex;
height: 100%;
width: 100%;
flex-direction: column;
align-items: flex-start;
justify-content: space-between;
}
.thg .popular-products .popular-products__product__favorite {
position: absolute;
top: 1rem;
right: 1rem;
display: flex;
height: 22px;
width: 24px;
align-items: center;
justify-content: center;
border-radius: 9999px;
--tw-bg-opacity: 1;
background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}
.thg .popular-products .popular-products__product__favorite i {
height: 12px;
width: 16px;
}
.thg
.popular-products
.popular-products__product
.popular-products__product__name {
margin-top: 0.5rem;
margin-bottom: 0.75rem;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
height: 60px;
font-family: "dunbar-text", sans-serif;
/* font-family: Proto Grotesk, sans-serif; */
font-size: 1rem;
line-height: 1.5rem;
font-weight: 700;
text-transform: none;
}
.thg
.popular-products
.popular-products__product
.popular-products__product__price-qty {
margin-top: 1.25rem;
display: flex;
width: 100%;
align-items: center;
justify-content: space-between;
}
@media (min-width: 768px) {
.thg
.popular-products
.popular-products__product
.popular-products__product__price-qty {
flex-direction: row;
}
}
.thg
.popular-products
.popular-products__product
.popular-products__product__price {
width: 100%;
font-family: "dunbar-text", sans-serif;
/* font-family: Proto Grotesk, sans-serif; */
font-size: 27px;
font-weight: 700;
text-transform: none;
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
}
.thg
.popular-products
.popular-products__product
.popular-products__product__qty__element {
display: flex;
height: 100%;
max-width: -moz-fit-content;
max-width: fit-content;
align-items: center;
gap: 0.5rem;
font-weight: 300;
text-transform: none;
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
}
@media (min-width: 768px) {
.thg
.popular-products
.popular-products__product
.popular-products__product__qty__element {
margin-left: auto;
}
}
.thg
.popular-products
.popular-products__product
.popular-products__product__qty__element
input {
max-width: 3rem;
gap: 0.75rem;
border-radius: 0.25rem;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(229 231 235 / var(--tw-border-opacity));
padding: 0.75rem;
text-align: center;
}
.thg
.popular-products
.popular-products__product
.popular-products__product__description {
margin: 0;
font-size: 0.875rem;
line-height: 1.25rem;
font-weight: 300;
}
.thg
.popular-products
.popular-products__product
.popular-products__product__button {
margin-top: 1rem;
display: flex;
width: 100%;
align-items: center;
justify-content: center;
gap: 0.5rem;
border-radius: 0.25rem;
--tw-bg-opacity: 1;
background-color: rgb(103 176 13 / var(--tw-bg-opacity));
padding: 0.5rem 1rem;
font-family: "dunbar-text", sans-serif;
/* font-family: Proto Grotesk Mono, sans-serif; */
font-weight: 400;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
font-size: 16px;
}
.thg
.popular-products
.popular-products__product
.popular-products__product__button__add-to-cart {
margin-top: 1rem;
display: flex;
width: 100%;
align-items: center;
justify-content: center;
gap: 0.5rem;
border-radius: 0.25rem;
--tw-bg-opacity: 1;
background-color: rgb(103 176 13 / var(--tw-bg-opacity));
padding: 0.5rem 1rem;
font-family: "dunbar-text", sans-serif;
/* font-family: Proto Grotesk Mono, sans-serif; */
font-weight: 400;
text-transform: uppercase;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
font-size: 16px;
}
.thg .popular-products .popular-products__product img {
height: 100%;
width: 100%;
-o-object-fit: contain;
object-fit: contain;
}
@media (min-width: 768px) {
.thg .popular-products .popular-products__product img {
max-width: 13.28571rem;
max-height: 12.92857rem;
}
}
.thg .popular-products .popular-products .swiper-button-prev {
left: 0.5rem;
}
@media (min-width: 1145px) {
.thg .popular-products .popular-products .swiper-button-prev {
left: -3.5rem;
}
}
.thg .popular-products .popular-products .swiper-button-next {
right: 0.5rem;
}
@media (min-width: 1145px) {
.thg .popular-products .popular-products .swiper-button-next {
right: -3.5rem;
}
}
.thg .popular-products .popular-products .swiper-button-prev,
.thg .popular-products .popular-products .swiper-button-next {
display: flex;
height: 3rem;
width: 3rem;
align-items: center;
justify-content: center;
border-radius: 9999px;
border-width: 1px;
border-style: solid;
--tw-border-opacity: 1;
border-color: rgb(12 63 19 / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(12 63 19 / var(--tw-text-opacity));
transition-property: all;
transition-duration: 0.3s;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.thg .popular-products .popular-products .swiper-button-prev:after,
.thg .popular-products .popular-products .swiper-button-next:after {
display: none;
}
.thg .popular-products .popular-products .swiper-button-prev i,
.thg .popular-products .popular-products .swiper-button-next i {
height: 1.25rem;
width: 1.25rem;
--tw-bg-opacity: 1;
background-color: rgb(12 63 19 / var(--tw-bg-opacity));
}
.thg .popular-products .popular-products .swiper-button-disabled {
opacity: 0;
}
.thg .custom-select,
.thg .custom-select-wrapper {
position: relative;
}
.thg .custom-select-value {
border-radius: 0.125rem;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(255 255 255 / var(--tw-border-opacity));
padding: 0.25rem 2.5rem 0.25rem 0.5rem;
position: relative;
cursor: pointer;
}
.thg .custom-select-value:before {
pointer-events: none;
position: absolute;
bottom: 0;
right: 0.5rem;
top: 50%;
display: flex;
--tw-translate-y: -50%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y))
rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
align-items: center;
padding-right: 0.5rem;
}
.thg .custom-select select {
display: none;
}
.thg .custom-select-dropdown {
position: absolute;
right: 0;
bottom: 0;
left: 0;
top: 100%;
z-index: 10;
display: none;
}
.thg .custom-select-dropdown.open {
display: block;
}
.thg .custom-select-options {
border-bottom-right-radius: 0.125rem;
border-bottom-left-radius: 0.125rem;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(255 255 255 / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: rgb(12 63 19 / var(--tw-bg-opacity));
--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1),
0 8px 10px -6px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color),
0 8px 10px -6px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.thg .custom-select-option {
cursor: pointer;
padding: 0.5rem;
}
.thg .custom-select-option:hover {
--tw-bg-opacity: 1;
background-color: rgb(103 176 13 / var(--tw-bg-opacity));
}
.thg #overlay {
visibility: hidden;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 10;
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
--tw-bg-opacity: 0.5;
}
.thg #overlay.show {
visibility: visible;
}
.thg .hero {
--swiper-pagination-color: var(--color-light-green);
--swiper-pagination-bullet-inactive-opacity: 1;
--swiper-navigation-sides-offset: 20px;
opacity: 1 !important;
width: 100%;
margin-right: auto;
margin-left: auto;
padding-right: 1rem;
padding-left: 1rem;
}
@media (min-width: 640px) {
.thg .hero {
max-width: 640px;
}
}
@media (min-width: 768px) {
.thg .hero {
max-width: 768px;
}
}
@media (min-width: 1024px) {
.thg .hero {
max-width: 1024px;
}
}
@media (min-width: 1280px) {
.thg .hero {
max-width: 1280px;
}
}
@media (min-width: 1536px) {
.thg .hero {
max-width: 1536px;
}
}
.thg .hero {
max-width: none;
}
@media (min-width: 1536px) {
.thg .hero {
max-width: 1550px;
}
}
.thg .hero {
margin-top: 26px;
margin-bottom: 26px;
display: flex;
flex-direction: column-reverse;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 0.15s;
}
html .cc_main_body .thg .hero.cc_main_container.cc_tmpl_TwoColRD,
body .cc_main_body .thg .hero.cc_main_container.cc_tmpl_TwoColRD {
margin-top: 0;
}
@media (min-width: 768px) {
.thg .hero {
--swiper-pagination-bullet-inactive-color: var(--color-white);
margin-top: 3.5rem;
margin-bottom: 3.5rem;
gap: 1rem;
}
}
@media (min-width: 1024px) {
.thg .hero {
flex-direction: row;
}
}
.thg .hero__column {
position: relative;
display: flex;
width: 100%;
flex-direction: column;
justify-content: center;
overflow: hidden;
border-radius: 0.375rem;
padding-bottom: 3.5rem;
}
@media (min-width: 768px) {
.thg .hero__column {
max-height: none;
padding-bottom: 0;
}
}
.thg .hero__column:first-child {
padding-bottom: 0;
}
@media (min-width: 1024px) {
.thg .hero__column:first-child {
max-width: 330px;
}
}
.thg .hero__column:first-child .hero__content {
max-width: 100%;
}
.thg .hero__column .swiper {
display: flex;
width: 100%;
flex-direction: column;
justify-content: center;
overflow: hidden;
border-radius: 0.375rem;
}
.thg .hero__column .swiper .hero__content {
padding: 2rem;
}
@media (min-width: 768px) {
.thg .hero__column .swiper .hero__content {
padding-left: 6rem;
padding-right: 6rem;
}
}
.thg .hero__column .swiper-pagination {
margin-bottom: 0.5rem;
width: 100%;
}
@media (min-width: 768px) {
.thg .hero__column .swiper-pagination {
left: 25%;
width: auto;
--tw-translate-x: -25%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y))
rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
}
.thg .hero__column .swiper-button-prev,
.thg .hero__column .swiper-button-next {
display: flex;
height: 3rem;
width: 3rem;
align-items: center;
justify-content: center;
border-radius: 9999px;
border-width: 1px;
border-style: solid;
--tw-border-opacity: 1;
border-color: rgb(12 63 19 / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(12 63 19 / var(--tw-text-opacity));
opacity: 0;
transition-property: all;
transition-duration: 0.3s;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.thg .hero__column .swiper-button-prev:after,
.thg .hero__column .swiper-button-next:after {
display: none;
}
.thg .hero__column .swiper-button-prev i,
.thg .hero__column .swiper-button-next i {
height: 1.25rem;
width: 1.25rem;
--tw-bg-opacity: 1;
background-color: rgb(12 63 19 / var(--tw-bg-opacity));
}
@media (min-width: 768px) {
.thg .hero__column .swiper-button-prev,
.thg .hero__column .swiper-button-next {
opacity: 1;
}
}
.thg .hero__column .swiper-button-prev.swiper-button-disabled,
.thg .hero__column .swiper-button-next.swiper-button-disabled {
pointer-events: all;
cursor: pointer;
}
.thg .hero__content {
display: flex;
height: 100%;
width: 100%;
max-width: none;
flex-direction: column;
justify-content: center;
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
padding: 3rem;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
@media (min-width: 768px) {
.thg .hero__content {
gap: 1rem;
}
}
.thg .hero__slide {
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
align-items: flex-start;
gap: 0px;
}
@media (min-width: 768px) {
.thg .hero__slide {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
.thg .hero__subtitle {
margin: 0;
font-size: 1.5rem;
line-height: 2rem;
font-weight: 400;
text-transform: uppercase;
--tw-text-opacity: 1;
color: rgb(229 231 235 / var(--tw-text-opacity));
}
.thg .hero__description {
margin: 0;
font-size: 0.875rem;
line-height: 1.25rem;
font-weight: 400;
--tw-text-opacity: 1;
color: rgb(229 231 235 / var(--tw-text-opacity));
}
@media (min-width: 768px) {
.thg .hero__description {
font-size: 1.5rem;
line-height: 2rem;
}
}
.thg .hero__title {
margin: 0;
font-family: "refrigerator-deluxe";
/* font-family: Druk, sans-serif; */
font-size: 38px;
font-weight: 500;
text-transform: none;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
@media (min-width: 768px) {
.thg .hero__title {
font-size: 3rem;
line-height: 1;
}
}
.thg .hero__button {
margin-right: auto;
margin-top: 1rem;
display: inline-block;
width: auto;
border-radius: 0.375rem;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(255 255 255 / var(--tw-border-opacity));
background-color: transparent;
padding: 1rem 2rem;
font-family: Proto Grotesk Mono, sans-serif;
font-size: 1.125rem;
line-height: 1.75rem;
font-weight: 500;
text-transform: uppercase;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.thg .hero__button:hover {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.thg .hero__image {
height: 100%;
max-height: 150px;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
@media (min-width: 768px) {
.thg .hero__image {
max-height: none;
}
}
.thg .hero__static-card {
background-image: var(--hero-static-card-bg-image);
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
gap: 1rem;
background-size: cover;
padding: 2rem;
}
.thg .hero__static-card__heading {
margin: 0;
max-width: 50%;
font-family: "refrigerator-deluxe";
/* font-family: Druk, sans-serif; */
font-size: 3rem;
line-height: 1;
font-weight: 500;
text-transform: none;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.thg .hero__static-card__button {
margin-right: auto;
margin-top: 1.5rem;
display: inline-block;
width: auto;
border-radius: 0.375rem;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(255 255 255 / var(--tw-border-opacity));
background-color: transparent;
padding: 1rem 2rem;
font-family: Proto Grotesk Mono, sans-serif;
font-size: 1.125rem;
line-height: 1.75rem;
font-weight: 500;
text-transform: uppercase;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.thg .hero__static-card__button:hover {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.thg .hero__static-card__description {
font-size: 1rem;
line-height: 1.5rem;
font-weight: 400;
}
.thg .hero__static-card__brand-logo {
position: absolute;
top: 2rem;
right: 1rem;
max-height: 64px;
}
.thg .register-card {
background-image: var(--register-card-bg-image);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 1rem;
background-size: cover;
padding: 2rem;
}
.thg .register-card__heading {
text-align: center;
font-family: "refrigerator-deluxe";
/* font-family: Druk, sans-serif; */
font-size: 38px;
font-weight: 500;
line-height: 1.25;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
@media (min-width: 768px) {
.thg .register-card__heading {
max-width: 200px;
font-size: 3.75rem;
line-height: 1.25;
}
}
.thg .register-card__button {
margin-top: 1rem;
display: inline-block;
width: auto;
border-radius: 0.25rem;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(12 63 19 / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: rgb(12 63 19 / var(--tw-bg-opacity));
padding: 1rem 2rem;
font-family: Proto Grotesk Mono, sans-serif;
font-size: 1.25rem;
line-height: 1.75rem;
font-weight: 500;
text-transform: uppercase;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.thg .register-card__button:hover {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.thg .news-grid {
--swiper-pagination-color: var(--color-light-green);
--swiper-pagination-bullet-inactive-opacity: 1;
width: 100%;
margin-right: auto;
margin-left: auto;
padding-right: 1rem;
padding-left: 1rem;
}
@media (min-width: 640px) {
.thg .news-grid {
max-width: 640px;
}
}
@media (min-width: 768px) {
.thg .news-grid {
max-width: 768px;
}
}
@media (min-width: 1024px) {
.thg .news-grid {
max-width: 1024px;
}
}
@media (min-width: 1280px) {
.thg .news-grid {
max-width: 1280px;
}
}
@media (min-width: 1536px) {
.thg .news-grid {
max-width: 1536px;
}
}
.thg .news-grid {
max-width: none;
}
@media (min-width: 1536px) {
.thg .news-grid {
max-width: 1550px;
}
}
.thg .news-grid {
position: relative;
overflow: hidden;
padding-bottom: 2rem;
}
html .cc_main_body .thg .news-grid.cc_main_container.cc_tmpl_TwoColRD,
body .cc_main_body .thg .news-grid.cc_main_container.cc_tmpl_TwoColRD {
margin-top: 0;
}
.thg .news-grid .swiper {
display: flex;
align-items: stretch;
padding-left: 6px;
padding-right: 6px;
padding-bottom: 1rem;
}
.thg .news-grid .swiper .swiper-wrapper {
height: auto;
}
.thg .news-grid .swiper .swiper-wrapper .news-card {
display: flex;
height: 100%;
width: 100%;
flex-direction: column;
}
.thg .news-grid .swiper .swiper-wrapper .news-card__cta {
margin-top: auto;
}
.thg .news-grid .swiper .swiper-wrapper .news-card__body {
height: 100%;
}
.thg .news-card {
box-shadow: 0 0 2px #171a1f1f, 0 4px 9px #171a1f1c;
overflow: hidden;
border-radius: 0.375rem;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.thg .news-card__image {
height: 200px;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.thg .news-card__body {
display: flex;
flex-direction: column;
gap: 0.25rem;
padding: 16px;
}
.thg .news-card__title {
font-family: "refrigerator-deluxe-regular";
/* font-family: Druk, sans-serif; */
font-size: 35px;
font-weight: 500;
}
.thg .news-card__description {
margin-bottom: 1rem;
font-size: 1.125rem;
line-height: 1.75rem;
--tw-text-opacity: 1;
color: rgb(144 149 160 / var(--tw-text-opacity));
}
.thg .news-card__cta {
margin-right: auto;
border-radius: 0.375rem;
--tw-bg-opacity: 1;
background-color: rgb(103 176 13 / var(--tw-bg-opacity));
padding: 0.75rem 1rem;
font-family: "dunbar-text", sans-serif;
/* font-family: Proto Grotesk Mono, sans-serif; */
font-size: 1.125rem;
line-height: 1.75rem;
font-weight: 500;
text-transform: uppercase;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.thg .news-card__cta:hover {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.thg .category-tiles {
width: 100%;
margin-right: auto;
margin-left: auto;
padding-right: 1rem;
padding-left: 1rem;
}
@media (min-width: 640px) {
.thg .category-tiles {
max-width: 640px;
}
}
@media (min-width: 768px) {
.thg .category-tiles {
max-width: 768px;
}
}
@media (min-width: 1024px) {
.thg .category-tiles {
max-width: 1024px;
}
}
@media (min-width: 1280px) {
.thg .category-tiles {
max-width: 1280px;
}
}
@media (min-width: 1536px) {
.thg .category-tiles {
max-width: 1536px;
}
}
.thg .category-tiles {
max-width: none;
}
@media (min-width: 1536px) {
.thg .category-tiles {
max-width: 1550px;
}
}
.thg .category-tiles {
position: relative;
margin-top: 4rem;
margin-bottom: 4rem;
max-width: var(--small-container);
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
}
html .cc_main_body .thg .category-tiles.cc_main_container.cc_tmpl_TwoColRD,
body .cc_main_body .thg .category-tiles.cc_main_container.cc_tmpl_TwoColRD {
margin-top: 0;
}
.thg .category-tiles .category-tiles__heading {
margin-bottom: 1.5rem;
font-family: "refrigerator-deluxe";
/* font-family: Druk Wide, sans-serif; */
font-size: 1.5rem;
line-height: 2rem;
font-weight: 500;
text-transform: uppercase;
--tw-text-opacity: 1;
color: rgb(103 176 13 / var(--tw-text-opacity));
}
@media (min-width: 768px) {
.thg .category-tiles .category-tiles__heading {
font-size: 2.25rem;
line-height: 2.5rem;
line-height: 1.25;
}
}
.thg .category-tiles .category-tiles__grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 0.5rem;
}
@media (min-width: 768px) {
.thg .category-tiles .category-tiles__grid {
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: 1rem;
}
}
.thg .category-tiles .category-tiles__grid__item__link {
display: flex;
height: 100%;
width: 100%;
flex-direction: row;
align-items: center;
gap: 0.5rem;
border-radius: 0.25rem;
border-width: 2px;
--tw-border-opacity: 1;
border-color: rgb(243 244 246 / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: rgb(248 249 250 / var(--tw-bg-opacity));
padding: 0.75rem 0.5rem;
box-shadow: 0 0 2px #171a1f1f, 0 0 1px #171a1f12;
padding-right: 0;
}
.thg .category-tiles .category-tiles__grid__item__link:hover {
border: 2px solid var(--color-light-green);
box-shadow: inset 0 0 5px var(--color-light-green);
}
.thg .category-tiles .category-tiles__grid__item__image {
height: 100%;
max-height: 20px;
width: 100%;
max-width: 20px;
}
.thg .category-tiles .category-tiles__grid__item__name {
font-family: Epilogue, sans-serif;
font-size: 0.75rem;
font-weight: 500;
text-transform: uppercase;
line-height: 1rem;
}
.thg .brand-tiles {
width: 100%;
margin-right: auto;
margin-left: auto;
padding-right: 1rem;
padding-left: 1rem;
}
@media (min-width: 640px) {
.thg .brand-tiles {
max-width: 640px;
}
}
@media (min-width: 768px) {
.thg .brand-tiles {
max-width: 768px;
}
}
@media (min-width: 1024px) {
.thg .brand-tiles {
max-width: 1024px;
}
}
@media (min-width: 1280px) {
.thg .brand-tiles {
max-width: 1280px;
}
}
@media (min-width: 1536px) {
.thg .brand-tiles {
max-width: 1536px;
}
}
.thg .brand-tiles {
max-width: none;
}
@media (min-width: 1536px) {
.thg .brand-tiles {
max-width: 1550px;
}
}
.thg .brand-tiles {
position: relative;
margin-top: 4rem;
margin-bottom: 4rem;
max-width: var(--small-container);
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
}
html .cc_main_body .thg .brand-tiles.cc_main_container.cc_tmpl_TwoColRD,
body .cc_main_body .thg .brand-tiles.cc_main_container.cc_tmpl_TwoColRD {
margin-top: 0;
}
.thg .brand-tiles .brand-tiles__heading {
margin-bottom: 1.5rem;
font-family: "refrigerator-deluxe";
/* font-family: Druk Wide, sans-serif; */
font-size: 1.5rem;
line-height: 2rem;
font-weight: 500;
text-transform: uppercase;
--tw-text-opacity: 1;
color: rgb(103 176 13 / var(--tw-text-opacity));
}
@media (min-width: 768px) {
.thg .brand-tiles .brand-tiles__heading {
font-size: 2.25rem;
line-height: 2.5rem;
line-height: 1.25;
}
}
.thg .brand-tiles .brand-tiles__grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 0.5rem;
}
@media (min-width: 768px) {
.thg .brand-tiles .brand-tiles__grid {
grid-template-columns: repeat(6, minmax(0, 1fr));
gap: 1rem;
}
}
.thg .brand-tiles .brand-tiles__grid__wrapper {
margin-bottom: 1rem;
height: 174px;
overflow-y: hidden;
transition-property: all;
transition-duration: 0.3s;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.thg .brand-tiles .brand-tiles__expand {
display: flex;
align-items: center;
justify-content: center;
gap: 1rem;
font-family: "dunbar-text", sans-serif;
/* font-family: Proto Grotesk, sans-serif; */
font-size: 1.125rem;
line-height: 1.75rem;
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
}
.thg .brand-tiles .brand-tiles__expand .icon {
transition-property: all;
transition-duration: 0.3s;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
html,
body {
font-size: 14px;
margin: 0;
}
html .container-fluid,
html .MyExampleTarget,
html .jsn main.hillman .header-banner,
html .jsn main.hillman .header-banner .hero,
html .cc_main_body .main_page_title,
html .cc_main_body .container.cc_main_container.cc_tmpl_TwoColRD,
html .panel.panel-default.cc_panel.cc_myaccount_profile h3.cc_title,
html .cc_main_body .CC-CartUpload,
html form.phoneLoginForm,
body .container-fluid,
body .MyExampleTarget,
body .jsn main.hillman .header-banner,
body .jsn main.hillman .header-banner .hero,
body .cc_main_body .main_page_title,
body .cc_main_body .container.cc_main_container.cc_tmpl_TwoColRD,
body .panel.panel-default.cc_panel.cc_myaccount_profile h3.cc_title,
body .cc_main_body .CC-CartUpload,
body form.phoneLoginForm {
margin-top: 0 !important;
}
html .cc_main_body #breadcrumb_desktop_container ol.breadcrumb.cc_breadcrumb,
body .cc_main_body #breadcrumb_desktop_container ol.breadcrumb.cc_breadcrumb {
padding-top: 0 !important;
}
html .cc_main_body .acctmainSection,
html .cc_main_body .cartContainer,
body .cc_main_body .acctmainSection,
body .cc_main_body .cartContainer {
margin-top: 3.5rem;
}
:root {
--small-container: 1145px;
}
.thg .hover\:text-light-green:hover {
--tw-text-opacity: 1;
color: rgb(103 176 13 / var(--tw-text-opacity));
}
@media not all and (min-width: 1280px) {
.thg .max-xl\:hidden {
display: none;
}
}
@media not all and (min-width: 1024px) {
.thg .max-lg\:hidden {
display: none;
}
}
@media not all and (min-width: 768px) {
.thg .max-md\:hidden {
display: none;
}
.thg .max-md\:max-w-\[130px\] {
max-width: 130px;
}
}
@media (min-width: 768px) {
.thg .md\:\!flex {
display: flex !important;
}
.thg .md\:hidden {
display: none;
}
}
@media (min-width: 1024px) {
.thg .lg\:hidden {
display: none;
}
}