/* CSS Document */

/*
Theme Name: twentyseventeen-child
Description: A Child Theme of Twenty Seventeen
Template: twentyseventeen
Theme URI: https://wordpress.org/themes/twentyseventeen/
Author: markryan
Author URI: https://marktheryan.com/
Text Domain: twentyseventeen
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
*/

/*--------------------------------------------------------------
>>> OVERRIDES:
----------------------------------------------------------------


/*--------------------------------------------------------------
Full page css
--------------------------------------------------------------*/

body:not(.has-sidebar):not(.page-one-column) .page-header,
body.has-sidebar.error404 #primary .page-header,
body.page-two-column:not(.archive) #primary .entry-header-full-width,
body.page-two-column.archive:not(.has-sidebar) #primary .page-header {
display: block;
width: 100%;
}


.blog:not(.has-sidebar) #primary article,
.archive:not(.page-one-column):not(.has-sidebar) #primary article,
.search:not(.has-sidebar) #primary article,
.error404:not(.has-sidebar) #primary .page-content,
.error404.has-sidebar #primary .page-content,
body.page-two-column:not(.archive) #primary .entry-content-full-width,
body.page-two-column #comments {
display: block;
width: 100%;
} 




/*--------------------------------------------------------------
Header settings
--------------------------------------------------------------*/

.site-title {
	clear: none;
	font-size: 60px;
	font-size: 3.5rem;
	font-weight: 800;
	line-height: 1;
	letter-spacing: 0em;
	margin: 0;
	padding-bottom: 10px;
	text-transform: lowercase;
}

.site-title,
.site-title a {
	color: #222;
	opacity: 1;
	/* Prevent opacity from changing during selective refreshes in the customize preview */
}


body.has-header-image .site-title,
body.has-header-video .site-title,
body.has-header-image .site-title a,
body.has-header-video .site-title a {
	color: #fff;
}

.site-description {
	color: #666;
	font-size: 13px;
	font-size: 1.2rem;
	margin-bottom: 0;
	line-height: 1.2em;
}

/*--------------------------------------------------------------
Navigation
--------------------------------------------------------------*/

.nav-subtitle  {
 color:#1874cd;
}

.post-navigation {
    font-weight: 600;
}

/* Navigation top */

.navigation-top {
	background: #fff;
	border-bottom: 1px solid #eee;
	border-top: 1px solid #eee;
	font-size: 16px;
	font-size: 1.25rem;
	position: relative;
}

.navigation-top .wrap {
	max-width: 1000px;
	padding: 0;
}

.navigation-top a {
	color: #222;
	font-weight: 300;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
}


/*--------------------------------------------------------------
Typography
--------------------------------------------------------------*/

body, textarea {
	color: #ea6814;
	font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
	font-size: 15px;
	font-size: 0.9375rem;
	font-weight: 300;
	line-height: 2.00;
}

/* Overriding link heavy underline  */
.entry-content a {
	color: #1496ea;
	text-decoration: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-transition: none, 
	-webkit-box-shadow none;
	transition: none, 
	-webkit-box-shadow none;
	transition: none, box-shadow none;
	transition: none, box-shadow none, 
	-webkit-box-shadow none;
}

a:focus {
	text-decoration: none; 
	outline: none;
}

a:hover, a:active {
	color: #ea6814;
	text-decoration: none;
}

