Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

WordPress

stephanie harrison roberts
stephanie harrison roberts
1,713 Points

CSS in wordpress - HELP

Hi Guys, something very simply driving me nuts. I want to change the hover color of the blog title. When you click Home, and then hover over the blog post title, its green......god only knows why!! I want it to be gray like the rest.....anyone see where I'm going wrong? All help much appriciated!

Thanks,

Steph

//CSS// html, body, div, span, applet, object, iframe, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, th { font-family: inherit; font-weight: inherit; font-style: inherit; margin: 0; padding: 0; vertical-align: baseline; border: 0; outline: 0; } .entry-title a, .entry-title a:link, .entry-title a:visited, .entry-title a:hover { text-decoration: none; color: gray; } h2{ font-size: 1.2em; } html { font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/4/#c790 */

overflow-y: scroll;
/* Keeps page centered in all browsers regardless of content height */

-webkit-text-size-adjust: 100%;
/* Prevents iOS text size adjust after orientation change, without disabling user zoom */
    -ms-text-size-adjust: 100%;
/* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */

}

, *:before, *:after { / apply a natural box layout model to all elements; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ / -webkit-box-sizing: border-box; / Not needed for modern webkit but still used by Blackberry Browser 7.0; see http://caniuse.com/#search=box-sizing / -moz-box-sizing: border-box; / Still needed for Firefox 28; see http://caniuse.com/#search=box-sizing */ box-sizing: border-box; }

body { background: #fff; }

article, aside, details, figcaption, figure, footer, header, main, nav, section { display: block; }

ol, ul { list-style: none; }

table { border-spacing: 0; /* tables still need 'cellspacing="0"' in the markup */ border-collapse: separate; }

caption, th, td, th { font-weight: normal; text-align: left; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; }

blockquote, q { quotes: '' ''; }

a:focus { outline: thin dotted; }

a:hover, a:active { outline: 0; color: gray; }

a img { border: 0; }

/* =Rebuild ----------------------------------------------- */

  • html { font-size: 100%; }

html { font-size: 16px; line-height: 1.5em; }

body, button, input, select, textarea { font-family: Georgia, 'Bitstream Charter', serif; font-size: 16px; font-weight: 400; color: #404040; }

/* Headings */ h1, h2, h3, h4, h5, h6 { clear: both; }

/* Text elements */ p { margin-bottom: 24px; }

ul, ol { margin: 0 0 24px 36px; }

ul { list-style: disc; }

ol { list-style: decimal; }

li > ul, li > ol { margin-bottom: 0; margin-left: 24px; }

dt { font-weight: 600; }

dd { margin: 0 24px 24px; }

b, strong { font-weight: 600; }

dfn, cite, em, i { font-style: italic; }

blockquote { margin: 0 24px; }

address { margin: 0 0 24px; }

pre { font-family: 'Courier 10 Pitch', Courier, monospace; font-size: .9375em; line-height: 1.6em; overflow: auto; max-width: 100%; margin-top: -2px; margin-bottom: 24px; padding: 24px; background: rgba(119, 119, 119, .5); }

code, kbd, tt, var { font-family: Monaco, Consolas, 'Andale Mono', 'DejaVu Sans Mono', monospace; font-size: .875em; line-height: 1.71429em; }

abbr, acronym { cursor: help; border-bottom: 1px dotted #666; }

mark, ins { text-decoration: none; background: #fff9c0; }

sup, sub { font-size: 75%; line-height: 0; position: relative; height: 0; vertical-align: baseline; }

sup { bottom: 1ex; }

sub { top: .5ex; }

small { font-size: 75%; }

big { font-size: 125%; }

figure { margin: 0; }

table { width: 100%; margin: 0 0 24px; }

th { font-weight: bold; }

img { /* Make sure images are scaled correctly. / width: 100%; / Adhere to container width. */ }

/* Alignment */ .alignleft { display: inline; float: left; margin-right: 24px; }

.alignright { display: inline; float: right; margin-left: 24px; }

.aligncenter { display: block; clear: both; margin: 0 auto; }

/* Text meant only for screen readers */ .screen-reader-text { position: absolute !important; clip: rect(1px, 1px, 1px, 1px); }

.screen-reader-text:focus { font-weight: 600; line-height: 24px; position: absolute !important; z-index: 100000; /* Above WP toolbar. */ top: 24px; left: 24px; display: inline-block; clip: auto !important; padding: 24px; border: 1px solid #000; background-color: #fff; -webkit-box-shadow: rgba(0, 0, 0, .6) 2px 2px 10px; -moz-box-shadow: rgba(0, 0, 0, .6) 2px 2px 10px; box-shadow: rgba(0, 0, 0, .6) 2px 2px 10px; }

/* Clearing */ .clear:before, .clear:after { display: table; content: ''; }

.clear:after { clear: both; }

.entry-content:before, .entry-content:after { display: table; content: ''; }

.entry-content:after { clear: both; }

.comment-content:before, .comment-content:after { display: table; content: ''; }

.comment-content:after { clear: both; }

.site-header:before, .site-header:after { display: table; content: ''; }

.site-header:after { clear: both; }

.site-content:before, .site-content:after { display: table; content: ''; }

.site-content:after { clear: both; }

.site-footer:before, .site-footer:after { display: table; content: ''; }

.site-footer:after { clear: both; }

/* =Forms ----------------------------------------------- / button, input, select, textarea { margin: 0; / Addresses margins set differently in IE6/7, F3, S5, Chrome */

vertical-align: baseline;
/* Improves appearance and consistency in all browsers */

*vertical-align: middle;
/* Improves appearance and consistency in all browsers */

}

button, input[type='button'], input[type='reset'], input[type='submit'] { cursor: pointer; color: rgba(0, 0, 0, .8); border: 1px solid #ccc; border-color: #ccc #ccc #bbb #ccc; border-radius: 3px; background: #e6e6e6; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5), inset 0 15px 17px rgba(255, 255, 255, .5), inset 0 -5px 12px rgba(0, 0, 0, .05); /* Corrects inability to style clickable 'input' types in iOS / text-shadow: 0 1px 0 rgba(255, 255, 255, .8); / Improves usability and consistency of cursor style between image-type 'input' and others */

-webkit-appearance: button;

}

button:hover, input[type='button']:hover, input[type='reset']:hover, input[type='submit']:hover { border-color: #ccc #bbb #aaa #bbb; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .8), inset 0 15px 17px rgba(255, 255, 255, .8), inset 0 -5px 12px rgba(0, 0, 0, .02); }

button:focus, input[type='button']:focus, input[type='reset']:focus, input[type='submit']:focus, button:active, input[type='button']:active, input[type='reset']:active, input[type='submit']:active { border-color: #aaa #bbb #bbb #bbb; box-shadow: inset 0 -1px 0 rgba(255, 255, 255, .5), inset 0 2px 5px rgba(0, 0, 0, .15); }

input[type='checkbox'], input[type='radio'] { padding: 0; /* Addresses excess padding in IE8/9 */ }

input[type='search'] { /* Addresses appearance set to searchfield in S5, Chrome / -webkit-box-sizing: content-box; width: 200px; / Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */ -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield; }

input[type='search']::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */ -webkit-appearance: none; }

button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; /* Corrects inner padding and border displayed oddly in FF3 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */

border: 0;

}

input[type='text'], input[type='email'], input[type='url'], input[type='password'], input[type='search'], textarea { border: 1px solid #ccc; border-radius: 3px; padding: 15px; }

input[type='text']:focus, input[type='email']:focus, input[type='url']:focus, input[type='password']:focus, input[type='search']:focus, textarea:focus { color: #111; }

input[type='text'], input[type='email'], input[type='url'], input[type='password'], input[type='search 18 Trishaw Lane'] { padding: 3px; }

textarea { overflow: auto; /* Improves readability and alignment in all browsers */

width: 98%;
/* Removes default vertical scrollbar in IE6/7/8/9 */
padding-left: 3px;
vertical-align: top;

}

  • html { font-size: 100%; }

html { font-size: 16px; line-height: 1.7em; }

/* =Global */ body { background-color: #eee; font-family: "Roboto Slab", Georgia, Times, serif; font-size: 15px; font-weight: 300; line-height: 27px; color: #666; }

/* Alignment */ .alignleft { display: inline; float: left; margin: 14px 27px 14px 0; }

.alignright { display: inline; float: right; margin: 14px 0 14px 27px; }

.aligncenter { display: block; clear: both; margin: 14px auto; }

.alignnone { margin-top: 20px; margin-bottom: 20px; }

/* Headings */ h1, h2, h3, h4, h5, h6 { color: #666; font-family: "Roboto Slab", Georgia, Times, serif; } h1 { font-size: 15px; font-weight: normal; margin: 27px 0; }

h2 { font-size: 20px; font-weight: normal; margin: 27px 0; }

h3,

respond h3 {

font-size: 20px;
font-weight: normal;
margin: 27px 0;

}

h4 { font-size: 16px; font-weight: normal; margin: 27px 0; }

h5 { font-size: 16px; font-weight: normal; margin: 27px 0; }

h6 { font-size: 14px; font-weight: normal; margin: 27px 0; }

hr { height: 0; margin-top: -1px; margin-bottom: 24px; padding-top: 24px; border: 1px solid #ccc; border-width: 0 0 1px 0; clear: both; }

/* Text elements */ p { margin-bottom: 27px; }

ul { margin: 0 0 27px 27px; list-style: disc; } ul ul { list-style: square; } ul ul ul { list-style: circle; }

ol { margin: 0 0 27px 27px; list-style: decimal; } ol ol { list-style: lower-alpha; } ol ol ol { list-style: lower-roman; }

li > ul, li > ol { margin-bottom: 0; margin-left: 27px; }

dt { font-weight: 400; }

dd { margin: 14px 0 14px 27px; }

b, strong { font-weight: bold; }

dfn, cite, em, i { font-style: italic; }

blockquote { margin: 0 0 27px; padding-left: 48px; position: relative; color: #999; } blockquote:before { font-family: Baskerville, Georgia, serif; font-size: 48px; font-weight: bold; color: #eee; content: "\201D"; display: block; position: absolute; top: 16px; left: 0; transform: scaleX(-1); } blockquote blockquote { font-size: inherit; } blockquote cite { display: block; font-size: inherit; font-weight: inherit; font-style: inherit; margin-top: 7px; width: 100%; text-align: right; }

button, input[type='button'], input[type='reset'], input[type='submit'], .button, .button:visited { font-family: "Roboto Slab", Georgia, Times, serif; box-sizing: border-box; padding: 10px 14px; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; letter-spacing: 1px; text-transform: uppercase; color: #999; border: 3px solid #eee; background: white; box-shadow: none; text-shadow: none; } button:hover, button:focus, button:active, input[type='button']:hover, input[type='button']:focus, input[type='button']:active, input[type='reset']:hover, input[type='reset']:focus, input[type='reset']:active, input[type='submit']:hover, input[type='submit']:focus, input[type='submit']:active, .button:hover, .button:focus, .button:active { -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; box-shadow: none; }

input[type='text'], input[type='email'], input[type='url'], input[type='password'], input[type='search...18 Trishaw Lane'] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; max-width: 100%; padding: 12px; border: 1px solid #eee; } input[type='text']:active, input[type='text']:focus, input[type='email']:active, input[type='email']:focus, input[type='url']:active, input[type='url']:focus, input[type='password']:active, input[type='password']:focus, input[type='search']:active, input[type='search']:focus { border-color: #d4d4d4; outline: none; background: white; }

textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; max-width: 100%; padding: 12px; border: 1px solid #eee; } textarea:active, textarea:focus { border-color: #d4d4d4; outline: none; }

address { font-style: italic; margin-bottom: 27px; }

pre { background: transparent; color: #666; font-family: "Roboto Slab", Georgia, Times, serif; font-size: 15px; font-weight: 300; line-height: 27px; overflow: auto; max-width: 100%; margin-bottom: 27px; padding: 0; }

code, kbd, tt, var { font: 14px Monaco, Consolas, 'Andale Mono', 'DejaVu Sans Mono', monospace; font-size: 1em; line-height: 2.09231em; }

abbr, acronym { margin-bottom: 26px; cursor: help; border-bottom: 1px dotted #eee; }

mark, ins { text-decoration: none; background: fff9c0; }

sup, sub { font-size: .8125em; line-height: 2.09231em; line-height: 0; position: relative; height: 0; vertical-align: baseline; }

sup { bottom: 1ex; }

sub { top: .5ex; }

small { font-size: .8125em; line-height: 2.09231em; }

big { font-size: 1.2em; line-height: 1.36em; }

figure { margin: 0; }

table { width: 100%; margin-bottom: 27px; }

td, th { padding: 7px 3px 6px; border-collapse: collapse; border-bottom: 1px solid #eee; }

th { font-weight: bold; padding-bottom: 4px; letter-spacing: 1px; text-transform: uppercase; border-bottom-width: 3px; }

img { height: 100%; }

/* Links / / a { -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; text-decoration: none;

} a:hover, a:focus, a:active { -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out;

} / / =Layout / .site { margin: 14px; padding: 27px; background: white; } .site-footer { width: 100%; } .site-info-wrapper { clear: both; margin: 24px 0 0; padding: 14px 0 0; } .site-info { text-align: center; letter-spacing: 1px; text-transform: uppercase; color: #999; font-size: .8125em; line-height: 2.09231em; } .site-info a { text-decoration: none; color: #999; } / .site-info a:hover { color: #1c7c7c; } */ .site-info .sep { display: block; visibility: hidden; clear: both; height: 0; margin: 0; }

.site-content { word-wrap: break-word; }

.site-content .widget-area { margin-top: 27px; padding-top: 24px; border-top: 3px solid #eee; }

/* =Header */ .site-header { margin: 0 0 27px; padding: 0 0 24px;

} .custom-logo { display: block; width: auto; max-height: 200px; margin: 0 auto 14px; } .custom-header { display: block; margin: 0 auto; margin-bottom: 27px; border-radius: 5px; }

.site-branding { clear: both; margin-bottom: 14px; text-align: auto; }

/* .site-title { font-size: 27px; font-weight: normal; line-height: 1; position: relative; z-index: 2; display: inline-block; clear: none; margin: 0; } / / .site-title a { text-decoration: none; color: #666; } */

.site-description { color: #999; font-size: 16px; font-weight: 300; letter-spacing: 0; margin: 7px auto; text-align: center; }

/* =Menu */ .main-navigation { font-weight: normal; position: relative; display: block; letter-spacing: 3px; margin-top: 27px; padding-top: 24px; text-transform: uppercase; z-index: 1; } .main-navigation ul { clear: both; margin: 0; padding-left: 0; list-style: none; } .main-navigation li { position: relative; display: block; } .main-navigation li:hover > a { color: darkgray; } .main-navigation a, .main-navigation a:visited a:hover { display: block; padding: 20px 0 20px; text-decoration: none; color: gray; font-family: sans-serif;

} .main-navigation ul:first-child > li:last-of-type a { border-bottom: 0; }

.current_page_item a, .current-menu-item a, .current_page_item a:visited, .current-menu-item a:visited, .current-menu-item a:hover { color:gray; }

/* Small menu */ .menu-toggle, .main-navigation.toggled .nav-menu { display: block; }

.menu-toggle { margin: 0 auto; position: relative; padding: 5px 7px; border: 1px solid #eee; }

.menu-toggle svg { width: 16px; margin-right: 4px; height: auto; vertical-align: middle; position: relative; top: -2px; }

menu-icon {

fill: #999;
-webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;

}

.menu-toggle:hover #menu-icon { fill: #1c7c7c; }

.toggled .menu-toggle { color: #1c7c7c; border-color: #1c7c7c; }

.toggled #menu-icon { fill: #1c7c7c; }

.main-navigation ul:first-child { display: none; } .main-navigation ul ul li a { padding-left: 14px; } .main-navigation ul ul ul li a { padding-left: 28px; } .main-navigation ul ul ul ul li a { padding-left: 42px; }

/* =Content */ .hentry { position: relative; margin: 0 0 53px; padding: 0 0 27px; border-bottom: 1px solid #eee; }

.site-main .hentry:last-of-type { border-bottom: 0; margin-bottom: 0; }

.byline, .updated { display: none; }

.single .byline, .group-blog .byline { display: inline; }

.attachment-penscratch-2-featured { margin: 14px 0 0; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; opacity: 1; border-radius: 3px; }

.hentry:hover .attachment-penscratch-2-featured { -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; opacity: .7; } .entry-footer, .entry-meta { font-size: .4125em; font-weight: normal; line-height: 2.09231em; margin: 0 0 27px; letter-spacing: 1.5px; text-transform: uppercase; color: #999; } .entry-footer a, .entry-meta a, .entry-footer a:visited, .entry-meta a:visited { color: #999; } .entry-footer a:hover, .entry-meta a:hover { color: #1c7c7c; }

.entry-title { line-height: 1.10em; line-height: 1.21429em; margin: 0 0 7px; } .entry-title a, .entry-title a:visited .entry-title :unvisited .entry-title :hover { text-decoration: none; color: #666; font-size: 1.5em; color: gray; } .entry-title a:hover { color: #1c7c7c; } .page .entry-title { margin: 0 0 27px; }

.sep { margin: 0 3px; } .entry-author { border: 1px solid #eee; padding: 27px; margin: 27px 0 0; } .entry-author p:last-of-type { margin-bottom: 0; } .author-title { font-size: 1.2em; margin: 0 0 7px; } .author-link { clear: both; display: inline-block; font-style: italic; color: darkgray; } .author-avatar { float: left; margin-right: 1.75em; width: 60px; } .author-title { clear: none; } .author-heading, .author-bio { margin-left: 86px; } .page-links { clear: both; margin: 27px 0; word-spacing: 7px; }

.page-title { font-size: 18px; line-height: 1.36em; margin: 0; padding-bottom: 14px; letter-spacing: 1px; color: #999; border-bottom: 1px solid #eee; }

.page-header { margin-bottom: 27px; }

.taxonomy-description { font-style: italic; margin-top: 27px; }

/* =Media */ .entry-content img.wp-smiley, .comment-content img.wp-smiley { margin-top: 0; margin-bottom: 0; padding: 0; border: none; }

.wp-caption { max-width: 100%; margin-bottom: 27px; } .wp-caption img[class*='wp-image-'] { display: block; max-width: 100%; margin: 0 auto; }

.wp-caption-text { font-size: .8125em; line-height: 1.5675em; margin: 14px 0; padding: 0 1%; }

.site-content .gallery { margin-bottom: 27px; } .site-content .gallery a img { max-width: 90%; height: auto; } .site-content .gallery dd { margin: 0; }

/* Gallery column widths */ .gallery-columns-1 .gallery-item { width: 100%; }

.gallery-columns-2 .gallery-item { width: 50%; }

.gallery-columns-3 .gallery-item { width: 33.33%; }

.gallery-columns-4 .gallery-item { width: 25%; }

.gallery-columns-5 .gallery-item { width: 20%; }

.gallery-columns-6 .gallery-item { width: 16.667%; }

.gallery-columns-7 .gallery-item { width: 14%; }

.gallery-columns-8 .gallery-item { width: 12.5%; }

.gallery-columns-9 .gallery-item { width: 11.11%; }

.site-content .gallery-columns-1.gallery a img { max-width: 100%; }

.gallery-item { display: inline-block; margin-bottom: 14px; text-align: center; vertical-align: top; } .gallery-item img { padding: 3px; border: 1px solid #eee; border-radius: 3px; }

.gallery-caption { font-size: .8125em; line-height: 2.09231em; line-height: 2.09231em; max-width: 90%; margin: 0 auto; }

/* Make sure embeds and iframes fit their containers */ embed, iframe, object { max-width: 100%; }

/* =Navigation */ .site-main .post-navigation, .site-main .paging-navigation { font-size: .8125em; font-style: italic; line-height: 2.09231em; line-height: 1.5; overflow: hidden; width: 100%; margin: 0; padding: 12px 0;

} .site-main .post-navigation .meta-nav, .site-main .paging-navigation .meta-nav { clear: both; color: #1c7c7c; display: block; font-style: normal; letter-spacing: 1px; text-transform: uppercase; } .site-main .post-navigation .nav-previous a, .site-main .paging-navigation .nav-previous a { color: #aaa; position: relative; float: left; width: 50%; text-decoration: none; } .site-main .post-navigation .nav-next a, .site-main .paging-navigation .nav-next a { color: #aaa; position: relative; float: right; width: 50%; text-align: right; text-decoration: none; }

.site-main .post-navigation a, .site-main .paging-navigation a { color: #aaa; } .site-main .post-navigation a:hover, .site-main .paging-navigation a:hover { color: #666; }

.comment-navigation:before, .comment-navigation:after { display: table; content: ''; }

.comment-navigation:after { clear: both; }

.site-main .comment-navigation { font-size: .8125em; line-height: 2.09231em; line-height: 1.5; clear: both; width: 100%; margin: 27px 0; padding: 12px 0; letter-spacing: 1px; text-transform: uppercase; border-top: 1px solid #eee; border-bottom: 1px solid #eee; } .site-main .comment-navigation .nav-previous { position: relative; float: left; width: 50%; text-align: left; } .site-main .comment-navigation .nav-next { position: relative; float: right; width: 50%; text-align: right; }

/* =Comments */

.comments-area { margin: 24px auto 0; border-top: 3px solid #eee; }

.comments-title,

respond h3 {

font-size: 1.2em;
line-height: 1.36em;
color: #999;

} .comments-title small, .comment-reply-title small { float: right; }

.comment-list, .comment-list .children { list-style: none; }

.comment-list { margin: 0; }

.comment-list > .comment:first-of-type { padding-top: 0; border-top: 0; }

.comment { margin-top: 26px; padding-top: 27px; border-top: 1px solid #eee; }

.comment-meta { text-transform: uppercase; } .comment-meta a { color: #666; } .comment-meta .comment-author img { float: left; border-radius: 50%; } .comment-meta .comment-author .fn { display: block; font-weight: normal; margin-left: 74px; text-transform: none; } .bypostauthor {} .comment-meta .comment-metadata { font-size: .8125em; font-weight: normal; line-height: 2.09231em; margin-bottom: 27px; margin-left: 74px; letter-spacing: 1px; color: #999; } .comment-meta .comment-metadata a { color: #999; } .comment-meta .comment-metadata a:hover { color: #1c7c7c; }

.comments-area .edit-link:before { display: inline; margin: 0 7px; content: ' ~ '; }

.comment-form label { display: inline-block; width: 109px; }

.required { color: #1c7c7c; }

.comment-form-author, .comment-form-email, .comment-form-url, .comment-form-comment { position: relative; margin: 0 0 27px; } .comment-form-author label, .comment-form-email label, .comment-form-url label, .comment-form-comment label { font-size: .8125em; font-weight: normal; line-height: 2.09231em; position: absolute; top: 7px; left: 0; padding: 7px 14px; letter-spacing: 1px; text-transform: uppercase; } .comment-form-author input, .comment-form-email input, .comment-form-url input, .comment-form-comment input { display: block; width: 100%; margin: 0 0 27px; padding-left: 100px; } .comment-form-author textarea, .comment-form-email textarea, .comment-form-url textarea, .comment-form-comment textarea { clear: both; width: 100%; margin: 0 0 27px; padding: 54px 14px 7px; }

.says { display: none; }

.form-allowed-tags { color: #999; }

.no-comments { font-style: italic; margin: 27px 0; text-align: center; color: #999; }

/* =Widgets */ .widget { line-height: 2.09231em; position: relative; overflow: hidden; width: 100%; margin: 0 0 27px; padding: 0 0 27px; border-bottom: 1px solid #eee; word-wrap: break-word; } .widget-area .widget:last-of-type { border-bottom: 0; margin-bottom: 0; } .widget select { max-width: -webkit-calc(100% - 48px); max-width: calc(100% - 48px); margin-left: 1px; } .widget a { text-decoration: none; color: #1c7c7c; } .widget a:hover, .widget a:active, .widget a:focus { color: #666; } .widget:not(.widget_text) ul, .widget:not(.widget_text) ol { margin: 0; list-style: none; } .widget:not(.widget_text) li { margin: 6px 0 0; padding-top: 6px; list-style: none; border-top: 1px solid #eee; } .widget:not(.widget_text) li li a { padding-left: 14px; } .widget:not(.widget_text) li li li a { padding-left: 28px; } .widget:not(.widget_text) li li li li a { padding-left: 32px; } .widget-title { font-size: 18px; font-weight: normal; line-height: 1.36em; margin: 14px 0; } .widget-title a { color: #666; }

/* Calendar widget */

wp-calendar td,

wp-calendar th,

wp-calendar th {

text-align: center;

}

wp-calendar caption {

font-weight: 700;
margin: 14px 0;
text-align: center;

}

wp-calendar a {

text-decoration: none;
color: #1c7c7c;

}

/* Recent Comments */ .widget_recent_comments td, .widget_recent_comments th { border: 0; }

/* Tags */ .tags-links { display: block; margin-top: 7px; } .tags-links:before, .tags-links:after { display: table; content: ''; }

.tags-links:after { clear: both; } .wp_widget_tag_cloud a, .tags-links a { font-size: .8125em !important; display: inline-block; margin: 0 7px 7px 0 !important; padding: 7px; line-height: 1.3; letter-spacing: 1px; text-transform: uppercase; color: #999; border: 1px solid #eee; } .wp_widget_tag_cloud a:hover, .tags-links a:hover { color: #1c7c7c; border-color: #1c7c7c; }

/* =Footer Widgets */ .footer-widgets { border-top: 1px solid #eee; padding: 27px 0 0; margin: 27px 0 0; } .footer-widgets .widget-area { width: 100%; margin: 0 auto; }

/* =Jetpack */

.jetpack_widget_social_icons ul .jetpack-social-widget-item { border-top: none; }

.jetpack-video-wrapper { margin-bottom: 27px; }

.jetpack-slideshow.slideshow-black { background-color: #eee; border-color: #eee; } /* Globally hidden elements when Infinite Scroll is supported and in use. */ .infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer { display: none; }

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */ .infinity-end.neverending .site-footer { display: block; }

.infinite-wrap { border-top: 1px solid #eee; padding-top: 53px; }

infinite-footer {

z-index: 999;

}

infinite-footer .container {

font-style: italic;
position: relative;
color: #999;
border-top: 0;
background: white;

}

infinite-footer .container a {

color: #999;

}

infinite-footer .container a:hover {

color: #1c7c7c;

}

infinite-footer .blog-info a,

infinite-footer .blog-credits {

font-size: .8125em;
font-weight: normal;
font-style: normal;
line-height: 2.09231em;
letter-spacing: 1px;
text-transform: uppercase;

}

.infinite-loader { clear: both; width: 28px; height: 43px; margin: 0 auto 14px; padding-top: 27px; }

infinite-handle {

clear: both;
width: 100%;
margin: 0;

}

infinite-handle span {

border-radius: 3px;
display: block;
font-size: 1em;
font-weight: normal;
padding: 10px 14px;
-webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
letter-spacing: 1px;
margin-left: auto;
margin-right: auto;
text-transform: uppercase;
color: #999;
border: 3px solid #eee;
background: white;
text-align: center;
width: 160px;

}

infinite-handle span:hover {

border-color: #1c7c7c;
color: #1c7c7c;
-webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
     -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;

}

div.sharedaddy div.sd-block { padding: 14px 0 14px !important; }

/* =Social Links */ .jetpack-social-navigation { clear: both; margin: 14px auto; text-align: center; } .jetpack-social-navigation ul { margin: 0; padding: 0; list-style: none; } .jetpack-social-navigation li { display: inline-block; margin: 0; list-style: none; } .jetpack-social-navigation a { display: inline-block; text-decoration: none; font-size: 24px; margin-left: 4px; margin-top: 2px; margin-bottom: 4px; text-align: center; color: white; border-radius: 50%; background: #ccc; width: 1.5em !important; height: 1.5em !important; } .jetpack-social-navigation .icon { top: 3px; position: relative; } .jetpack-social-navigation ul a:hover { -webkit-transition: all .1s ease-in-out; transition: all .1s ease-in-out; text-decoration: none; background: #1c7c7c; color: white; }

/* Media Queries */ @media screen and (min-width: 75em) { .site { max-width: 1153px; margin: 54px auto; padding: 54px 108px; }

.no-sidebar.page-template-full-width-page .site {
    max-width: 1153px;
}

} @media screen and (min-width: 55em) { .no-sidebar .site { max-width: 872px; padding: 54px 108px; } } @media screen and (min-width: 50em) {

/* h1 { font-size: 32px; } */

h2 {
    font-size: 28px;
}

h3,
#respond h3,
.author-title {
    font-size: 12px;
}

h4 {
    font-size: 20px;
}

.entry-title {
    font-size: 1.5em;
}

.content-area {
    float: left;
    width: 100%;
    margin: 0 -30% 0 0;
}

.site-main {
    margin: 0 30% 0 0;
}

.site-content .widget-area {
    float: right;
    overflow: hidden;
    width: 25%;
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
}

.no-sidebar .content-area,
.no-sidebar .site-main,
.page-template-full-width-page .site-main {
    float: none;
    margin: 0;
}

.site-info {
    line-height: 1.7;
    float: left;
    max-width: 60%;
    text-align: left;
}

.jetpack-social-navigation {
    float: right;
    clear: none;
    max-width: 40%;
    margin: 0;
    text-align: right;
}

.entry-content {
    font-size: 1.2em;
    line-height: 1.7em;
}
pre {
    font-size: 1em;
}

/* Search */
.widget_search .search-submit {
    display: none;
}
blockquote {
    font-size: 1.2em;
    line-height: 1.4em;
    padding-left: 64px;
}
blockquote cite {
    font-size: .8125em;
}
blockquote:before {
    font-size: 72px;
}

blockquote.alignleft,
blockquote.alignright {
    max-width: 280px;
    padding-left: 48px;
}
blockquote.alignleft:before,
blockquote.alignright:before {
    font-size: 64px;
    top: 14px;
}

.menu-toggle {
    display: none;
}
.main-navigation {
    font-size: .8125em;
    line-height: 2.09231em;
    text-align: center;
}
.main-navigation ul:first-child {
    display: block;
}
.main-navigation ul li {
    display: inline-block;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
    display: block;
    visibility: visible;
    -webkit-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
    opacity: 1;
}
.main-navigation ul a {
    padding: 7px 9px;
    border-bottom: 0;
}
.main-navigation ul ul {
    position: absolute;
    z-index: 99999;
    top: 2.5em;
    left: -11px;
    display: none;
    visibility: hidden;
    float: left;
    padding: 0 9px;
    -webkit-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
    text-align: left;
    opacity: 0;
    border: 1px solid #eee;
    background: white;
}
.main-navigation li.menu-item-has-children > a,
.main-navigation li.page_item_has_children > a 
{
    position: relative;
    padding-right: 1.6em;
}
.main-navigation li.menu-item-has-children > a:after,
.main-navigation li.page_item_has_children > a:after 
{
    content: "\203A";
    font-family: "Oswald" "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 30px;
    font-weight: 900;
    line-height: 1;
    display: inline-block;
    margin-left: 7px;
    position: relative;
    top: 2px;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    vertical-align: baseline;
    -webkit-font-smoothing: antialiased;
}
.main-navigation ul ul li.menu-item-has-children > a:after,
.main-navigation ul ul li.page_item_has_children > a:after {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    margin-left: 4px;
    top: 0;
}
.main-navigation ul ul li {
    padding: 5px 5px 4px;
    border-bottom: 1px solid #eee;
}
.main-navigation ul ul li:last-of-type {
    border-bottom: 0;
}
.main-navigation ul ul li a {
    line-height: 1.5;
    width: 180px;
    padding: 5px;
}
.main-navigation ul ul ul {
    top: 0;
    left: 100%;
}
.main-navigation ul ul li a,
.main-navigation ul ul ul li a,
.main-navigation ul ul ul ul li a {
    padding-left: 5px;
}

.footer-widgets .widget-area {
    float: left;
}
.footer-widgets .widget-area:nth-child(1):nth-last-child(2),
.footer-widgets .widget-area:nth-child(2):nth-last-child(1) {
    width: 48%;
    margin-right: 4%;
}
.footer-widgets .widget-area:nth-child(1):nth-last-child(2):last-of-type,
.footer-widgets .widget-area:nth-child(2):nth-last-child(1):last-of-type {
    margin-right: 0;
}
.footer-widgets .widget-area:nth-child(1):nth-last-child(3),
.footer-widgets .widget-area:nth-child(2):nth-last-child(2),
.footer-widgets .widget-area:nth-child(3):nth-last-child(1) {
    width: 30%;
    margin-right: 5%;
}
.footer-widgets .widget-area:nth-child(1):nth-last-child(3):last-of-type,
.footer-widgets .widget-area:nth-child(2):nth-last-child(2):last-of-type,
.footer-widgets .widget-area:nth-child(3):nth-last-child(1):last-of-type {
    margin-right: 0;
}

}