BEST GROWING PRODUCTS & BRANDS

Discuss your favorite growing brands, compare products and share recommendations based on real experiences. Talk about equipment, supplies and brands that have worked well for your grow setup.

Thread title Replies / Views Latest

No threads have been posted here yet. Be the first to start a discussion.

/*# sourceURL=wp-img-auto-sizes-contain-inline-css */ img:is([sizes=auto i],[sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px; } /*# sourceURL=wp-emoji-styles-inline-css */ img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 .07em !important; vertical-align: -.1em !important; background: none !important; padding: 0 !important; } /*# sourceURL=/wp-includes/css/dist/block-library/common.min.css */ :root { --wp-block-synced-color: #7a00df; --wp-block-synced-color--rgb: 122, 0, 223; --wp-bound-block-color: var(--wp-block-synced-color); --wp-editor-canvas-background: #ddd; --wp-admin-theme-color: #007cba; --wp-admin-theme-color--rgb: 0, 124, 186; --wp-admin-theme-color-darker-10: #006ba1; --wp-admin-theme-color-darker-10--rgb: 0, 107, 160.5; --wp-admin-theme-color-darker-20: #005a87; --wp-admin-theme-color-darker-20--rgb: 0, 90, 135; --wp-admin-border-width-focus: 2px; } @media (min-resolution:192dpi) { :root { --wp-admin-border-width-focus: 1.5px; } } .wp-element-button { cursor: pointer; } :root .has-very-light-gray-background-color { background-color: #eee; } :root .has-very-dark-gray-background-color { background-color: #313131; } :root .has-very-light-gray-color { color: #eee; } :root .has-very-dark-gray-color { color: #313131; } :root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background { background: linear-gradient(135deg, #00d084, #0693e3); } :root .has-purple-crush-gradient-background { background: linear-gradient(135deg, #34e2e4, #4721fb 50%, #ab1dfe); } :root .has-hazy-dawn-gradient-background { background: linear-gradient(135deg, #faaca8, #dad0ec); } :root .has-subdued-olive-gradient-background { background: linear-gradient(135deg, #fafae1, #67a671); } :root .has-atomic-cream-gradient-background { background: linear-gradient(135deg, #fdd79a, #004a59); } :root .has-nightshade-gradient-background { background: linear-gradient(135deg, #330968, #31cdcf); } :root .has-midnight-gradient-background { background: linear-gradient(135deg, #020381, #2874fc); } :root { --wp--preset--font-size--normal: 16px; --wp--preset--font-size--huge: 42px; } .has-regular-font-size { font-size: 1em; } .has-larger-font-size { font-size: 2.625em; } .has-normal-font-size { font-size: var(--wp--preset--font-size--normal); } .has-huge-font-size { font-size: var(--wp--preset--font-size--huge); } :root .has-text-align-center { text-align: center; } :root .has-text-align-left { text-align: left; } :root .has-text-align-right { text-align: right; } .has-fit-text { white-space: nowrap !important; } #end-resizable-editor-section { display: none; } .aligncenter { clear: both; } .items-justified-left { justify-content: flex-start; } .items-justified-center { justify-content: center; } .items-justified-right { justify-content: flex-end; } .items-justified-space-between { justify-content: space-between; } .screen-reader-text { word-wrap: normal !important; border: 0; clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-break: normal !important; } .screen-reader-text:focus { background-color: #ddd; clip-path: none; color: #444; display: block; font-size: 1em; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; } html :where(.has-border-color) { border-style: solid; } html :where([style^=border-color],[style*=";border-color"],[style*="; border-color"]) { border-style: solid; } html :where([style^=border-top-color],[style*=";border-top-color"],[style*="; border-top-color"]) { border-top-style: solid; } html :where([style^=border-right-color],[style*=";border-right-color"],[style*="; border-right-color"]) { border-right-style: solid; } html :where([style^=border-bottom-color],[style*=";border-bottom-color"],[style*="; border-bottom-color"]) { border-bottom-style: solid; } html :where([style^=border-left-color],[style*=";border-left-color"],[style*="; border-left-color"]) { border-left-style: solid; } html :where([style^=border-width],[style*=";border-width"],[style*="; border-width"]) { border-style: solid; } html :where([style^=border-top-width],[style*=";border-top-width"],[style*="; border-top-width"]) { border-top-style: solid; } html :where([style^=border-right-width],[style*=";border-right-width"],[style*="; border-right-width"]) { border-right-style: solid; } html :where([style^=border-bottom-width],[style*=";border-bottom-width"],[style*="; border-bottom-width"]) { border-bottom-style: solid; } html :where([style^=border-left-width],[style*=";border-left-width"],[style*="; border-left-width"]) { border-left-style: solid; } html :where(img[class*=wp-image-]) { height: auto; max-width: 100%; } :where(figure) { margin: 0 0 1em; } html :where(.is-position-sticky) { --wp-admin--admin-bar--position-offset: var(--wp-admin--admin-bar--height, 0px); } @media screen and (max-width:600px) { html :where(.is-position-sticky) { --wp-admin--admin-bar--position-offset: 0px; } } /*# sourceURL=global-styles-inline-css */ :root { --wp--preset--aspect-ratio--square: 1; --wp--preset--aspect-ratio--4-3: 4/3; --wp--preset--aspect-ratio--3-4: 3/4; --wp--preset--aspect-ratio--3-2: 3/2; --wp--preset--aspect-ratio--2-3: 2/3; --wp--preset--aspect-ratio--16-9: 16/9; --wp--preset--aspect-ratio--9-16: 9/16; --wp--preset--color--black: #000; --wp--preset--color--cyan-bluish-gray: #abb8c3; --wp--preset--color--white: #fff; --wp--preset--color--pale-pink: #f78da7; --wp--preset--color--vivid-red: #cf2e2e; --wp--preset--color--luminous-vivid-orange: #ff6900; --wp--preset--color--luminous-vivid-amber: #fcb900; --wp--preset--color--light-green-cyan: #7bdcb5; --wp--preset--color--vivid-green-cyan: #00d084; --wp--preset--color--pale-cyan-blue: #8ed1fc; --wp--preset--color--vivid-cyan-blue: #0693e3; --wp--preset--color--vivid-purple: #9b51e0; --wp--preset--color--primary: #437f27; --wp--preset--color--secondary: #555; --wp--preset--color--success: #627d47; --wp--preset--color--alert: #b20000; --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg, #0693e3 0%, #9b51e0 100%); --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg, #7adcb4 0%, #00d082 100%); --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg, #fcb900 0%, #ff6900 100%); --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg, #ff6900 0%, #cf2e2e 100%); --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg, #eee 0%, #a9b8c3 100%); --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg, #4aeadc 0%, #9778d1 20%, #cf2aba 40%, #ee2c82 60%, #fb6962 80%, #fef84c 100%); --wp--preset--gradient--blush-light-purple: linear-gradient(135deg, #ffceec 0%, #9896f0 100%); --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg, #fecda5 0%, #fe2d2d 50%, #6b003e 100%); --wp--preset--gradient--luminous-dusk: linear-gradient(135deg, #ffcb70 0%, #c751c0 50%, #4158d0 100%); --wp--preset--gradient--pale-ocean: linear-gradient(135deg, #fff5cb 0%, #b6e3d4 50%, #33a7b5 100%); --wp--preset--gradient--electric-grass: linear-gradient(135deg, #caf880 0%, #71ce7e 100%); --wp--preset--gradient--midnight: linear-gradient(135deg, #020381 0%, #2874fc 100%); --wp--preset--font-size--small: 13px; --wp--preset--font-size--medium: 20px; --wp--preset--font-size--large: 36px; --wp--preset--font-size--x-large: 42px; --wp--preset--spacing--20: .44rem; --wp--preset--spacing--30: .67rem; --wp--preset--spacing--40: 1rem; --wp--preset--spacing--50: 1.5rem; --wp--preset--spacing--60: 2.25rem; --wp--preset--spacing--70: 3.38rem; --wp--preset--spacing--80: 5.06rem; --wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, .2); --wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, .4); --wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, .2); --wp--preset--shadow--outlined: 6px 6px 0px -3px #fff, 6px 6px #000; --wp--preset--shadow--crisp: 6px 6px 0px #000; } .wp-block-button { --wp--preset--dimension--25: 25%; --wp--preset--dimension--50: 50%; --wp--preset--dimension--75: 75%; --wp--preset--dimension--100: 100%; } :where(body) { margin: 0; } .wp-site-blocks > .alignleft { float: left; margin-right: 2em; } .wp-site-blocks > .alignright { float: right; margin-left: 2em; } .wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; } :where(.is-layout-flex) { gap: .5em; } :where(.is-layout-grid) { gap: .5em; } .is-layout-flow > .alignleft { float: left; margin-inline-start: 0; margin-inline-end: 2em; } .is-layout-flow > .alignright { float: right; margin-inline-start: 2em; margin-inline-end: 0; } .is-layout-flow > .aligncenter { margin-left: auto !important; margin-right: auto !important; } .is-layout-constrained > .alignleft { float: left; margin-inline-start: 0; margin-inline-end: 2em; } .is-layout-constrained > .alignright { float: right; margin-inline-start: 2em; margin-inline-end: 0; } .is-layout-constrained > .aligncenter { margin-left: auto !important; margin-right: auto !important; } .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { margin-left: auto !important; margin-right: auto !important; } body .is-layout-flex { display: flex; } .is-layout-flex { flex-wrap: wrap; align-items: center; } .is-layout-flex > :is(*, div) { margin: 0; } body .is-layout-grid { display: grid; } .is-layout-grid > :is(*, div) { margin: 0; } body { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } a:where(:not(.wp-element-button)) { text-decoration: none; } :root :where(.wp-element-button, .wp-block-button__link) { background-color: #32373c; border-width: 0; color: #fff; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; letter-spacing: inherit; line-height: inherit; padding-top: calc(.667em + 2px); padding-right: calc(1.333em + 2px); padding-bottom: calc(.667em + 2px); padding-left: calc(1.333em + 2px); text-decoration: none; text-transform: inherit; } .has-black-color { color: var(--wp--preset--color--black) !important; } .has-cyan-bluish-gray-color { color: var(--wp--preset--color--cyan-bluish-gray) !important; } .has-white-color { color: var(--wp--preset--color--white) !important; } .has-pale-pink-color { color: var(--wp--preset--color--pale-pink) !important; } .has-vivid-red-color { color: var(--wp--preset--color--vivid-red) !important; } .has-luminous-vivid-orange-color { color: var(--wp--preset--color--luminous-vivid-orange) !important; } .has-luminous-vivid-amber-color { color: var(--wp--preset--color--luminous-vivid-amber) !important; } .has-light-green-cyan-color { color: var(--wp--preset--color--light-green-cyan) !important; } .has-vivid-green-cyan-color { color: var(--wp--preset--color--vivid-green-cyan) !important; } .has-pale-cyan-blue-color { color: var(--wp--preset--color--pale-cyan-blue) !important; } .has-vivid-cyan-blue-color { color: var(--wp--preset--color--vivid-cyan-blue) !important; } .has-vivid-purple-color { color: var(--wp--preset--color--vivid-purple) !important; } .has-primary-color { color: var(--wp--preset--color--primary) !important; } .has-secondary-color { color: var(--wp--preset--color--secondary) !important; } .has-success-color { color: var(--wp--preset--color--success) !important; } .has-alert-color { color: var(--wp--preset--color--alert) !important; } .has-black-background-color { background-color: var(--wp--preset--color--black) !important; } .has-cyan-bluish-gray-background-color { background-color: var(--wp--preset--color--cyan-bluish-gray) !important; } .has-white-background-color { background-color: var(--wp--preset--color--white) !important; } .has-pale-pink-background-color { background-color: var(--wp--preset--color--pale-pink) !important; } .has-vivid-red-background-color { background-color: var(--wp--preset--color--vivid-red) !important; } .has-luminous-vivid-orange-background-color { background-color: var(--wp--preset--color--luminous-vivid-orange) !important; } .has-luminous-vivid-amber-background-color { background-color: var(--wp--preset--color--luminous-vivid-amber) !important; } .has-light-green-cyan-background-color { background-color: var(--wp--preset--color--light-green-cyan) !important; } .has-vivid-green-cyan-background-color { background-color: var(--wp--preset--color--vivid-green-cyan) !important; } .has-pale-cyan-blue-background-color { background-color: var(--wp--preset--color--pale-cyan-blue) !important; } .has-vivid-cyan-blue-background-color { background-color: var(--wp--preset--color--vivid-cyan-blue) !important; } .has-vivid-purple-background-color { background-color: var(--wp--preset--color--vivid-purple) !important; } .has-primary-background-color { background-color: var(--wp--preset--color--primary) !important; } .has-secondary-background-color { background-color: var(--wp--preset--color--secondary) !important; } .has-success-background-color { background-color: var(--wp--preset--color--success) !important; } .has-alert-background-color { background-color: var(--wp--preset--color--alert) !important; } .has-black-border-color { border-color: var(--wp--preset--color--black) !important; } .has-cyan-bluish-gray-border-color { border-color: var(--wp--preset--color--cyan-bluish-gray) !important; } .has-white-border-color { border-color: var(--wp--preset--color--white) !important; } .has-pale-pink-border-color { border-color: var(--wp--preset--color--pale-pink) !important; } .has-vivid-red-border-color { border-color: var(--wp--preset--color--vivid-red) !important; } .has-luminous-vivid-orange-border-color { border-color: var(--wp--preset--color--luminous-vivid-orange) !important; } .has-luminous-vivid-amber-border-color { border-color: var(--wp--preset--color--luminous-vivid-amber) !important; } .has-light-green-cyan-border-color { border-color: var(--wp--preset--color--light-green-cyan) !important; } .has-vivid-green-cyan-border-color { border-color: var(--wp--preset--color--vivid-green-cyan) !important; } .has-pale-cyan-blue-border-color { border-color: var(--wp--preset--color--pale-cyan-blue) !important; } .has-vivid-cyan-blue-border-color { border-color: var(--wp--preset--color--vivid-cyan-blue) !important; } .has-vivid-purple-border-color { border-color: var(--wp--preset--color--vivid-purple) !important; } .has-primary-border-color { border-color: var(--wp--preset--color--primary) !important; } .has-secondary-border-color { border-color: var(--wp--preset--color--secondary) !important; } .has-success-border-color { border-color: var(--wp--preset--color--success) !important; } .has-alert-border-color { border-color: var(--wp--preset--color--alert) !important; } .has-vivid-cyan-blue-to-vivid-purple-gradient-background { background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important; } .has-light-green-cyan-to-vivid-green-cyan-gradient-background { background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important; } .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background { background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important; } .has-luminous-vivid-orange-to-vivid-red-gradient-background { background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important; } .has-very-light-gray-to-cyan-bluish-gray-gradient-background { background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important; } .has-cool-to-warm-spectrum-gradient-background { background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important; } .has-blush-light-purple-gradient-background { background: var(--wp--preset--gradient--blush-light-purple) !important; } .has-blush-bordeaux-gradient-background { background: var(--wp--preset--gradient--blush-bordeaux) !important; } .has-luminous-dusk-gradient-background { background: var(--wp--preset--gradient--luminous-dusk) !important; } .has-pale-ocean-gradient-background { background: var(--wp--preset--gradient--pale-ocean) !important; } .has-electric-grass-gradient-background { background: var(--wp--preset--gradient--electric-grass) !important; } .has-midnight-gradient-background { background: var(--wp--preset--gradient--midnight) !important; } .has-small-font-size { font-size: var(--wp--preset--font-size--small) !important; } .has-medium-font-size { font-size: var(--wp--preset--font-size--medium) !important; } .has-large-font-size { font-size: var(--wp--preset--font-size--large) !important; } .has-x-large-font-size { font-size: var(--wp--preset--font-size--x-large) !important; } /*# sourceURL=cbz-forum-navigation-inline-css */ /* CWV: defer rendering work for below-the-fold forum modules. */ .cbz-member-photos, .cbz-sidebar-latest-posts, .cbz-forum-right-sidebar .cbz-dynamic-image-ad, .cbz-forum-right-sidebar .cbz-dynamic-featured-content { content-visibility: auto; contain-intrinsic-size: auto 420px; } /* ===================================================== PAGE WIDTH Reference layout: large centered white forum area with left forum list and narrower right advertising/widget column. ===================================================== */ .cbz-grow-forum-page, .cbz-grow-forum-page *, .cbz-grow-forum-page *::before, .cbz-grow-forum-page *::after { box-sizing: border-box; } html {} body {} body > #wrapper, body > .wrapper, #wrapper {} #main {} .cbz-grow-forum-page { position: relative; width: min(1240px, calc(100vw - 70px)); max-width: none; margin: 0 0 0 50%; transform: translateX(-50%); padding: 10px 0 22px; color: #333; background: #fff; min-height: 0; } .cbz-forum-breadcrumbs { display: flex; align-items: center; flex-wrap: wrap; gap: 0; margin: 0 0 22px; padding: 0 0 12px; color: #414141; font-size: 19px; line-height: 1.5; } .cbz-forum-breadcrumbs a { color: #555 !important; text-decoration: none !important; font-weight: 400; } .cbz-forum-breadcrumbs a:hover { color: #5d913d !important; } .cbz-forum-breadcrumb-separator { margin: 0 11px; color: #b7b7b7; } .cbz-forum-breadcrumb-current { color: #000; font-weight: 400; } /* Main Grow Forum promotional banner. */ .cbz-forum-home-banner { width: 100%; margin: 0 auto; padding: 20px 0; box-sizing: border-box; text-align: center; line-height: 0; } .cbz-forum-home-banner img { display: block; width: 100%; max-width: 1000px; height: auto; margin: 0 auto; border: 0; } .cbz-forum-home-banner-top { height: 200px; padding: 10px 0; overflow: hidden; display: flex; align-items: center; justify-content: center; box-sizing: border-box; } .cbz-forum-home-banner-top img { width: 100%; max-width: 1000px; height: 180px; max-height: 180px; object-fit: contain; object-position: center; opacity: 1; transform: translateX(0); transition: opacity .45s ease, transform .45s ease; will-change: opacity, transform; } .cbz-forum-home-banner-top img.cbz-banner-fade-out { opacity: 0; transform: translateX(-18px); } .cbz-forum-home-banner-top img.cbz-banner-fade-in { animation: cbzForumBannerFadeIn .5s ease both; } @keyframes cbzForumBannerFadeIn { from { opacity: 0; transform: translateX(18px); } to { opacity: 1; transform: translateX(0); } } @media (prefers-reduced-motion: reduce) { .cbz-forum-home-banner-top img { transition: none !important; animation: none !important; transform: none !important; } } .cbz-forum-home-banner-bottom { margin: 0 auto; padding-top: 30px; padding-bottom: -10px; } .cbz-forum-home-banner-bottom img { padding-top: 20px; box-sizing: border-box; } @media (min-width: 768px) and (max-width: 1100px) { .cbz-forum-home-banner-top { height: 175px; padding: 9px 0; } .cbz-forum-home-banner-top img { height: 157px; max-height: 157px; } } @media (max-width: 767px) { .cbz-forum-home-banner { padding: 2px 0; } /* Mobile: let the banner use its natural aspect ratio so there is almost no artificial white space above or below the creative. */ .cbz-forum-home-banner-top { height: auto; min-height: 0; padding: 2px 0; margin: 0 auto; } .cbz-forum-home-banner-top img { width: 100%; height: auto; max-height: none; margin: 0 auto; object-fit: contain; object-position: center; } .cbz-forum-home-banner-bottom { margin: 0 auto -30px !important; padding-top: 27px !important; padding-bottom: 0 !important; } .cbz-forum-home-banner-bottom img { padding-top: 0 !important; margin-bottom: 0 !important; } /* Keep the final forum banner visually close to the site footer on mobile. */ .cbz-grow-forum-page.cbz-grow-forum-child { padding-bottom: 0 !important; margin-bottom: 0 !important; } .cbz-grow-forum-page.cbz-grow-forum-child .cbz-forum-child-content { margin-bottom: 0 !important; padding-bottom: 0 !important; } } /* v3.5.89: Child/category pages should size to their content. Using min-height:100vh on these pages created an increasingly large blank area below the bottom banner when the browser was zoomed out. */ .cbz-grow-forum-page.cbz-grow-forum-child { min-height: 0; padding-bottom: 0; } .cbz-grow-forum-page.cbz-grow-forum-child .cbz-forum-child-content { min-height: 0; } /* ===================================================== FORUM TOP NAVIGATION BAR ===================================================== */ .cbz-forum-main-nav { display: flex; align-items: center; justify-content: space-between; width: 100%; min-height: 54px; margin: -24px 0 22px; padding: 0 14px; background: #356800; } .cbz-forum-main-nav a { display: flex; align-items: center; justify-content: center; min-height: 54px; padding: 0 10px; color: #fff !important; font-size: 13px; line-height: 1; font-weight: 700; text-decoration: none !important; white-space: nowrap; } .cbz-forum-main-nav a:hover { color: #fff !important; background: rgba(0, 0, 0, .1); } .cbz-forum-shell { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 24px; width: 100%; align-items: start; background: #fff; } .cbz-forum-left-column { min-width: 0; width: 100%; } .cbz-forum-right-sidebar { width: 100%; min-width: 0; min-height: 0; } .cbz-forum-sidebar-static-banner { width: 100%; margin: 18px 0; line-height: 0; overflow: hidden; background: #fff; } .cbz-forum-sidebar-static-banner img { display: block; width: 100%; height: auto; margin: 0; border: 0; } /* ===================================================== BOARD TITLE ===================================================== */ .cbz-forum-topbar { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin: 0 0 13px; } .cbz-forum-board-title { min-width: 0; margin: 0; color: #111; font-size: 25px; line-height: 1.25; font-weight: 400; } .cbz-forum-actions { display: flex; align-items: center; justify-content: flex-end; gap: 6px; flex: 0 0 auto; } .cbz-forum-sidebar-actions { width: 100%; margin: 0 0 12px; justify-content: flex-end; } .cbz-forum-action { display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-height: 38px; padding: 8px 13px; border: 0; border-radius: 8px; color: #fff !important; font-size: 12px; line-height: 1; font-weight: 700; text-decoration: none !important; white-space: nowrap; box-shadow: none; transition: opacity .15s ease, transform .15s ease; } .cbz-forum-action:hover { color: #fff !important; opacity: .9; transform: translateY(-1px); } .cbz-forum-action-new { background: #173d0c; } .cbz-forum-action-thread { background: #050505; } .cbz-action-icon { display: inline-flex; align-items: center; justify-content: center; font-size: 16px; line-height: 1; } .cbz-compose-icon { width: 16px; height: 16px; border: 1px solid rgba(255, 255, 255, .85); border-radius: 2px; font-size: 13px; font-weight: 700; } /* ===================================================== SECTIONS ===================================================== */ .cbz-board-section { width: 100%; margin: 0 0 24px; padding: 0; border: 0; background: #fff; } .cbz-board-section-header { width: 100%; padding: 12px 14px; background: #5d913d; color: #fff; font-size: 13px; line-height: 1.2; font-weight: 700; text-transform: uppercase; } /* ===================================================== FORUM ROWS ===================================================== */ .cbz-board-row { position: relative; display: grid; grid-template-columns: minmax(330px, 1.45fr) 145px minmax(230px, .95fr); align-items: center; min-height: 76px; padding: 0 14px; border-bottom: 1px solid #e7e7e7; background: #fff; color: inherit !important; text-decoration: none !important; transition: background-color .15s ease; } .cbz-board-row:hover { background: #fafcf8; } .cbz-board-row-active { background: #f7faf4; } .cbz-board-row-active::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: #5d913d; } /* ===================================================== LEFT FORUM CELL ===================================================== */ .cbz-board-forum { display: flex; align-items: center; gap: 12px; min-width: 0; padding: 10px 8px 10px 0; } .cbz-board-icon { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; min-width: 36px; overflow: hidden; border-radius: 50%; background: #5d9d19; color: #fff; font-size: 17px; line-height: 1; } .cbz-board-copy { display: block; min-width: 0; } .cbz-board-forum-title { display: block; margin: 0 0 3px; color: #518b2c; font-size: 16px; line-height: 1.25; font-weight: 700; } .cbz-board-forum-description { display: block; overflow: hidden; max-width: 430px; color: #777; font-size: 11px; line-height: 1.35; white-space: nowrap; text-overflow: ellipsis; } .cbz-board-row:hover .cbz-board-forum-title { color: #3f751f; } /* ===================================================== THREADS / MESSAGES ===================================================== */ .cbz-board-stats { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; align-items: center; text-align: center; } .cbz-board-stat { display: block; } .cbz-board-stat-label, .cbz-board-stat-value { display: block; } .cbz-board-stat-label { margin-bottom: 2px; color: #777; font-size: 10px; line-height: 1.2; } .cbz-board-stat-value { color: #222; font-size: 11px; line-height: 1.2; font-weight: 500; } /* ===================================================== LATEST DISCUSSION CELL ===================================================== */ .cbz-board-latest { display: flex; align-items: center; gap: 9px; min-width: 0; padding: 9px 0 9px 12px; } .cbz-latest-avatar { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; min-width: 36px; border-radius: 50%; background: #eef5e9; font-size: 15px; } .cbz-latest-copy { display: block; min-width: 0; } .cbz-latest-title, .cbz-latest-meta { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .cbz-latest-title { margin-bottom: 3px; color: #579033; font-size: 11px; line-height: 1.25; font-weight: 500; } .cbz-latest-meta { color: #777; font-size: 10px; line-height: 1.25; } /* PHOTO OF THE MONTH */ .cbz-photo-month { width: 100%; margin: 0 0 22px; padding: 0; background: #fff; border: 0; } .cbz-photo-month-heading { display: flex; align-items: center; gap: 10px; width: 100%; min-height: 40px; box-sizing: border-box; margin: 0 0 12px; padding: 9px 12px; background: #5d913d; color: #fff; font-size: 15px; line-height: 1.2; font-weight: 500; } .cbz-photo-month-icon { font-size: 26px; line-height: 1; font-weight: 700; letter-spacing: -5px; margin-right: 4px; } .cbz-photo-month-image { display: block; width: 100%; overflow: hidden; background: #eef4e9; text-decoration: none !important; } .cbz-photo-month-image img { display: block; width: 100%; height: auto; max-height: 360px; margin: 0 !important; padding: 0 !important; object-fit: cover; } .cbz-photo-month-title { display: block; margin: 9px 0 0; color: #579033 !important; font-size: 16px; line-height: 1.3; font-weight: 700; text-decoration: none !important; } .cbz-photo-month-title:hover { text-decoration: underline !important; } /* MEMBER PHOTOS */ .cbz-member-photos { width: 100%; margin: 0 0 20px; padding: 0; background: #fff; border: 0; } .cbz-member-photos-heading { display: flex; align-items: center; gap: 8px; width: 100%; min-height: 34px; box-sizing: border-box; margin: 0; padding: 8px 12px; background: #5d913d; color: #fff; font-size: 12px; line-height: 1.2; font-weight: 700; letter-spacing: .1px; } .cbz-member-photos-camera { position: relative; display: inline-block; width: 16px; height: 12px; min-width: 16px; overflow: hidden; border-radius: 1px; background: #fff; color: transparent; font-size: 0; } .cbz-member-photos-camera:before { content: ""; position: absolute; left: 5px; top: 3px; width: 6px; height: 6px; box-sizing: border-box; border: 2px solid #5d913d; border-radius: 50%; } .cbz-member-photos-camera:after { content: ""; position: absolute; left: 3px; top: -2px; width: 6px; height: 4px; border-radius: 1px 1px 0 0; background: #fff; } .cbz-member-photos-stage { position: relative; width: 100%; box-sizing: border-box; padding: 12px 0 0; overflow: hidden; background: #fff; } .cbz-member-photos-track { display: grid; grid-auto-flow: column; grid-auto-columns: calc(( 100% - 16px ) / 3); justify-content: start; gap: 8px; width: 100%; box-sizing: border-box; overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory; scroll-behavior: smooth; scrollbar-width: none; -ms-overflow-style: none; } .cbz-member-photos-track::-webkit-scrollbar { display: none; } .cbz-member-photo { display: block; width: 100%; aspect-ratio: 1/1; overflow: hidden; scroll-snap-align: start; background: #eef4e9; border: 1px solid #e4e4e4; box-sizing: border-box; text-decoration: none !important; } .cbz-member-photo img { display: block; width: 100%; height: 100%; margin: 0 !important; padding: 0 !important; object-fit: cover; transition: transform .2s ease; } .cbz-member-photo:hover img { transform: scale(1.04); } .cbz-member-photos-arrow { position: absolute; z-index: 5; top: calc(50% + 6px); transform: translateY(-50%); display: flex; align-items: center; justify-content: center; width: 28px; height: 48px; margin: 0; padding: 0; border: 0; border-radius: 0; background: rgba(35, 35, 35, .48); color: #fff; box-shadow: none; font-size: 32px; line-height: 1; font-weight: 300; cursor: pointer; } .cbz-member-photos-arrow[hidden] { display: none !important; } .cbz-member-photos-prev { left: 0; } .cbz-member-photos-next { right: 0; } .cbz-member-photos-arrow:hover { background: rgba(35, 35, 35, .68); } /* LATEST POSTS */ .cbz-sidebar-latest-posts { width: 100%; margin: 0 0 24px; padding: 0; background: #fff; } .cbz-sidebar-latest-heading { display: flex; align-items: center; gap: 9px; width: 100%; box-sizing: border-box; padding: 9px 12px; border-bottom: 3px solid #5d913d; background: #5d913d; color: #fff; font-size: 14px; line-height: 1.2; font-weight: 600; } .cbz-sidebar-latest-heading > span:first-child { font-size: 18px; line-height: 1; } .cbz-sidebar-latest-list { padding: 3px 0 0; } .cbz-sidebar-latest-item { display: flex; align-items: flex-start; gap: 11px; padding: 13px 6px; border-bottom: 1px solid #e6e6e6; } .cbz-sidebar-latest-avatar { display: block; width: 42px; height: 42px; min-width: 42px; border-radius: 50%; overflow: hidden; text-decoration: none !important; } .cbz-sidebar-latest-avatar img { display: block; width: 42px; height: 42px; margin: 0 !important; border-radius: 50%; object-fit: cover; } .cbz-sidebar-latest-copy { min-width: 0; flex: 1; } .cbz-sidebar-latest-title { display: block; margin: 0 0 4px; color: #579033 !important; font-size: 14px; line-height: 1.35; font-weight: 500; text-decoration: none !important; overflow-wrap: anywhere; } .cbz-sidebar-latest-title:hover { text-decoration: underline !important; } .cbz-sidebar-latest-meta, .cbz-sidebar-latest-forum { color: #777; font-size: 10px; line-height: 1.35; } .cbz-sidebar-latest-forum { margin-top: 2px; } /* STATIC REWARD PROGRAMS */ .cbz-forum-rewards { width: 100%; margin: 28px 0 30px; } .cbz-forum-rewards-heading { margin: 0 0 10px; padding: 9px 11px; border-bottom: 2px solid #5d913d; background: #5d913d; color: #fff; font-size: 12px; line-height: 1.2; font-weight: 700; } .cbz-forum-reward-list { display: grid; grid-template-columns: 1fr; gap: 10px; } .cbz-forum-reward-card { padding: 13px 12px 12px; border: 1px solid #d9e0e4; border-radius: 5px; background: #fff; } .cbz-forum-reward-top { display: flex; align-items: flex-start; gap: 9px; } .cbz-forum-reward-icon { display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; min-width: 28px; font-size: 18px; line-height: 1; } .cbz-forum-reward-info { min-width: 0; } .cbz-forum-reward-info strong { display: block; color: #222; font-size: 13px; line-height: 1.3; font-weight: 700; } .cbz-forum-reward-info small { display: block; margin-top: 3px; color: #666; font-size: 9px; line-height: 1.3; } .cbz-forum-reward-benefits { margin: 10px 0 0 37px !important; padding: 0 !important; list-style: disc outside !important; } .cbz-forum-reward-benefits li { margin: 0 0 5px !important; padding: 0 !important; color: #333; font-size: 9px; line-height: 1.4; } /* NEW BLOGS */ .cbz-new-blogs { width: 100%; margin: 0 0 26px; border-top: 2px solid #5d913d; } .cbz-new-blogs-heading { display: inline-block; margin-top: -2px; padding: 8px 12px; background: #5d913d; color: #fff; font-size: 12px; font-weight: 700; } .cbz-new-blog-item { display: flex; gap: 10px; align-items: flex-start; padding: 12px 7px; border-bottom: 1px solid #e6e6e6; } .cbz-new-blog-thumb { display: flex; align-items: center; justify-content: center; width: 58px; height: 48px; min-width: 58px; overflow: hidden; background: #eef4e9; text-decoration: none !important; } .cbz-new-blog-thumb img { width: 58px; height: 48px; object-fit: cover; margin: 0; } .cbz-new-blog-title { display: block; color: #518b2c !important; font-size: 12px; line-height: 1.35; font-weight: 600; text-decoration: none !important; } .cbz-new-blog-item small { display: block; margin-top: 4px; color: #888; font-size: 9px; } /* DYNAMIC SIDEBAR */ .cbz-dynamic-image-ad { width: 100%; margin: 0 0 24px; } .cbz-dynamic-image-ad a { display: block; text-decoration: none !important; } .cbz-dynamic-image-ad img { display: block; width: 100%; height: auto; margin: 0; } .cbz-dynamic-featured { width: 100%; margin: 0 0 24px; border-bottom: 2px solid #5d913d; } .cbz-dynamic-featured-heading { display: inline-block; padding: 8px 12px; background: #5d913d; color: #fff; font-size: 12px; font-weight: 700; } .cbz-dynamic-featured-body { display: flex; gap: 10px; padding: 10px 8px 15px; } .cbz-dynamic-featured-icon { display: inline-flex; align-items: center; justify-content: center; width: 29px; height: 29px; min-width: 29px; border-radius: 50%; background: #5d9d19; } .cbz-dynamic-featured-copy a { text-decoration: none !important; color: #518b2c !important; } .cbz-dynamic-featured-copy strong { display: block; color: #518b2c; font-size: 13px; line-height: 1.35; } .cbz-dynamic-featured-copy p { margin: 5px 0 0 !important; color: #777; font-size: 10px; line-height: 1.45; } /* COMPACT STATIC REWARDS PROMO */ .cbz-rewards-promo { width: 100%; margin: 6px 0 24px; padding: 0; border: 0; background: transparent; } .cbz-rewards-promo-link { display: flex; align-items: center; gap: 12px; width: 100%; box-sizing: border-box; padding: 16px 14px; border: 0; border-radius: 4px; background: #eef6e9; text-decoration: none !important; } .cbz-rewards-promo-link:hover { background: #e6f1df; text-decoration: none !important; } .cbz-rewards-promo-icon { display: flex; align-items: center; justify-content: center; width: 42px; height: 42px; min-width: 42px; border-radius: 50%; background: #5d913d; font-size: 20px; line-height: 1; } .cbz-rewards-promo-copy { display: block; min-width: 0; } .cbz-rewards-promo-copy strong { display: block; margin: 0 0 4px; color: #315f25; font-size: 14px; line-height: 1.25; font-weight: 700; } .cbz-rewards-promo-copy small { display: block; margin: 0 0 9px; color: #555; font-size: 9px; line-height: 1.4; } .cbz-rewards-promo-button { display: inline-block; padding: 6px 9px; border-radius: 3px; background: #5d913d; color: #fff; font-size: 9px; line-height: 1; font-weight: 700; } /* ===================================================== RIGHT SIDEBAR UI POLISH Full-width section titles, clean white content, no extra borders. ===================================================== */ .cbz-forum-right-sidebar { background: #fff; } .cbz-forum-right-sidebar > *:last-child { margin-bottom: 0 !important; } .cbz-dynamic-image-ad { margin: 0 0 18px; padding: 0; border: 0; background: transparent; } .cbz-dynamic-image-ad img { width: 100%; border: 0; border-radius: 0; box-shadow: none; } .cbz-dynamic-featured, .cbz-new-blogs, .cbz-forum-rewards { width: 100%; margin: 0 0 20px; padding: 0; border: 0; background: #fff; } .cbz-dynamic-featured-heading, .cbz-new-blogs-heading, .cbz-forum-rewards-heading { display: block; width: 100%; box-sizing: border-box; margin: 0; padding: 9px 12px; border: 0; background: #5d913d; color: #fff; font-size: 12px; line-height: 1.2; font-weight: 700; } .cbz-dynamic-featured-body { padding: 12px 8px 14px; border: 0; background: #fff; } .cbz-new-blogs-list { margin: 0; padding: 0; border: 0; background: #fff; } .cbz-new-blog-item { padding: 12px 8px; border: 0; background: #fff; } .cbz-new-blog-item + .cbz-new-blog-item { border-top: 1px solid #eee; } .cbz-forum-reward-list { display: block; margin: 0; padding: 0; border: 0; background: #fff; } .cbz-forum-reward-card { margin: 0; padding: 14px 10px 15px; border: 0; border-radius: 0; background: #fff; box-shadow: none; } .cbz-forum-reward-card + .cbz-forum-reward-card { border-top: 1px solid #eee; } .cbz-forum-reward-benefits { margin-top: 10px !important; } /* ===================================================== RIGHT SIDEBAR PREVIEW ADS Preview content only. Existing forum layout is unchanged. ===================================================== */ .cbz-preview-ad { position: relative; width: 100%; margin: 0 0 24px; padding: 22px 20px; overflow: hidden; border: 1px solid #dfe6d9; background: #f4f8f1; text-align: center; } .cbz-preview-ad-hero { min-height: 285px; display: flex; flex-direction: column; align-items: center; justify-content: center; background: linear-gradient(145deg, #163c16 0%, #376f24 58%, #6a9c3d 100%); color: #fff; } .cbz-preview-ad-label { position: absolute; top: 7px; right: 8px; color: rgba(255, 255, 255, .75); font-size: 8px; line-height: 1; letter-spacing: .7px; } .cbz-preview-ad-art { margin-bottom: 8px; font-size: 52px; line-height: 1; } .cbz-preview-ad-kicker { margin-bottom: 5px; font-size: 10px; font-weight: 700; letter-spacing: 1.5px; } .cbz-preview-ad-title { margin-bottom: 7px; font-size: 20px; line-height: 1.2; font-weight: 700; } .cbz-preview-ad-copy { max-width: 230px; margin: 0 auto 14px; font-size: 11px; line-height: 1.45; } .cbz-preview-ad-button { display: inline-block; padding: 8px 15px; border-radius: 3px; background: #fff; color: #315f25; font-size: 10px; line-height: 1; font-weight: 700; } .cbz-preview-widget { width: 100%; margin: 0 0 24px; } .cbz-preview-widget-title { margin-bottom: 5px; padding: 9px 11px; border-bottom: 2px solid #5d913d; background: #5d913d; color: #fff; font-size: 12px; line-height: 1.2; font-weight: 700; } .cbz-preview-feature { display: flex; align-items: flex-start; gap: 10px; padding: 13px 8px; border-bottom: 1px solid #e7e7e7; } .cbz-preview-feature-icon { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; min-width: 28px; border-radius: 50%; background: #5d9d19; font-size: 13px; } .cbz-preview-feature strong, .cbz-preview-feature small { display: block; } .cbz-preview-feature strong { margin-bottom: 3px; color: #518b2c; font-size: 12px; line-height: 1.3; } .cbz-preview-feature small { color: #777; font-size: 10px; line-height: 1.35; } .cbz-preview-ad-small { min-height: 175px; background: #ece8d8; color: #30352b; } .cbz-preview-ad-small .cbz-preview-ad-label { color: #888; } .cbz-preview-ad-small .cbz-preview-ad-button { background: #315f25; color: #fff; } /* ===================================================== RIGHT SIDEBAR Intentionally visually empty until ads/widgets are added. ===================================================== */ .cbz-forum-right-sidebar:empty { display: block; } /* ===================================================== CHILD FORUM PAGES ===================================================== */ .cbz-grow-forum-child { max-width: 1280px; } .cbz-forum-child-navigation { margin: 0 0 18px; } .cbz-forum-child-navigation a { display: inline-flex; align-items: center; gap: 6px; color: #518b2c !important; font-size: 13px; font-weight: 600; text-decoration: none !important; } .cbz-forum-child-navigation a span { font-size: 20px; line-height: 1; } .cbz-forum-child-content { width: 100%; min-width: 0; } /* ===================================================== POST THREAD MODAL + FORUM THREADS ===================================================== */ body.cbz-thread-modal-lock { overflow: auto !important; } .cbz-thread-modal { position: fixed !important; inset: 0 !important; z-index: 2147483000 !important; display: none; padding: 0; margin: 0 !important; width: 100vw !important; height: 100vh !important; max-width: none !important; transform: none !important; } .cbz-thread-modal.cbz-thread-modal-open { display: block; } .cbz-thread-modal-backdrop { position: fixed !important; inset: 0 !important; background: transparent !important; } .cbz-thread-modal-dialog { position: fixed !important; z-index: 2; top: 50% !important; left: 50% !important; right: auto !important; bottom: auto !important; transform: translate(-50%, -50%) !important; margin: 0 !important; width: min(760px, calc(100vw - 40px)); max-width: 760px !important; max-height: calc(100vh - 40px); overflow: auto; border-radius: 9px; background: #fff; box-shadow: 0 18px 55px rgba(0, 0, 0, .2); scrollbar-gutter: stable; } .cbz-thread-modal-close { position: absolute !important; top: 18px !important; right: 18px !important; z-index: 5 !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 38px !important; min-width: 38px !important; max-width: 38px !important; height: 38px !important; min-height: 38px !important; max-height: 38px !important; margin: 0 !important; padding: 0 !important; border: 1px solid #e5e5e5 !important; border-radius: 50% !important; background: #f7f7f7 !important; color: #222 !important; font-family: Arial, sans-serif !important; font-size: 24px !important; font-weight: 400 !important; line-height: 1 !important; text-align: center !important; box-shadow: none !important; text-shadow: none !important; appearance: none !important; -webkit-appearance: none !important; cursor: pointer !important; } .cbz-thread-modal-close:hover { background: #ededed !important; color: #111 !important; } .cbz-thread-modal-close:focus { outline: 2px solid #5d913d !important; outline-offset: 2px !important; } .cbz-thread-login-state, .cbz-thread-step { padding: 36px 34px 30px; } .cbz-thread-login-state h2, .cbz-thread-step h2 { margin: 0 58px 8px 0; color: #111; font-size: 25px; line-height: 1.2; } .cbz-thread-login-state p, .cbz-thread-step-copy { margin: 0 58px 22px 0; color: #666; font-size: 14px; line-height: 1.5; } .cbz-thread-login-button, .cbz-thread-next, .cbz-thread-submit, .cbz-thread-list-post-button, .cbz-thread-reply-submit { display: inline-flex; align-items: center; justify-content: center; min-height: 42px; padding: 10px 18px; border: 0; border-radius: 5px; background: #050505; color: #fff !important; font-weight: 700; text-decoration: none !important; cursor: pointer; } .cbz-thread-step { display: none; } .cbz-thread-step.cbz-thread-step-active { display: block; } .cbz-thread-step-kicker { margin-bottom: 6px; color: #5d913d; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .5px; } .cbz-thread-forum-options { max-height: 410px; overflow: auto; margin-top: 4px; border: 1px solid #e4e4e4; border-radius: 5px; scrollbar-gutter: stable; } .cbz-thread-forum-options.cbz-thread-choice-error { border-color: #c53030; box-shadow: 0 0 0 2px rgba(197, 48, 48, .08); } .cbz-thread-forum-group-title { padding: 10px 12px; background: #5d913d; color: #fff; font-size: 11px; font-weight: 700; } .cbz-thread-forum-option { display: flex; align-items: center; gap: 12px; margin: 0 !important; padding: 13px 12px; border-bottom: 1px solid #eee; cursor: pointer; } .cbz-thread-forum-option:last-child { border-bottom: 0; } .cbz-thread-forum-option:hover { background: #f8fbf6; } .cbz-thread-forum-option input { flex: 0 0 auto; margin: 0 2px 0 0 !important; } .cbz-thread-forum-option-icon { display: flex; align-items: center; justify-content: center; width: 34px; height: 34px; min-width: 34px; border-radius: 50%; background: #eef5e9; } .cbz-thread-forum-option strong, .cbz-thread-forum-option small { display: block; } .cbz-thread-forum-option strong { color: #315f25; font-size: 13px; line-height: 1.3; } .cbz-thread-forum-option small { margin-top: 2px; color: #777; font-size: 10px; line-height: 1.35; } .cbz-thread-form-actions { display: flex; justify-content: flex-end; margin-top: 20px; padding-top: 0; } .cbz-thread-form-actions-split { justify-content: space-between; gap: 10px; } .cbz-thread-back { min-height: 42px; padding: 10px 18px; border: 1px solid #ccc; border-radius: 5px; background: #fff; color: #333; font-weight: 700; cursor: pointer; } .cbz-thread-field { display: block; margin: 0 0 17px !important; } .cbz-thread-field > span { display: block; margin-bottom: 6px; color: #222; font-size: 12px; font-weight: 700; } .cbz-thread-field-help { display: block; margin-top: 7px; color: #666; font-size: 12px; line-height: 1.45; } .cbz-thread-field input[type="text"], .cbz-thread-field textarea, .cbz-thread-field input[type="file"] { width: 100%; box-sizing: border-box; } .cbz-thread-field input[type="text"], .cbz-thread-field textarea { padding: 10px 11px; border: 1px solid #ccc; border-radius: 4px; background: #fff; color: #222; } .cbz-thread-list-wrap { margin-top: 24px; width: 100%; } .cbz-thread-success { margin-bottom: 18px; padding: 12px 14px; border-left: 4px solid #5d913d; background: #eef6e9; color: #315f25; font-size: 13px; } .cbz-forum-category-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; margin-bottom: 12px; } .cbz-forum-category-header h1, .cbz-forum-category-header h2 { margin: 0 0 7px; color: #111; font-size: 28px; line-height: 1.2; font-weight: 400; } .cbz-forum-category-header p { max-width: 900px; margin: 0; color: #555; font-size: 14px; line-height: 1.55; } .cbz-thread-list-post-button { flex: 0 0 auto; min-height: 37px; padding: 8px 14px; font-size: 11px; gap: 6px; } .cbz-thread-pagination { display: flex; gap: 4px; align-items: center; margin: 10px 0; } .cbz-thread-pagination .page-numbers { display: inline-flex; align-items: center; justify-content: center; min-width: 30px; height: 34px; padding: 0 8px; color: #548c31 !important; text-decoration: none !important; } .cbz-thread-pagination .page-numbers.current { background: #909987; color: #fff !important; } .cbz-thread-table-head { display: grid; grid-template-columns: minmax(0, 1fr) 145px 225px; gap: 14px; align-items: center; margin-top: 10px; padding: 12px 12px; background: linear-gradient(#f6f6f6, #e7e7e7); color: #666; font-size: 11px; } .cbz-thread-table-head span:nth-child(2), .cbz-thread-table-head span:nth-child(3) { text-align: right; } .cbz-thread-empty { padding: 28px; border: 1px solid #e5e5e5; border-top: 0; background: #fafafa; color: #777; text-align: center; } .cbz-thread-row-pending { background: #fffaf0 !important; border-left: 3px solid #d6a100; } .cbz-thread-pending-badge { display: inline-block; margin-left: 6px; padding: 3px 7px; border-radius: 10px; background: #fff0b8; color: #795c00; font-size: 9px; line-height: 1; font-weight: 700; white-space: nowrap; } .cbz-thread-row-pending-latest strong { display: block; color: #8a6900; font-size: 11px; font-weight: 600; } .cbz-thread-row-pending-latest small { display: block; margin-top: 3px; color: #777; font-size: 9px; } .cbz-thread-pending-notice { display: flex; flex-direction: column; gap: 3px; margin: 0 0 16px; padding: 12px 14px; border: 1px solid #ead58a; border-left: 4px solid #d6a100; background: #fffaf0; color: #594600; font-size: 12px; line-height: 1.45; } .cbz-thread-pending-notice strong { color: #6b5200; font-size: 13px; } .cbz-thread-pending-reply-message { padding: 13px 14px; border: 1px solid #ead58a; background: #fffaf0; color: #6b5200; font-size: 12px; line-height: 1.45; } .cbz-thread-row { display: grid; grid-template-columns: minmax(0, 1fr) 145px 225px; gap: 14px; align-items: center; min-height: 66px; padding: 10px 12px; background: #fff; border-bottom: 1px solid #e5e5e5; } .cbz-thread-row:nth-child(even) { background: #f1f1f1; } .cbz-thread-row-main { display: flex; align-items: center; gap: 13px; min-width: 0; } .cbz-thread-row-avatar, .cbz-thread-row-latest-avatar { display: flex; align-items: center; justify-content: center; flex: 0 0 auto; } .cbz-thread-row-avatar img { width: 44px !important; height: 44px !important; border-radius: 50%; object-fit: cover; margin: 0 !important; } .cbz-thread-row-copy { min-width: 0; } .cbz-thread-row-title { display: block; overflow: hidden; color: #579033 !important; font-size: 16px; line-height: 1.3; font-weight: 400; text-decoration: none !important; text-overflow: ellipsis; white-space: nowrap; } .cbz-thread-row-title:hover { text-decoration: underline !important; } .cbz-thread-row-meta { margin-top: 3px; color: #777; font-size: 10px; line-height: 1.3; } .cbz-thread-row-stats { display: flex; flex-direction: column; align-items: flex-end; gap: 3px; color: #666; font-size: 10px; line-height: 1.2; } .cbz-thread-row-stats strong { font-weight: 400; } .cbz-thread-row-latest { display: flex; align-items: center; justify-content: flex-end; gap: 10px; min-width: 0; text-align: right; } .cbz-thread-row-latest > div { min-width: 0; } .cbz-thread-row-latest a { display: block; color: #579033 !important; font-size: 12px; text-decoration: none !important; white-space: nowrap; } .cbz-thread-row-latest small { display: block; overflow: hidden; max-width: 150px; margin-top: 3px; color: #777; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; } .cbz-thread-row-latest-avatar img { width: 32px !important; height: 32px !important; border-radius: 50%; object-fit: cover; margin: 0 !important; } .cbz-thread-detail { margin-top: 24px; } .cbz-thread-detail-topbar { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-bottom: 14px; } .cbz-thread-detail-topbar.cbz-thread-detail-topbar-actions-only { justify-content: flex-end !important; width: 100%; } .cbz-thread-back-to-list { color: #579033 !important; font-size: 13px; font-weight: 600; text-decoration: none !important; } .cbz-thread-detail-topbar-no-back { justify-content: flex-end !important; } .cbz-thread-post { display: grid; grid-template-columns: 190px minmax(0, 1fr); border: 1px solid #e1e1e1; border-bottom: 0; background: #fff; } .cbz-thread-post:last-child { border-bottom: 1px solid #e1e1e1; } .cbz-thread-post-author { min-width: 0; padding: 16px 12px; background: #f4f4f4; text-align: center; overflow: hidden; } .cbz-thread-post-author .cbz-thread-avatar { display: block; width: 64px !important; height: 64px !important; margin: 0 auto 9px !important; border-radius: 50%; object-fit: cover; } .cbz-thread-post-author strong { display: block; max-width: 100%; margin: 0 auto; color: #579033; font-size: 15px; line-height: 1.35; overflow-wrap: anywhere; word-break: break-word; hyphens: auto; } .cbz-thread-post-author small { display: block; margin-top: 4px; color: #777; font-size: 12px; line-height: 1.4; } .cbz-thread-post-content { min-width: 0; padding: 16px 20px 18px; } .cbz-thread-post-date { margin-bottom: 8px; color: #777; font-size: 13px; line-height: 1.4; } .cbz-thread-post-content h1 { margin: 0 0 16px; color: #222; font-size: 27px; line-height: 1.3; } .cbz-thread-post-message { margin-top: 2px; color: #333; font-size: 17px; line-height: 1.65; } .cbz-thread-post-message p:last-child { margin-bottom: 0; } .cbz-thread-post-images { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; max-width: 760px; margin-top: 20px; } .cbz-thread-post-images-count-1 { grid-template-columns: minmax(0, 600px); } .cbz-thread-post-image { display: block; margin: 0; overflow: hidden; border: 1px solid #e2e2e2; background: #f7f7f7; text-decoration: none !important; } .cbz-thread-post-image img { display: block; width: 100% !important; height: 260px !important; max-width: none !important; max-height: none !important; margin: 0 !important; object-fit: cover; } .cbz-thread-post-images-count-1 .cbz-thread-post-image img { height: auto !important; max-height: 520px !important; object-fit: contain; } .cbz-thread-post-tags { margin-top: 18px; color: #666; font-size: 13px; line-height: 1.5; } .cbz-thread-detail-stats { padding: 10px 12px; border: 1px solid #e1e1e1; background: #f5f5f5; color: #666; font-size: 13px; line-height: 1.4; text-align: right; } .cbz-thread-replies { margin-top: 20px; padding: 0; content-visibility: visible !important; contain: none !important; } .cbz-thread-reply[id] { scroll-margin-top: 150px; } /* Replies connect visually to the thread, similar to a classic forum discussion. */ .cbz-thread-post-original { border-top: 4px solid #579033; } .cbz-thread-detail-stats-wrap { margin-bottom: 0; } .cbz-thread-reply { margin: 20px 0 0; border: 1px solid #dedede; background: #fff; box-shadow: none; } .cbz-thread-reply:first-child { margin-top: 0; } .cbz-thread-reply-header { grid-column: 1/-1; display: flex; align-items: center; justify-content: space-between; min-height: 42px; padding: 9px 16px; background: #6f9b4c; color: #fff; font-size: 14px; line-height: 1.2; font-weight: 500; } .cbz-thread-reply-number { color: #fff; font-size: 13px; font-weight: 700; } #cbz-replies .cbz-thread-reply:nth-child(odd), #cbz-replies .cbz-thread-reply:nth-child(even) { background: #fff; } #cbz-replies .cbz-thread-reply:nth-child(odd) .cbz-thread-post-author, #cbz-replies .cbz-thread-reply:nth-child(even) .cbz-thread-post-author { background: #f2f2f2; } #cbz-replies .cbz-thread-post-author { padding: 18px 14px 22px; } #cbz-replies .cbz-thread-post-author strong { max-width: 100%; overflow-wrap: anywhere; word-break: break-word; } #cbz-replies .cbz-thread-post-author .cbz-thread-avatar { width: 72px !important; height: 72px !important; margin-bottom: 10px !important; } #cbz-replies .cbz-thread-post-content { padding: 22px 24px 24px; } #cbz-replies .cbz-thread-post-message p { margin-top: 0; margin-bottom: 14px; } #cbz-replies .cbz-thread-post-message p:last-child { margin-bottom: 0; } #cbz-replies .cbz-thread-post-actions { margin-top: 18px; padding-top: 4px; } /* Public Reply to Thread composer */ .cbz-thread-public-reply { margin-top: 14px; margin-bottom: 0; border-top: 4px solid #5d913d; background: #fff; } .cbz-thread-public-reply-title { width: 100%; box-sizing: border-box; margin: 0; padding: 12px 14px; background: #5d913d; color: #fff; font-size: 13px; line-height: 1.2; font-weight: 700; text-transform: uppercase; } .cbz-thread-public-reply-form { display: grid; grid-template-columns: 180px minmax(0, 1fr); border: 1px solid #dedede; border-top: 0; background: #fff; } .cbz-thread-public-reply-author { position: relative; display: flex; flex-direction: column; align-items: center; min-height: 190px; padding: 16px 14px; background: #f3f3f3; text-align: center; } .cbz-thread-public-reply-author:after { content: ""; position: absolute; top: 28px; right: -14px; width: 28px; height: 28px; background: #f3f3f3; border-top: 1px solid #dedede; border-right: 1px solid #dedede; transform: rotate(45deg); } .cbz-thread-public-reply-avatar { position: relative; z-index: 1; display: block; width: 76px !important; height: 76px !important; margin: 0 0 10px !important; border-radius: 50%; object-fit: cover; } .cbz-thread-public-reply-author strong { position: relative; z-index: 1; color: #579033; font-size: 14px; line-height: 1.35; } .cbz-thread-public-reply-editor { min-width: 0; padding: 0; background: #fff; } .cbz-thread-public-reply-toolbar { display: flex; align-items: center; gap: 2px; min-height: 48px; padding: 0 14px; border-bottom: 1px solid #e3e3e3; background: #f5f5f5; } .cbz-thread-public-reply-toolbar button { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; padding: 0; border: 0 !important; background: transparent !important; color: #737373 !important; font-size: 19px; line-height: 1; box-shadow: none !important; cursor: pointer; } .cbz-thread-public-reply-toolbar button:hover { background: #e7e7e7 !important; color: #4d4d4d !important; } .cbz-thread-public-toolbar-separator { width: 1px; height: 28px; margin: 0 5px; background: #d7d7d7; } .cbz-thread-public-reply-editor-area { display: block; width: 100%; min-height: 105px; margin: 0 !important; padding: 14px 18px !important; border: 0 !important; border-radius: 0 !important; background: #fff !important; color: #333 !important; font-size: 16px; line-height: 1.55; box-shadow: none !important; outline: 0; overflow-wrap: anywhere; } .cbz-thread-public-reply-editor-area:empty:before { content: attr(data-placeholder); color: #aaa; pointer-events: none; } .cbz-thread-public-reply-editor-area.cbz-editor-error { box-shadow: inset 0 0 0 2px #c62828 !important; } .cbz-thread-public-reply-editor-area blockquote { margin: 10px 0; padding: 8px 12px; border-left: 3px solid #5d913d; background: #f7f7f7; color: #555; } .cbz-thread-public-reply-editor-area ul { margin: 8px 0 8px 22px; } .cbz-thread-public-reply-editor-area a { color: #579033 !important; text-decoration: underline !important; } .cbz-thread-public-reply-actions { display: flex; align-items: center; justify-content: flex-end; padding: 12px 14px !important; box-sizing: border-box; } .cbz-thread-public-reply-submit { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 40px; padding: 9px 16px; border: 0; border-radius: 0; background: #173f10; color: #fff !important; font-size: 14px; font-weight: 500; line-height: 1; cursor: pointer; } .cbz-thread-public-reply-submit:hover { background: #245819; } .cbz-thread-public-reply-login { padding: 20px; border: 1px solid #dedede; background: #fafafa; } .cbz-thread-public-reply-login p { margin: 0 0 12px; } .cbz-thread-detail + .cbz-forum-home-banner-bottom { padding-top: 16px; padding-bottom: 16px; } .cbz-thread-detail + .cbz-forum-home-banner-bottom img { padding-top: 0; } .cbz-thread-reply-box { margin-top: 20px; padding: 20px; border: 1px solid #e1e1e1; background: #fafafa; } .cbz-thread-reply-box.cbz-thread-reply-box-inline { width: 100%; max-width: none; margin: 20px 0; padding: 20px; border: 1px solid #e1e1e1; border-left: 4px solid #5d913d; background: #f8fbf6; box-sizing: border-box; clear: both; } .cbz-thread-reply-box.cbz-thread-reply-box-inline h3 { color: #579033; } .cbz-thread-reply-box h3 { margin: 0 0 12px; color: #222; font-size: 20px; } .cbz-thread-reply-box textarea { display: block; width: 100%; min-height: 130px; margin: 0 0 12px; padding: 12px; border: 1px solid #cfcfcf; background: #fff; color: #222; resize: vertical; } .cbz-thread-reply-submit { min-height: 38px; padding: 8px 15px; font-size: 11px; } .cbz-thread-login-reply p { margin: 0 0 12px; color: #666; font-size: 15px; line-height: 1.5; } .cbz-thread-post-actions { display: flex; align-items: center; justify-content: flex-end; gap: 10px; margin-top: 12px; flex-wrap: wrap; } .cbz-owner-delete-form { display: inline-flex; margin: 0; } .cbz-post-owner-action { appearance: none; border: 0; background: transparent; padding: 4px 2px; color: #579033; font-family: inherit !important; font-size: 13px !important; font-style: normal !important; font-weight: 600 !important; line-height: 1.25 !important; letter-spacing: 0 !important; text-transform: uppercase; cursor: pointer; } .cbz-post-owner-action:hover { color: #365f21; text-decoration: underline; } .cbz-post-delete { color: #9d312d; } .cbz-post-delete:hover { color: #741d19; } .cbz-owner-edit-form { margin: 14px 0 2px; padding: 14px; border: 1px solid #d9e5d1; background: #f8fbf6; } .cbz-owner-edit-form[hidden] { display: none !important; } .cbz-owner-edit-form label { display: block; margin: 0 0 12px; } .cbz-owner-edit-form label > span { display: block; margin: 0 0 5px; color: #4d762f; font-size: 12px; font-weight: 700; text-transform: uppercase; } .cbz-owner-edit-form input[type="text"], .cbz-owner-edit-form textarea { display: block; width: 100%; box-sizing: border-box; border: 1px solid #cfcfcf; background: #fff; padding: 10px 11px; color: #222; font: inherit; line-height: 1.5; } .cbz-owner-edit-form textarea { min-height: 130px; resize: vertical; } .cbz-owner-edit-actions { display: flex; align-items: center; gap: 8px; } .cbz-owner-save, .cbz-owner-cancel { appearance: none; border: 0; padding: 9px 13px; font-weight: 700; cursor: pointer; } .cbz-owner-save { background: #4f812f; color: #fff; } .cbz-owner-cancel { background: #e8e8e8; color: #333; } .cbz-thread-reply-box[hidden] { display: none !important; } .cbz-reply-photo-upload { margin: 12px 0 4px; padding: 10px 12px; border: 1px solid #dedede; background: #fafafa; } .cbz-reply-photo-label { display: flex; flex-direction: column; gap: 6px; margin: 0; color: #333; font-size: 13px; font-weight: 600; } .cbz-reply-photo-label small { font-weight: 400; color: #777; } .cbz-reply-photo-label input[type="file"] { display: block; width: 100%; max-width: 100%; margin: 0; padding: 7px; border: 1px solid #d5d5d5; background: #fff; color: #333; font: inherit; box-sizing: border-box; } .cbz-reply-photo-help { display: block; margin-top: 5px; color: #777; font-size: 11px; line-height: 1.35; } .cbz-reply-photo-upload-inline { margin: 0 0 12px; } .cbz-reply-images { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; max-width: 700px; margin: 14px 0 4px; } .cbz-reply-images-count-1 { grid-template-columns: minmax(0, 520px); } .cbz-reply-image { display: block; overflow: hidden; border: 1px solid #e2e2e2; background: #f7f7f7; text-decoration: none !important; } .cbz-reply-image img { display: block; width: 100% !important; height: 220px !important; max-width: none !important; max-height: none !important; margin: 0 !important; object-fit: cover; } .cbz-reply-images-count-1 .cbz-reply-image img { height: auto !important; max-height: 500px !important; object-fit: contain; } .cbz-reply-to-user { display: inline-flex; align-items: center; justify-content: center; gap: 5px; min-height: auto; padding: 2px 0; border: 0 !important; border-radius: 0; background: transparent !important; color: #579033 !important; font-family: inherit !important; font-size: 13px !important; font-style: normal !important; font-weight: 600 !important; line-height: 1.25 !important; letter-spacing: 0 !important; text-transform: uppercase; text-decoration: none !important; box-shadow: none !important; cursor: pointer; } .cbz-reply-to-user:hover { border: 0 !important; background: transparent !important; color: #3f7425 !important; text-decoration: none !important; } .cbz-reply-icon { display: inline-block; font-family: inherit !important; font-size: 16px; font-weight: 700; line-height: 1; transform: translateY(-1px); } .cbz-replying-to { margin: 0 0 8px; color: #777; font-size: 12px; line-height: 1.4; } .cbz-replying-to strong { color: #579033; } .cbz-reply-context-tag { display: inline-flex; align-items: center; gap: 5px; width: auto; margin: 0 0 8px; padding: 4px 8px; border-radius: 3px; font-size: 11px; font-weight: 700; line-height: 1.2; } .cbz-reply-context-user { background: #eef6e9; color: #4f812f; border: 1px solid #d5e8c9; } .cbz-reply-context-post { background: #f1f1f1; color: #666; border: 1px solid #e0e0e0; } .cbz-reply-target-context { display: flex; align-items: center; flex-wrap: wrap; gap: 7px; margin: -4px 0 12px; color: #666; font-size: 13px; line-height: 1.4; } .cbz-reply-target-context strong { color: #579033; } .cbz-reply-cancel { appearance: none !important; -webkit-appearance: none !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; align-self: center !important; width: auto !important; min-width: 0 !important; min-height: 0 !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; color: #777 !important; font-family: inherit !important; font-size: 13px !important; font-style: normal !important; font-weight: 600 !important; line-height: 1.4 !important; letter-spacing: 0 !important; text-transform: none !important; text-decoration: underline !important; vertical-align: middle !important; transform: none !important; cursor: pointer; } .cbz-reply-cancel:hover, .cbz-reply-cancel:focus { background: transparent !important; color: #579033 !important; box-shadow: none !important; outline: none; } .cbz-thread-reply-depth-1, .cbz-thread-reply-depth-2, .cbz-thread-reply-depth-3, .cbz-thread-reply-depth-4, .cbz-thread-reply-depth-5 { margin-left: 0 !important; margin-right: 0 !important; width: 100%; box-sizing: border-box; } /* Like / Love / Thanks reactions */ .cbz-reactions { margin-top: 10px; } .cbz-reaction-actions { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; } .cbz-reaction-button { display: inline-flex; align-items: center; gap: 5px; padding: 2px 0 !important; border: 0 !important; background: transparent !important; color: #579033 !important; font-size: 13px; font-weight: 500; line-height: 1.25; text-decoration: none !important; box-shadow: none !important; cursor: pointer; } .cbz-reaction-button:hover, .cbz-reaction-button.is-active { color: #3f7425 !important; text-decoration: none !important; } .cbz-reaction-button.is-active { font-weight: 700; } .cbz-reaction-button-readonly { cursor: default; opacity: 1; } .cbz-reaction-button-readonly:hover { background: transparent !important; text-decoration: none !important; } .cbz-reaction-login-hint { display: inline-flex; align-items: center; margin-left: 8px; color: #777; font-size: 11px; text-decoration: underline; } .cbz-account-forum-notifications { margin: 0 0 24px; border: 1px solid #dfe6da; background: #fff; } .cbz-account-forum-notifications h3 { display: flex; align-items: center; gap: 8px; margin: 0; padding: 8px 14px; background: #6f9f50; color: #fff; font-size: 16px; line-height: 1.3; } .cbz-account-forum-notification-count { display: inline-flex; align-items: center; justify-content: center; min-width: 22px; height: 22px; padding: 0 6px; border-radius: 11px; background: #fff; color: #5d913d; font-size: 12px; font-weight: 700; } .cbz-account-forum-notification-list { display: block; } .cbz-account-forum-notification { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 12px 14px; border-top: 1px solid #ececec; color: #333; text-decoration: none; } .cbz-account-forum-notification:first-child { border-top: 0; } .cbz-account-forum-notification:hover { background: #f7faf5; color: #333; } .cbz-account-forum-notification.is-unread { background: #f1f7ed; border-left: 4px solid #5d913d; } .cbz-account-forum-notification span { min-width: 0; } .cbz-account-forum-notification small { flex: 0 0 auto; color: #777; font-size: 11px; } .cbz-reaction-button.is-loading { opacity: .55; cursor: wait; } .cbz-reaction-button small { font-size: 11px; font-weight: 600; color: inherit; } .cbz-reaction-emoji { font-size: 16px; line-height: 1; } .cbz-reaction-summary { display: flex !important; align-items: center; gap: 7px; width: 100%; margin-top: 9px !important; padding: 9px 12px !important; border: 0 !important; border-left: 3px solid #579033 !important; border-radius: 0 !important; background: #f2f2f2 !important; color: #579033 !important; font-size: 13px !important; font-weight: 400 !important; line-height: 1.35 !important; text-align: left !important; text-transform: none !important; box-shadow: none !important; cursor: pointer; } .cbz-reaction-summary:hover { background: #e9eee6 !important; color: #3f7425 !important; } .cbz-reaction-summary-icons { display: inline-flex; align-items: center; gap: 1px; flex: 0 0 auto; } .cbz-reaction-summary-icons span { font-size: 15px; line-height: 1; } .cbz-reaction-summary-names { min-width: 0; overflow-wrap: anywhere; } /* Reaction members popup */ body.cbz-reaction-modal-open { overflow: hidden; } .cbz-reaction-modal[hidden] { display: none !important; } .cbz-reaction-modal { position: fixed; inset: 0; z-index: 999999; display: flex; align-items: center; justify-content: center; padding: 24px; } .cbz-reaction-modal-backdrop { position: absolute; inset: 0; background: rgba(0, 0, 0, .52); } .cbz-reaction-dialog { position: relative; z-index: 1; width: min(820px, 94vw); max-height: 86vh; overflow: hidden; border: 1px solid #d7d7d7; border-radius: 3px; background: #fff; box-shadow: 0 20px 55px rgba(0, 0, 0, .34); display: flex; flex-direction: column; } .cbz-reaction-dialog-head { box-sizing: border-box !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 15px !important; height: 58px !important; min-height: 58px !important; max-height: 58px !important; padding: 0 18px !important; margin: 0 !important; background: #ededed !important; border: 0 !important; border-bottom: 1px solid #d9d9d9 !important; } .cbz-reaction-dialog-head h3 { display: block !important; margin: 0 !important; padding: 0 !important; color: #111 !important; font-size: 21px !important; font-weight: 500 !important; line-height: 1.15 !important; text-transform: none !important; letter-spacing: 0 !important; } .cbz-reaction-modal-close { display: flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 34px !important; width: 34px !important; height: 34px !important; min-height: 34px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; color: #8aaf77 !important; font-family: Arial, sans-serif !important; font-size: 32px !important; font-weight: 700 !important; line-height: 1 !important; box-shadow: none !important; cursor: pointer !important; } .cbz-reaction-modal-close:hover { color: #579033 !important; background: transparent !important; } .cbz-reaction-tabs { box-sizing: border-box; display: flex; align-items: stretch; gap: 0; overflow-x: auto; min-height: 44px; padding: 0 10px; border-bottom: 1px solid #ddd; background: #fff; } .cbz-reaction-tab { display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 auto; min-height: 44px !important; margin: 0 !important; padding: 0 12px !important; border: 0 !important; border-bottom: 3px solid transparent !important; border-radius: 0 !important; background: transparent !important; color: #333 !important; font-size: 14px !important; font-weight: 400 !important; line-height: 1.2 !important; text-transform: none !important; letter-spacing: 0 !important; box-shadow: none !important; cursor: pointer; } .cbz-reaction-tab:hover, .cbz-reaction-tab.is-active { color: #579033 !important; border-bottom-color: #579033 !important; background: transparent !important; } .cbz-reaction-member-list { overflow-y: auto; background: #fff; } .cbz-reaction-member { box-sizing: border-box; display: flex; align-items: center; gap: 14px; min-height: 86px; padding: 13px 16px; border-bottom: 1px solid #e8e8e8; background: #fff; } .cbz-reaction-member:last-child { border-bottom: 0; } .cbz-reaction-member-avatar { width: 50px; height: 50px; flex: 0 0 50px; border-radius: 50%; object-fit: cover; background: #eee; } .cbz-reaction-member-main { min-width: 0; flex: 1; display: flex; flex-direction: column; justify-content: center; gap: 3px; } .cbz-reaction-member-main strong { color: #579033; font-size: 16px; line-height: 1.2; font-weight: 700; overflow-wrap: anywhere; } .cbz-reaction-member-main span { color: #333; font-size: 12px; line-height: 1.35; } .cbz-reaction-member-meta { flex: 0 0 78px; display: flex; min-width: 78px; align-items: center; justify-content: center; flex-direction: column; gap: 5px; text-align: center; } .cbz-reaction-member-emoji { font-size: 28px; line-height: 1; } .cbz-reaction-member-meta small { color: #444; font-size: 11px; line-height: 1.2; white-space: nowrap; } .cbz-reaction-loading, .cbz-reaction-empty { padding: 34px 20px; color: #666; text-align: center; font-size: 14px; } @media (max-width:700px) { .cbz-thread-reply-depth-1, .cbz-thread-reply-depth-2, .cbz-thread-reply-depth-3, .cbz-thread-reply-depth-4, .cbz-thread-reply-depth-5 { margin-left: 0 !important; margin-right: 0 !important; width: 100%; } .cbz-thread-reply-box.cbz-thread-reply-box-inline { width: 100%; margin: 16px 0; padding: 15px; } .cbz-reaction-modal { padding: 10px; } .cbz-reaction-dialog { width: 100%; max-height: 90vh; } .cbz-reaction-dialog-head { height: 54px !important; min-height: 54px !important; max-height: 54px !important; padding: 0 14px !important; } .cbz-reaction-dialog-head h3 { font-size: 18px !important; } .cbz-reaction-tab { padding-left: 9px !important; padding-right: 9px !important; font-size: 12px !important; } .cbz-reaction-member { padding: 10px 12px; min-height: 72px; } .cbz-reaction-member-avatar { width: 42px; height: 42px; flex-basis: 42px; } .cbz-reaction-member-main strong { font-size: 14px; } } /* SEO internal linking */ .cbz-thread-context { display: flex; align-items: center; gap: 7px; flex-wrap: wrap; font-size: 14px; } .cbz-thread-context a { color: #579033 !important; font-weight: 600; text-decoration: none !important; } .cbz-thread-context span { color: #999; } .cbz-related-threads, .cbz-forum-resources { margin-top: 18px; padding: 0 0 18px; border: 1px solid #e1e1e1; background: #fff; } .cbz-related-threads h2 { width: 100%; box-sizing: border-box; margin: 0 0 14px; padding: 12px 14px; background: #5d913d; color: #fff; font-size: 13px; line-height: 1.2; font-weight: 700; text-transform: uppercase; } .cbz-forum-resources h2 { margin: 0 18px 12px; color: #222; font-size: 17px; line-height: 1.3; } .cbz-related-threads-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; padding: 0 18px; } .cbz-related-threads-grid a, .cbz-forum-resources > a { display: block; padding: 11px 12px; border: 1px solid #e6e6e6; background: #fafafa; text-decoration: none !important; } .cbz-related-threads-grid strong, .cbz-forum-resources strong { display: block; color: #579033; font-size: 12px; line-height: 1.4; } .cbz-related-threads-grid small, .cbz-forum-resources span { display: block; margin-top: 4px; color: #777; font-size: 10px; line-height: 1.45; } .cbz-forum-resources > a + a { margin-top: 8px; } .cbz-editorial-forum-link { font-weight: 600; } @media (max-width:700px) { .cbz-related-threads-grid { grid-template-columns: 1fr; } .cbz-thread-detail-topbar { align-items: flex-start; flex-direction: column; } .cbz-thread-detail-topbar .cbz-thread-list-post-button { align-self: flex-end; } } /* ===================================================== RESPONSIVE ===================================================== */ @media (max-width: 980px) { .cbz-grow-forum-page { width: calc(100vw - 36px); max-width: none; padding-left: 0; padding-right: 0; } .cbz-forum-shell { grid-template-columns: minmax(0, 1fr) 235px; gap: 16px; } .cbz-board-row { grid-template-columns: minmax(245px, 1.25fr) 115px minmax(175px, .9fr); } } @media (max-width: 980px) { .cbz-forum-main-nav { width: 100%; margin-left: -18px; margin-right: -18px; padding: 0 12px; overflow-x: auto; justify-content: flex-start; } .cbz-forum-main-nav a { flex: 0 0 auto; } } @media (max-width: 800px) { .cbz-forum-topbar { align-items: flex-start; } .cbz-forum-board-title { font-size: 22px; } .cbz-forum-action { min-height: 35px; padding: 7px 10px; font-size: 11px; } .cbz-forum-shell { display: block; } .cbz-forum-right-sidebar { width: 100%; min-height: 0; margin-top: 24px; } .cbz-board-row { grid-template-columns: minmax(0, 1fr) 180px; } .cbz-board-stats { display: none; } .cbz-thread-table-head { display: none; } .cbz-thread-row { grid-template-columns: minmax(0, 1fr) 120px; } .cbz-thread-row-latest { display: none; } } @media (max-width: 580px) { .cbz-forum-topbar { display: block; } /* Main forum mobile spacing */ .cbz-forum-topbar + .cbz-forum-shell .cbz-board-section:first-child, .cbz-forum-topbar + .cbz-board-section:first-child { margin-top: 12px; } .cbz-board-section { margin-bottom: 14px; } .cbz-board-section-header { padding: 8px 12px; } .cbz-board-row { padding: 0 8px; } .cbz-board-forum { gap: 9px; padding: 8px 0 4px; } .cbz-board-icon { width: 34px; height: 34px; min-width: 34px; font-size: 16px; } .cbz-board-forum-title { margin-bottom: 1px; line-height: 1.2; } .cbz-board-forum-description { line-height: 1.25; } .cbz-board-latest { margin-left: 43px; padding: 0 0 7px; } .cbz-forum-actions { justify-content: flex-start; margin-top: 12px; } .cbz-forum-action { flex: 1 1 0; } .cbz-grow-forum-page { margin-top: 18px; padding: 0 10px 14px; } .cbz-forum-main-nav { width: calc(100% + 20px); margin: 0 -10px 18px; padding: 0 8px; min-height: 48px; } .cbz-forum-main-nav a { min-height: 48px; padding: 0 10px; font-size: 12px; } .cbz-forum-board-title { font-size: 19px; } .cbz-thread-modal { padding: 0; } .cbz-thread-modal-dialog { width: calc(100vw - 24px); max-height: calc(100vh - 24px); } .cbz-thread-modal-close { top: 12px !important; right: 12px !important; width: 34px !important; min-width: 34px !important; max-width: 34px !important; height: 34px !important; min-height: 34px !important; max-height: 34px !important; font-size: 22px !important; } .cbz-thread-login-state, .cbz-thread-step { padding: 26px 18px 22px; } .cbz-thread-login-state h2, .cbz-thread-step h2 { margin-right: 48px; } .cbz-thread-login-state p, .cbz-thread-step-copy { margin-right: 0; } .cbz-thread-forum-options { max-height: 52vh; } .cbz-thread-card { grid-template-columns: 1fr; } .cbz-thread-card-image img { width: 100%; height: auto; max-height: 260px; } .cbz-thread-list-heading { align-items: flex-start; } .cbz-thread-list-heading h2 { font-size: 19px; } .cbz-forum-category-header { display: block; } .cbz-forum-category-header .cbz-thread-list-post-button { margin-top: 12px; } .cbz-thread-row { grid-template-columns: 1fr; padding: 12px 8px; } .cbz-thread-row-stats { display: grid; grid-template-columns: auto auto; justify-content: start; gap: 12px; margin-left: 57px; } .cbz-thread-post { grid-template-columns: 1fr; } .cbz-thread-public-reply-form { grid-template-columns: 1fr; } .cbz-reply-photo-upload { padding: 9px 10px; } .cbz-reply-images { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; margin-top: 12px; } .cbz-reply-image img { height: 135px !important; } .cbz-reply-images-count-1 { grid-template-columns: 1fr; } .cbz-reply-images-count-1 .cbz-reply-image img { height: auto !important; max-height: 380px !important; } .cbz-thread-public-reply-author { display: flex; flex-direction: row; gap: 10px; min-height: 0; padding: 12px; text-align: left; } .cbz-thread-public-reply-author:after { display: none; } .cbz-thread-public-reply-avatar { width: 46px !important; height: 46px !important; margin: 0 !important; } .cbz-thread-public-reply-toolbar { min-height: 50px; padding: 0 10px; overflow-x: auto; } .cbz-thread-public-reply-toolbar button { flex: 0 0 34px; width: 34px; height: 34px; font-size: 18px; } .cbz-thread-public-reply-editor-area { min-height: 105px; padding: 12px !important; font-size: 15px; } .cbz-thread-public-reply-actions { padding: 12px !important; } .cbz-thread-public-reply { margin-top: 12px; } .cbz-thread-detail + .cbz-forum-home-banner-bottom { margin-bottom: -30px !important; padding-top: 20.1px !important; padding-bottom: 0 !important; } .cbz-thread-post-author { display: flex; align-items: center; gap: 10px; text-align: left; padding: 12px; } .cbz-thread-post-author .cbz-thread-avatar { width: 42px !important; height: 42px !important; margin: 0 !important; } .cbz-thread-post-content { padding: 15px; } .cbz-thread-post-images { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; margin-top: 14px; } .cbz-thread-post-image img { height: 150px !important; } .cbz-thread-post-images-count-1 { grid-template-columns: 1fr; } .cbz-thread-post-images-count-1 .cbz-thread-post-image img { height: auto !important; max-height: 420px !important; } #cbz-replies .cbz-thread-post-content { padding: 15px 14px 17px; } #cbz-replies .cbz-thread-post-author { padding: 12px; } .cbz-thread-replies { margin-top: 20px; } #cbz-replies .cbz-thread-reply { margin-top: 20px; margin-bottom: 0; } #cbz-replies .cbz-thread-reply:first-child { margin-top: 0; } .cbz-thread-reply-header { min-height: 36px; padding: 8px 10px; font-size: 12px; } .cbz-thread-reply-number { font-size: 12px; } .cbz-board-section-header { padding: 10px; } .cbz-board-row { display: block; min-height: 0; padding: 0 10px; } .cbz-board-forum { padding: 12px 0 7px; } .cbz-board-forum-description { max-width: none; } .cbz-board-latest { margin-left: 43px; padding: 0 0 11px; } .cbz-latest-avatar { display: none; } } /* Forum stats / latest discussion area */ .cbz-board-stat-label { font-size: 11px; } .cbz-board-stat-value { font-size: 12px; font-weight: 600; } .cbz-latest-title { font-size: 12px; line-height: 1.35; font-weight: 600; } .cbz-latest-meta { font-size: 11px; line-height: 1.35; } /* New Posts / Post Thread buttons */ .cbz-forum-action { font-size: 13px; padding: 9px 14px; } .cbz-action-icon { font-size: 17px; } /* Featured Content */ .cbz-dynamic-featured-heading { font-size: 13px; } .cbz-dynamic-featured-copy strong { font-size: 14px; line-height: 1.4; } .cbz-dynamic-featured-copy p { font-size: 11px; line-height: 1.5; } /* New Blogs */ .cbz-new-blogs-heading { font-size: 13px; } .cbz-new-blog-title { font-size: 13px; line-height: 1.4; } .cbz-new-blog-item small { font-size: 10px; } /* Rewards box */ .cbz-rewards-promo-copy strong { font-size: 15px; line-height: 1.3; } .cbz-rewards-promo-copy small { font-size: 10px; line-height: 1.45; } .cbz-rewards-promo-button { font-size: 10px; padding: 7px 10px; } @media (max-width:580px) { .cbz-forum-action { font-size: 12px; } .cbz-dynamic-featured-copy strong, .cbz-new-blog-title { font-size: 13px; } .cbz-rewards-promo-copy strong { font-size: 14px; } } .cbz-grow-forum-page, .cbz-forum-shell, .cbz-forum-child-page, .cbz-thread-detail { font-size: 16px; } .cbz-grow-forum-page p, .cbz-forum-shell p, .cbz-forum-child-page p, .cbz-thread-detail p { font-size: 16px; line-height: 1.6; } .cbz-grow-forum-page small, .cbz-forum-shell small, .cbz-forum-child-page small, .cbz-thread-detail small { font-size: 12px; line-height: 1.45; } .cbz-board-stat-label, .cbz-latest-meta, .cbz-thread-row-meta, .cbz-thread-row-stats, .cbz-thread-row-latest small, .cbz-new-blog-item small, .cbz-rewards-promo-copy small { font-size: 12px; } .cbz-board-stat-value, .cbz-latest-title, .cbz-thread-row-latest a, .cbz-related-threads-grid strong, .cbz-forum-resources strong { font-size: 14px; } .cbz-thread-row-title { font-size: 17px; } .cbz-thread-post-author strong { font-size: 16px; } .cbz-thread-post-author small, .cbz-thread-post-date, .cbz-thread-post-tags, .cbz-thread-detail-stats { font-size: 14px; } .cbz-thread-post-message { font-size: 18px; } .cbz-thread-back-to-list, .cbz-thread-context, .cbz-dynamic-featured-heading, .cbz-new-blogs-heading, .cbz-new-blog-title { font-size: 15px; } .cbz-dynamic-featured-copy strong { font-size: 16px; } .cbz-dynamic-featured-copy p, .cbz-rewards-promo-copy small { font-size: 12px; } .cbz-rewards-promo-copy strong { font-size: 16px; } .cbz-forum-action { font-size: 14px; } .cbz-thread-reply-box h3 { font-size: 21px; } .cbz-thread-login-reply p { font-size: 16px; } .cbz-related-threads h2, .cbz-forum-resources h2 { font-size: 18px; } @media (max-width:580px) { .cbz-grow-forum-page, .cbz-forum-shell, .cbz-forum-child-page, .cbz-thread-detail { font-size: 15px; } .cbz-grow-forum-page p, .cbz-forum-shell p, .cbz-forum-child-page p, .cbz-thread-detail p { font-size: 15px; } .cbz-thread-post-message { font-size: 17px; } } /* v3.5.24: Improve readability in the forum directory and sidebar. */ .cbz-board-forum-title { font-size: 18px; } .cbz-board-forum-description { font-size: 13px; line-height: 1.45; } .cbz-board-stat-label { font-size: 12px; } .cbz-board-stat-value { font-size: 13px; } .cbz-latest-title { font-size: 14px; } .cbz-latest-meta { font-size: 12px; } .cbz-sidebar-latest-heading { font-size: 16px; } .cbz-sidebar-latest-title { font-size: 16px; line-height: 1.4; } .cbz-sidebar-latest-meta, .cbz-sidebar-latest-forum { font-size: 12px; line-height: 1.45; } .cbz-dynamic-featured-heading { font-size: 15px; } .cbz-dynamic-featured-copy strong { font-size: 17px; line-height: 1.4; } .cbz-dynamic-featured-copy p { font-size: 13px; line-height: 1.55; } .cbz-rewards-promo-copy strong { font-size: 17px; } .cbz-rewards-promo-copy small { font-size: 13px; line-height: 1.45; } .cbz-new-blogs-heading { font-size: 15px; } .cbz-new-blog-title { font-size: 15px; } .cbz-new-blog-item small { font-size: 12px; } /* Category pages */ .cbz-forum-category-header h1, .cbz-forum-category-header h2 { font-size: 31px; line-height: 1.2; } .cbz-forum-category-header p { font-size: 16px; line-height: 1.65; } .cbz-thread-table-head { font-size: 13px; } .cbz-thread-row-title { font-size: 19px; line-height: 1.35; } .cbz-thread-row-meta { font-size: 12px; line-height: 1.4; } .cbz-thread-row-stats { font-size: 12px; line-height: 1.3; } .cbz-thread-row-latest a { font-size: 14px; } .cbz-thread-row-latest small { font-size: 12px; } /* Main forum directory */ .cbz-forum-board-title { font-size: 28px; } .cbz-board-section-header { font-size: 15px; padding: 12px 14px; } .cbz-board-forum-title { font-size: 19px; line-height: 1.3; } .cbz-board-forum-description { font-size: 14px; line-height: 1.5; } .cbz-board-stat-label { font-size: 13px; } .cbz-board-stat-value { font-size: 14px; font-weight: 600; } .cbz-latest-title { font-size: 15px; line-height: 1.35; font-weight: 600; } .cbz-latest-meta { font-size: 13px; line-height: 1.4; } /* Right sidebar */ .cbz-sidebar-latest-heading, .cbz-dynamic-featured-heading, .cbz-new-blogs-heading { font-size: 17px; line-height: 1.25; } .cbz-sidebar-latest-title { font-size: 17px; line-height: 1.4; } .cbz-sidebar-latest-meta, .cbz-sidebar-latest-forum { font-size: 13px; line-height: 1.45; } .cbz-dynamic-featured-copy strong { font-size: 18px; line-height: 1.4; } .cbz-dynamic-featured-copy p { font-size: 14px; line-height: 1.55; } .cbz-rewards-promo-copy strong { font-size: 18px; line-height: 1.35; } .cbz-rewards-promo-copy small { font-size: 14px; line-height: 1.5; } .cbz-rewards-promo-button { font-size: 12px; } .cbz-new-blog-title { font-size: 16px; line-height: 1.4; } .cbz-new-blog-item small { font-size: 12px; line-height: 1.4; } /* Related discussions */ .cbz-related-threads h2 { font-size: 20px; line-height: 1.2; padding: 13px 14px; } .cbz-related-threads-grid strong { font-size: 16px; line-height: 1.4; } .cbz-related-threads-grid small { font-size: 13px; line-height: 1.45; } @media (max-width:580px) { .cbz-forum-category-header h1, .cbz-forum-category-header h2 { font-size: 26px; } .cbz-forum-category-header p { font-size: 15px; } .cbz-thread-row-title { font-size: 17px; } .cbz-forum-board-title { font-size: 23px; } .cbz-board-forum-title { font-size: 17px; } .cbz-board-forum-description { font-size: 13px; } .cbz-sidebar-latest-title, .cbz-new-blog-title { font-size: 15px; } .cbz-related-threads h2 { font-size: 17px; } .cbz-related-threads-grid strong { font-size: 15px; } } /*# sourceURL=woocommerce-inline-inline-css */ .woocommerce form .form-row .required { visibility: visible; } /*# sourceURL=wpf-custom-style-inline-css */ .wpfDisplay { margin-top: -12px; } /*# sourceURL=custom-flag-handle-inline-css */ .weglot-flags.flag-0.wg-a1 > a:before, .weglot-flags.flag-0.wg-a1 > span:before { background-image: url("https://cdn-ildbffb.nitrocdn.com/mLPqmjwPHQfaTLWdbCkWmlJMartwnJzn/assets/images/optimized/rev-5e2ce81/cdn.weglot.com/flags/rectangle_mat/ar.svg"); } .weglot-flags.flag-0.wg-a3 > a:before, .weglot-flags.flag-0.wg-a3 > span:before { background-image: url("https://cdn-ildbffb.nitrocdn.com/mLPqmjwPHQfaTLWdbCkWmlJMartwnJzn/assets/images/optimized/rev-5e2ce81/cdn.weglot.com/flags/rectangle_mat/ve.svg"); } .weglot-flags.flag-0.wg-a2 > a:before, .weglot-flags.flag-0.wg-a2 > span:before { background-image: url("https://cdn-ildbffb.nitrocdn.com/mLPqmjwPHQfaTLWdbCkWmlJMartwnJzn/assets/images/optimized/rev-5e2ce81/cdn.weglot.com/flags/rectangle_mat/pa.svg"); } .weglot-flags.flag-0.wg-a0 > a:before, .weglot-flags.flag-0.wg-a0 > span:before { background-image: url("https://cdn-ildbffb.nitrocdn.com/mLPqmjwPHQfaTLWdbCkWmlJMartwnJzn/assets/images/optimized/rev-5e2ce81/cdn.weglot.com/flags/rectangle_mat/mx.svg"); } .weglot-flags.flag-0.wg-a4 > a:before, .weglot-flags.flag-0.wg-a4 > span:before { background-image: url("https://cdn-ildbffb.nitrocdn.com/mLPqmjwPHQfaTLWdbCkWmlJMartwnJzn/assets/images/optimized/rev-5e2ce81/cdn.weglot.com/flags/rectangle_mat/be.svg"); } .weglot-flags.flag-1.wg-a1 > a:before, .weglot-flags.flag-1.wg-a1 > span:before { background-image: url("https://cdn-ildbffb.nitrocdn.com/mLPqmjwPHQfaTLWdbCkWmlJMartwnJzn/assets/images/optimized/rev-5e2ce81/cdn.weglot.com/flags/shiny/ar.svg"); } .weglot-flags.flag-1.wg-a3 > a:before, .weglot-flags.flag-1.wg-a3 > span:before { background-image: url("https://cdn-ildbffb.nitrocdn.com/mLPqmjwPHQfaTLWdbCkWmlJMartwnJzn/assets/images/optimized/rev-5e2ce81/cdn.weglot.com/flags/shiny/ve.svg"); } .weglot-flags.flag-1.wg-a2 > a:before, .weglot-flags.flag-1.wg-a2 > span:before { background-image: url("https://cdn-ildbffb.nitrocdn.com/mLPqmjwPHQfaTLWdbCkWmlJMartwnJzn/assets/images/optimized/rev-5e2ce81/cdn.weglot.com/flags/shiny/pa.svg"); } .weglot-flags.flag-1.wg-a0 > a:before, .weglot-flags.flag-1.wg-a0 > span:before { background-image: url("https://cdn-ildbffb.nitrocdn.com/mLPqmjwPHQfaTLWdbCkWmlJMartwnJzn/assets/images/optimized/rev-5e2ce81/cdn.weglot.com/flags/shiny/mx.svg"); } .weglot-flags.flag-1.wg-a4 > a:before, .weglot-flags.flag-1.wg-a4 > span:before { background-image: url("https://cdn-ildbffb.nitrocdn.com/mLPqmjwPHQfaTLWdbCkWmlJMartwnJzn/assets/images/optimized/rev-5e2ce81/cdn.weglot.com/flags/shiny/be.svg"); } .weglot-flags.flag-2.wg-a1 > a:before, .weglot-flags.flag-2.wg-a1 > span:before { background-image: url("https://cdn-ildbffb.nitrocdn.com/mLPqmjwPHQfaTLWdbCkWmlJMartwnJzn/assets/images/optimized/rev-5e2ce81/cdn.weglot.com/flags/square/ar.svg"); } .weglot-flags.flag-2.wg-a3 > a:before, .weglot-flags.flag-2.wg-a3 > span:before { background-image: url("https://cdn-ildbffb.nitrocdn.com/mLPqmjwPHQfaTLWdbCkWmlJMartwnJzn/assets/images/optimized/rev-5e2ce81/cdn.weglot.com/flags/square/ve.svg"); } .weglot-flags.flag-2.wg-a2 > a:before, .weglot-flags.flag-2.wg-a2 > span:before { background-image: url("https://cdn-ildbffb.nitrocdn.com/mLPqmjwPHQfaTLWdbCkWmlJMartwnJzn/assets/images/optimized/rev-5e2ce81/cdn.weglot.com/flags/square/pa.svg"); } .weglot-flags.flag-2.wg-a0 > a:before, .weglot-flags.flag-2.wg-a0 > span:before { background-image: url("https://cdn-ildbffb.nitrocdn.com/mLPqmjwPHQfaTLWdbCkWmlJMartwnJzn/assets/images/optimized/rev-5e2ce81/cdn.weglot.com/flags/square/mx.svg"); } .weglot-flags.flag-2.wg-a4 > a:before, .weglot-flags.flag-2.wg-a4 > span:before { background-image: url("https://cdn-ildbffb.nitrocdn.com/mLPqmjwPHQfaTLWdbCkWmlJMartwnJzn/assets/images/optimized/rev-5e2ce81/cdn.weglot.com/flags/square/be.svg"); } .weglot-flags.flag-3.wg-a1 > a:before, .weglot-flags.flag-3.wg-a1 > span:before { background-image: url("https://cdn-ildbffb.nitrocdn.com/mLPqmjwPHQfaTLWdbCkWmlJMartwnJzn/assets/images/optimized/rev-5e2ce81/cdn.weglot.com/flags/circle/ar.svg"); } .weglot-flags.flag-3.wg-a3 > a:before, .weglot-flags.flag-3.wg-a3 > span:before { background-image: url("https://cdn-ildbffb.nitrocdn.com/mLPqmjwPHQfaTLWdbCkWmlJMartwnJzn/assets/images/optimized/rev-5e2ce81/cdn.weglot.com/flags/circle/ve.svg"); } .weglot-flags.flag-3.wg-a2 > a:before, .weglot-flags.flag-3.wg-a2 > span:before { background-image: url("https://cdn-ildbffb.nitrocdn.com/mLPqmjwPHQfaTLWdbCkWmlJMartwnJzn/assets/images/optimized/rev-5e2ce81/cdn.weglot.com/flags/circle/pa.svg"); } .weglot-flags.flag-3.wg-a0 > a:before, .weglot-flags.flag-3.wg-a0 > span:before { background-image: url("https://cdn-ildbffb.nitrocdn.com/mLPqmjwPHQfaTLWdbCkWmlJMartwnJzn/assets/images/optimized/rev-5e2ce81/cdn.weglot.com/flags/circle/mx.svg"); } .weglot-flags.flag-3.wg-a4 > a:before, .weglot-flags.flag-3.wg-a4 > span:before { background-image: url("https://cdn-ildbffb.nitrocdn.com/mLPqmjwPHQfaTLWdbCkWmlJMartwnJzn/assets/images/optimized/rev-5e2ce81/cdn.weglot.com/flags/circle/be.svg"); } /* ✅ Apply only on German + Mobile */ @media (max-width: 768px) { html[lang="de"] .cv-tabs__content { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; /* spacing between cards */ padding: 0 5px; } /* ✅ Each product card takes less space */ html[lang="de"] .product-small { max-width: 180px; /* prevent oversize */ margin: 0 auto !important; } /* ✅ Tweak title text to fit */ html[lang="de"] .cv-tabs__content .product-small .box-text h3 { font-size: 13px !important; line-height: 1.3em !important; } /* ✅ Images scale down nicely */ html[lang="de"] .cv-tabs__content .product-small img { width: 100% !important; height: auto !important; } html[lang="de"] .rating-img { max-width: 60px !important; } html[lang="de"] .btn { font-size: 10px !important; /* smaller button text */ padding: 6px 10px !important; /* tighter button padding */ line-height: 1.2em !important; } html[lang="de"] .woocommerce-Price-amount { font-size: 20px !important; /* smaller button text */ line-height: 1.2em !important; } } /* ✅ Apply only on German + Mobile */ @media (max-width: 768px) { html[lang="fr"] .cv-tabs__content { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; /* spacing between cards */ padding: 0 5px; } /* ✅ Each product card takes less space */ html[lang="fr"] .product-small { max-width: 180px; /* prevent oversize */ margin: 0 auto !important; } /* ✅ Tweak title text to fit */ html[lang="fr"] .cv-tabs__content .product-small .box-text h3 { font-size: 13px !important; line-height: 1.3em !important; } /* ✅ Images scale down nicely */ html[lang="fr"] .cv-tabs__content .product-small img { width: 100% !important; height: auto !important; } html[lang="fr"] .rating-img { max-width: 60px !important; } html[lang="fr"] .btn { font-size: 10px !important; /* smaller button text */ padding: 6px 10px !important; /* tighter button padding */ line-height: 1.2em !important; } html[lang="fr"] .woocommerce-Price-amount { font-size: 20px !important; /* smaller button text */ line-height: 1.2em !important; } } /* ✅ Apply only on German + Mobile */ @media (max-width: 768px) { html[lang="it"] .cv-tabs__content { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; /* spacing between cards */ padding: 0 5px; } /* ✅ Each product card takes less space */ html[lang="it"] .product-small { max-width: 180px; /* prevent oversize */ margin: 0 auto !important; } /* ✅ Tweak title text to fit */ html[lang="it"] .cv-tabs__content .product-small .box-text h3 { font-size: 13px !important; line-height: 1.3em !important; } /* ✅ Images scale down nicely */ html[lang="it"] .cv-tabs__content .product-small img { width: 100% !important; height: auto !important; } html[lang="it"] .rating-img { max-width: 60px !important; } html[lang="it"] .btn { font-size: 10px !important; /* smaller button text */ padding: 6px 10px !important; /* tighter button padding */ line-height: 1.2em !important; } html[lang="it"] .woocommerce-Price-amount { font-size: 20px !important; /* smaller button text */ line-height: 1.2em !important; } } /* Ensure switcher and dropdown are fully visible */ .weglot_switcher, .weglot_switcher * { z-index: 999999 !important; } .weglot_switcher, .weglot_switcher .country-selector { overflow: visible !important; height: auto !important; max-height: none !important; } /* Hide language list when closed */ .weglot_switcher.closed .language-list { display: none !important; } /* Two-column grid layout — visible only when open */ .weglot_switcher:not(.closed) .language-list { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; gap: 10px !important; position: absolute !important; right: -30%; padding: 5px !important; /* Background styling */ background: rgba(255, 255, 255, .95) !important; backdrop-filter: blur(6px) !important; border-radius: 12px !important; box-shadow: 0 4px 16px rgba(0, 0, 0, .15) !important; border: 1px solid rgba(0, 0, 0, .05) !important; } /* Default flag styling */ .weglot_switcher .language-option { text-align: center !important; padding: 2px !important; margin: 0 !important; border-radius: 6px !important; transition: all .2s ease-in-out !important; opacity: .85 !important; } /* Flags sizing (desktop default) */ .weglot_switcher .language-option img { width: 90px !important; height: 20px !important; object-fit: contain !important; display: block !important; } /* Hover effect */ .weglot_switcher .language-option:hover { opacity: 1 !important; transform: scale(1.05) !important; } /* --- Responsive Adjustments --- */ @media (max-width: 768px) { .weglot_switcher .language-option img { width: 75px !important; height: 18px !important; } .weglot_switcher:not(.closed) .language-list { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; position: absolute !important; padding: 5px !important; backdrop-filter: blur(6px) !important; border-radius: 12px !important; box-shadow: 0 4px 16px rgba(0, 0, 0, .15) !important; border: 1px solid rgba(0, 0, 0, .05) !important; } } @media (max-width: 480px) { .weglot_switcher .language-option img { width: 80px !important; height: 16px !important; } } /* ✅ Apply only on German + Mobile */ @media (max-width: 768px) { html[lang="el"] .cv-tabs__content { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; /* spacing between cards */ padding: 0 5px; } /* ✅ Each product card takes less space */ html[lang="el"] .product-small { max-width: 180px; /* prevent oversize */ margin: 0 auto !important; } /* ✅ Tweak title text to fit */ html[lang="el"] .cv-tabs__content .product-small .box-text h3 { font-size: 13px !important; line-height: 1.3em !important; } /* ✅ Images scale down nicely */ html[lang="el"] .cv-tabs__content .product-small img { width: 100% !important; height: auto !important; } html[lang="el"] .rating-img { max-width: 60px !important; } html[lang="el"] .btn { font-size: 10px !important; /* smaller button text */ padding: 6px 10px !important; /* tighter button padding */ line-height: 1.2em !important; } html[lang="el"] .woocommerce-Price-amount { font-size: 20px !important; /* smaller button text */ line-height: 1.2em !important; } } /* Fix only sidebar/column portrait images */ .col.large-3 .image-cover, .col.medium-3 .image-cover { height: 350px !important; overflow: hidden; border-radius: 6px; } .col.large-3 .image-cover img, .col.medium-3 .image-cover img { width: 100% !important; height: 100% !important; object-fit: cover; display: block; } /* Mobile */ @media (max-width: 768px) { .col.large-3 .image-cover, .col.medium-3 .image-cover { height: 300px !important; } } html, body { font-family: "Lato", sans-serif; font-weight: 400; } .home .flickity-slider > .banner { padding: unset !important; } .home .banner { padding-top: unset !important; } .flickity-slider .product-small .add-to-cart-button { bottom: 0 !important; } header .search-form { width: 27% !important; } .header-inner.flex-row.container.logo-left.medium-logo-center { max-width: 1380px; } @media screen and (min-width:1370px) { .nav > li > a { font-size: .8em !important; } } /* Full width form style with green theme branding */ #forminator-module-119170 { max-width: 100% !important; width: 100% !important; margin: 0 auto !important; background: #fff !important; padding: 30px !important; border-radius: 8px !important; /* box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04) !important; */ /* border: 1px solid #eaeaea !important; */ box-sizing: border-box !important; } /* Spacing between rows */ #forminator-module-119170 .forminator-row { margin-bottom: 20px !important; } /* Form Labels */ #forminator-module-119170 .forminator-label { font-weight: 600 !important; color: #2c3338 !important; margin-bottom: 8px !important; font-size: 14px !important; } /* Inputs, Select Dropdowns & Textareas */ #forminator-module-119170 .forminator-input, #forminator-module-119170 .forminator-textarea, #forminator-module-119170 .select2-container--default .select2-selection--single { border: 1px solid #ccd0d4 !important; border-radius: 6px !important; padding: 10px 14px !important; background-color: #fcfcfc !important; font-size: 14px !important; color: #2c3338 !important; height: 44px !important; box-shadow: none !important; width: 100% !important; box-sizing: border-box !important; } #forminator-module-119170 .forminator-textarea { height: 120px !important; } /* Focus States with Brand Green */ #forminator-module-119170 .forminator-input:focus, #forminator-module-119170 .forminator-textarea:focus, #forminator-module-119170 .select2-container--default.select2-container--open .select2-selection--single { border-color: #008a20 !important; background-color: #fff !important; box-shadow: 0 0 0 1px #008a20 !important; } /* Select2 Dropdown Arrow Alignment */ #forminator-module-119170 .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 42px !important; padding-left: 2px !important; } #forminator-module-119170 .select2-container--default .select2-selection--single .select2-selection__arrow { height: 42px !important; } /* File Upload Styling */ #forminator-module-119170 .forminator-file-upload { display: flex !important; align-items: center !important; gap: 12px !important; } #forminator-module-119170 .forminator-button-upload { background: #f6f7f7 !important; color: #2c3338 !important; border: 1px solid #8c8f94 !important; border-radius: 4px !important; padding: 8px 16px !important; font-weight: 500 !important; cursor: pointer !important; box-shadow: none !important; } #forminator-module-119170 .forminator-button-upload:hover { background: #f0f0f1 !important; border-color: #555 !important; } /* Submit Button with Matching Green */ #forminator-module-119170 .forminator-button-submit { background-color: #008a20 !important; color: #fff !important; font-weight: 600 !important; padding: 12px 24px !important; border-radius: 6px !important; border: none !important; cursor: pointer !important; width: 100% !important; font-size: 15px !important; transition: background .2s ease !important; } #forminator-module-119170 .forminator-button-submit:hover { background-color: #006617 !important; } :root { --primary-color: #437f27; --fs-color-primary: #437f27; --fs-color-secondary: #555; --fs-color-success: #627d47; --fs-color-alert: #b20000; --fs-color-base: #4a4a4a; --fs-experimental-link-color: #437f27; --fs-experimental-link-color-hover: #81d742; } .tooltipster-base { --tooltip-color: #fff; --tooltip-bg-color: #000; } .off-canvas-right .mfp-content, .off-canvas-left .mfp-content { --drawer-width: 300px; } .off-canvas .mfp-content.off-canvas-cart { --drawer-width: 360px; } .container-width, .full-width .ubermenu-nav, .container, .row { max-width: 1150px; } .row.row-collapse { max-width: 1120px; } .row.row-small { max-width: 1142.5px; } .row.row-large { max-width: 1180px; } .header-main { height: 98px; } #logo img { max-height: 98px; } #logo { width: 273px; } .header-bottom { min-height: 55px; } .header-top { min-height: 30px; } .transparent .header-main { height: 90px; } .transparent #logo img { max-height: 90px; } .has-transparent + .page-title:first-of-type, .has-transparent + #main > .page-title, .has-transparent + #main > div > .page-title, .has-transparent + #main .page-header-wrapper:first-of-type .page-title { padding-top: 170px; } .header.show-on-scroll, .stuck .header-main { height: 70px !important; } .stuck #logo img { max-height: 70px !important; } .search-form { width: 100%; } .header-bg-color { background-color: #fff; } .header-bottom { background-color: #fff; } .top-bar-nav > li > a { line-height: 16px; } .header-main .nav > li > a { line-height: 16px; } .stuck .header-main .nav > li > a { line-height: 50px; } .header-bottom-nav > li > a { line-height: 16px; } @media (max-width: 549px) { .header-main { height: 84px; } #logo img { max-height: 84px; } } .main-menu-overlay { background-color: #3a3a3a; } .nav-dropdown { font-size: 100%; } .header-top { background-color: #ededed !important; } .header:not(.transparent) .top-bar-nav > li > a { color: #000; } .header:not(.transparent) .top-bar-nav.nav > li > a:hover, .header:not(.transparent) .top-bar-nav.nav > li.active > a, .header:not(.transparent) .top-bar-nav.nav > li.current > a, .header:not(.transparent) .top-bar-nav.nav > li > a.active, .header:not(.transparent) .top-bar-nav.nav > li > a.current { color: #000; } .top-bar-nav.nav-line-bottom > li > a:before, .top-bar-nav.nav-line-grow > li > a:before, .top-bar-nav.nav-line > li > a:before, .top-bar-nav.nav-box > li > a:hover, .top-bar-nav.nav-box > li.active > a, .top-bar-nav.nav-pills > li > a:hover, .top-bar-nav.nav-pills > li.active > a { color: #fff !important; background-color: #000; } .widget:where(:not(.widget_shopping_cart)) a { color: #437f27; } .widget:where(:not(.widget_shopping_cart)) a:hover {} .widget .tagcloud a:hover {} .shop-page-title.featured-title .title-overlay { background-color: rgba(0, 0, 0, .3); } .current .breadcrumb-step, [data-icon-label]:after, .button#place_order, .button.checkout, .checkout-button, .single_add_to_cart_button.button, .sticky-add-to-cart-select-options-button { background-color: #d33 !important; } .star-rating span:before, .star-rating:before, .woocommerce-page .star-rating:before, .stars a:hover:after, .stars a.active:after { color: #d33; } @media screen and (min-width: 550px) { .products .box-vertical .box-image { min-width: 247px !important; width: 247px !important; } } .footer-1 { background-image: url("https://cdn-ildbffb.nitrocdn.com/mLPqmjwPHQfaTLWdbCkWmlJMartwnJzn/assets/images/optimized/rev-5e2ce81/cannabizseed.com/wp-content/uploads/2024/06/banner-1910-x-175-px.png"); } .footer-1.nitro-lazy { background-image: none !important; } .footer-1 { background-color: #fff; } .footer-2 { background-color: #ededed; } .absolute-footer, html { background-color: #ededed; } .page-title-small + main .product-container > .row { padding-top: 0; } .nav-vertical-fly-out > li + li { border-top-width: 1px; border-top-style: solid; } /* Custom CSS */ .social-icons-color { color: #000 !important; } .absolute-footer.dark { color: #fff; } .dark .social-icons, .nav-dark .social-icons { color: #000; } .label-new.menu-item > a:after { content: "New"; } .label-hot.menu-item > a:after { content: "Hot"; } .label-sale.menu-item > a:after { content: "Sale"; } .label-popular.menu-item > a:after { content: "Popular"; } #wide-nav #menu-item-120588 { display: none !important; } #wide-nav li.menu-item > a[href="https://cannabizseed.com/grow-forum/"] { display: none !important; } #wide-nav li.menu-item:has(> a[href="https://cannabizseed.com/grow-forum/"]) { display: none !important; } .cbz-small-vimeo { width: min(670px, calc(100vw - 30px)) !important; max-width: none !important; aspect-ratio: 16/9 !important; height: auto !important; min-height: 0 !important; position: relative !important; display: block !important; margin: 40px auto !important; padding: 0 !important; left: auto !important; transform: none !important; float: none !important; overflow: hidden !important; box-sizing: border-box !important; line-height: 0 !important; clear: both !important; } .cbz-small-vimeo iframe { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; max-width: none !important; max-height: none !important; margin: 0 !important; padding: 0 !important; border: 0 !important; display: block !important; } .cbz-small-vimeo .fluid-width-video-wrapper { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; max-width: none !important; padding: 0 !important; margin: 0 !important; transform: none !important; } #gap-1486285184 { padding-top: 5px; } #col-666532493 > .col-inner { margin: 0px 0px 0px 50px; } #gap-201066672 { padding-top: 5px; } #col-1073166878 > .col-inner { margin: 0px 0px 0px 50px; } #gap-1563832505 { padding-top: 5px; } #col-1196869665 > .col-inner { margin: 0px 0px 0px 50px; } #gap-1105332230 { padding-top: 30px; } #col-229045225 > .col-inner { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 50px; } #row-261806429 > .col > .col-inner { padding: 30px 0px 0px 0px; } #gap-589962263 { padding-top: 30px; } #text-1235594559 { color: #000; } #text-1235594559 > * { color: #000; } #section_954797900 { padding-top: 0px; padding-bottom: 0px; } html, body { font-family: Georgia; } .custom_dropdown_new .nav-dropdown > li.nav-dropdown-col { border-right: 2px solid #ececec !important; padding: 10px 10px 20px 20px; } .custom_dropdown_new .nav-dropdown > li.nav-dropdown-col:last-child { border-right: 1px solid transparent !important; } .header-bottom { border-top: 1px solid #e5e2e2; } .in-stock { margin-bottom: 25px; } .pb-none { padding-bottom: 0px !important; } .star-rating span:before { color: #f6c753; } .player.right-content-area-supported > .content-area-sibling-enabled { border: solid 1px black !important; } span a { color: #95b685; } table.table_2 img { width: 50px; } table.table_2 td strong { color: #484747; font-size: 16px; font-family: "Lato", sans-serif; } .stuck #logo img { padding-bottom: 10px; padding-top: 5px; } table.table_2 td span { font-family: "Lato", sans-serif; } table.table_2 td p { margin-bottom: 0px !important; } .desc_table_small img { width: 20%; } .pswp { display: none; } .mfp-ready .mfp-close { filter: invert(1) !important; padding: 2px !important; border-radius: 40px; } .mfp-ready .mfp-close span { width: 33px !important; height: 38px !important; } .vk .icon-vk::before { content: ""; display: inline-block; width: 12px; height: 12px; background-image: url("https://cdn-ildbffb.nitrocdn.com/mLPqmjwPHQfaTLWdbCkWmlJMartwnJzn/assets/images/optimized/rev-5e2ce81/cannabizseed.com/wp-content/uploads/2024/07/vimeo.png"); background-size: contain; background-repeat: no-repeat; margin-right: 5px; } table.table_2 tbody { display: flex; flex-wrap: wrap; width: 100%; } table.table_2 tbody tr { width: 50%; margin-bottom: 2rem; } table.table_2 tbody tr td { width: 200px !important; word-break: break-word; } table.table_2 tbody tr th, table.table_2 tbody tr td { border: none; } table.table_2 tbody tr td span { font-size: 16px; font-family: "Lato", sans-serif; font-weight: 400 !important; } .singleProductImgPera { height: 268px; overflow: hidden; width: 100% !important; } .footer-1 { margin-top: 0rem !important; } .copyright-footer { font-size: 12px; } .pdingNone_section { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } nav.woocommerce-breadcrumb.breadcrumbs { font-size: 18.4px !important; } p.cstm-breadcrub a:hover { color: #000 !important; } .paddingNone { padding: 0px !important; } .aboutNew-head { margin-bottom: 1rem; } .climate_table_main tbody tr th:first-child, .climate_table_main tbody tr th:last-child { background: #ced1ed !important; padding: 8px; } .climate_table_main table tbody tr th { background: #a0a6dc; } .climate_table_main table tbody tr th { border: solid 1px #8088d0; } .climate_table_main table tbody tr th { border: solid 1px #8088d0; width: 20%; } .climate_table_main table tbody tr td { text-align: center; border: none !important; } .climate_table_main { text-align: center; width: 60%; margin: auto; padding: 30px 0px 40px 0px; } .climate_table_main p { margin-bottom: 2px; } .str_grp img { width: 17px; height: 17px; margin-left: 5px; } .str_dte { display: flex; } .str_grp { margin-right: 1rem; display: flex; } .str_dte p { font-style: italic !important; margin-bottom: 5px; font-size: 14px; } .map_buttons_mobile { display: none; } .test_star_main { background: #f1f2f3; padding: 13px 20px; border-radius: 4px; width: 78%; margin: 60px auto; } .str_best_sec { display: flex; font-weight: 800; font-size: 18px; align-items: center; } .str_usr_img { width: 46px; margin-right: 1rem; } .str_usr_img img { width: 100%; } .str_best_sec p { margin-bottom: 0px !important; } .star_text_cont p { font-size: 16px; margin-bottom: 5px; } .tip_box { display: flex; align-items: center; position: relative; border: solid 1px #e2e2e2; padding: 8px 12px; justify-content: flex-end; height: 54px; margin: 4rem auto; width: 93%; } .tip_light { width: 53px; position: absolute; left: 13px; bottom: 0px; } .tip_box p { margin-bottom: 0px; font-size: 15px; width: 92%; } .map_buttons { display: flex; justify-content: center; flex-wrap: wrap; position: relative; margin: 4rem 0rem; } .parentBtn button { background: #2fba76; position: relative; text-transform: capitalize; padding: 2px 23px; box-shadow: 5px 6px 2px -2px rgba(0, 0, 0, .38); font-size: 15px; } .parentBtn button span { color: #fff; position: relative; z-index: 5; } .parentBtn button::before { content: ""; position: absolute; height: 150px; width: 1px; background: #2fba76; transform: rotate(40deg); left: 2%; top: 0px; z-index: 0; } .parentBtn button::after { content: ""; position: absolute; height: 150px; width: 1px; background: #2fba76; transform: rotate(-40deg); right: 2%; top: 0px; z-index: 0; } .nav-tabs + .tab-panels { border: none; } .nav-tabs > li.active > a { border-top: none; border-bottom: solid 2px; border-bottom-color: var(--fs-color-primary) !important; } ul.tabs.wc-tabs.product-tabs li a { border-right: none; border-left: none; border-top: none; border-bottom: solid 2px #e1e1e1; background: no-repeat; margin: 0px 24px 0px 0px; padding: 0px 0px 0px 0px; text-transform: capitalize; font-size: 18px !important; font-weight: 500 !important; line-height: 1.3; color: #000; } /* .product-gallery-slider img { height: 810px; object-fit: contain; } .product-gallery-slider { height: 820px; } */ .map_buttons .parentBtn { width: 100%; text-align: center; margin-bottom: 3rem; } .childBtns { display: flex; flex-wrap: wrap; justify-content: space-around; width: 75%; } .tabbed-content, .tabbed-content .tab-panels { padding-bottom: 0px !important; } .wrap_row .col { padding-bottom: 5px !important; } .home_learn_para_sec p { margin: 0px; } .home_learn_para_sec, .home_learn_heading_sec { padding-bottom: 0px; } .subChildChild { width: 50%; text-align: center; display: flex; flex-wrap: wrap; justify-content: space-between; } .subChildChild button:first-child { width: 100%; margin: 0px; margin-bottom: 2rem; } .subChildChild button { width: 50%; margin: 0px; } .subChildChild button span { color: #fff; } .childBtns button span { background: #2fba76; padding: 12px 10px; position: relative; z-index: 5; font-size: 15px; box-shadow: 5px 6px 2px -2px rgba(0, 0, 0, .38); text-transform: capitalize; font-weight: 100; text-decoration: underline; } .subChildChild button:nth-child(3) { text-align: start; } .subChildChild button:nth-child(2) { text-align: end; } button.chld_main_btn::before { content: ""; position: absolute; height: 81px; background: #2fba76; width: 1px; transform: translateX(-50%) rotate(37deg); left: 45%; top: 15px; z-index: 0; } button.chld_main_btn::after { content: ""; position: absolute; height: 81px; background: #2fba76; width: 1px; transform: translateX(-50%) rotate(-37deg); right: 45%; top: 15px; z-index: 0; } table.desc_table_small tbody tr th { width: 40%; } .legend_header { text-align: center; background: #4a932d; border-radius: 10px 10px 0px 0px; } .legend_header h2 { color: #fff; } .legend_footer ul li { text-align: left; color: #fff; font-size: 13px; line-height: 17px; margin-bottom: 0px; } .legend_footer ul { margin-bottom: 0px; } .legend_footer { background: #4a932d; padding: 6px 3px; border-radius: 0px 0px 10px 10px; } .legend_box table tbody { display: flex; flex-wrap: wrap; justify-content: space-around; } .legend_box table { border-left: solid 1px #4a932d; border-right: solid 1px #4a932d; margin-bottom: 0px; } .legend_box table tbody tr { width: 100%; } .legend_box table tbody tr td { border: none !important; } .legend_box table tbody tr:not(:nth-child(-n+4)) { width: 50% !important; } .legend_header h2 { margin: 0px; } .legend_box table tbody tr:not(:nth-child(-n+4)) th { width: 30%; padding: 0px; } .legend_box table tbody tr:not(:nth-child(-n+4)) td { width: 60% !important; } .legend_box table tbody tr td { width: 80%; padding: 0px; } .legend_box table tbody tr th { width: 15%; padding: 0px; border: none; } .legend_box table tbody tr th img { width: 100% !important; } .icon_box_main .border-redios .col-inner { height: 260px !important; } .icon_box_main .border-redios .col-inner .icon-box .icon-box-text h4 { font-size: 13px !important; } .icon_box_main .border-redios .col-inner .icon-box .icon-box-text p span { font-size: 16px !important; } .age-modal { display: none; } .wpcf7 .wpcf7-not-valid-tip:after { display: none; } .avwp-av > p:last-child button { margin-left: 10px; } .product-template-default.single.single-product .rating-img { width: 102px; height: 18px; } .summary.col-fit.col.entry-summary.product-summary .rating-wrapper { margin-bottom: 32px; margin-top: 20px; } .product-template-default.single.single-product .rating-count { font-size: 14px; line-height: 14px; } /*.page-id-33868 .rating-count { font-size: 10px; line-height: 10px; } .page-id-33868 .rating-img { width: 70px; height: 12px; } .page-id-33868 .rating-wrapper{ margin-bottom: 0; } */ input#woocommerce-product-search-field-0 { height: 40px; border-bottom-left-radius: 10px; border-top-left-radius: 10px; } input#woocommerce-product-search-field-1 { border-top-left-radius: 10px; border-bottom-left-radius: 10px; } .duplicate-cart-icon-class { display: none; } @media screen and (max-width :767px) { .ship_blocks .col-inner.text-center { padding-top: 0px !important; } .imgss_home .img-inner { width: 65vw; margin: auto; height: 227px; } .home-vid-col { padding-left: 10px !important; padding-right: 10px !important; } ul.safe-checkout__payments { flex-wrap: wrap; } div#block-10, div#block-9 { display: none; } .safe-checkout__payment { width: 42px !important; } .video_home { padding-top: 51.5% !important; } .pdingNone_section { padding: 1.5rem 0rem !important; } .product-footer ul.product-tabs { flex-flow: nowrap; justify-content: space-between !important; } .product-footer ul.product-tabs li { width: fit-content; } ul.tabs.wc-tabs.product-tabs li a { width: fit-content; font-size: 4.3vw !important; margin: 0px 10px 0px 0px !important; } .wrap_row p { line-height: 1.6 !important; } .wrap_row { margin-bottom: 20px; } .product_chartGreenMain:first-child { padding: 5px !important; } .climate_table_main { width: 100%; } div#tab-description p { text-align: justify; } .map_buttons_mobile { display: block; margin: 3rem 0rem; } .map_buttons { display: none; } .tip_box { height: auto; width: 100%; } .test_star_main { width: 100% !important; } .legend_img { width: 85% !important; margin: auto !important; } .map_buttons_mobile p button { background: #3bbc73; font-weight: 200 !important; } .map_buttons_mobile p:first-child button { font-weight: 700 !important; line-height: 1.6; font-size: 17px; } .map_buttons_mobile p button span { color: #fff; } .map_buttons_mobile button.blu_dm_btn { margin-left: 2rem; } .map_buttons_mobile button.cons_btn { margin-left: 2rem; position: relative; } button.bluifer_btn { position: relativel; } button.bluifer_btn::before { content: ""; position: absolute; height: 190px; width: 50px; background: none; left: 7px; z-index: 0; border-left: solid 1px #37be72; border-bottom: solid 1px #37be72; } button.blu_dm_btn { position: relative; } button.blu_dm_btn::before { content: ""; width: 43px; position: absolute; height: 1px; background: #37be72; left: -26px; z-index: 0; top: 50%; transform: translateY(-50%); } .tip_light { top: -10px; } .str_dte { display: block; } .legend_header { padding: 10px; } /* test */ button.blu_dm_btn::after { content: ""; position: absolute; width: 128px; border-right: solid 1px #3bbc73; height: 24.8rem; top: 11px; right: -79px; border-top: solid 1px #3bbc73; border-bottom: solid 1px #3bbc73; } .alian_child_all p:first-child button::before { content: ""; position: absolute; width: 255px; height: 5px; border-top: solid 1px #3bbc73; left: 20px; top: 50%; transform: translateY(-50%); z-index: -1; } .alian_child_all p:first-child button { position: relative; z-index: 9; } button.cons_btn::after { content: ""; position: absolute; width: 128px; border-right: solid 1px #3bbc73; height: 10rem; top: 11px; right: -79px; border-top: solid 1px #3bbc73; border-bottom: solid 1px #3bbc73; } .mircle_child_all p:first-child button { position: relative; z-index: 9; } .mircle_child_all p:first-child button::before { content: ""; position: absolute; width: 223px; height: 5px; border-top: solid 1px #3bbc73; left: 20px; top: 50%; transform: translateY(-50%); z-index: -1; } } @media screen and (max-width:1023px) { .tip_box p { width: 79% !important; } .map_buttons::after { width: 45px !important; height: 100px !important; right: 41% !important; } .map_buttons::before { width: 45px !important; height: 100px !important; right: 48% !important; } .childBtns { width: 100%; } .childBtns button span { font-size: 12px; padding: 14px 13px; } } @media screen and (max-width: 849px) { .medium-logo-center .logo { margin: 0; } #top-bar { display: none; } .logocutom { margin-top: -25px; padding-right: 20px; padding-left: 20px; } } .sliderpadding { padding: 0px 50px 0px 50px; } .dark, .dark p, .dark td { color: #000; } .absolute-footer.dark { color: #000; } .avwp-av > img { margin-left: -30px; } .category_bottom_content { padding: 20px; } .dark .is-divider { background-color: hsla(0deg, 0%, 0%, 30%); } span.wpcf7-spinner { display: none; } .customcss { margin-top: -42px; color: #000; margin-left: 30px; } .wpcf7 .flex-col .wpcf7-not-valid-tip { margin-top: -34px; background-color: rgba(255, 255, 255, 0); margin-left: 35px; } a.button.primary.is-link.is-small.mb-0 { text-transform: capitalize; font-weight: 500; font-size: 18px; } .footer-widgets.footer.footer-1 .widget { margin-bottom: 0px !important; } .woocommerce-ordering { display: none !important; } .box-text .button { margin-top: 0; } .is-small, .is-small.button { font-size: .9em; } .form-flat input:not([type=submit])::placeholder { color: #000; } .dark .form-flat input:not([type=submit]) { color: #000 !important; } .wpcf7-acceptance span a { color: #000; } .wpcf7-acceptance span { color: #000; } .header-bottom-nav > li > a { line-height: 16px; font-weight: 400; text-transform: capitalize; font-size: 18px !important; } #block_widget-3 .section.dark { background: none !important; } .absolute-footer, .footer-2 { background-color: #ededed !important; border-top: 1px solid #d5d5d5; } .footer-1 { background-position-x: center; background-repeat: no-repeat; background-size: cover; padding: 0; margin-top: 50px; } .searchform-wrapper form { width: 580px; } input[type=submit], input[type=submit].button { background: linear-gradient(135deg, #ffe935, #ffbc2b); opacity: 1; color: #000; font-size: 18px; font-family: Georgia; font-weight: 400; text-transform: capitalize; } .header-search-form-wrapper { margin-left: 50%; } .searchform .button.icon { margin: 0; height: 40px; border-radius: 10px; background: #3cbd15; } input[type=button].is-form, input[type=number] { border: 0px; } .dark .form-flat input:not([type=submit]) { background-color: #fff !important; } input[type=checkbox] { width: 17px; height: 17px; } .woocommerce-tabs.wc-tabs-wrapper.container.tabbed-content .nav-left { justify-content: left; } .nav > li { margin: 0px 15px; } .deals_menu_item .nav-dropdown { margin-left: 0 !important; } .deals_menu_item .nav-dropdown { font-size: 14px; } .featured-title .page-title-inner { padding-bottom: 50px; padding-top: 50px; } .ux-menu.ux-menu--divider-solid .ux-menu-link:not(:last-of-type) .ux-menu-link__link { border-bottom-style: none; } ::-webkit-scrollbar-thumb { background: grey; } .nav-dropdown-default .nav-column li > a, .nav-dropdown.nav-dropdown-default > li > a { border-bottom: 1px solid transparent !important; } /* Our Growers page */ .form_section form.wpcf7-form input, .form_section form.wpcf7-form select, .form_section form.wpcf7-form textarea { margin-bottom: 5px; } .custom-border { border-left: 40px solid #009932 !important; } .grid-homepage-about { margin-bottom: 70px; } /* Custom Image Text Section HOmepage */ .custom_dropdown_new .nav-dropdown > li.nav-dropdown-col { min-width: 250px; } .featured-title { background-color: #56d113; } .custom-image_text_sec .box-text.text-center { padding: 0 !important; } .box-text-inner.blog-post-inner h5.post-title.is-large { height: 85px; } .slider-style-focus { padding: 0; } .box-shadow, .box-shadow-2, .box-shadow-2-hover:hover, .row-box-shadow-2 .col-inner { box-shadow: none; } /* Footer */ .footer-widgets.footer.footer-2 .badge-inner.bg-fill { border-radius: 50px; } .filter__checkinput { background: url("https://cdn-ildbffb.nitrocdn.com/mLPqmjwPHQfaTLWdbCkWmlJMartwnJzn/assets/images/optimized/rev-5e2ce81/cannabizseed.com/wp-content/themes/flatsome-child/img/forms/checkbox.svg"), url("https://cdn-ildbffb.nitrocdn.com/mLPqmjwPHQfaTLWdbCkWmlJMartwnJzn/assets/images/optimized/rev-5e2ce81/cannabizseed.com/wp-content/themes/flatsome-child/img/forms/checkbox_checked.svg"); background-repeat: no-repeat; } .filter__checkinput.nitro-lazy { background: none !important; } .filter__checkinput:checked { background: url("https://cdn-ildbffb.nitrocdn.com/mLPqmjwPHQfaTLWdbCkWmlJMartwnJzn/assets/images/optimized/rev-5e2ce81/cannabizseed.com/wp-content/themes/flatsome-child/img/forms/checkbox_checked.svg"); } /* Homepage Slider */ /* Product Page */ .table_2 tr td:first-child { text-align: center !important; } @media screen and (min-width:1001px) { .table_2 { width: 70% !important; } } @media screen and (min-width:1186px) and (max-width:1250px) { .searchform-wrapper form { width: 450px; } } @media screen and (min-width:850px) and (max-width:1185px) { .header-cart-title .cart-price .woocommerce-Price-amount bdi { display: none; } input#woocommerce-product-search-field-0 { width: 330px; } .searchform-wrapper form { width: 330px !important; } #logo { width: 200px; } ul.header-nav.header-nav-main.nav.nav-left.nav-uppercase { width: 50%; } } @media screen and (min-width:550px) and (max-width:849px) { body:not(.home) .slider-wrapper.banner.has-hover { height: 350px !important; } body:not(.home) .slider-wrapper.flickity-viewport { height: 350px !important; } .searchform-wrapper form { width: 260px; } .header-search-form-wrapper { margin-left: 0; } } .woocommerce-checkout .shipping ul { min-width: 170px; } #col-281369320 > .col-inner { padding: 0px 5px 0px 5px; } .woocommerce-checkout span.woocommerce-Price-amount.amount { margin-left: 6px !important; } /* #logo a img { object-fit: contain !important; height: unset !important; max-width: 200px !important; min-width: unset !important; min-height: unset !important; max-height: unset !important; } div#logo { flex: 0 0 20% !important; max-width: unset !important; width: 100% !important; height: 100% !important; display: flex; align-items: center; } */ /* change font-size on credit card */ #bambora-expiry { font-size: 1rem !important; } /* change font-size on credit card */ #bambora-cvv { font-size: 1rem !important; } #error-page p, #error-page .wp-die-message { display: none !important; } @media (min-width: 850px) { .col2-set, .u-columns { -js-display: flex; display: -ms-flexbox; display: block !important; } } .base { font-size: 1.3em !important; } @media screen and (min-width:850px) and (max-width:970px) { .custom_dropdown_new .nav-dropdown > li.nav-dropdown-col { min-width: 190px; } .custom_dropdown_new > ul.sub-menu > li { width: auto; } } .nav-dropdown-has-border .nav-dropdown { margin-left: 120px; } .header-inner.flex-row.container.logo-left.medium-logo-center { padding: 0px 20px 0px 20px; } #top-bar .flex-row.container { max-width: 1380px; } .header:not(.transparent) .top-bar-nav > li > a:after { border-right: 1px solid #000; } .footer-widgets.footer.footer-2.dark .dark .is-divider { max-width: 13%; height: 3px; } .footer.footer-2.dark .widget > ul > li + li, ul.menu > li + li { border-top: none; } @media screen and (max-width: 549px) { .searchform-wrapper form { width: 250px; } #logo img { height: 55px !important; } #col-281369320 > .col-inner { padding: 0px 5px 0px 5px; } .header-search-form-wrapper { margin-left: 0%; } .banner-inner.fill a.button.primary { font-size: 12px !important; } .popup_content h4 { color: #fff; font-size: 55px; text-transform: uppercase; text-shadow: 2px 2px 5px black; } } .woocommerce-page .wpfFilterWrapper[data-radio="1"] .wpfCheckbox label:before { border-radius: 21% !important; border-color: #000 !important; } .wpfFilterTaxNameWrapper { color: #111 !important; } span.wpfCount { color: #4a932d !important; } .woocommerce-page .wpfFilterWrapper .wpfCheckbox label::before { border-radius: 21% !important; border-color: #000 !important; } .wpfFilterWrapper { border-bottom: 1px solid rgba(116, 116, 116, .12) !important; } .wpfFilterTitle { pointer-events: none; } i.fa.wpfTitleToggle.fa-minus { display: none; } i.fa.wpfTitleToggle.fa-plus { display: none; } button.wpfClearButton.wpfButton { padding: 5px 16px 7px 16px !important; gap: 10px !important; font-size: 16px !important; font-style: normal !important; font-weight: 700 !important; line-height: 24px !important; height: 36px; button-text-color: white; --button-background-color: var(--c-primary); position: relative; color: var(--button-text-color) !important; background: var(--button-background-color) !important; text-decoration: unset !important; text-transform: unset !important; white-space: nowrap !important; display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; transition: all .25s ease; border-radius: 6px !important; text-align: center; min-height: unset; margin: 0 !important; color: #fff !important; } .wpfFilterTaxNameWrapper { font-size: 16px !important; } .footer div#wpcf7-f110977-o1 .form-flat input:not([type=submit]) { background-color: hsl(0deg, 0%, 100%) !important; } /* @media screen and (max-width: 849px) { .medium-logo-center .logo { margin: 0 5px 0 0; } }*/ @media screen and (max-width: 549px) { .header-inner.flex-row.container.logo-left.medium-logo-center #logo { width: auto; } } @media screen and (max-width: 849px) { .news_letter1 .col-inner { padding: 0px 0px 0px 0px !important; } .news_letter1 .wpcf7 .flex-row.form-flat .flex-col { padding-right: 10px !important; } } @media screen and (max-width: 349px) { .news_letter1 .medium-flex-wrap .flex-col { width: auto; } } @media screen and (max-width: 1049px) { .icon-box.featured-box.icon-box-center.text-center { height: auto; } .stuck #logo img { padding-bottom: 5px; padding-top: 5px; } } .news_letter1 .wpcf7 .wpcf7-not-valid-tip:after { display: none; } .city_col.col { margin-right: -15px; } @media screen and (max-width: 767px) { .climate_table_main p { text-align: center !important; } } /* Adjust spacing and center flags */ .weglot-container a { display: flex; align-items: center; justify-content: center; gap: 0 !important; padding: 2px !important; } .weglot-container img.wg-flag { margin: 0 !important; } .weglot-container { position: relative; display: flex; align-items: center; justify-content: flex-end; gap: 10px; padding: 5px 10px; z-index: 999999999; } @media (max-width: 1024px) { .weglot-container { position: relative; display: flex; align-items: center; justify-content: flex-end; gap: 10px; padding: 5px 10px; z-index: 999999999; } }

BEST GROWING PRODUCTS & BRANDS

Register

Login