/* 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;}

/* 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;}
}