.entry-content a:focus, .entry-content a:hover, .entry-summary a:focus, .entry-summary a:hover, .widget a:focus, .widget a:hover, .site-footer .widget-area a:focus, .site-footer .widget-area a:hover, .posts-navigation a:focus, .posts-navigation a:hover, .comment-metadata a:focus, .comment-metadata a:hover, .comment-metadata a.comment-edit-link:focus, .comment-metadata a.comment-edit-link:hover, .comment-reply-link:focus, .comment-reply-link:hover, .widget_authors a:focus strong, .widget_authors a:hover strong, .entry-title a:focus, .entry-title a:hover, .entry-meta a:focus, .entry-meta a:hover, .page-links a:focus .page-number, .page-links a:hover .page-number, .entry-footer a:focus, .entry-footer a:hover, .entry-footer .cat-links a:focus, .entry-footer .cat-links a:hover, .entry-footer .tags-links a:focus, .entry-footer .tags-links a:hover, .post-navigation a:focus, .post-navigation a:hover, .pagination a:not(.prev):not(.next):focus, .pagination a:not(.prev):not(.next):hover, .comments-pagination a:not(.prev):not(.next):focus, .comments-pagination a:not(.prev):not(.next):hover, .logged-in-as a:focus, .logged-in-as a:hover, a:focus .nav-title, a:hover .nav-title, .edit-link a:focus, .edit-link a:hover, .site-info a:focus, .site-info a:hover, .widget .widget-title a:focus, .widget .widget-title a:hover, .widget ul li a:focus, .widget ul li a:hover {
	color: #ea6814;
  box-shadow: initial;
  -webkit-box-shadow: initial;
}
/* END Overriding link heavy underline  */


/* Overriding the post entry title settings  */

#content .entry-title {
    color: #666;
    font-size: 24px;
    font-weight: normal;
    line-height: 1.3em;
    margin-bottom: 0;
}

#content textarea {
	color: #666;
	font-size: 16px;
	line-height: 24px
}

/* Overriding picture caption style  */

.wp-caption {
	background: #fff;
	line-height: 1.5em;
	margin-bottom: 10px;
	max-width: 632px !important; /* prevent too-wide images from breaking layout */
	padding-top: 4px;
	text-align: left;
}
.wp-caption img {
	margin: 0;
}
.wp-caption p.wp-caption-text {
	color: #888;
	font-size: 15px;
	font-style: oblique;
	text-align: left;
	margin: 0 0 10px 0;
}

/* Overriding  widget typography  */

.widget-title {
	font-family: verdana, sans serif;
	letter-spacing: .5em;
	font-size: 0.75em;
	color: #666;
   	font-weight: normal;	
}

.widget-area .entry-meta {
	font-family: verdana, sans serif;
	font-size: .75em;
	color: #666;
}

/* Recipe blogging styles  */

p .recipebody {
	font-size: 16px;
	color: #666;
	font-family: serif;
	line-height: 1.5em;
}

#stepsright {
	width: 200px;
	padding: 30px 0 0 0;
	float: right;
}

.recipehead {
	font-family: sans-serif;
	font-weight: bold;
	text-align: left;
	font-size: 24px;
	line-height: 1.5em;
}

h4.recipenote {
	font-family: sans-serif;
	font-style: oblique;
	font-size: 18px;
	text-align: left;
	font-weight: 500;
	color: #b22222!important;
}

.spin  {
	font-family: sans-serif; 
	font-weight: bold; 
	font-size:18px; 
	line-height: 1.5em; 
	color: #666;
}

h4.smerge  {
	font-family: sans-serif;
	display: run-in;
	padding-right: 0.5em;
	font-size: 18px;
	font-weight: 600;
	color: #b22222!important;
	clear: none;
}

.imagecaption {
	color: #888;
	font-family: sans-serif;
	font-size: 15px;
	font-style: oblique;
	line-height: 1.5em;
	text-align: left;
	margin: -20px 0 10px 0;
}

.imagecaptionbelow {
	color: #888;
	font-family: sans-serif;
	font-size: 15px;
	font-style: oblique;
	line-height: 1.5em;
	text-align: left;
	margin: 10px 0 10px 0;
}

img.size-full wp-image-196 alignnone
{ 	border-right:2px solid rgb(255,255,255);
	margin-right: 2px;
}

img.size-full wp-image-198 alignnone
{ 	border-right:2px solid rgb(255,255,255);
	margin-right: 2px;
}

img.size-full wp-image-199 alignnone
{ 	border-right:2px solid rgb(255,255,255);
	margin-right: 2px;
}

