
<br />
<b>Warning</b>:  Undefined variable $dirTree in <b>/home/public/template/css/colors.php</b> on line <b>38</b><br />
<br />
<b>Warning</b>:  Undefined variable $row in <b>/home/public/template/css/colors.php</b> on line <b>38</b><br />
<br />
<b>Warning</b>:  Trying to access array offset on value of type null in <b>/home/public/template/css/colors.php</b> on line <b>38</b><br />
<br />
<b>Warning</b>:  Trying to access array offset on value of type null in <b>/home/public/template/css/colors.php</b> on line <b>38</b><br />
<br />
<b>Warning</b>:  Undefined variable $dirTree in <b>/home/public/template/css/colors.php</b> on line <b>39</b><br />
<br />
<b>Warning</b>:  Undefined variable $row in <b>/home/public/template/css/colors.php</b> on line <b>39</b><br />
<br />
<b>Warning</b>:  Trying to access array offset on value of type null in <b>/home/public/template/css/colors.php</b> on line <b>39</b><br />
<br />
<b>Warning</b>:  Trying to access array offset on value of type null in <b>/home/public/template/css/colors.php</b> on line <b>39</b><br />
<br />
<b>Warning</b>:  Undefined variable $dirTree in <b>/home/public/template/css/colors.php</b> on line <b>40</b><br />
<br />
<b>Warning</b>:  Undefined variable $row in <b>/home/public/template/css/colors.php</b> on line <b>40</b><br />
<br />
<b>Warning</b>:  Trying to access array offset on value of type null in <b>/home/public/template/css/colors.php</b> on line <b>40</b><br />
<br />
<b>Warning</b>:  Trying to access array offset on value of type null in <b>/home/public/template/css/colors.php</b> on line <b>40</b><br />
<br />
<b>Warning</b>:  Undefined variable $dirTree in <b>/home/public/template/css/colors.php</b> on line <b>41</b><br />
<br />
<b>Warning</b>:  Undefined variable $row in <b>/home/public/template/css/colors.php</b> on line <b>41</b><br />
<br />
<b>Warning</b>:  Trying to access array offset on value of type null in <b>/home/public/template/css/colors.php</b> on line <b>41</b><br />
<br />
<b>Warning</b>:  Trying to access array offset on value of type null in <b>/home/public/template/css/colors.php</b> on line <b>41</b><br />
<br />
<b>Warning</b>:  Undefined variable $dirTree in <b>/home/public/template/css/colors.php</b> on line <b>42</b><br />
<br />
<b>Warning</b>:  Undefined variable $row in <b>/home/public/template/css/colors.php</b> on line <b>42</b><br />
<br />
<b>Warning</b>:  Trying to access array offset on value of type null in <b>/home/public/template/css/colors.php</b> on line <b>42</b><br />
<br />
<b>Warning</b>:  Trying to access array offset on value of type null in <b>/home/public/template/css/colors.php</b> on line <b>42</b><br />
<br />
<b>Warning</b>:  Undefined variable $dirTree in <b>/home/public/template/css/colors.php</b> on line <b>43</b><br />
<br />
<b>Warning</b>:  Undefined variable $row in <b>/home/public/template/css/colors.php</b> on line <b>43</b><br />
<br />
<b>Warning</b>:  Trying to access array offset on value of type null in <b>/home/public/template/css/colors.php</b> on line <b>43</b><br />
<br />
<b>Warning</b>:  Trying to access array offset on value of type null in <b>/home/public/template/css/colors.php</b> on line <b>43</b><br />

/* COLOR CONTROL - 12/23/2022 */

/* BACKGROUND COLORS */

#talkbubble:after {border-top: 30px solid transparent;border-bottom: 30px solid transparent;}

