/* COLOR CONTROL */

/* BACKGROUND CONTROL */
body {background:#d0e7e8 url('/template/img/bg/zz-blue.png') fixed;}

/* TEXT COLORS */
h1, h2, h3, h4, h5, h6	{color:#107790;}
#eyecatch h3			{color:#107790;}

#content p				{color:#107790;}
#content quote p		{color:#107790;}

/* TEXT COLORS - LINKS */

body a {color:#783a4c;}
body a:hover {color:#d39897;}

.announce, .announce a, .foot-social, .foot-social a {color:#005974;}
#content a		{color:#783a4c;}
#content a:hover {color:#d39897;}

/* BORDER, HR */

#content 		{border:8px solid #005974;border-radius:20px;moz-border-radius:20px;width:90%;}
hr.fancy		{border-top:4px solid #005974;}


body {font-family:sans-serif;font-size:16pt;}

h1 {font-size:42pt;}
h2 {font-size:34pt;}
h3 {font-size:28pt;}
h4 {font-size:22pt;}
h5 {font-size:20pt;}
h6 {font-size:18pt;}

h1, h2, h3, h4, h5, h6 {margin:0;text-transform:uppercase;}
h1, h2, h3 {font-style:normal;}
h4, h5, h6 {font-style:italic;padding:10px 0;}

#flex-item h3 {font-variant:small-caps;text-transform:none;}

a {text-decoration:none;}
#content {text-align:justify;}
.announce, .announce a, .foot-social, .foot-social a {font-variant:small-caps;font-weight:bold;}
.announce a, .foot-social a {text-transform:lowercase;}

#headTitle {font-size:32pt;text-transform:uppercase;font-style:italic;font-weight:bold;text-align:center;}
#logo p {font-family:monospace;line-height:1.05;text-transform:uppercase;text-align:center;color:#005974;}
.title-name {letter-spacing:8px;word-spacing:-4px;font-weight:400;}
.title-tld {letter-spacing:27px;font-weight:800;}
.title-tld::before, .title-tld::after {font-size:28px;font-weight:200;}
#site-dir h4 {font-family:monospace;font-weight:700;font-size:26pt;color:#783a4c;text-transform:uppercase;font-style:normal;}

@media only screen and (max-width:1280px) {
	#site-dir h4 {font-size:18pt;}
}
@media (orientation:landscape) and (max-width:1280px) and (max-height:500px) {
	#logo .title-name, #logo .title-tld {font-size:18px;}
	#logo .title-name::before, #logo .title-tld::after {font-size:16px;}
}

#foot-band {font-family:monospace;font-weight:bold;letter-spacing:5px;color:#005974;}
#foot-statement {font-family:monospace;font-size:13pt;color:#005974;text-transform:uppercase;font-weight:bold;text-align:center;}
.foot-owner-icon {font-family:monospace;font-weight:bold;font-size:19pt;color:#f8fcfc;}
.foot-owner-name {font-family:monospace;font-weight:bold;font-size:18pt;color:#005974;text-transform:uppercase;letter-spacing:2px;}
.foot-owner-role {font-family:monospace;font-size:16pt;color:#005974;text-transform:uppercase;letter-spacing:1px;opacity:0.8;}
.foot-owner-email {font-family:monospace;font-size:15pt;text-transform:lowercase;}

@media (orientation:landscape) and (max-width:1280px) and (max-height:500px) {
	.foot-owner-name {font-size:16pt;}
	.foot-owner-role {font-size:14pt;}
	.foot-owner-email {font-size:13pt;}
}

#foot-statement {padding:0 10px;}

body, html {width:100%;margin:0 auto;padding:0;}
body {margin:0 auto;padding:0;}

/* HEADER */
#headTitle {display:block;max-height:75px;width:100%;padding:10px 0;}


/* HEADER */
#head              {position:fixed;top:0;left:0;width:100%;z-index:100;}
#head              {display:flex;flex-direction:row;}
#head {background-color:#70b7bc;background-image:url('/template/img/head/blu-g.png');background-position:bottom center;background-size:cover;background-repeat:no-repeat;}

#head-sp {background-image:url('/template/img/head/blu-g-sp.png');}
#head-su {background-image:url('/template/img/head/blu-g-su.png');}
#head-au {background-image:url('/template/img/head/blu-g-au.png');}
#head-wi {background-image:url('/template/img/head/blu-g-wi.png');}

/* TITLE (#logo) - left 2/3 */
#logo              {flex:2;display:flex;flex-direction:column;justify-content:center;align-items:center;padding-right:40px;}
#logo p            {display:block;width:auto;margin:0;padding:0;}

.title-name, .title-tld {width:300px;text-align:center;display:block;}

.title-tld::before {content:"\273F";}
.title-tld::after  {content:"\273F";}
.title-tld::before, .title-tld::after {color:#005974;vertical-align:middle;position:relative;bottom:20px;padding:0 10px;}

/* MASCOT - right 1/3, in flex flow */
#mascot            {flex:1;display:flex;align-items:center;justify-content:center;}
#mascot img        {border-radius:50%;object-fit:cover;}

/* NAV - fixed directly below #head */
#site-dir          {position:fixed;left:0;width:100%;z-index:100;display:flex;justify-content:space-around;align-items:center;box-sizing:border-box;}
#site-dir          {background-color:#a8d4d6;border-top:4px solid #005974;border-bottom:4px solid #005974;}
#site-dir .page    {display:inline-flex;}
#site-dir a        {text-decoration:none;}
#site-dir a:hover h4 {color:#d39897;}

/* BIG SCREENS */
#head              {height:140px;}
#logo p            {font-size:42px;}
#mascot img        {width:auto;height:125px;}
#site-dir          {top:140px;height:50px;}

/* SMALL SCREENS */
@media only screen and (max-width:1280px) {
#head              {height:130px;}
#logo p            {font-size:38px;}
#mascot img        {width:auto;height:120px;}
#site-dir          {top:130px;height:50px;}
}

/* ULTRA THIN MODE */
@media (orientation:landscape) and (max-width:1280px) and (max-height:500px) {
#head              {height:70px;}
#site-dir          {top:70px;}
#mascot            {dispdddlay:nodddne;}
#mascot img        {width:auto;height:60px;}
#logo              {justify-content:flex-start;flex-direction:row;align-items:center;margin-left:5%;}
#logo .title-name  {margin-right:6px;}
#logo .title-name,#logo .title-tld  {letter-spacing:2px;word-spacing:4px;width:auto;}
#logo .title-tld::before   {contdddent:none;}
#logo .title-name::before  {content:"\273F";position:static;bottom:auto;padding:0;}
#logo .title-tld::after    {content:"\273F";position:static;bottom:auto;padding:0;}
}

/* CONTENT */
#content {display:block;margin:200px auto 40px;background:#f8fcfc;padding-top:25px;}

/* CONTENT - QUOTE WITH SIGNATURE */
quote			{color:#005974;border:12px double #005974;background:#a8d4d6;}

quote			{font-size:20pt;font-weight:bold;text-align:center;}
quote #sig		{font-size:16pt;font-style:italic;text-align:right;}

quote {display:block;padding:20px 40px;margin:40px auto;}
quote #sig {padding:10px 0;}
quote #sig::before {content:"-- ";}

quote {min-width:25%;max-width:33%;}
#eyecatch quote {min-width:33%;max-width:50%;}

	@media only screen and (max-width: 1280px) {
	quote {min-width:33%;max-width:66%;}
	#eyecatch quote {min-width:25%;max-width:50%;}	
	}


/* CONTENT - GREENTEXT CUSTOM TAG */
gtxt::before {content:"> ";}
gtxt {color:green;text-transform:lowercase;font-family:monospace;display:block;padding:4px;width:75%;margin-left:40px;}


/* CONTENT - OTHER */
#content hr 	{width:50%;border-top:10px dotted #a8d4d6;border-bottom:0px;border-left:0;border-right:0;}
@media only screen and (max-width: 1280px) {#content hr {width:75%;}}

#content a .button {}
#content a .button:hover {color:#f8fcfc;}

#produce, #herbs, #annuals, #perennial, #combo {}	 

.announce {display:flex;width:100%;}
.announce, .annnounce a {align-items:center;height:60px;justify-content:center;}
.announce a {display:inline-flex;padding:0 10px;}
.announce a:before {content:"[";padding:0 5px;}
.announce:after {content:"]";padding:0 5px;}


/* =============================================
   PLANT MENU
   covers: menu-listing.php + menu-item.php
   ============================================= */

/* --- Section block --- */
.menu-section			{margin:0 0 40px;}

/* --- Section photo collage --- */
.menu-section-photos		{display:flex;flex-direction:row;width:100%;height:160px;margin-bottom:0;border-bottom:2px solid #70b7bc;}
.menu-section-photo		{flex:1;background-color:#d0e7e8;background-repeat:no-repeat;background-size:cover;background-position:center;border-right:1px solid #a8d4d6;}
.menu-section-photo:last-child	{border-right:none;}
.menu-section-photo-empty	{background-color:#d0e7e8;}

/* --- Section heading --- */
.menu-section-head		{display:flex;flex-direction:row;align-items:baseline;justify-content:space-between;padding:10px 16px 6px;border-bottom:1px solid #a8d4d6;}
.menu-section-head h3		{margin:0;color:#107790;}
.menu-section-head h6		{margin:0;color:#409fa6;font-style:normal;opacity:0.7;}

/* --- Plant list --- */
.menu-list			{width:100%;}

/* --- Column header row --- */
.menu-col-head			{display:flex;flex-direction:row;align-items:center;padding:4px 16px 4px 0;border-bottom:1px solid #a8d4d6;background:#d0e7e8;}
.menu-col-head .menu-col-swatch	{width:36px;border-right:1px solid #a8d4d6;flex-shrink:0;}
.menu-col-head .menu-col-name	{flex:1;padding-left:8px;}
.menu-col-head .menu-col-prices	{display:flex;flex-direction:row;}
.menu-col-head .menu-col-prices span {width:40px;text-align:center;font-size:10pt;color:#409fa6;}
.menu-col-head .menu-col-status	{width:80px;text-align:right;}

/* --- Plant group --- */
.menu-plant-group		{margin-bottom:6px;}

/* --- Plant subheader --- */
.menu-plant-head		{padding:8px 16px 4px;border-bottom:1px solid #a8d4d6;margin-top:6px;}
.menu-plant-name		{font-size:14pt;font-weight:bold;color:#107790;}
.menu-plant-sci			{font-size:10pt;color:#409fa6;margin-top:2px;}

/* --- Variety row --- */
.menu-row			{display:flex;flex-direction:row;align-items:center;padding:6px 16px 6px 0;border-bottom:1px solid #a8d4d6;}
.menu-row:last-child		{border-bottom:none;}
.menu-row-oos			{opacity:0.5;}

/* --- Swatch --- */
.menu-swatch-wrap		{width:36px;flex-shrink:0;display:flex;align-items:center;justify-content:center;align-self:stretch;border-right:1px solid #a8d4d6;}
.menu-swatch			{width:20px;height:20px;border-radius:50%;border:1px solid #a8d4d6;}
.menu-swatch-empty		{background:#d0e7e8;}

/* --- Row info (variety name, sci, color) --- */
.menu-row-info			{flex:1;padding-left:8px;}
.menu-row-info a		{color:#783a4c;text-decoration:none;font-size:14pt;}
.menu-row-info a:hover		{color:#d39897;}
.menu-row-info s		{font-size:14pt;color:#409fa6;}
.menu-row-sci			{font-size:10pt;color:#409fa6;margin-top:1px;}
.menu-row-color			{font-size:10pt;color:#409fa6;margin-top:1px;}

/* --- Price columns --- */
.menu-col-prices		{display:flex;flex-direction:row;flex-shrink:0;}
.menu-col-prices span		{width:40px;text-align:center;font-size:12pt;color:#107790;}
.menu-price-sale		{color:#783a4c;font-weight:bold;}

/* --- Status --- */
.menu-col-status		{width:80px;text-align:right;font-size:10pt;flex-shrink:0;}
.menu-status-in			{color:#409fa6;}
.menu-status-out		{color:#a8d4d6;}

/* --- Empty section message --- */
.menu-empty			{padding:16px;color:#409fa6;font-style:italic;}

/* --- Individual plant page --- */
.menu-item			{padding:20px;}
.menu-item-head			{text-align:center;margin-bottom:20px;border-bottom:2px solid #70b7bc;padding-bottom:16px;}
.menu-item-head h2		{margin:0 0 6px;color:#107790;}
.menu-item-head h5		{margin:0 0 4px;color:#409fa6;}
.menu-item-head h6		{margin:0;color:#409fa6;opacity:0.7;font-style:normal;}
.menu-item-hero			{text-align:center;margin:20px 0;}
.menu-item-hero img		{max-width:100%;border:1px solid #a8d4d6;}
.menu-item-desc			{margin:20px 0;padding:0 20px;}
.menu-item-desc p		{color:#107790;}
.menu-item-note			{margin:16px 0;padding:0 20px;}
.menu-item-note p		{color:#409fa6;}

/* --- Variety + pricing table --- */
.menu-item-varieties		{margin:20px 0;}
.menu-item-varieties h4		{padding:0 16px 8px;border-bottom:1px solid #a8d4d6;color:#107790;}
.menu-variety-head		{display:flex;flex-direction:row;padding:6px 16px;background:#d0e7e8;border-bottom:1px solid #a8d4d6;}
.menu-variety-row		{display:flex;flex-direction:row;padding:8px 16px;border-bottom:1px solid #a8d4d6;}
.menu-variety-row:last-child	{border-bottom:none;}
.menu-variety-row.menu-row-oos	{opacity:0.5;}
.mvc-name			{flex:2;font-size:14pt;color:#107790;}
.mvc-price			{flex:1;text-align:center;font-size:13pt;color:#107790;}
.mvc-avail			{flex:1;text-align:right;font-size:11pt;}
.menu-variety-head .mvc-name,
.menu-variety-head .mvc-price,
.menu-variety-head .mvc-avail	{font-size:11pt;color:#409fa6;font-weight:bold;text-transform:uppercase;}

/* --- Single-variety pricing --- */
.menu-item-price		{margin:20px 0;padding:0 20px;}
.menu-item-price h4		{color:#107790;margin-bottom:8px;}
.menu-item-price p		{color:#107790;}
.menu-sale			{color:#783a4c;font-weight:bold;}

/* --- Photo grid --- */
.menu-item-photos		{display:flex;flex-wrap:wrap;justify-content:center;margin:20px 0;}
.menu-item-photos > *		{margin:4px;}
.menu-item-photos img		{width:220px;height:220px;object-fit:cover;border:1px solid #a8d4d6;}

/* --- Responsive --- */
@media only screen and (max-width:1280px) {
.menu-section-photos		{height:120px;}
.menu-row			{padding:6px 12px 6px 0;}
.menu-item-photos img		{width:160px;height:160px;}
.menu-col-prices span		{width:34px;}
.menu-col-head .menu-col-prices span {width:34px;}
.menu-col-status		{width:70px;}
.menu-col-head .menu-col-status	{width:70px;}
}
@media (orientation:landscape) and (max-width:1280px) and (max-height:500px) {
.menu-section-photos		{height:80px;}
}

/* FOOTER */
#foot		{width:100%;background:#70b7bc;border-top:4px solid #005974;margin-top:40px;display:flex;flex-flow:column nowrap;align-items:center;}
#foot-band	{width:100%;background:#a8d4d6;border-bottom:2px solid #005974;padding:10px 0;text-align:center;}
#foot-body	{width:100%;position:relative;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;}
#foot-sprig-left,#foot-sprig-right	{position:absolute;top:50%;width:62px;height:auto;display:block;}
#foot-sprig-left	{left:10%;transform:translateY(-50%);}
#foot-sprig-right	{right:10%;transform:translateY(-50%);}
#foot-center	{display:flex;flex-flow:column nowrap;align-items:center;justify-content:center;padding:24px 16px;max-width:480px;}
#foot-center > *	{margin-bottom:24px;}
#foot-center > *:last-child	{margin-bottom:0;}
#foot-owners	{display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;}
#foot-owners > *	{margin-right:20px;}
#foot-owners > *:last-child	{margin-right:0;}
#foot-seal	{width:240px;height:auto;display:block;}
#foot-badges	{display:flex;flex-flow:row wrap;justify-content:center;align-items:center;padding:8px 0;}
#foot-badges a	{display:block;margin:4px;}
#foot-badges img	{display:block;width:88px;height:31px;}
#foot-statement	{width:100%;padding:10px 0;border-top:1px solid #005974;opacity:0.7;}
.foot-owner		{display:flex;flex-flow:column nowrap;align-items:center;}
.foot-owner > *	{margin-bottom:6px;}
.foot-owner > *:last-child	{margin-bottom:0;}
.foot-owner-icon	{width:48px;height:48px;border-radius:50%;background:#a8d4d6;border:2px solid #005974;display:flex;align-items:center;justify-content:center;}
.foot-owner-email	{color:#783a4c;}
.foot-owner-email:hover	{color:#d39897;}
@media only screen and (max-width:1280px) {
#foot-sprig-left,#foot-sprig-right	{width:50px;}
}
@media (orientation:landscape) and (max-width:1280px) and (max-height:500px) {
#foot-sprig-left,#foot-sprig-right	{width:40px;}
#foot		{scroll-margin-top:120px;}
#foot-center	{padding:12px 16px;}
#foot-center > *	{margin-bottom:12px;}
#foot-owners > *	{margin-right:12px;}
.foot-owner > *	{margin-bottom:3px;}
.foot-owner-icon	{display:none;}
#foot-seal	{width:120px;}
#foot-badges	{padding:4px 0;}
}

@media only screen and (max-width:1280px) {
#content {margin-top:190px;}
}