#inlineimage
{ 	margin-right: 3px;
}

.extramarginadjacentlist { margin-right: 48px; }

/* to bump adjacent numbered list with outset numbers */

img.alignleft size-full wp-image-382 { margin-right: 48px !important;

}

/* Living page id and class for pull quote and body */

#pull-quote { 
	float: left; 
	width: 215px; 
	margin-right: 20px; 
	margin-bottom: 100px; 
	padding: 0 20 0 0; 
	position: relative; 
	top: 0; left: 0;
} 

#pull-quote-right { 
	float: right; 
	width: 215px; 
	margin-left: 20px; 
	margin-bottom: 100px; 
	padding: 0 0 20 0; 
	position: relative; 
	top: 0; right: 0;
} 

#pull-quote375 { 
	float: left;
	width: 375px;
	margin-right: 20px; 
	margin-bottom: 100px; 
	padding: 0 20 0 0; 
	position: relative; 
	top: 0; left: 0;
} 

#pull-quote narrow {
	float: left;
	width: 150px;
	margin-right: 20px; 
	margin-bottom: 100px; 
	padding: 0 20 0 0; 
	position: relative; 
	top: 0; left: 0;
} 

.quote-js  { 
	font-family: serif; 
	color: #4682b4; 
	font-size: 20px; 
	line-height: 1.65em; 
	text-indent: -10px; 
	text-align: left;
}

#quote2-js  { 
	font-family: serif; 
	color: #4682b4; 
	font-size: 20px; 
	line-height: 1.65em; 
	text-indent: -10px; 
	text-align: left;
	margin-bottom: 12px;
}


.quote-att  {
	font-size: 14px; 
	font-family: sans-serif; 
	color: #666; 
}

.quote-att2  {
	font-size: 14px; 
	font-family: sans-serif;
	line-height: .65em; 
	color: #666; 
}


#story  { 
	position: relative; 
	margin: 0 0 0 0; 
	width: 300px;
	margin-bottom: 50px;
}

.my-story  { 
	font-family: sans-serif; 
	font-size: 16px; 
	line-height: 1.75em; 
	color: #666; 
	margin-bottom: 25px;
}

/* Cooking page pull-quote adjustment  */

div.pull-quote_mid { 
	float: left; 
	width: 215px; 
	margin-top: 20px;
	margin-right: 20px; 
	margin-bottom: 100px; 
	padding: 20 20 20 0; 
	position: relative; 
	top: 0; 
	left: 100;
	border: solid 1px red; 
 }


/* About Me page */

.aboutmeintro  { 
	font-family: serif, "Times New Roman"; 
	font-style: italic; 
	font-size: 20px; 
	line-height: 1.5em; 
	color: #a0522d;
}


.aboutmebody  { 
	font-family: sans-serif; 
	font-size: 16px; 
	line-height: 1.75em; 
	color: #666;
}

#aboutme  {
	font-family: sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #666 !important;
	padding-left: 0px;
}


/* modifications to standard styles for accuracy in visual editor */

body,
input,
textarea {
	color: #666;
	font-size: 14px;
	line-height: 1.5em;
}

p {
	margin-bottom: 24px;
}

#content,
#content input,
#content textarea {
	color: #666;
	font-size: 16px;
	line-height: 1.5em;
}

#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6 {
	line-height: 1.5em;
	margin: 0 0 20px 0;
}

#content h1,
#content h4,
#content h5,
#content h6 {
	color: #666;
}

#content h2,
#content h3 {
	color: #B22222;
	font-family: sans-serif;
	font-size: 18px;
	font-weight: bold;
}

#content h2 {
    font-style: oblique;
    text-align: left;
}

#content h3 {
	clear: none;
	line-height: 1.5em;
	padding-right: 0.5em;
	margin-bottom: 0px;
}

#content h6 {
	font-size: 16px;
	font-family: sans-serif;
	margin-top: -20px;
} 

#content ol {
    	color: #666;
    	font-family: sans-serif ;
    	line-height: 1.5em;
    	list-style: decimal outside none;
}