#talkbubble {background:#3e330f;}
#talkbubble:after {border-left: 200px solid #3e330f;}
@media only screen and (max-width: 1280px) {#talkbubble:after {border-left: 100px solid #3e330f;} }
#headTitle {background:#675519;}
#foot-contain {background:#675519;}
#head, #site-dir {background:#907823;}

.foot-social, .sectionNav {background:#907823;}
body {background:#dcc46f;}

.foot-social a:hover {background:#675519;}
#content a:hover {background:#675519;}



/* TEXT COLORS */

#head, #headTitle, #foot-statement {color:#f5eed6;}

.sectionNav a:before, .sectionNav a:after {color:#ccaa31;}


#site-dir				{display:flex;align-items:flex-start;flex-flow:row nowrap;}
#site-dir .dir-header	{display:flex;flex-grow:1;flex-flow:column nowrap;width:16%;}
#site-dir .dir-section	{display:flex;min-height:600px;align-self:stretch;flex-flow:column nowrap;}
#site-dir .dir-item		{display:flex;flex-flow:column nowrap;padding:4px 0;margin:8px 16px;}
#site-dir .dir-itemsub	{display:flex;align-self:center; width:90%;padding:4px 0;}


#site-dir .dir-header	{font-variant:small-caps;text-transform:uppercase;text-align:center;font-size:16pt;}
#site-dir .dir-section	{font-weight:bold;font-size:12pt;}
#site-dir .dir-item		{text-align:left;}
#site-dir .dir-itemsub	{font-size:10pt;}
#site-dir .dir-itemsub:before {content:"✦";position:relative;bottom:3px;padding-right:8px;align-self:center;}

@media only screen and (max-width: 1280px) {
		#site-dir .dir-section {min-height:500px;}	
	#site-dir .dir-item {margin:4px;text-align:center;}
	#site-dir .dir-itemsub {padding:4px 0 0 0;text-align:left;}
	#site-dir .dir-itemsub:before {font-size:8pt;}
		#site-dir a, #site-dir .dir-itemsub:before {padding:2px 4px;}
}


#site-dir.head .dir-header {display:inline-flex;min-width:150px;max-width:200px;height:100px;justify-content:center;align-items:center;padding: 0 5px 0 5px;}
#site-dir.head .dir-header {font-variant:small-caps;font-weight:bold;font-size:28pt;}

#site-dir.head .dir-header#skills,
#site-dir.head .dir-header#food,
#site-dir.head .dir-header#social {pointer-events:none;}



#site-dir #skills						{color:#e2ddee;}
#site-dir.head .dir-header#skills,	#site-dir .dir-section#skills a:hover {background:#362b55;}		 #site-dir.head .dir-header#skills a 	{color:#362b55;}
#site-dir.head .dir-header#skills h4	{color:#4c3c76;}	#site-dir.foot .dir-header#skills h4	{color:#e2ddee;}
#site-dir .dir-section#skills h6		{color:#e2ddee;}

#site-dir #flock						{color:#e0e5eb;}
#site-dir.head .dir-header#flock,	#site-dir .dir-section#flock a:hover {background:#637e9c;}
#site-dir.head .dir-header#flock h4		{color:#e0e5eb;}
#site-dir.foot .dir-header#flock h4		{color:#e0e5eb;}
#site-dir .dir-section#flock h6			{color:#e0e5eb;}

#site-dir #creative						{color:#ecedde;}
#site-dir.head .dir-header#creative, #site-dir .dir-section#creative a:hover {background:#9da35a;}
#site-dir.head .dir-header#creative h4	{color:#ecedde;}
#site-dir.foot .dir-header#creative h4	{color:#ecedde;}
#site-dir .dir-section#creative h6		{color:#ecedde;}

#site-dir #food							{color:#f5eed6;}
#site-dir.head .dir-header#food,	#site-dir .dir-section#food a:hover {background:#675519;}		#site-dir.head .dir-header#food a 		{color:#675519;}	
#site-dir.head .dir-header#food h4		{color:#907823;}	#site-dir.foot .dir-header#food h4		{color:#f5eed6;}
#site-dir .dir-section#food h6			{color:#f5eed6;}

#site-dir #social						{color:#f5e7d6;}
#site-dir.head .dir-header#social,	#site-dir .dir-section#social a:hover {background:#674419;}		#site-dir.head .dir-header#social h4	{color:#905f23;}	#site-dir.foot .dir-header#social h4	{color:#f5e7d6;}
#site-dir .dir-section#social h6		{color:#f5e7d6;}

#site-dir #store						{color:#efe0dc;}
#site-dir.head .dir-header#store,	#site-dir .dir-section#store a:hover {background:#b0624d;}
#site-dir.head .dir-header#store h4		{color:#efe0dc;}
#site-dir.foot .dir-header#store h4		{color:#EFE0DC;}
#site-dir .dir-section#store h6			{color:#efe0dc;}

#site-dir .dir-header#skills	{background:#362b55;}
#site-dir .dir-header#flock		{background:#313f4e;}
#site-dir .dir-header#creative	{background:#50522d;}
#site-dir .dir-header#food		{background:#675519;}
#site-dir .dir-header#social	{background:#674419;}
#site-dir .dir-header#store		{background:#593127;}
#site-dir .dir-section#skills	{background:#4c3c76;}
#site-dir .dir-section#flock	{background:#45586d;}
#site-dir .dir-section#creative	{background:#6f733f;}
#site-dir .dir-section#food		{background:#907823;}
#site-dir .dir-section#social	{background:#905f23;}
#site-dir .dir-section#store	{background:#7c4536;}

#site-dir #flock a,		#site-dir #flock a:hover	 {color:#b1bfce;}
#site-dir #creative a,	#site-dir #creative a:hover	 {color:#cfd1ad;}
#site-dir #food a,		#site-dir #food a:hover		 {color:#e6d598;}
#site-dir #social a,	#site-dir #social a:hover	 {color:#e6c398;}
#site-dir #store a,		#site-dir #store a:hover	 {color:#efe0dc;}

h1, h2, h3, h4, h5, h6	{color:#3e330f;}
#eyecatch h3			{color:#e6d598;}

#content p				{color:#3e330f;}
#content quote p		{color:#e6d598;}


/* TEXT COLORS - LINKS */

body a {color:#dcc46f;}
body a:hover {color:#f5eed6;}

.sectionNav, .sectionNav a, .foot-social, .foot-social a {color:#f5eed6;}
#content a		{color:#f5eed6;}

/* BORDER, HR */

#foot			{border-top:8px solid #3e330f;}
.sectionNav		{border-bottom:8px solid #3e330f;}
hr.fancy		{border-top:4px solid #3e330f;}

body {font-family:sans-serif;}

#headTitle {text-transform:uppercase;font-style:italic;font-weight:bold;text-align:center;}


body 			{font-size:16pt;}

#logo img		{font-size:50pt;}
#headTitle		{font-size:32pt;}

.itisamystery	{font-size:72pt;}



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;}
#site-dir h4 {margin:0;padding:15px 0;}

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;}

.sectionNav, .sectionNav a, .foot-social, .foot-social a {font-variant:small-caps;font-weight:bold;}
.sectionNav a, .foot-social a {text-transform:lowercase;}

#content {text-align:justify;}
#foot-statement {text-transform:uppercase;font-weight:bold;text-align:center;}


body, html {height:100%;}
body {margin:0;padding:0;overflow-x:hidden;}

s {color:#8F9075;}		
/* HEADER AND MASCOT */

#head {display:flex;justify-content:space-between;align-items:center;}


#head {background-size:contain;background-repeat:no-repeat;}
#head {width:100%;}

#talkbubble {width:auto;height:auto;margin:10px;padding:20px;position:relative;-moz-border-radius:15px;-webkit-border-radius:15px;border-radius: 25px;}
#talkbubble:after {content:"";position:absolute;left:100%;top:33%;width:0;height:0;}

#logo {display:inline-flex;flex-direction:column;flex-flow:column-wrap;justify-content:space-between;align-self:flex-start;align-self:center;margin-left:40px;}

#logo img {width:850px;height:auto;}

@media only screen and (max-width: 1280px) {
	#logo {margin:0;padding:0;}
	#logo img {min-width:400px;max-width:550px;height:auto;}
}

#mascot {height:300px;flex-flow:row nowrap;flex-basis:100%;}
#mascot img {height:100%;}

#head-right {min-width:250px;max-width:500px;height:200px;padding-right:1%;}
#site-dir {width:100%;height:100px;}

#headTitle {display:block;max-height:75px;width:100%;padding: 10px 0 10px 0;}


/* CONTENT */
#content {display:block;width:80%;min-height:500px;margin:0 auto;}

/* CONTENT - QUOTE WITH SIGNATURE */
quote			{color:#e6d598;}
quote, #eyecatch quote	{background:#907823;}

quote 			{border:12px double #3e330f;}
#eyecatch quote {border:12px double #e6d598;}

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%;}


/* 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 #907823;border-bottom:0px;border-left:0;border-right:0;}
#eyecatch hr 	{border-top:10px dotted #e6d598;}
hr.fancy	 	{margin-top:4px;border-bottom:0px;}
#foot hr.fancy	{padding:0px;margin:0;}


/* COMMISSION QUEUE AND AVAILABILITY FUNCTION */

.comm ul,li {padding:0;list-style-type:none;} 
.commStyles {padding:16px;text-align:center;margin:12px auto;width:650px;border:12px double black;background:#50522D;color:#CFD2AD;}
.commStyles h5, #content .commStyles h6, #content .commStyles p {color:white;}
.commStyles s {color:#30311b;}

.commStyles .onsale {color:white;background:#222; border:solid 16px;border-image: linear-gradient(to top, #6d56a9, #637e9c, #9da35a, #ccaa31, #cc8631, #b0624d) 1; width:300px;margin:10px auto;padding:20px 10px;text-transform:lowercase;}

.commStyles .pride {color:red;text-transform: uppercase;font-size:20pt;padding:10px;}
.commStyles .pride b {display:inline;background-image:linear-gradient(to left, #6d56a9, #637e9c, #9da35a, #ccaa31, #cc8631, #b0624d);  color:transparent;background-clip:text;-webkit-background-clip:text;margin:10px;}


/* FOOTER */

#foot {width:100%;display:flex;justify-content:center;align-items:center;}
#foot-contain {width:100%;display:flex;flex-flow:column nowrap;justify-content:center;align-items:flex-end;}

.sectionNav, .foot-social {display:flex;width:100%;}
.sectionNav, .sectionNav a, .foot-social, .foot-social a {align-items:center;height:60px;justify-content:center;}
.sectionNav a, .foot-social a {display:inline-flex;padding:0 10px;}
.sectionNav a:before {content:"[";padding:0 5px;}
.sectionNav a:after {content:"]";padding:0 5px;}

#foot-statement {width:100%;padding:40px 0;display:block;}

.itisamystery {padding:100px 0;min-width:100px;justify-content:center;}

@media only screen and (max-width: 1280px) {
	#talkbubble:after {border: 0 25px 0 25px solid transparent;}
	.itisamystery {padding:50px 0;}
}