/* COLOR CONTROL */

/* BACKGROUND CONTROL */
#content {}

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

#logo, #foot {background:#70b7bc;}
#head {background-size:contain;background-repeat:no-repeat;}
#site-dir {background:#a8d4d6;}


/* 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;}
#site-dir.head	{border-top:8px solid #005974;}

#head {border-bottom:8px solid #005974;}
#foot {border-top:8px solid #005974;}

body {font-family:sans-serif;}
#headTitle {text-transform:uppercase;font-style:italic;font-weight:bold;text-align:center;}
#logo {font-variant:small-caps;}


body 			{font-size:16pt;}
#logo img		{font-size:50pt;}
#headTitle		{font-size:32pt;}



h1, h2, h3, h4, h5, h6 {margin:0;text-transform:uppercase;}
h1, h2, h3 {text-align:center;padding:40px 0 10px 0;}
h4, h5, h6 {padding:10px 0;}

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

h1 {font-size:40pt;}
h2 {font-size:36pt;}
h3 {font-size:30pt;}
h4 {font-size:26pt;}
h5 {font-size:20pt;}
h6 {font-size:16pt;font-style:italic;}


a {text-decoration:none;}

.announce, .announce a, .foot-social, .foot-social a {font-variant:small-caps;font-weight:bold;}
.announce a, .foot-social a {text-transform:lowercase;}

#content {text-align:justify;margin:10px 0;}
#foot-statement {text-transform:uppercase;font-weight:bold;text-align:center;padding:0 10px;}

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

/* HEADER AND MASCOT */

#head {margin-bottom:40px;}
#head-fixed {position:fixed;left:0;top:0;}

#head, #foot, logo {width:100%;}
#logo {display:block;padding:0;margin:0;}


#mascot {height:200px;width:auto;position:fixed;bottom:0;left:0;z-index:1;}
#mascot img {height:100%;}

@media only screen and (max-width: 1280px) {
	#mascot {margin:0;padding:0;bottom:0; left:0;height:150px;width:150px;}
	#mascot img {width:auto;height:150px;}
}

@media only screen and (max-desktop-width: 1280px) and (orientation: landscape) {
	#mascot {margin:0;padding:0;bottom:0;left:0;height:100px;width:100px;}
	#mascot img {width:auto;height:100px;}
}

#site-dir {width:100%;display:flex;align-items:center;flex-wrap:nowrap;justify-content:space-around;}
#site-dir .page {display:inline-flex;}

#site-dir h4 {margin:0;padding:15px 0;}


/* CONTENT */
#headTitle {display:block;max-height:75px;width:100%;padding:10px 0;}
#content {display:block;margin:40px auto;background:#f8fcfc;}

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


/* FOOTER */

#foot {width:100%;min-height:200px;display:flex;justify-content:center;align-items:center;}
#foot {bottom:0;margin-top:40px;}

#foot-contain {width:100%;display:flex;flex-flow:column nowrap;justify-content:center;align-items:flex-end;}
	#foot-social {width:100%;padding:10px;display:inline-flex;}
	
	.foot-social {display:flex;width:100%;}			.foot-social a {display:inline-flex;padding:0 10px;}
	.foot-social, .foot-social a {align-items:center;height:60px;justify-content:center;}
	
	#foot-statement {width:100%;padding:0px 0;display:flex;}

.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;}

@media only screen and (max-width: 1280px) {	}