#content ul {
	color: #666;
    	font-family: sans-serif;
    	line-height: 1.5em;
    	padding: 0 1em;
	list-style-type: none;	
}


blockquote {
	color: #4682B4;
    	font-size: 20px;
    	line-height: 1.65em;
    	text-align: left;
    	text-indent: -10px;
	margin-bottom: 0px;
	padding: 0;
}

blockquote cite,
blockquote em,
blockquote i {
	font-family: sans-serif;
}
.widget-area ul {
	list-style: none;
	margin-left: 0;
}

.widget-area ul ul {
	list-style: disc;
	margin-left: 1.3em;
}

.widget_rss a.rsswidget {
	color: #666;
}

.widget-title {
	color: #666;
	font-weight: normal;
}


/*--------------------------------------------------------------
TABLES
--------------------------------------------------------------*/

table {
	border-collapse: collapse;
	margin: 0 0 1.5em;
	width: 100%;
}

thead th {
	border-bottom: 1px solid #bbb;
	padding-bottom: 0.5em;
}

th {
	padding: 0.4em;
	text-align: left;
}

tr {
	border-bottom: 1px solid #eee;
}

td {
	padding: 0.4em;
}

th:first-child,
td:first-child {
	padding-left: 0;
}

th:last-child,
td:last-child {
	padding-right: 0;
}

#list-instructextraleftmargin  {
	list-style: decimal;
	list-style-position: outside;
	font-family: sans-serif;
	color: #333;
	line-height: 1.5em;
	margin-left: 24px;
}

#list-instruct  {
	list-style: decimal;
	list-style-position: outside;
	font-family: sans-serif;
	color: #333;
	line-height: 1.5em;
}

#list-instruct ul  {
	list-style: none;
	font-family: sans-serif;
	color: #333;
	line-height: 1.5em;
}

/* wheat table start*/

table.wheat {
	font-family: sans-serif, "Arial";
	font-size: 12px;
	line-height: 1.25em;
	width: 640px !important;
}
	
table.wheat td{
	text-align:left;
}
	
table.wheat tr:nth-child(even) {
	color: #000000;
	background-color:#F1E4B1;
}  
table.wheat tr:nth-child(odd) {
	color: #000000;
	background-color:#E1CE6D;
}
table.wheat th {
	color: #FFFFFF;
	font-size: 18px;
    	background-color:#711F15;
	text-align:center;
}
	
table.wheat th{
	color: #FFFFFF !important;
	font-size: 18px;
    	background-color:#83002C;
	text-align:center;
}

table.wheat caption{
	color: #000000;
	caption-side:bottom;
	text-align:left;	
}

/* end wheat table */	


/* recipe table styles 2 */

#eec {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;	
}

eec table {
	margin-bottom: 1em;
	width: 100%;
	font-style: normal;
	font-weight: 200;
	border-collapse: collapse;
}
eec colgroup {
	margin: 0px 0px;
	padding: 0px 0px;
}
eec caption {
	height: 0em;
	opacity: 0;
}
eec th {
	font-size: 2.9em;	
	background-color: #ffffff;
	color: #4682b4;
	padding-top: 0.5em;
	padding-bottom: 0.25em;	
	
}
eec th:first-child {
	width: 15%;
}
eec th, eec td {
	vertical-align: top;
	border-bottom: #ACACAC solid 1px;
}
eec tr {
	background-color: #FFFFFF;
}
eec tr:nth-child(even) {
	background-color: #FFFFFF;
}
eec td {
	font-size: .8em;	
	padding-top: 0.3em;
	padding-bottom: 0.3em;
}
eec td:nth-child(odd), eec th:nth-child(odd) {
	text-align: right;
	padding-right: .25em;
}

eec td:nth-child(even), eec th:nth-child(even) {
	text-align: left;
}

/* end recipe table styles 2 */


/*--------------------------------------------------------------
Links
--------------------------------------------------------------*/

