/*VARIABLES & STANDARDS==========================================================*/
body {
	 --featureTextSize: 1.3em;
   --subFeatureSize: 1.15em;
   --lowerTextSize: 0.9em;
 --footerTextColor: #666;
/* --body_type_size: 1em;*/
 --body_type_size: 12pt;


 font-family: Helvetica, Arial, sans-serif;
 font-size: var(--body_type_size);

}

a:-webkit-any-link {
/*    text-decoration: none;*/
/*    text-decoration-color: var(--main-green);*/
    color: var(--main-green);
}


a {
    color: var(--main-green);
}


/*MAIN NAVIGATION==========================================================*/


.header a {
  text-decoration: none;
}



.nav li:hover {
  color: black;
}


/*ON-PAGE MENUS==========================================================*/



.subSection:hover {
  text-decoration:none;
}

.subSection a {
color: var( --main-green);
font-style: italic;
font-weight: normal;
  text-decoration: none !important;
}


.subSection a:hover {
  text-decoration: none;
}

.subSection.selected_link {
          font-weight: normal;
  text-decoration: underline !important;
}


.selected_link, #lowertext.selected_link {
        cursor: default;
        pointer-events: none;        
        text-decoration: none;
        color: black;
        font-style: italic;
        font-weight: bold;
}


#previous_button, #next_button {
  display: inline;
  text-decoration: underline;
  text-decoration-color: var(--main-green);
}

#previous_button a, #next_button a {
color: var(--main-green) !important;
/*text-decoration: underline !important;*/
font-style: italic;
  text-decoration: underline;
  text-decoration-color: var(--main-green);
}

#previous_button a:hover, #next_button a:hover {
  color: var(--main-green);
/*text-decoration: none;*/
text-decoration: none;
text-decoration-color: var(--main-green);
}

#previous_button a:visited, #next_button a:visited {
color: var(--main-green) !important;
}

#previous_button {
  padding-right: 25px;
}


/*BODY TEXT==========================================================*/



.rightCol p {
display: block;
position: absolute;
margin-top: 3px;
margin-right: 5px;
max-width: 12vw;
/*z-index: 2;*/
padding-top: 0.3vh;
}

.intro_content {
  --intro_content_padding: calc(var(--padding_std));
padding-inline-start: calc(var(--padding_std) + 15px);
padding-inline-end: calc(var(--padding_std) - 2px);
padding-bottom: calc(var(--padding_std) + 10px);

}

.product_feature p {
  line-height: 1.5;
  padding-right: calc(var(--padding_std)*2);
}


.story_feature p, .story p {
  font-size: var(--featureTextSize);
  padding: 0.2em;
  margin-right: calc(var(--padding_std)*2);
    min-width: 200px;
}


.sub_feature p {
    font-size: var(--subFeatureSize);
  padding: 0.2em;
  margin-right: calc(var(--padding_std)*2);
  margin-top: 5px;

}

#product_commentary {
  font-size: calc(var(--body_type_size) - 1.5pt);
  color: #666 !important;
  font-style: italic;
  max-width: 80%;
  margin-bottom: var(--padding_std);
}



#2U #3U #4U #6U a:hover {
  text-decoration: none;
}

#lowerText, #lowerText1 {
      margin-bottom: 15px;
}

.intro_feature {
    font-size: var(--featureTextSize);
  padding: calc(var(--padding_std)/2);
}

.content p {
	/*max-width: max(90%, 600px);*/
	line-height: 1.25em;
}

#room_copy, #room_copy2 {
  max-width: 70%;
  margin-top: -15px;
  /*-25px creates issues w garden planter*/
}

.narrower, .narrower p {
	max-width: 600px;
}

.content p a {
	color: var(--main-green);
}


#intro_text {
  font-size: calc(var(--featureTextSize) + 0.35em);
/*font-size: 1.65em;*/
  color: var(--main-green);
}


.parGrid {
    display: grid;
  grid-template-columns: 0.5fr 0.5fr;
   column-gap: 0.5em;
}


.parGridCell b {
padding-bottom: var(--padding_std);
}

.content h3 {
	color: var( --main-green);
	font-style: italic;
	font-weight: bold;
	    margin-block-end: 0.66em;
}

.content h4 {
	color: black;
	font-style: normal;
	font-weight: bold;
}

.content h6 {
  color: black;
  font-style: normal;
font-weight: bold;
font-size: var(--body_type_size) !important;
margin-block-start: 0.8em;
    margin-block-end: 0.8em;
}

.content p ul, ol {
}

.content p li {
line-height: 1.5em;
display: block;
}

.content ol li {
	margin-block-end: 0.75em;
}

.content li::marker {
  color: var(--main-green);
/*  font-weight: bold;*/
}

.content ol li::marker {
	font-weight: bold;
}

.content p ul {
	list-style-type: square;
}

.content ul li {
line-height: 1.5em;
margin-block-end: 0.5em;
}


.cell_feature ul {
	margin-block-start: 0.66em !important;
}



.cell_feature h4 {
  margin-block-start: 0.25em;
      margin-block-end: 1.05em;
	padding-left: 15px;
	font-weight: bold;
}

.cell_feature ul {
	padding-left:15px;
}





#lowerText a {
		color: var(--main-green);
}

#lowerText a:hover {
		color: var(--main-green);
		/*font-style: italic;*/
}

#lowerText a:visited, a:active {
		color: var(--main-green);
}







.selected_link a {
	        color: black !important;
        font-weight: bold;
}

.selected_link:hover {
        cursor: default;
        pointer-events: none;        
        text-decoration: none !important;
        color: black !important;
        font-weight: bold !important;
}


#next_button.bigNext {
	display: inline-block !important;
}

.bigNext {
/*  font-size: var(--featureTextSize);*/
font-size: 1.2em;
    width: 90%;
}

.bigNext a {
}



.one_item ul li {
  max-width: 100%;
}

.two_items ul li {
  max-width: 100%;
}

.four_items ul li {
  max-width: 100%;
}


.benefit_col.inner3col .cell_feature:last-of-type {
    border-bottom: none;
    border-top: none;
    padding-top: 0px;
}


/*FOOTER==========================================================*/




.footer {
  font-size: 0.75em;
  color: var(--footerTextColor);
}

.footer a {
  color: var(--footerTextColor);
  text-decoration: underline;
}

.footer b {
	color: #333;
}

.footer a:hover {
  color: #333;
  text-decoration: none;
/*  font-weight: bold;*/
font-style: italic;
}

.footer a:visited {
  color: var(--footerTextColor);
  text-decoration: underline;
}

/*==============================================================*/