:root {
  --perennial-blue: #00a0e4;
  --trixi-green: var(--perennial-blue);
  --light-grey: lightgrey;
  --red: #e51a21;
  --deep-pink: #e40087;
  --trixi-purple: #7551a1;
  --dahlias-purple: #a21b86;
  --dark-grey: #b1b1b1;
  --dahlias-lt-pink: #f6e9f3;
}

.w-form-formrecaptcha {
  margin-bottom: 8px;
}

.w-embed-youtubevideo {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/youtube-placeholder.2b05e7d68d.svg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.w-embed-youtubevideo:empty {
  min-height: 75px;
  padding-bottom: 56.25%;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

body {
  color: #333;
  padding-left: 300px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

h1 {
  color: #222;
  text-transform: none;
  margin-top: 4px;
  margin-bottom: 12px;
  font-family: proxima-nova, sans-serif;
  font-size: 38px;
  font-weight: 400;
  line-height: 1.1em;
}

h2 {
  color: #222;
  margin-top: 0;
  margin-bottom: 10px;
  font-family: proxima-nova, sans-serif;
  font-size: 1.9rem;
  font-weight: 300;
  line-height: 1.25;
}

h3 {
  color: #222;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 10px;
  font-family: proxima-nova, sans-serif;
  font-size: 22px;
  font-weight: 300;
  line-height: 1.3em;
}

h4 {
  color: #222;
  margin-top: 0;
  margin-bottom: 10px;
  font-family: proxima-nova, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.25em;
}

h5 {
  color: #222;
  margin-top: 0;
  margin-bottom: 6px;
  font-family: proxima-nova, sans-serif;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.25em;
}

h6 {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
}

p {
  color: #222;
  margin-top: 0;
  margin-bottom: 8px;
  font-family: proxima-nova, sans-serif;
  font-size: 1.1rem;
  font-weight: 300;
  line-height: 1.4;
}

a {
  color: var(--perennial-blue);
  text-decoration: none;
  transition: all .2s;
}

a:hover {
  color: var(--trixi-green);
}

ul {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 20px;
}

li {
  font-size: 1rem;
}

label {
  margin-bottom: 5px;
  font-weight: 400;
  display: block;
}

.social-icon-link {
  opacity: .66;
  padding: 3px 4px;
  transition: opacity .3s;
}

.social-icon-link:hover {
  opacity: 1;
}

.footer {
  border-top: 1px solid var(--light-grey);
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 0;
}

.nav {
  z-index: 1000;
  border-right: 1px solid var(--light-grey);
  background-color: #fff;
  width: 300px;
  height: 100%;
  font-family: proxima-nova, sans-serif;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
}

.nav-link {
  color: #222;
  text-align: center;
  text-transform: uppercase;
  padding: 10px 0;
  font-family: proxima-nova, sans-serif;
  font-size: 1rem;
  line-height: 1.3;
  display: block;
}

.nav-link:hover {
  color: var(--red);
}

.nav-link:visited {
  color: #222;
}

.nav-link.w--current {
  color: var(--red);
  font-family: proxima-nova, sans-serif;
}

.nav-menu {
  float: none;
}

.logo-link {
  float: none;
  text-align: center;
  margin-top: 25px;
  margin-bottom: 30px;
  display: block;
}

.logo-link.w--current {
  margin-bottom: 40px;
}

.social-box {
  text-align: center;
  justify-content: space-around;
  margin-top: 12px;
  margin-bottom: 30px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
  position: relative;
  inset: auto 0% 0%;
}

.content {
  min-height: 82vh;
  margin-top: 10px;
  margin-bottom: 20px;
  padding-left: 16px;
  padding-right: 16px;
  text-decoration: none;
}

.content.no-pad-top {
  margin-top: 0;
}

.body {
  font-family: proxima-nova, sans-serif;
  line-height: 1.3em;
}

.burger-icon {
  font-size: 24px;
}

.nav-logo {
  margin-left: 18px;
}

.footer-link-text {
  color: #222;
  text-align: left;
  margin-bottom: 14px;
  font-family: proxima-nova, sans-serif;
  font-size: .9rem;
  line-height: 1.5;
  text-decoration: none;
  transition: all .2s;
  display: block;
}

.footer-link-text:hover {
  color: var(--red);
}

.footer-col-text {
  flex: 0 auto;
  width: 25%;
}

.footer-block {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  padding-left: 16px;
  display: flex;
}

.rights-reserved {
  color: #707070;
  text-align: center;
  margin-top: 0;
  padding-left: 0;
  font-family: proxima-nova, sans-serif;
  font-size: 10px;
  line-height: 11px;
}

.feature-box {
  justify-content: space-between;
  align-items: center;
  margin-top: 1px;
  margin-bottom: 30px;
  display: flex;
  position: relative;
}

.home-heading {
  color: #000;
  text-transform: uppercase;
  font-family: proxima-nova, sans-serif;
  font-size: 56px;
  font-weight: 300;
  line-height: 1;
}

.home-heading.padding-left {
  padding-left: 30px;
}

.home-subhead {
  color: #000;
  text-transform: none;
  font-family: proxima-nova, sans-serif;
  font-size: 32px;
  font-weight: 300;
  line-height: 1;
  position: relative;
  top: 5px;
}

.home-subhead.padding-left {
  padding-left: 30px;
  font-family: proxima-nova, sans-serif;
}

.heading-block {
  width: 60%;
  margin-bottom: 0;
  position: relative;
  top: 0;
}

.heading-block.on-left {
  padding-left: 16px;
}

.home-rule {
  background-color: var(--deep-pink);
  height: 4px;
  margin-top: 20px;
  margin-bottom: 16px;
}

.home-rule.trixi {
  background-color: var(--trixi-green);
}

.home-text {
  color: #000;
  text-align: left;
  padding-right: 6px;
  font-family: proxima-nova, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 26px;
}

.home-text.padding-left {
  padding-left: 30px;
}

.contain {
  width: 100%;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}

.index-subhead {
  z-index: 100;
  background-color: #fff;
  align-items: flex-end;
  margin-bottom: 0;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 8px;
  font-size: 1.8em;
  font-weight: 300;
  line-height: 1em;
  display: inline-block;
  position: relative;
}

.index-subhead.sm {
  font-size: 25px;
  line-height: 1.1em;
}

.title-rule-block {
  margin-top: 20px;
  margin-bottom: 6px;
  padding-top: 0;
  padding-bottom: 0;
  line-height: 18px;
}

.index-sub-rule {
  background-color: var(--deep-pink);
  width: 100%;
  height: 8px;
  position: relative;
  inset: -19px 0% 0%;
}

.index-sub-rule.rule-blue {
  background-color: var(--perennial-blue);
}

.index-sub-rule.rule-purple {
  background-color: var(--trixi-purple);
}

.index-sub-rule.rule-green {
  background-color: var(--trixi-green);
}

.index-sub-rule.color-red, .index-sub-rule.rule-red {
  background-color: var(--red);
}

.index-sub-rule.rule-pink {
  background-color: var(--deep-pink);
}

.index-sub-rule.rule-dahlia {
  background-color: var(--dahlias-purple);
}

.plant-name {
  color: #222;
  margin-bottom: 12px;
  font-size: 17px;
  line-height: 1.3em;
  text-decoration: none;
  transition: all .2s;
  display: block;
}

.plant-name:hover {
  color: var(--red);
}

.index-head {
  font-family: proxima-nova, sans-serif;
  font-size: 2.4em;
  font-weight: 300;
  line-height: 1em;
}

.index-head.text-red {
  color: var(--red);
}

.sp25 {
  height: 25px;
}

.sp10 {
  height: 10px;
}

.sp50 {
  height: 50px;
}

.product-block {
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.product-text-block {
  width: 60%;
  padding-right: 16px;
}

.product-photos-block {
  width: 40%;
}

.icon-new {
  float: left;
  margin-right: 9px;
  display: inline-block;
  position: relative;
}

.content-home {
  padding: 12px 12px 20px;
  text-decoration: none;
}

.photo-main {
  width: 100%;
  position: static;
}

.latin {
  color: #7c7c7c;
  margin-bottom: 8px;
  font-size: 18px;
  font-style: italic;
}

.icon-display-block {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-top: 16px;
  margin-bottom: 16px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.icon-display-block.for-symbols {
  justify-content: flex-start;
  margin-top: 12px;
  margin-bottom: 12px;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.2em;
  display: flex;
}

.photo-caption {
  margin-top: 6px;
  margin-bottom: 6px;
  font-weight: 600;
}

.photo-caption.general {
  font-weight: 300;
}

.photo-array-block {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 6px;
  display: flex;
}

.thumb-link-block-percent {
  color: #222;
  border: 3px solid #fff;
  flex: 0 auto;
  width: 33%;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  transition: all .2s;
  display: block;
  overflow: hidden;
}

.thumb-link-block-percent:hover {
  color: var(--red);
  padding: 0;
}

.image-full {
  width: 100%;
  transition: all .2s;
  display: block;
}

.image-full:hover {
  color: var(--red);
  transform: scale(1.07);
}

.info-block {
  margin-top: 12px;
  position: relative;
}

.info-drawer {
  border-right: 1px solid var(--light-grey);
  border-bottom: 1px solid var(--light-grey);
  border-left: 1px solid var(--light-grey);
  padding: 9px;
  font-size: 16px;
  font-weight: 300;
  display: none;
}

.info-button {
  border-bottom: 1px solid var(--dark-grey);
  color: #222;
  background-color: #0000;
  padding-bottom: 12px;
  font-size: 17px;
  font-weight: 400;
  transition: all .2s;
  display: block;
}

.info-button:hover {
  border-bottom-color: var(--light-grey);
  color: #222;
  background-color: #f3f3f3;
}

.info-button:focus {
  background-color: #e6e6e6;
  border-bottom-color: #0000;
}

.info-arrow {
  z-index: 100;
  background-color: #0000;
  background-image: url('../images/arrow_down_gray2x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 25px;
  height: 25px;
  margin-right: 6px;
  display: inline-block;
  position: absolute;
  inset: 6px 0% 0% auto;
}

.plant-id {
  margin-top: 4px;
  font-size: .85rem;
  line-height: 1.2;
}

.thumb-link-block {
  color: #222;
  width: 100%;
  line-height: 18px;
  text-decoration: none;
  transition: all .2s;
  overflow: hidden;
}

.thumb-link-block:hover {
  color: var(--trixi-green);
}

.thumb-link-block.for-trixi-array {
  text-align: center;
  transition-duration: .2s;
  position: relative;
}

.thumb-link-block.for-trixi-array:hover, .thumb-link-block.for-poinsettia:hover {
  color: var(--red);
}

.thumb-link-block.search-results-link {
  width: 100%;
}

.thumb-name {
  z-index: 100;
  text-align: center;
  background-color: #fff;
  padding: 6px 4px;
  font-size: .95rem;
  line-height: 1.2em;
  transition: all .225s;
  display: block;
  position: relative;
}

.view-all-block {
  flex-wrap: nowrap;
  justify-content: space-around;
  align-items: stretch;
  margin-bottom: 14px;
  padding-top: 12px;
  padding-bottom: 12px;
  display: flex;
}

.view-all-block.dianthus {
  justify-content: space-between;
  align-items: flex-start;
}

.view-all-link {
  border: 1px solid var(--deep-pink);
  color: #222;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  padding: 14px;
  font-size: 26px;
  line-height: 33px;
  transition: all .225s;
  display: flex;
}

.view-all-link:hover {
  border-color: var(--trixi-green);
  color: var(--red);
  transform: scale(1.05);
}

.view-all-link.with-border {
  border: 1px solid var(--red);
  padding-right: 14px;
}

.view-all-link.with-border:hover {
  border-color: var(--trixi-green);
}

.view-all-link.combos {
  grid-column-gap: 14px;
  flex-flow: wrap;
  align-content: flex-start;
  align-items: stretch;
  width: 48%;
  padding-left: 16px;
  padding-right: 16px;
}

.trixi-all-image {
  margin-right: 12px;
}

.select-heading {
  text-align: center;
  margin-bottom: 10px;
  font-size: 1.1rem;
  font-weight: 600;
  line-height: 1.2em;
}

.trixi-select-block {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: auto;
  margin-top: 20px;
  font-size: 20px;
  display: flex;
}

.select-link {
  margin-bottom: 4px;
  font-size: 18px;
  transition: all .225s;
}

.select-link:hover {
  color: var(--trixi-green);
}

.select-link.text-red {
  color: var(--red);
  line-height: 1.4em;
}

.select-link.text-red:hover {
  color: var(--trixi-green);
}

.select-img-block {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 135px;
  display: flex;
}

.columns-select {
  align-items: stretch;
  display: flex;
}

.col-select {
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  margin-bottom: 12px;
  display: flex;
}

.col-select.rule-right {
  border-right: 1px solid var(--light-grey);
  justify-content: space-around;
}

.col-select.rule-right.rule-left {
  border-left: 1px solid var(--light-grey);
  justify-content: space-around;
}

.text-span {
  font-weight: 300;
}

.poinsettia-title-block {
  border-bottom: 7px solid var(--red);
  align-items: center;
  margin-top: 12px;
  margin-bottom: 24px;
  display: flex;
}

.spring-title-block {
  margin-top: 18px;
}

.col {
  padding-left: 3px;
  padding-right: 3px;
}

.col.no-pad-left {
  padding-left: 0;
  padding-right: 12px;
}

.col.align-center {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.new-sticker-block {
  z-index: 100;
  color: #fff;
  font-weight: 700;
  line-height: 1.3em;
  position: relative;
  inset: 0% auto auto;
}

.new-sticker-text {
  z-index: 100;
  color: var(--red);
  padding: 6px 9px;
  font-size: 18px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.new-sticker-text.move-right {
  inset: 0% auto auto 0%;
}

.icon-color-circle {
  float: left;
  width: 17px;
  margin-right: 6px;
}

.icon-color-circle.sky-thumb {
  float: none;
}

.symbol-block {
  flex: none;
  justify-content: space-around;
  align-items: center;
  margin-right: 1px;
  padding-left: 5px;
  font-size: 16px;
  line-height: 1.3em;
  display: flex;
}

.symbol-block.for-key {
  justify-content: flex-start;
  align-items: center;
  height: 35px;
  margin-bottom: 8px;
  font-size: 16px;
  font-weight: 700;
  line-height: 18px;
}

.symbol-block.for-sky {
  justify-content: center;
  margin-top: 12px;
}

.key-legend-block {
  border: 1px solid var(--red);
  min-height: 20px;
  margin-bottom: 9px;
  padding: 9px 9px 12px;
  display: none;
  position: relative;
  top: auto;
}

.key-items {
  font-size: 14px;
  line-height: 16px;
}

.key-number {
  margin-left: 9px;
  margin-right: 11px;
  font-weight: 700;
  display: inline-block;
}

.key-explain {
  display: inline-block;
}

.symbol-key-button {
  border: 1px solid var(--dark-grey);
  color: #222;
  text-align: center;
  background-color: #fdfdfd;
  margin-left: 9px;
  padding: 8px;
  font-size: 14px;
  line-height: 17px;
  transition: all .2s;
}

.symbol-key-button:hover {
  background-color: var(--dark-grey);
  color: #fff;
}

.symbol-head {
  margin-bottom: 6px;
  font-size: 18px;
  font-weight: 700;
}

.plant-name-sub-block {
  border-left: 1px solid var(--red);
  min-height: 12px;
  margin-bottom: 10px;
  padding: 0 4px 0 9px;
}

.plant-name-variety {
  margin-bottom: 2px;
  font-size: 16px;
  line-height: 1.3em;
  transition: all .2s;
  display: inline-block;
}

.plant-name-variety:hover {
  color: var(--red);
}

.icon-header-block {
  margin-right: 11px;
  font-weight: 700;
}

.icon-container-size {
  width: 22px;
  position: relative;
  inset: 4% 0% auto 68px;
}

.plant-variety-block {
  color: #222;
  cursor: pointer;
  align-items: center;
  margin-top: 8px;
  margin-bottom: 8px;
  font-size: 17px;
  line-height: 19px;
  transition: all .1s;
  display: flex;
  position: relative;
}

.plant-variety-block:hover {
  color: var(--red);
}

.plant-variety-block:active {
  color: var(--trixi-green);
}

.icon-for-text {
  width: 12px;
  margin-left: 6px;
  display: inline-block;
  position: relative;
  inset: -1px 0% auto;
}

.font-thin {
  font-weight: 300;
}

.poinsettia-heading {
  color: var(--red);
  line-height: 1.25em;
}

.grower-notes-block {
  margin-top: 12px;
  margin-bottom: 6px;
}

.grower-heading-block {
  border-top: 7px solid var(--red);
  border-bottom: 2px solid var(--red);
  align-items: center;
  padding-top: 11px;
  padding-bottom: 11px;
  display: flex;
}

.grower-pic {
  border: 1px solid var(--red);
  flex: none;
  width: 20%;
  margin-right: 12px;
}

.grower-heading {
  color: var(--red);
  flex: none;
  align-items: center;
  margin-right: 16px;
  padding-top: 12px;
  padding-bottom: 12px;
  font-size: 32px;
  line-height: 34px;
  display: block;
}

.grower-content h2 {
  text-transform: uppercase;
  margin-top: 12px;
  margin-bottom: 7px;
  font-size: 22px;
  line-height: 26px;
}

.grower-content h4 {
  text-transform: uppercase;
  margin-top: 9px;
  margin-bottom: 6px;
  font-size: 17px;
  line-height: 1.25em;
}

.grower-content li {
  margin-bottom: 5px;
  padding-left: 0;
  font-weight: 300;
  line-height: 1.35em;
}

.grower-content p {
  margin-bottom: 6px;
  padding-left: 12px;
  font-size: 16px;
}

.grower-content ul {
  margin-left: 12px;
}

.circle-weeks-block {
  z-index: 100;
  background-image: url('../images/red_circle_200.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  flex-direction: column;
  place-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.photo-main-block {
  position: relative;
}

.circle-weeks-text {
  color: #fff;
  text-align: center;
  font-size: 30px;
  line-height: 23px;
}

.weeks-subhead {
  font-size: 22px;
  line-height: 22px;
}

.icon-symbol {
  float: left;
  width: 38px;
  margin-right: 6px;
}

.icon-symbol.for-cone {
  width: 35px;
  margin-right: 0;
  padding-left: 3px;
}

.icon-symbol.for-red-balls {
  width: 100px;
  margin-right: 0;
  padding-left: 6px;
}

.button {
  background-color: var(--red);
  text-align: center;
  border-radius: 19px;
  margin-bottom: 14px;
  padding-left: 20px;
  padding-right: 20px;
  font-family: proxima-nova, sans-serif;
  font-size: 17px;
  font-weight: 400;
  transition: all .2s;
}

.button:hover {
  color: #fff;
  background-color: #969696;
}

.button.push-right {
  float: right;
  margin-right: 30px;
}

.button.home-action {
  font-size: 1.2rem;
  position: relative;
  top: 61%;
  left: 40%;
}

.button.home-action.shadow {
  box-shadow: 5px 4px 13px 2px #0009;
}

.video-trixi {
  aspect-ratio: 2;
  object-fit: contain;
  width: 100%;
  height: auto;
}

.team-text-block {
  text-align: center;
  margin-bottom: 9px;
}

.team-image {
  margin-bottom: 12px;
}

.grower-comment {
  margin-top: 12px;
  margin-bottom: 12px;
  font-size: 15px;
  font-style: italic;
  line-height: 1.5em;
}

.button-return {
  color: var(--red);
  text-align: center;
  background-color: #0000;
  border: 1px solid #222;
  border-radius: 20px;
  width: 100%;
  margin: 12px auto 6px 0;
  padding-top: 6px;
  padding-bottom: 6px;
  font-size: 15px;
  font-weight: 700;
  line-height: 16px;
  display: block;
  position: static;
  inset: 0% 0% auto auto;
}

.button-return:hover {
  border-color: var(--red);
  background-color: var(--red);
  color: #fff;
}

.button-return-block {
  text-align: left;
  width: 100%;
  margin-bottom: 20px;
}

.trixi-title-logo {
  width: 100px;
  margin-right: 7px;
}

.news-col-heading {
  z-index: 100;
  background-color: #fff;
  margin-bottom: 6px;
  padding-right: 6px;
  font-size: 1.8em;
  display: inline-block;
  position: relative;
}

.news-date {
  color: #222;
  margin-bottom: 4px;
  font-size: 14px;
}

.news-link-block {
  border-bottom: 1px solid var(--red);
  width: 100%;
  padding: 12px 6px 9px;
}

.news-link-block:hover {
  color: #222;
  background-color: #f5f5f5;
  padding-left: 6px;
  padding-right: 6px;
}

.news-item-heading {
  color: var(--red);
  margin-bottom: 6px;
  font-weight: 400;
}

.icon-printer {
  width: 30px;
  transition: all .2s;
}

.icon-printer:hover {
  filter: grayscale();
}

.icon-pdf {
  width: 30px;
  margin-right: 8px;
  transition: all .2s;
}

.icon-pdf:hover {
  filter: grayscale();
}

.where-buy-subhead {
  border-bottom: 1px solid var(--red);
  margin-bottom: 16px;
}

.heading-2 {
  font-size: 1.25em;
  line-height: 1.3em;
}

.heading-3 {
  font-size: 1.05em;
  line-height: 1.3em;
}

.download-combo-pdf {
  color: #222;
  cursor: pointer;
  justify-content: center;
  align-items: flex-end;
  margin-top: 18px;
  margin-bottom: 12px;
  margin-left: 12px;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.1em;
  text-decoration: none;
  display: flex;
}

.icon-download {
  float: left;
  width: 22px;
  margin-right: 7px;
}

.text-block-2 {
  font-size: 15px;
  display: inline-block;
}

.trix-home-descrip {
  border-bottom: 7px solid var(--trixi-green);
  align-items: center;
  margin-top: 18px;
  margin-bottom: 24px;
  display: flex;
}

.drawer-text {
  margin-top: 5px;
  padding-left: 12px;
  font-size: 15px;
}

.drawer-head {
  margin-bottom: 3px;
  font-size: 17px;
  font-weight: 700;
}

.redball-1 {
  color: #0000;
  background-image: url('../images/redball-01.png');
  background-position: 0 47%;
  background-repeat: no-repeat;
  background-size: auto;
  width: 44px;
  display: inline-block;
}

.redball-3 {
  color: #0000;
  background-image: url('../images/redball-03.png');
  background-position: 0 47%;
  background-repeat: no-repeat;
  background-size: auto;
  width: 44px;
  display: inline-block;
}

.redball-2 {
  color: #0000;
  background-image: url('../images/redball-02.png');
  background-position: 0 47%;
  background-repeat: no-repeat;
  background-size: auto;
  width: 44px;
  display: inline-block;
}

.plant-info-label {
  margin-right: 4px;
  font-weight: 700;
  display: inline-block;
  position: relative;
}

.plant-info-block {
  margin-bottom: 3px;
}

.ask-gary {
  width: 125px;
}

.poinsettia-cat {
  border: 1px solid #d3d3d3;
  width: 110px;
}

.button-submit {
  background-color: var(--perennial-blue);
}

.catalog-thumb-name {
  z-index: 100;
  text-align: center;
  background-color: #fff;
  margin-top: 6px;
  margin-bottom: 4px;
  padding: 6px 4px;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.2em;
  transition: all .225s;
  display: block;
  position: relative;
}

.catalog-img {
  border: 1px solid var(--dark-grey);
  height: 225px;
}

.cat-block {
  flex-flow: column wrap;
  justify-content: center;
  align-items: center;
  margin-bottom: 16px;
  display: flex;
}

.cat-link {
  text-align: center;
  margin-bottom: 5px;
  font-size: 15px;
}

.new-circle {
  width: 20%;
  padding-top: 2px;
  padding-left: 2px;
  position: absolute;
  inset: 0% auto auto 0;
}

.new-circle.for-product {
  width: 12%;
  margin-top: 0;
  margin-left: 0;
  top: 5px;
  left: 5px;
}

.trixi-title-block {
  z-index: 100;
  float: left;
  background-color: #fff;
  width: 110px;
  margin-top: 0;
  position: relative;
}

.trixi-logo {
  width: 100px;
  margin-top: 9px;
}

.trixi-title-text {
  margin-top: 21px;
  display: inline-block;
}

.container-icon {
  width: 100px;
  margin-top: 12px;
}

.search-field {
  width: 100%;
  margin-bottom: 9px;
  margin-right: 17px;
  font-size: 16px;
  line-height: 1.2em;
  display: block;
}

.nav-link-small {
  color: #222;
  text-align: center;
  text-transform: none;
  padding: 12px 0;
  font-family: proxima-nova, sans-serif;
  font-size: .95rem;
  line-height: 1.3;
  display: block;
}

.nav-link-small:hover {
  color: var(--red);
}

.nav-link-small:visited {
  color: #222;
}

.nav-link-small.w--current {
  color: var(--red);
  font-family: proxima-nova, sans-serif;
}

.menu-divider {
  color: var(--dark-grey);
  background-color: #ddd;
  width: 200px;
  height: 1px;
  margin: 12px auto;
}

.search-results-block {
  border-left: 1px solid var(--light-grey);
  min-height: 100px;
  padding-left: 15px;
  padding-right: 0;
  display: block;
}

.search-criteria {
  width: 35%;
  font-size: 15px;
  font-weight: 700;
  display: inline-block;
}

.search-form {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 20px;
  display: block;
}

.plantsearch_dd {
  border: 1px solid var(--light-grey);
  border-radius: 11px;
  width: 200px;
  min-width: 75px;
  min-height: 25px;
  padding: 5px 21px;
  font-size: 15px;
  line-height: 1.2em;
  display: inline-block;
}

.plantsearch_dd.combos {
  width: 100%;
}

.form-section {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.search-pic-block {
  flex: none;
  width: 100%;
  margin-bottom: 10px;
  margin-right: 5px;
  padding-left: 0;
  padding-right: 9px;
}

.search-results-link {
  font-size: 15px;
  display: inline-block;
}

.map-rooted {
  margin-bottom: 20px;
}

.html-embed {
  margin-top: 12px;
}

.search-result-block {
  border: 1px solid var(--red);
  margin-bottom: 15px;
  padding: 10px;
}

.search-results-heading {
  margin-right: 11px;
  font-size: 15px;
  font-weight: 700;
  display: inline-block;
}

.video-length {
  font-size: 14px;
  font-weight: 300;
}

.bkg-vid-poinsettia {
  aspect-ratio: 16 / 9;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.where-to-buy-text {
  margin-bottom: 12px;
}

.sky-intro-block {
  background-image: url('../images/sky_bkg.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  align-items: center;
  width: 100%;
  min-height: 75vh;
  display: flex;
}

.sky-title-child {
  width: 50%;
  margin-left: 5%;
}

.sky-sizes-block {
  border: 1px solid var(--light-grey);
  justify-content: space-around;
  align-items: flex-end;
  margin-top: 6px;
  margin-bottom: 20px;
  padding: 14px;
  display: flex;
}

.sky-name-block {
  z-index: 100;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.sky-size-sample {
  flex: 0 250px;
  margin-left: auto;
  margin-right: auto;
}

.center-text {
  text-align: center;
}

.sky-size-box {
  width: 300px;
}

.sky-video {
  aspect-ratio: 2;
  width: 100%;
  height: 100%;
}

.christmas-mouse-button {
  border: 1px solid var(--red);
  border-radius: 19px;
  width: 349px;
  margin-left: 39px;
  padding: 18px 16px;
}

.christmas-mouse-button:hover {
  border-color: var(--trixi-green);
}

.dropdown-toggle {
  padding-left: 0;
}

.dropdown-toggle:hover {
  color: var(--red);
}

.dropdown-toggle:focus {
  border: 2px solid #2c09c9;
}

.dropdown-toggle.w--open {
  padding-left: 0;
}

.dropdown-toggle.w--open:hover {
  color: var(--red);
}

.dropdown-list.w--open {
  border-left: 1px solid var(--red);
  background-color: #fff;
  flex-flow: wrap;
  align-content: stretch;
  align-items: center;
  display: flex;
}

.dropdown-link {
  align-items: center;
  padding-left: 12px;
  padding-right: 5px;
}

.icon-for-dropdown {
  float: left;
  width: 12px;
  margin-left: 6px;
  display: inline-block;
}

.dropdown-link-kirk {
  align-items: center;
  margin-top: 2px;
  margin-bottom: 2px;
  padding-left: 11px;
  font-size: 15px;
  line-height: 1.2em;
  display: flex;
}

.dropdown-toggle-kirk {
  width: 100%;
  padding-left: 0;
}

.dropdown-toggle-kirk:hover {
  color: var(--red);
}

.dropdown-toggle-kirk:focus {
  border: 2px solid #152de4;
}

.dropdown-toggle-kirk.w--open {
  padding-left: 0;
}

.dropdown-toggle-kirk.w--open:hover {
  color: var(--red);
}

.dropdown-kirk {
  width: 100%;
}

.herb-description {
  border-bottom: 7px none var(--trixi-green);
  align-items: flex-start;
  margin-top: 18px;
  margin-bottom: 24px;
  display: flex;
}

.name-block {
  z-index: 100;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  display: block;
  position: relative;
}

.genus-block {
  z-index: 100;
  text-align: center;
  background-color: #fff;
  padding: 0 4px 6px;
  font-size: 15px;
  font-style: italic;
  line-height: 1.2em;
  transition: all .225s;
  display: block;
  position: relative;
}

.mask {
  aspect-ratio: 3 / 2;
  flex: 0 auto;
  width: 100%;
  position: absolute;
  inset: 0%;
}

.herb-block {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: block;
  position: relative;
}

.popup-window {
  z-index: 1001;
  background-color: #000000d9;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: absolute;
  inset: 0%;
}

.popup-box {
  background-color: #fff;
  border: 1px solid red;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 500px;
  min-width: 400px;
  padding: 13px;
  display: none;
  position: relative;
}

.close-box {
  border: 3px solid var(--red);
  background-color: #fff;
  margin-bottom: 0;
  padding: 8px;
  display: none;
  position: absolute;
  inset: 2% 2% auto auto;
}

.flex-box-full {
  justify-content: space-between;
  display: flex;
}

.dianthus-collage-pic {
  width: 50%;
}

.dianthus-box {
  width: 325px;
}

.video-wrap-16-9 {
  justify-content: center;
  align-items: flex-start;
  padding-top: 56.25%;
  position: relative;
}

.intro-flexbox {
  justify-content: space-around;
  align-items: flex-start;
  display: flex;
}

.logo-spring-romance {
  width: 40%;
  margin-right: 30px;
}

.product-name-block {
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 6px;
  font-size: 1.1rem;
  line-height: 1.1;
  display: block;
}

.product-logo {
  width: 200px;
  max-height: 100px;
}

.banner-video {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0 0% 0%;
}

.home-video-wrapper {
  padding-top: 56.25%;
  position: relative;
}

.home-bkg-video {
  aspect-ratio: 16 / 9;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.intro-heading {
  color: #eb068c;
  width: 30%;
  font-size: 2.4em;
  font-weight: 300;
  line-height: 1em;
}

.intro-text {
  width: 70%;
  padding-left: 24px;
  font-size: 1.3em;
}

.resource-button-block {
  border: 1px solid var(--deep-pink);
  color: #eb068c;
  text-align: left;
  -webkit-text-stroke-color: var(--deep-pink);
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 95%;
  height: 150px;
  padding: 16px;
  font-size: 1.5rem;
  line-height: 1.1;
  display: flex;
}

.resource-button-block:hover {
  border-color: var(--trixi-green);
  transform: scale(1.03);
}

.resource-button-block.vertical {
  color: var(--deep-pink);
  flex-direction: row;
  height: auto;
}

.resource-img {
  width: 90%;
}

.resource-img.guide {
  width: 111px;
}

.select-text-block {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: auto;
  margin-top: 20px;
  font-size: 20px;
  display: flex;
}

.item-wrapper {
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  margin-bottom: 12px;
  display: flex;
}

.item-wrapper.one-third {
  justify-content: flex-start;
  width: 25%;
}

.item-wrapper.full-width {
  width: 100%;
}

.rule-grey {
  border-top: 1px solid var(--light-grey);
  margin-top: 14px;
  margin-bottom: 14px;
}

.scroll-instructions {
  display: none;
}

.img-schedule {
  max-width: 1200px;
}

.small {
  font-size: 15px;
}

.table-flex {
  grid-column-gap: 10px;
  justify-content: flex-start;
  align-items: flex-end;
  padding-top: 4px;
  padding-bottom: 4px;
  display: flex;
}

.table-flex.hdr-row {
  background-color: var(--deep-pink);
  color: #fff;
  padding-top: 3px;
  padding-bottom: 3px;
  font-size: 15px;
  line-height: 1.1;
}

.t-col {
  width: 25%;
  padding: 4px;
  font-size: 15px;
  line-height: 1.1;
}

.t-col.sm {
  width: 15%;
}

.dianthus-button-img {
  margin-right: 27px;
}

.dianthus-button-txt-block {
  text-align: left;
  flex-direction: column;
  align-items: flex-start;
  width: 42%;
  display: flex;
}

.dianthus-button-title {
  align-items: center;
  margin-bottom: 7px;
  font-size: 2rem;
  line-height: 1;
  display: flex;
}

.dianthus-text {
  width: 100%;
  font-size: 1.2rem;
}

.trixi-button-img {
  margin-right: 13px;
}

.combo-home-descrip {
  border-bottom: 7px solid var(--trixi-green);
  align-items: center;
  margin-top: 18px;
  margin-bottom: 24px;
  padding-bottom: 9px;
  display: flex;
}

.combo-img-block {
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: center;
  width: 45%;
  display: flex;
}

.combo-text-block {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50%;
  display: flex;
}

.combo-hdr {
  margin-bottom: 9px;
  font-size: 1.6rem;
  line-height: 1;
}

.combo-land-img {
  object-fit: cover;
  border-radius: 20px;
  width: 100%;
  margin-bottom: 1px;
}

.button-combos {
  border: 1px solid var(--deep-pink);
  color: var(--red);
  text-align: center;
  background-color: #0000;
  border-radius: 20px;
  margin: 12px auto 6px 0;
  padding: 12px;
  font-size: .75em;
  font-weight: 400;
  line-height: 16px;
  display: inline-block;
  position: static;
  inset: 0% 0% auto auto;
}

.button-combos:hover {
  border-color: var(--red);
  background-color: var(--red);
  color: #fff;
}

.combos-dropdown-flex {
  grid-column-gap: 10px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.button-reset {
  background-color: var(--red);
  text-align: center;
  border-radius: 18px;
  padding-left: 20px;
  padding-right: 20px;
  font-family: proxima-nova, sans-serif;
  font-size: 17px;
  font-weight: 400;
  transition: all .2s;
}

.button-reset:hover {
  color: #fff;
  background-color: #969696;
}

.dynamix-title-logo {
  width: 300px;
  margin-right: 7px;
}

.dynamix-title-block {
  z-index: 100;
  float: left;
  background-color: #fff;
  width: 150px;
  margin-top: 0;
  margin-right: 8px;
  position: relative;
  top: 7px;
}

.subhead {
  font-size: 28px;
  line-height: 1.1em;
}

.color-rule {
  background-color: var(--deep-pink);
  width: 100%;
  height: 6px;
  margin-top: 10px;
  margin-bottom: 20px;
  position: static;
  inset: 0 0% 0%;
}

.color-rule.rule-green {
  background-color: var(--trixi-green);
}

.f-hdr-diagram {
  text-align: center;
  width: 30%;
}

.combo-table-input {
  width: 15%;
}

.combo-table-culture {
  width: 50%;
  font-weight: 700;
}

.combo-spec-row {
  border-bottom: 4px solid var(--trixi-green);
  justify-content: space-around;
  align-items: center;
  width: 100%;
  margin-bottom: 14px;
  padding-bottom: 14px;
  display: flex;
}

.f-hdr-culture {
  text-align: left;
  width: 34%;
}

.combo-share-block {
  border: 1px solid var(--dark-grey);
  border-radius: 18px;
  justify-content: center;
  align-items: center;
  width: 225px;
  height: 50px;
  margin-left: auto;
  margin-right: 0;
  padding: 7px 0 7px 11px;
  font-size: 17px;
  display: flex;
  position: static;
  inset: auto 0% 0% auto;
}

.combo-table-block {
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: 30px auto 70px;
  display: block;
}

.link {
  color: var(--perennial-blue);
}

.combo-social-link {
  margin-right: 22px;
  display: flex;
}

.combo-table-hdr {
  border-top: 4px solid var(--trixi-green);
  border-bottom: 4px solid var(--trixi-green);
  flex-direction: row;
  justify-content: flex-start;
  width: 100%;
  min-height: 10px;
  margin-bottom: 14px;
  padding-top: 16px;
  padding-bottom: 12px;
  display: flex;
}

.combo-table-key {
  text-align: center;
  width: 10%;
}

.fusion-social {
  width: 27px;
}

.combo-table-photo {
  width: 15%;
}

.f-hdr-photo {
  text-align: center;
  width: 13%;
}

.fusion-table-diagram {
  float: left;
  text-align: center;
  width: 30%;
}

.fusion-table-specs {
  flex-wrap: wrap;
  align-items: center;
  width: 70%;
  padding-left: 14px;
  display: flex;
}

.f-hdr-key {
  text-align: center;
  width: 10%;
}

.icon-pdf-recipe {
  float: left;
  width: 28px;
  margin-right: 7px;
}

.share-text {
  margin-left: 0;
  margin-right: 18px;
  padding-left: 0;
  padding-right: 0;
}

.heading-4 {
  font-size: 2em;
}

.heading-5 {
  font-size: 1.8em;
}

.combo-logo-block {
  justify-content: flex-start;
  align-items: center;
  margin-top: 12px;
  margin-bottom: 16px;
  display: flex;
}

.combo-trixi-logo {
  width: 45%;
}

.combo-dynamix-logo {
  width: 70%;
  height: 50px;
  margin-top: 0;
}

.logo_dynamix_listing {
  width: 200px;
}

.flex-col-wrapper {
  align-items: center;
  margin-top: 18px;
  margin-bottom: 18px;
  display: flex;
}

.flex-col-wrapper.rule-green {
  border-bottom: 7px solid var(--trixi-green);
  justify-content: space-between;
  padding-bottom: 10px;
}

.home-pic {
  width: 40%;
}

.home-hdr-block {
  padding-left: 16px;
}

.home-main-subhead {
  margin-bottom: 15px;
  font-size: 2.8rem;
}

.slider {
  aspect-ratio: 3 / 2;
  object-fit: cover;
  background-color: #f3f3f3;
  width: 100%;
  height: auto;
}

.s1-block {
  aspect-ratio: 3 / 2;
  color: #fff;
  object-fit: cover;
  background-color: #fff;
  background-image: url('../images/home_bkg_new_2024.jpg');
  background-position: 50%;
  background-size: cover;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  display: block;
}

.s1-text-block {
  z-index: 10;
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50%;
  margin-top: 8px;
  display: flex;
  position: absolute;
  top: 17%;
  left: 7%;
}

.slide-main-hdr {
  margin-top: 0;
  margin-bottom: 12px;
  font-size: 3.2rem;
  font-weight: 700;
  line-height: 1.05em;
}

.slide-main-hdr.white {
  color: #fff;
  text-shadow: 3px 3px 10px #00000080;
  border-radius: 12px;
}

.slide-main-subhead {
  margin-bottom: 0;
  font-size: 2.5rem;
  line-height: 1.1em;
}

.slide-main-subhead.white {
  color: #fff;
  border-radius: 12px;
}

.slide-nav {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 105% 0% 0%;
}

.slider-icon {
  color: var(--red);
}

.slider-icon:hover {
  color: var(--trixi-green);
}

.diadeur-block {
  background-color: #fff;
  background-image: url('../images/home_diadeur_1.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.s2-text-block {
  flex-flow: column wrap;
  justify-content: center;
  align-items: flex-start;
  width: 40%;
  height: 90%;
  display: flex;
  position: absolute;
  bottom: auto;
  left: 6%;
  right: 0%;
}

.dahlia-block {
  z-index: 100;
  background-color: #fff;
  background-image: url('../images/home_dahlias_1.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
}

.s3-text-block {
  flex-flow: column wrap;
  justify-content: center;
  align-items: flex-start;
  width: 58%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: -19% 0% auto 6%;
}

.left-arrow, .right-arrow {
  width: 55px;
}

.main-stage-clouds {
  background-image: url('../images/home_main_stage_bkg_1.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  inset: 0%;
  overflow: hidden;
}

.s4-text-block {
  background-color: #ec008c;
  border-radius: 16px;
  flex-flow: column wrap;
  justify-content: center;
  align-items: flex-start;
  width: 50%;
  height: auto;
  padding: 13px 14px;
  display: flex;
  position: absolute;
  inset: 6% 0% auto 6%;
}

.s-1, .s-2, .s-4, .s-5 {
  background-color: #fff;
}

.nav2 {
  z-index: 1000;
  border-right: 1px solid var(--light-grey);
  background-color: #fff;
  width: 300px;
  height: 100%;
  font-family: proxima-nova, sans-serif;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
}

.search-input-block {
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  min-height: 20px;
  padding-left: 9px;
  padding-right: 9px;
  display: flex;
}

.icon-magnify {
  width: 24px;
  position: relative;
  top: -4px;
}

.nav-link-advanced {
  color: #464646;
  text-align: center;
  text-transform: none;
  padding: 4px 0 18px;
  font-family: proxima-nova, sans-serif;
  font-size: 15px;
  display: block;
}

.nav-link-advanced:hover {
  color: #6d9b0f;
}

.nav-link-advanced:visited {
  color: #222;
}

.nav-link-advanced.w--current {
  color: var(--red);
  font-family: proxima-nova, sans-serif;
}

.nav-menu-2 {
  float: none;
}

.link-magnify {
  margin-left: 6px;
  margin-right: 6px;
}

.social-box-footer {
  text-align: center;
  justify-content: space-around;
  margin-top: 12px;
  margin-bottom: 16px;
  display: flex;
  position: relative;
  inset: auto 0% 0%;
}

.search-input {
  width: 80%;
  margin-left: 32px;
}

.dianthus-links-block {
  flex-direction: column;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  width: 30%;
  height: auto;
  min-height: 50px;
  padding-right: 12px;
  display: flex;
}

.dianthus-vid-link-1 {
  border: 1px solid var(--deep-pink);
  color: var(--deep-pink);
  text-align: center;
  border-radius: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 50px;
  margin-bottom: 12px;
  padding: 12px;
  font-size: 1.35rem;
  display: flex;
}

.dianthus-vid-link-1:hover {
  border-color: var(--trixi-green);
  transform: scale(1.03);
}

.icon-video-play {
  width: 45px;
  margin-top: 9px;
  margin-bottom: 9px;
  line-height: 25px;
}

.dianthus-vid-wrapper {
  width: 100%;
}

.dianthus-vid-link-2 {
  border: 1px solid var(--deep-pink);
  color: var(--deep-pink);
  text-align: center;
  border-radius: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 50px;
  margin-bottom: 12px;
  padding: 12px;
  font-size: 1.35rem;
  display: flex;
}

.dianthus-vid-link-2:hover {
  border-color: var(--trixi-green);
  transform: scale(1.03);
}

.dianthus-youtube-link {
  border: 1px solid var(--deep-pink);
  color: var(--deep-pink);
  text-align: center;
  border-radius: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 50px;
  margin-bottom: 12px;
  padding: 12px;
  font-size: 1.35rem;
  display: flex;
}

.dianthus-youtube-link:hover {
  border-color: var(--trixi-green);
  -webkit-text-stroke-color: var(--trixi-green);
  transform: scale(1.03);
}

.dianthus-flex-video {
  display: flex;
}

.dianthus-text-sm {
  font-size: 1rem;
  line-height: 1.05em;
}

.heading-6, .heading-7 {
  font-size: 2.3em;
}

.heading-8 {
  font-size: 2.4em;
}

.dianthus-text-hdr {
  color: var(--deep-pink);
}

.product-thumb-block {
  margin-top: 3px;
  display: flex;
}

.thumb-link-sm {
  color: #222;
  border: 3px solid #fff;
  flex: 0 auto;
  width: 33.33%;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  transition: all .2s;
  display: block;
  overflow: hidden;
}

.thumb-link-sm:hover {
  color: var(--red);
  padding: 0;
}

.dynamix-intro-flex {
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.dynamix-heading {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(82deg, #ce6baa, #49c7eb);
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: 9px;
  font-weight: 700;
  line-height: 1;
}

.dynamix-text-block {
  width: 40%;
}

.dynamix-pic-block {
  justify-content: center;
  align-items: center;
  width: 60%;
  display: flex;
}

.feature-color {
  color: #ec008c;
}

.poinsettia-vid-wrapper {
  z-index: 10;
  margin-top: 20px;
  margin-bottom: 46px;
  padding-top: 25%;
  display: block;
  position: relative;
  top: 31px;
}

.video-link-wrapper {
  width: 100%;
  display: block;
  position: relative;
}

.tab-poinsettia-link {
  position: absolute;
  inset: 0%;
}

.tab-poinsettia-link:focus-visible, .tab-poinsettia-link[data-wf-focus-visible] {
  z-index: 50;
  -webkit-text-stroke-width: 10px;
  -webkit-text-stroke-color: var(--deep-pink);
  background-color: #ff919180;
  margin: -10px;
}

.dianthus-cat-image {
  height: 130px;
}

.text-block-5 {
  -webkit-text-stroke-color: #d3017c;
}

._2025-dianthus-cat {
  height: 75%;
  position: relative;
  left: 20%;
  transform: rotate(4deg);
  box-shadow: 0 2px 5px #0003;
}

.text-block-6 {
  text-align: center;
}

.logo-text {
  height: 1.2rem;
  padding-top: 0;
  padding-left: 3px;
  position: relative;
  top: -5px;
}

.logo-img {
  border: 1px none var(--dark-grey);
  object-fit: contain;
  height: 200px;
  padding: 1rem;
}

.series-caption-block {
  text-align: center;
  flex: none;
  justify-content: space-around;
  align-items: center;
  font-size: 1.1rem;
  line-height: 1.3em;
  display: flex;
}

.series-size-block {
  border: 1px solid var(--light-grey);
  justify-content: space-around;
  align-items: flex-end;
  margin-top: 6px;
  margin-bottom: 20px;
  padding: 14px;
  display: flex;
}

.series-size-hdr {
  text-align: center;
  font-weight: 400;
}

.series-pic {
  margin-left: auto;
  margin-right: auto;
}

.hilight-color {
  color: var(--red);
}

.series-item-wrap {
  flex-flow: column;
  flex: 0 auto;
  justify-content: flex-end;
  align-items: center;
  width: 300px;
  margin-bottom: .5rem;
  display: flex;
}

.series-intro-box-wrap {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.series-intro-box-wrap.left-justified {
  justify-content: center;
  align-items: flex-start;
}

.dahlias-intro-grid {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding: 1rem;
}

.dahlias-intro-grid.bkg-color {
  background-color: var(--dahlias-lt-pink);
}

.dahlias-intro-grid.bkg-color-zonal {
  background-color: #ecebec;
}

.series-wrap {
  justify-content: center;
  align-items: center;
  display: flex;
}

.dahlia-intro-logo {
  width: 65%;
  margin-bottom: 1rem;
}

.dahlias-intro-hdr {
  color: var(--dahlias-purple);
  margin-bottom: 0;
  font-size: 2.2rem;
  font-weight: 700;
}

.dahlias-subhead {
  color: var(--dahlias-purple);
  margin-bottom: .5rem;
  font-size: 1.1rem;
}

.dahlia-grid-items {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

.bkg-dahlia-video {
  aspect-ratio: 2.5;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.yecaflora-block {
  z-index: 100;
  color: #fff;
  font-weight: 700;
  line-height: 1.3em;
  position: relative;
  inset: 0% 0% auto auto;
}

.yeca-circle {
  width: 20%;
  padding-top: 2px;
  padding-left: 2px;
  position: absolute;
  inset: 0% 0 auto auto;
}

.yeca-circle.for-product {
  width: 12%;
  margin-top: 0;
  margin-left: 0;
  inset: 0% 0% auto auto;
}

.zonal-geranium-explore {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.yeca-flora-legend {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: #fff;
  background-color: #11ab4d;
  border-radius: 12px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 55%;
  height: 5rem;
  padding: 0 1rem;
  font-size: 1.1rem;
  font-weight: 700;
  display: flex;
}

.yecaflora-arrow {
  background-color: #fff;
  height: 5rem;
}

.div-block {
  background-color: #fff;
}

.yecaflora-text-block {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.u-margin-top-10 {
  margin-top: 10px;
}

.yecaflora-logo-block {
  height: 4rem;
}

.yecaflora-legend-logo {
  height: 4rem;
  padding-top: .4rem;
  padding-bottom: .4rem;
}

.yecaflora-arrow-block {
  height: 5rem;
}

.bkg-zonal-geranium-video {
  aspect-ratio: 2.5;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.main-stage {
  background-image: url('../images/home_main_stage_petunias_1.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.link-dahlias {
  width: 100%;
  height: 100%;
}

.mask-2 {
  aspect-ratio: 3 / 2;
}

.link-diadeur {
  width: 100%;
  height: 100%;
}

.main-stage-block {
  aspect-ratio: 3 / 2;
  background-color: #fff;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.geranium-block {
  background-image: url('../images/home_geraniums_1.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.link-geranium {
  width: 100%;
  height: 100%;
}

.new-intro-block {
  background-image: url('../images/home_2025_new_1.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.link-intros {
  color: var(--trixi-green);
  width: 100%;
  height: 100%;
}

@media screen and (min-width: 1440px) {
  .home-heading {
    line-height: .95;
  }

  .home-rule.trixi {
    margin-top: 18px;
  }

  .product-photos-block {
    width: 40%;
  }

  .button.home-action {
    left: 43%;
  }

  .heading-2, .heading-3 {
    line-height: 1.2em;
  }

  .sky-video {
    aspect-ratio: 2;
    object-fit: fill;
    height: 100%;
  }

  .banner-video {
    top: 11px;
  }

  .combo-img-block {
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    display: flex;
  }

  .combo-share-block {
    border: 1px solid var(--dark-grey);
    background-image: none;
    border-radius: 18px;
    padding-left: 12px;
    padding-right: 12px;
  }

  .combo-social-link:hover {
    transform: scale(1.2);
  }

  .combo-table-hdr {
    padding-bottom: 12px;
  }

  .combo-table-photo:hover {
    transform: scale(1.1);
  }

  .heading-4 {
    line-height: 1.1em;
  }

  .heading-5 {
    line-height: 1.2em;
  }

  .s1-block {
    background-size: cover;
  }

  .slide-main-hdr {
    font-size: 3.5rem;
  }

  .slide-main-subhead {
    font-size: 2.9rem;
  }

  .diadeur-block {
    display: flex;
  }

  .s2-text-block {
    margin-left: 9px;
    left: 6%;
  }

  .dahlia-block {
    background-color: #fff;
  }

  .s3-text-block {
    width: 46%;
    padding-right: 0;
    left: 8%;
  }

  .s4-text-block {
    width: 42%;
    height: auto;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 0;
    left: 6%;
  }

  .dianthus-links-block {
    justify-content: flex-start;
  }

  .dynamix-text-block, .dynamix-pic-block {
    width: 50%;
  }

  .logo-img {
    max-width: 300px;
    max-height: 225px;
  }

  .series-intro-box-wrap {
    justify-content: center;
    align-items: center;
  }

  .zonal-geranium-explore {
    justify-content: space-around;
  }

  .yeca-flora-legend {
    width: 50%;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

@media screen and (max-width: 991px) {
  body {
    padding-left: 0;
  }

  .burger-box {
    float: left;
    background-color: var(--light-grey);
    color: #222;
    padding: 21px 18px 20px;
    font-size: 22px;
  }

  .burger-box:hover {
    color: #222;
  }

  .burger-box.w--open {
    background-color: var(--red);
  }

  .social-icon-link {
    margin-bottom: 11px;
    display: inline-block;
    position: relative;
  }

  .nav {
    float: none;
    border-bottom: 1px solid var(--light-grey);
    width: 100%;
    height: 65px;
    position: fixed;
    inset: 0 0 auto;
  }

  .nav-link {
    text-align: center;
    padding-left: 13px;
  }

  .nav-menu {
    float: left;
    border-right: 1px solid var(--light-grey);
    background-color: #fff;
    margin-top: 65px;
    padding-right: 19px;
  }

  .logo-link {
    float: right;
    width: 200px;
    margin: 14px auto 0;
  }

  .logo-link.w--current {
    margin-top: 10px;
  }

  .social-box {
    flex-direction: row;
    justify-content: space-around;
    margin-top: 29px;
    margin-bottom: 29px;
    padding-left: 0;
    padding-right: 0;
    display: flex;
    inset: auto 0% 0% 0;
  }

  .content {
    margin-top: 75px;
  }

  .burger-icon {
    font-size: 38px;
    line-height: 24px;
  }

  .burger-icon:focus {
    color: #fffdfd;
  }

  .nav-logo {
    margin-left: 7px;
    padding-right: 16px;
    position: relative;
    right: 9px;
  }

  .footer-col-text {
    width: 33%;
  }

  .feature-box {
    margin-top: 57px;
    margin-bottom: 25px;
    padding-left: 7px;
    padding-right: 7px;
  }

  .home-heading {
    font-size: 42px;
    line-height: 44px;
    top: 9vh;
  }

  .heading-block {
    top: 4.7vh;
  }

  .home-text {
    text-align: left;
    font-size: 17px;
    line-height: 24px;
  }

  .index-head {
    text-transform: uppercase;
  }

  .content-home {
    margin-top: 65px;
  }

  .icon-display-block.for-symbols {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }

  .photo-array-block {
    align-items: flex-start;
  }

  .info-arrow {
    inset: 6px 0% auto auto;
  }

  .view-all-link.combos {
    flex-flow: wrap;
    justify-content: space-between;
    align-items: flex-start;
  }

  .trixi-all-image {
    margin-right: 18px;
  }

  .select-link {
    text-align: center;
    margin-bottom: 9px;
    line-height: 22px;
  }

  .col-select.rule-right {
    border-right: 1px solid var(--light-grey);
  }

  .icon-color-circle {
    width: 24px;
  }

  .symbol-block.for-key {
    margin-top: 8px;
  }

  .symbol-head {
    margin-bottom: 4px;
  }

  .plant-name-sub-block {
    padding-left: 9px;
    padding-right: 4px;
  }

  .icon-header-block {
    width: 25%;
  }

  .grower-heading-block {
    flex-wrap: wrap;
  }

  .circle-weeks-block {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100px;
    height: 100px;
  }

  .video-trixi {
    height: 47vh;
  }

  .grower-comment {
    margin-top: 12px;
    margin-bottom: 2px;
  }

  .download-combo-pdf {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    font-size: 15px;
  }

  .search-field {
    margin-bottom: 11px;
    margin-right: 0;
  }

  .nav-link-small {
    text-align: center;
    padding-left: 13px;
  }

  .menu-divider {
    width: 125px;
  }

  .search-criteria {
    text-align: left;
    width: 30%;
  }

  .plantsearch_dd {
    width: 400px;
  }

  .form-section {
    flex-wrap: wrap;
  }

  .search-pic-block {
    padding-right: 6px;
  }

  .bkg-vid-poinsettia {
    height: 450px;
    margin-top: 64px;
  }

  .sky-sizes-block {
    padding-left: 9px;
    padding-right: 9px;
  }

  .sky-video {
    height: 400px;
    min-height: 250px;
    max-height: 500px;
  }

  .christmas-mouse-button {
    width: 371px;
  }

  .intro-heading {
    text-transform: uppercase;
    font-size: 2.2em;
  }

  .intro-text {
    font-size: 1.2em;
  }

  .resource-button-block {
    text-align: center;
    width: 95%;
    font-size: 1.2rem;
  }

  .scroll-instructions {
    display: block;
  }

  .t-col {
    padding-top: 2px;
    padding-bottom: 2px;
  }

  .dianthus-button-txt-block {
    width: 73%;
  }

  .dianthus-text {
    font-size: 1.2rem;
  }

  .trixi-button-img {
    margin-right: 13px;
  }

  .combo-home-descrip {
    margin-top: 75px;
    display: block;
  }

  .combo-img-block {
    width: 45%;
    display: flex;
  }

  .combo-text-block {
    width: 50%;
  }

  .combo-land-img {
    margin-right: 0;
  }

  .combos-dropdown-flex {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }

  .f-hdr-diagram {
    width: 26%;
  }

  .combo-share-block {
    width: 215px;
    margin-right: 30px;
  }

  .combo-table-block {
    padding-left: 12px;
    padding-right: 0;
  }

  .combo-social-link {
    transition: all .2s;
  }

  .combo-social-link:hover {
    transform: scale(1.2);
  }

  .combo-table-hdr {
    padding-bottom: 10px;
  }

  .fusion-table-diagram {
    width: 25%;
  }

  .icon-pdf-recipe {
    margin-bottom: 7px;
    margin-right: 0;
  }

  .home-hdr-block {
    margin-top: 50px;
  }

  .s1-text-block {
    width: 53%;
    left: 5%;
  }

  .slide-main-hdr {
    font-size: 2.7rem;
    line-height: 1em;
  }

  .slide-main-subhead {
    font-size: 2.2rem;
  }

  .slide-nav {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .slider-icon {
    font-size: 25px;
  }

  .s2-text-block {
    width: 38%;
    height: 100%;
  }

  .dahlia-block {
    aspect-ratio: 3 / 2;
  }

  .s3-text-block {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 50%;
    height: 100%;
    padding-right: 0;
    left: 9%;
  }

  .left-arrow, .right-arrow {
    width: 35px;
  }

  .s4-text-block {
    z-index: 10;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 38%;
    height: auto;
    left: 3%;
  }

  .nav2 {
    float: none;
    border-bottom: 1px solid var(--light-grey);
    width: 100%;
    height: 65px;
    position: fixed;
    inset: 0 0 auto;
  }

  .nav-link-advanced {
    text-align: center;
    padding-left: 13px;
  }

  .nav-menu-2 {
    float: left;
    border-right: 1px solid var(--light-grey);
    background-color: #fff;
    height: 100vh;
    margin-top: 65px;
    padding-top: 12px;
    padding-left: 12px;
    padding-right: 12px;
    overflow: scroll;
  }

  .social-box-footer {
    flex-direction: row;
    justify-content: space-around;
    margin-top: 29px;
    margin-bottom: 6px;
    display: flex;
    inset: auto 0% 0% 0;
  }

  .dianthus-links-block {
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
  }

  .dianthus-vid-link-1, .dianthus-vid-link-2, .dianthus-youtube-link {
    width: 32%;
  }

  .dianthus-flex-video {
    flex-direction: column;
  }

  .dianthus-text-sm {
    font-size: 1rem;
  }

  .video-link-wrapper {
    top: -36px;
  }

  .image-s4 {
    aspect-ratio: 3 / 2;
    object-fit: cover;
  }

  .series-size-block {
    justify-content: space-around;
    align-items: flex-end;
    padding-left: 9px;
    padding-right: 9px;
  }

  .series-item-wrap {
    justify-content: flex-end;
    align-items: center;
    width: auto;
  }

  .dahlias-intro-grid {
    grid-template-columns: 1fr 1.25fr 1fr;
  }

  .bkg-dahlia-video {
    height: 450px;
    margin-top: 64px;
  }

  .zonal-geranium-explore {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .yeca-flora-legend {
    text-align: left;
    width: 40%;
    height: 6rem;
    overflow: clip;
  }

  .yecaflora-logo-block, .yecaflora-legend-logo {
    height: 9rem;
  }

  .yecaflora-arrow-block {
    background-color: #fff;
    justify-content: flex-start;
    align-items: center;
    display: flex;
    overflow: clip;
  }

  .bkg-zonal-geranium-video {
    height: 450px;
    margin-top: 64px;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 31px;
  }

  h3 {
    margin-top: 10px;
  }

  p {
    font-size: 16px;
  }

  .footer {
    margin-top: 5px;
    padding-left: 12px;
    padding-right: 12px;
  }

  .nav-link {
    padding-top: 14px;
    padding-bottom: 14px;
  }

  .logo-link {
    margin-left: auto;
    margin-right: auto;
  }

  .logo-link.w--current {
    width: 200px;
  }

  .social-box {
    flex-direction: row;
    display: none;
    left: 0;
  }

  .content {
    flex-direction: column;
    justify-content: space-between;
    padding-left: 12px;
    padding-right: 12px;
    display: block;
  }

  .nav-logo {
    top: 3px;
  }

  .footer-link-text {
    font-size: 14px;
    line-height: 18px;
  }

  .footer-col-text {
    width: 40%;
  }

  .footer-block {
    align-items: center;
    padding-left: 0;
  }

  .rights-reserved {
    padding-left: 0;
  }

  .feature-box {
    flex-direction: row;
    align-items: center;
    margin-top: 0;
    display: flex;
  }

  .home-heading {
    font-size: 38px;
    line-height: 42px;
  }

  .home-subhead {
    font-size: 28px;
  }

  .heading-block {
    width: 70%;
  }

  .home-text {
    font-size: 16px;
  }

  .product-block {
    margin-top: 0;
  }

  .product-text-block {
    flex: 0 2 auto;
    width: 50%;
  }

  .content-home {
    flex-direction: column;
    justify-content: space-between;
    display: block;
  }

  .icon-display-block {
    justify-content: flex-start;
    width: 100%;
  }

  .icon-display-block.for-symbols {
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: center;
  }

  .photo-caption.general {
    font-size: 16px;
  }

  .thumb-link-block-percent {
    width: 50%;
  }

  .info-arrow {
    bottom: auto;
    left: auto;
    right: 0%;
  }

  .thumb-link-block {
    display: block;
  }

  .thumb-link-block.for-trixi-array {
    min-height: 225px;
    overflow: hidden;
  }

  .thumb-link-block.for-poinsettia {
    min-height: 245px;
  }

  .thumb-name {
    padding-left: 4px;
    padding-right: 4px;
    line-height: 1.2em;
  }

  .view-all-block {
    flex-wrap: wrap;
  }

  .view-all-block.dianthus {
    flex-direction: row;
  }

  .view-all-link {
    font-size: 28px;
    line-height: 29px;
  }

  .view-all-link.combos {
    width: 95%;
    margin-bottom: 20px;
  }

  .select-heading {
    font-size: 13px;
  }

  .columns-select {
    flex-wrap: wrap;
    display: flex;
  }

  .col-select {
    margin-bottom: 24px;
  }

  .col-select.rule-right {
    flex: 0 auto;
  }

  .col-select.rule-right.rule-left {
    border-left-style: none;
    border-left-width: 0;
  }

  .new-sticker-text {
    padding: 6px;
  }

  .icon-color-circle {
    width: 20px;
    margin-right: 4px;
  }

  .symbol-block {
    flex-wrap: wrap;
    place-content: center space-around;
    margin-bottom: 4px;
    margin-right: 6px;
  }

  .symbol-block.for-key {
    height: 30px;
    margin-top: 8px;
  }

  .symbol-key-button {
    margin-left: 5px;
  }

  .poinsettia-heading {
    line-height: 34px;
  }

  .circle-weeks-block {
    width: 80px;
    height: 80px;
  }

  .circle-weeks-text {
    font-size: 22px;
    line-height: 18px;
  }

  .weeks-subhead {
    font-size: 16px;
  }

  .icon-symbol {
    width: 32px;
    margin-right: 4px;
  }

  .button {
    margin-bottom: 24px;
  }

  .button.home-action {
    left: 45%;
  }

  .video-trixi {
    height: 25vh;
    margin-top: 65px;
  }

  .trixi-title-logo {
    width: 100px;
  }

  .catalog-thumb-name {
    padding-left: 4px;
    padding-right: 4px;
    line-height: 1.2em;
  }

  .trixi-title-text {
    font-size: 26px;
  }

  .container-icon {
    width: 90px;
  }

  .search-field {
    font-size: 16px;
  }

  .nav-link-small {
    padding-top: 14px;
    padding-bottom: 14px;
  }

  .search-criteria {
    text-align: left;
    width: 40%;
    margin-bottom: 6px;
  }

  .plantsearch_dd {
    width: 280px;
    margin-top: 0;
    padding-left: 18px;
    padding-right: 18px;
    display: inline-block;
  }

  .plantsearch_dd.combos {
    width: 75%;
    margin-bottom: 10px;
  }

  .form-section {
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  .search-pic-block {
    width: 125px;
    padding-right: 6px;
  }

  .map-rooted {
    display: none;
  }

  .bkg-vid-poinsettia {
    height: 300px;
    margin-top: 65px;
  }

  .sky-sizes-block {
    padding-left: 9px;
    padding-right: 9px;
  }

  .sky-video {
    height: 350px;
  }

  .genus-block {
    justify-content: center;
    padding-left: 4px;
    padding-right: 4px;
    line-height: 1.2em;
    display: flex;
  }

  .popup-box {
    width: 480px;
    font-size: 15px;
  }

  .flex-box-full {
    flex-direction: row;
  }

  .dianthus-collage-pic {
    width: 50%;
  }

  .logo-spring-romance {
    width: 50%;
    margin-right: 24px;
  }

  .product-name-block {
    margin-bottom: 6px;
  }

  .product-logo {
    width: 180px;
  }

  .intro-heading {
    width: 40%;
  }

  .intro-text {
    width: 60%;
    margin-top: 1px;
    padding-left: 12px;
    font-size: 1.1em;
  }

  .resource-button-block {
    flex-direction: column;
    width: 92%;
    height: 225px;
    font-size: 1.15rem;
  }

  .resource-button-block.vertical {
    width: 98%;
  }

  .resource-img {
    width: 100%;
  }

  .item-wrapper {
    margin-bottom: 24px;
  }

  .scroll-instructions {
    font-size: 16px;
  }

  .t-col {
    align-items: flex-end;
    display: flex;
  }

  .dianthus-button-img {
    margin-right: 11px;
  }

  .dianthus-button-txt-block {
    width: 75%;
  }

  .dianthus-button-title {
    line-height: 1.1;
  }

  .trixi-button-img {
    margin-bottom: 19px;
    margin-right: 2px;
  }

  .combo-home-descrip {
    display: block;
  }

  .combos-dropdown-flex {
    flex-flow: column wrap;
  }

  .button-reset {
    margin-bottom: 24px;
  }

  .dynamix-title-logo {
    width: 100px;
  }

  .f-hdr-diagram {
    width: 32%;
  }

  .combo-table-input, .combo-table-culture {
    font-size: .9em;
    line-height: 1;
  }

  .combo-share-block {
    margin-right: 12px;
  }

  .combo-table-block {
    padding-left: 12px;
    padding-right: 12px;
  }

  .fusion-table-diagram {
    width: 30%;
  }

  .combo-trixi-logo {
    height: 75px;
  }

  .home-pic {
    width: 30%;
    margin-top: 29px;
  }

  .home-main-subhead {
    font-size: 2.6rem;
  }

  .slider {
    width: 100%;
    height: auto;
  }

  .s1-text-block {
    z-index: 10;
    width: 50%;
    position: absolute;
    top: 14%;
    left: 7%;
  }

  .slide-main-hdr {
    width: 101%;
    font-size: 1.8rem;
    line-height: 1em;
  }

  .slide-main-subhead {
    margin-bottom: 7px;
    font-size: 1.6rem;
  }

  .s2-text-block {
    width: 40%;
    height: 100%;
  }

  .s3-text-block {
    width: 51%;
    top: -13%;
    left: 8%;
  }

  .left-arrow, .right-arrow {
    width: 30px;
    font-size: 22px;
  }

  .s4-text-block {
    position: absolute;
    left: 3%;
  }

  .nav-menu-2 {
    height: 100vh;
    padding-bottom: 12px;
    overflow: scroll;
  }

  .social-box-footer {
    flex-direction: row;
    display: flex;
    left: 0;
  }

  .dianthus-vid-link-1, .dianthus-vid-link-2, .dianthus-youtube-link {
    width: 32%;
  }

  .heading-6 {
    font-size: 2.1em;
  }

  .heading-7 {
    font-size: 2em;
  }

  .thumb-link-sm {
    width: 50%;
  }

  .series-caption-block {
    flex-wrap: wrap;
    place-content: center space-around;
    margin-bottom: 4px;
    margin-right: 6px;
  }

  .series-size-block {
    padding-left: 9px;
    padding-right: 9px;
  }

  .dahlias-intro-grid {
    grid-template-columns: 1fr;
  }

  .dahlia-grid-items {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .bkg-dahlia-video {
    height: 300px;
    margin-top: 39px;
  }

  .zonal-geranium-explore {
    flex-flow: wrap;
  }

  .yeca-flora-legend {
    width: 100%;
  }

  .yecaflora-logo-block, .yecaflora-legend-logo {
    height: 6rem;
  }

  .bkg-zonal-geranium-video {
    height: 300px;
    margin-top: 39px;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 31px;
  }

  .burger-box {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .nav-link {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .logo-link.w--current {
    width: 165px;
    margin-top: 12px;
  }

  .social-box {
    justify-content: space-around;
    margin-bottom: 30px;
    display: flex;
  }

  .content {
    padding-left: 9px;
    padding-right: 9px;
  }

  .nav-logo {
    width: 180px;
    padding-right: 12px;
    top: 4px;
  }

  .footer-link-text {
    text-align: center;
  }

  .footer-col-text {
    width: 100%;
  }

  .footer-block {
    flex-flow: column wrap;
    align-items: center;
  }

  .rights-reserved {
    text-align: center;
    padding-left: 0;
  }

  .feature-box {
    flex-direction: column;
    justify-content: flex-start;
    margin-bottom: 35px;
    padding-left: 0;
    padding-right: 0;
  }

  .home-heading {
    font-size: 35px;
    line-height: 42px;
  }

  .home-heading.padding-left {
    padding-left: 0;
  }

  .home-subhead {
    font-size: 26px;
  }

  .home-subhead.padding-left {
    padding-left: 0;
  }

  .heading-block {
    order: 1;
    width: 100%;
  }

  .heading-block.on-left, .home-text.padding-left {
    padding-left: 0;
  }

  .index-subhead {
    font-size: 28px;
  }

  .index-sub-rule {
    margin-top: 19px;
    display: block;
  }

  .index-sub-rule.rule-red, .index-sub-rule.rule-dahlia {
    height: 6px;
  }

  .product-block {
    flex-direction: column-reverse;
  }

  .product-text-block {
    width: 100%;
    padding-right: 0;
  }

  .product-photos-block {
    width: 100%;
    margin-bottom: 16px;
  }

  .content-home {
    padding-bottom: 15px;
  }

  .icon-display-block {
    flex-direction: row;
    justify-content: flex-start;
    width: 100%;
  }

  .icon-display-block.for-symbols {
    flex-flow: wrap;
    place-content: center flex-start;
    align-items: center;
    font-size: 16px;
  }

  .photo-array-block {
    flex-wrap: wrap;
  }

  .thumb-link-block-percent {
    width: 50%;
  }

  .info-arrow {
    bottom: auto;
    left: auto;
    right: 0%;
  }

  .thumb-link-block.for-trixi-array {
    min-height: 170px;
    margin-bottom: 1px;
    display: inline-block;
  }

  .thumb-link-block.for-poinsettia {
    min-height: 170px;
  }

  .thumb-name {
    padding-top: 4px;
    padding-bottom: 3px;
    font-size: 14px;
  }

  .view-all-block, .view-all-block.dianthus {
    flex-wrap: wrap;
  }

  .view-all-link {
    font-size: 24px;
    line-height: 26px;
  }

  .view-all-link.combos {
    flex-wrap: wrap;
  }

  .trixi-all-image {
    margin-right: 0;
    padding-right: 12px;
  }

  .select-heading {
    font-size: 1.2rem;
  }

  .col-select.rule-right {
    border-right-width: 0;
  }

  .poinsettia-title-block {
    display: block;
  }

  .symbol-block {
    margin-right: 8px;
    padding-left: 0;
    font-size: 13px;
  }

  .symbol-key-button {
    margin-left: 0;
    padding-left: 4px;
    padding-right: 4px;
  }

  .icon-header-block {
    width: 100%;
    margin-bottom: 10px;
    margin-right: 0;
  }

  .poinsettia-heading {
    line-height: 34px;
  }

  .button {
    margin-bottom: 0;
  }

  .button.push-right {
    margin-right: 10px;
  }

  .button.home-action {
    align-self: auto;
    padding-left: 14px;
    padding-right: 14px;
    font-size: 1rem;
    left: 21%;
  }

  .video-trixi {
    height: 20vh;
    margin-top: 65px;
  }

  .trixi-title-logo {
    width: 75px;
  }

  .download-combo-pdf {
    margin-bottom: 22px;
  }

  .trix-home-descrip {
    display: block;
  }

  .catalog-thumb-name {
    padding-top: 4px;
  }

  .catalog-img {
    margin-top: 12px;
  }

  .trixi-title-text {
    font-size: 24px;
  }

  .nav-link-small {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .search-criteria {
    width: 100%;
    margin-bottom: 7px;
    line-height: 1.1em;
  }

  .plantsearch_dd {
    width: 280px;
  }

  .plantsearch_dd.combos {
    width: 90%;
  }

  .bkg-vid-poinsettia {
    height: 200px;
  }

  .sky-sizes-block {
    flex-flow: wrap;
    margin-top: 20px;
    padding-left: 0;
    padding-right: 0;
  }

  .sky-size-box {
    width: 50%;
    margin-bottom: 13px;
  }

  .sky-video {
    height: 200px;
    min-height: 200px;
    max-height: 350px;
  }

  .christmas-mouse-button {
    width: 329px;
    margin-left: 11px;
  }

  .herb-description {
    display: block;
  }

  .genus-block {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    font-size: 14px;
    display: flex;
  }

  .herb-block {
    display: block;
  }

  .popup-box {
    width: 420px;
  }

  .flex-box-full {
    flex-direction: column;
  }

  .dianthus-collage-pic {
    width: 92vw;
    margin-bottom: 17px;
  }

  .intro-flexbox {
    flex-direction: column;
  }

  .logo-spring-romance {
    width: 100%;
    margin-right: 0;
  }

  .intro-heading {
    width: 100%;
    font-size: 2em;
  }

  .intro-text {
    width: 100%;
    padding-left: 0;
  }

  .resource-button-block {
    height: 200px;
    font-size: 20px;
  }

  .resource-button-block.vertical {
    flex-direction: column;
  }

  .item-wrapper.one-third {
    width: 100%;
  }

  .table-flex, .table-flex.hdr-row {
    width: 100%;
    overflow: visible;
  }

  .t-col.sticky {
    z-index: 100;
    background-color: #fff;
    position: sticky;
    left: 0;
  }

  .t-col.sticky.hdr {
    background-color: var(--deep-pink);
  }

  .table-wrapper {
    width: 100vw;
    margin-bottom: 16px;
    position: relative;
    overflow: auto;
  }

  .scrollable-block {
    width: 650px;
    margin-bottom: 13px;
    display: block;
  }

  .dianthus-button-img {
    margin-right: 0;
    padding-right: 12px;
  }

  .dianthus-button-txt-block {
    width: 100%;
  }

  .dianthus-button-title {
    line-height: 1;
  }

  .combo-home-descrip {
    display: block;
  }

  .combo-img-block {
    width: 100%;
    margin-bottom: 24px;
  }

  .combo-text-block {
    width: 100%;
  }

  .combo-land-img {
    object-fit: cover;
    margin-right: 0;
  }

  .button-combos {
    width: 100%;
  }

  .dynamix-title-logo {
    width: 75px;
  }

  .color-rule {
    margin-top: 19px;
    display: block;
  }

  .f-hdr-diagram {
    width: 100%;
  }

  .combo-table-culture {
    font-size: .9em;
    line-height: 1;
  }

  .f-hdr-culture {
    display: none;
  }

  .combo-share-block {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }

  .combo-table-block {
    flex-wrap: wrap;
    padding-left: 0;
    padding-right: 0;
  }

  .link {
    font-size: 1em;
  }

  .f-hdr-photo {
    display: none;
  }

  .fusion-table-diagram {
    width: 100%;
  }

  .fusion-table-specs {
    width: 100%;
    margin-top: 26px;
    padding-left: 9px;
    padding-right: 9px;
  }

  .f-hdr-key {
    display: none;
  }

  .heading-4 {
    font-size: 1.8em;
  }

  .heading-5 {
    font-size: 1.6em;
  }

  .combo-logo-block {
    width: 100%;
    margin-bottom: 0;
  }

  .combo-trixi-logo {
    height: 60px;
  }

  .combo-dynamix-logo {
    height: 39px;
  }

  .flex-col-wrapper {
    flex-flow: column wrap;
  }

  .home-pic {
    width: 100%;
    margin-top: 62px;
  }

  .home-hdr-block {
    padding-left: 0;
  }

  .home-main-subhead {
    font-size: 1.9rem;
  }

  .slider {
    height: auto;
  }

  .s1-text-block {
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 100%;
    padding: 8px;
    inset: 0% 0% auto;
  }

  .slide-main-hdr {
    text-shadow: 0 1px 1px #0003;
    width: 100%;
    font-size: 1.35rem;
  }

  .slide-main-subhead {
    font-size: 1.25rem;
  }

  .s2-text-block {
    z-index: 1;
    justify-content: flex-start;
    align-items: flex-start;
    width: 60%;
    top: 0%;
    left: 2%;
  }

  .dahlia-block {
    background-position: 50%;
    background-size: cover;
  }

  .s3-text-block {
    flex-flow: column;
    width: 100%;
    height: 72%;
    padding: 0 6px 6px 29px;
    top: 6%;
    left: 0%;
  }

  .main-stage-clouds {
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  .s4-text-block {
    z-index: 10;
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 45%;
    margin-top: -9px;
    padding: 6px;
    top: 5%;
    left: 0%;
  }

  .nav-menu-2 {
    overflow: scroll;
  }

  .social-box-footer {
    justify-content: space-around;
    margin-bottom: 30px;
  }

  .dianthus-links-block {
    flex-direction: column;
  }

  .dianthus-vid-link-1 {
    flex-direction: row;
    width: 100%;
    padding: 9px;
    font-size: 1.2rem;
  }

  .icon-video-play {
    width: 35px;
  }

  .dianthus-vid-link-2, .dianthus-youtube-link {
    flex-direction: row;
    width: 100%;
    padding: 9px;
  }

  .heading-6 {
    font-size: 2em;
  }

  .heading-8 {
    font-size: 2.2em;
  }

  .dianthus-text-hdr {
    text-align: center;
    width: 55%;
    font-size: 1.1rem;
  }

  .thumb-link-sm {
    width: 50%;
  }

  .dynamix-intro-flex {
    flex-wrap: wrap;
  }

  .dynamix-text-block, .dynamix-pic-block {
    width: 100%;
  }

  .poinsettia-vid-wrapper {
    margin-top: 35px;
    margin-bottom: 35px;
  }

  .dianthus-cat-image {
    height: 145px;
  }

  ._2025-dianthus-cat {
    z-index: 0;
    left: 25%;
  }

  .logo-img {
    margin-top: 12px;
  }

  .series-caption-block {
    margin-right: 8px;
    padding-left: 0;
    font-size: 13px;
  }

  .series-size-block {
    flex-flow: wrap;
    margin-top: 20px;
    padding-left: 0;
    padding-right: 0;
  }

  .series-item-wrap {
    width: 50%;
    margin-bottom: 13px;
  }

  .dahlias-intro-grid.bkg-color, .dahlias-intro-grid.bkg-color-zonal {
    padding: .8rem;
  }

  .dahlia-grid-items {
    grid-template-columns: 1fr 1fr;
  }

  .bkg-dahlia-video {
    box-sizing: border-box;
    object-fit: scale-down;
    height: 180px;
  }

  .zonal-geranium-explore {
    flex-flow: wrap;
  }

  .yeca-flora-legend {
    overflow: clip;
  }

  .yecaflora-arrow {
    width: 100%;
  }

  .yecaflora-text-block {
    font-size: 1rem;
  }

  .yecaflora-logo-block, .yecaflora-legend-logo {
    height: 7rem;
  }

  .bkg-zonal-geranium-video {
    box-sizing: border-box;
    object-fit: scale-down;
    height: 180px;
  }
}