a {
	color: #ea6814;
	text-decoration: none;
}

a:focus {
	color: #ea6814;
	outline: thin dotted;
}

a:hover,
a:active {
	color: #ea6814;
	outline: 0;
}

/* Hover effects */

.entry-content a,
.entry-summary a,
.widget a,
.site-footer .widget-area a,
.posts-navigation a,
.widget_authors a strong {
	-webkit-box-shadow: inset 0 -1px 0 rgba(15, 15, 15, 1);
	box-shadow: inset 0 -1px 0 rgba(15, 15, 15, 1);
	-webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out;
}

.entry-title a,
.entry-meta a,
.page-links a,
.page-links a .page-number,
.entry-footer a,
.entry-footer .cat-links a,
.entry-footer .tags-links a,
.edit-link a,
.post-navigation a,
.logged-in-as a,
.comment-navigation a,
.comment-metadata a,
.comment-metadata a.comment-edit-link,
.comment-reply-link,
a .nav-title,
.pagination a,
.comments-pagination a,
.site-info a,
.widget .widget-title a,
.widget ul li a,
.site-footer .widget-area ul li a,
.site-footer .widget-area ul li a {
	-webkit-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 1);
	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 1);
	text-decoration: none;
	-webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out;
}

.entry-content a:focus,
.entry-content a:hover,
.entry-summary a:focus,
.entry-summary a:hover,
.widget a:focus,
.widget a:hover,
.site-footer .widget-area a:focus,
.site-footer .widget-area a:hover,
.posts-navigation a:focus,
.posts-navigation a:hover,
.comment-metadata a:focus,
.comment-metadata a:hover,
.comment-metadata a.comment-edit-link:focus,
.comment-metadata a.comment-edit-link:hover,
.comment-reply-link:focus,
.comment-reply-link:hover,
.widget_authors a:focus strong,
.widget_authors a:hover strong,
.entry-title a:focus,
.entry-title a:hover,
.entry-meta a:focus,
.entry-meta a:hover,
.page-links a:focus .page-number,
.page-links a:hover .page-number,
.entry-footer a:focus,
.entry-footer a:hover,
.entry-footer .cat-links a:focus,
.entry-footer .cat-links a:hover,
.entry-footer .tags-links a:focus,
.entry-footer .tags-links a:hover,
.post-navigation a:focus,
.post-navigation a:hover,
.pagination a:not(.prev):not(.next):focus,
.pagination a:not(.prev):not(.next):hover,
.comments-pagination a:not(.prev):not(.next):focus,
.comments-pagination a:not(.prev):not(.next):hover,
.logged-in-as a:focus,
.logged-in-as a:hover,
a:focus .nav-title,
a:hover .nav-title,
.edit-link a:focus,
.edit-link a:hover,
.site-info a:focus,
.site-info a:hover,
.widget .widget-title a:focus,
.widget .widget-title a:hover,
.widget ul li a:focus,
.widget ul li a:hover {
	color: #000;
	-webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(0, 0, 0, 1);
	box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(0, 0, 0, 1);
}


/* Links page styles */

.eeclink {
	list-style-type: none;
	font-family: sans-serif;
	font-size: 16px;
	font-size: 1em;
	line-height: 2.25em;
	color: #666;
}

a {color: #1874cd; text-decoration: none; }

#link_local { 
	float: right; 
	max-width: 325px; 
	margin-bottom: 100px; 
	padding: 0 0 0 0; 
	position: relative; 
	top: 0; left: 0;
} 

#link_industry { 
	float: left; 
	max-width: 325px; 
	margin-bottom: 100px;
	padding: 0 0 0 0; 
	position: relative; 
	top: 0; left: 0;
} 

h4.linklist  {
	font-family: sans-serif;
	font-size: 16px;
	font-weight: 200;
	color: #666 !important;
	padding-top: 20px;
	padding-left: 0px;
}



h4.linklistnopad  {
	font-family: sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #666 !important;	
}


/* Front Page - Recent Posts */

body:not(.has-sidebar):not(.page-one-column) .page-header,
	body.has-sidebar.error404 #primary .page-header,
	body.page-two-column:not(.archive) #primary .entry-header-full-width,
	body.page-two-column.archive:not(.has-sidebar) #primary .page-header {
	display: block;
	width: 100%;
}

.page-two-column .panel-content .recent-posts {

		clear: right;
		float: right;
		width: 58%;
	}

.blog:not(.has-sidebar) #primary article,
.archive:not(.page-one-column):not(.has-sidebar) #primary article,
.search:not(.has-sidebar) #primary article,
.error404:not(.has-sidebar) #primary .page-content,
.error404.has-sidebar #primary .page-content,
body.page-two-column:not(.archive) #primary .entry-content-full-width,
body.page-two-column #comments {
display: block;
width: 100%;
} 

/* About Me page */

.aboutmeintro  { 
	font-family: serif, "Times New Roman"; 
	font-style: italic; 
	font-size: 20px; 
	line-height: 1.5em; 
	color: #a0522d;
}



/* About Me page */

.aboutmeintro  { 
	font-family: serif, "Times New Roman"; 
	font-style: italic; 
	font-size: 20px; 
	line-height: 1.5em; 
	color: #a0522d;
}

.aboutmebody  { 
	font-family: sans-serif; 
	font-size: 16px; 
	line-height: 1.75em; 
	color: #666;
}

#aboutme  {
	font-family: sans-serif, "Arial";
	font-size: 18px;
	font-weight: bold;
	color: #666 !important;
	padding-left: 0px;
}

/* menu toggle */

.menu-toggle {
	background-color: transparent;
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #222;
	display: none;
	font-size: 14px;
	font-size: 1.5rem;
	font-weight:300;
	line-height: 1.5;
	margin: 1px auto 2px;
	padding: 1em;
	text-shadow: none;
}

/* END toggle */

/* post meta head */

.entry-meta {
	color: #767676;
	font-size: 11px;
	font-size: 0.6875rem;
	font-weight: 600;
	letter-spacing: 0.1818em;
	padding-bottom: 0.25em;
	text-transform: uppercase;
}

.entry-meta a {
	color: #767676;
}
/* END post meta head */


/*--------------------------------------------------------------
EASY INDEX
--------------------------------------------------------------*/


body.ei-index.ei-primary #easyindex-index .ei-item-term a {
    font-family:sans-serif;
    color: #767676;
    font-size: 18px;
		font-size: 1.5rem;
    font-weight: 300;
    font-style: normal;
}

body.ei-index.ei-secondary #easyindex-index .ei-item-title a {
    font-family:sans-serif;
    color: #767676;
    font-size: 16px;
		font-size: 1.25rem;
    font-weight: 300;
    font-style: normal;
}

/*--------------------------------------------------------------
SEARCH
--------------------------------------------------------------*/


button.search-submit {
	background-color: #1874cd;	
}

.search-form .search-submit {
	bottom: 3px;
	padding: 0.5em 1em;
	position: absolute;
	right: 3px;
	top: 3px;
}

.widget_search {
   position: relative;
   background: url(http://marktheryan.com/stage3cook/wp-content/uploads/2017/11/Tulips.jpg)   center no-repeat;  
    width: 325px;
    margin-bottom: 3em;
    padding-top: 3em;
    padding-bottom: 3em;
    padding-left: 2em;
    padding-right: 2em;
}
 
/*--------------------------------------------------------------
WIDGETS
--------------------------------------------------------------*/

/* Widget Titles */

#content h2 {
    font-style: normal;
    text-align: left;
}

#content h2, #content h3 {
    color: #666;
    font-family: sans-serif;
    font-size: 18px;
    font-weight: normal;
}

/* padding content */
.site-content {
    padding: 2em 0 0;
}

/* post comment button */

button, input[type="button"], input[type="submit"] {
    background-color: #1874cd;
}

#content input  {
    color: #666;
}