/*
Theme Name: Canvas Child
Description: Child theme for the Canvas theme
Author: Leon Wagner
Version: 1.0.0
Template: canvas
*/

@import url("../canvas/style.css");

/* GENERAL */
body {
    hyphens:auto;
    -webkit-hyphens:auto;
    -webkit-hyphenate-character:"\2010";
    -webkit-hyphenate-limit-after:2;
    -webkit-hyphenate-limit-before:3;
    -moz-hyphens:auto;
}
a.button,
h1, h2, h3,
th {
    hyphens:none;
    -webkit-hyphens:none;
    -moz-hyphens:none;
}
body.home #content {
    padding:0 !important;
}
h1 sup,
h2 sup {
    font-weight:normal !important;
    font-size:0.6em !important;
}
.entry h1 {
    margin-top:2em;
}
.entry h3 {
    margin-bottom:0.2em;
    margin-after:0;
    -webkit-margin-after: 0em;
}
body p {
    line-height:1.8em !important;
    letter-spacing:0.012em !important;
}
th {
    font-weight:bold;
    font-size:1.2em;
}
footer#footer {
    margin-top:2em;
}
section#main div.cols-two,
section#main .entry div.cols-two { /* Side-by-side inset boxes */
    border:solid 1px #ccc;
    border-top:solid 2px #000066;
    width:46%;
    margin:0 3% 2em 0;
    padding:0 0.1em;
    float:left;
}
section#main div.cols-two *,
section#main .entry div.cols-two * {
    margin:0.2em;
}
section#main div.cols-two:nth-child(even),
section#main .entry div.cols-two:nth-child(even) {
    float:right;
    margin-right:0;
}
section#main div.cols-two h3.header,
section#main .entry div.cols-two h3.header {
    width:100%;
    width:calc(100% - 0.4em);
    margin:0 0 1em 0;
    padding:0.4em 0.2em 0.2em 0.2em;
    background-color:#dfebef;
}
section#main div.cols-two ul,
section#main .entry div.cols-two ul {
    font-size:0.8em;
}
div.longlist {
    font-size:0.9em;
    line-height:1.7em;
}

/* THE LIST OF FORTH APPS (to make global to all generated category lists, remove the ID portion of these. */
#content #main .entry ul#lcp_instance_0 {
    padding:0;
}
ul.lcp_catlist#lcp_instance_0 li {
    list-style-type:none;
    line-height:1.7em;
}
ul.lcp_catlist#lcp_instance_0 li a {
    font-size:1.1em;
    font-weight:bold;
    display:block;
}
ul.lcp_catlist#lcp_instance_0 li {
    font-size:0.95em;
}

/* FEATURED FORTH APPS -- HIDE ABOUT AUTHOR BOX */
.category-forth-apps aside#post-author {
    display: none;
}

/* WOO MISC */
div.woo-sc-box.info {
	background-color:transparent;
	padding:0;
}
div.woo-sc-box.info:before {
	content:"";
	margin-right:0;
	width:0;
}

@media only screen and (max-width:640px) {
    section#main div.cols-two,
    section#main .entry div.cols-two { /* Side-by-side inset boxes */
        float:none;
        border:none;
        border-top:solid 1px #ccc;
        border-bottom:solid 1px #ccc;
        width:98%;
        margin:0;
    }
    div.longlist {
        border-bottom:none !important;
    }
    div.woo-sc-box {
    	float:left;
    }
}

h1.title {
    border-bottom: 1px solid #000033;
    font-family:Quattrocento !important;
    font-weight:bold !important;
}
.entry h2 {
    border-top:solid 1px #ddd;
    margin-top:2em;
}
.entry h2:first-child {
    border-top:none;
}
#sidebar h3 {
    border:none !important;
    line-height:auto;
    margin-bottom:0;
    padding-bottom:0;
}
#sidebar .widget_text:first-child,
#sidebar .bbp_widget_login + .widget_text { /* This & the following for when one of our buttons precedes/heads a text widget in the sidebar */
    margin-bottom:0.6em;
    padding-bottom:0;
}
.widget_execphp,
.execphpwidget h3 + p { /* Adjust spacing before the bbPress login form in the sidebar. */
    margin-bottom:0 !important;
}
#sidebar .widget_text + .widget_display_forums  {
    padding-top:0;
    margin-top:0;
}
.text-widget h3 p {
    margin-top:0;
}
.entry ul li,
#sidebar ul li {
    list-style-type:square;
    line-height:1.35em;
    margin-bottom:0.5em;
    padding-left:0.2em !important;
    first-line-indent:-0.2em !important;
}

#sidebar ul.menu li {
    list-style-type:none;
}
#sidebar .widget {  /* Used for FPH and FAT insets in sidebar widgets of Starting Forth */
	position:relative;
}
#sidebar .widget img.widgetthumb {  /* Used for FPH and FAT insets in sidebar widgets of Starting Forth */
	position:relative;
	top:-20px;
	right:-30px;
	margin:0 0 0 -30px;
}
@media only screen and (max-width:768px) { /* This breakpoint is for iPad 2. */
    aside#sidebar div.widget {
        float:left !important;
        width:31%;
    }
}
@media only screen and (max-width:979px) { /* This breakpoint is where the sidebar moves to the bottom of the window. */
    aside#sidebar {
		padding-top:1em;
        width:100%;
        border-top:solid 1px #777;
    }
/*    aside#sidebar div.textwidget .woo-sc-box,
    aside#sidebar div.textwidget div,
    aside#sidebar div.text div, */
    aside#sidebar div.widget {
        width:31%;
        float:left !important;
        margin-right:2%;
    }
    aside#sidebar div.widget:nth-child(3) {
        margin-right:0;
    }
    aside#sidebar div.widget div h3:first-child,
    aside#sidebar div.text div h3:first-child,
    aside#sidebar > div h2:first-child {
        padding-top:1em;
    }
    aside#sidebar a.button:first-child {
        margin-top:1em;
    }
}
@media only screen and (max-width:640px) {
/*    aside#sidebar div.textwidget .woo-sc-box,
    aside#sidebar div.textwidget div,
    aside#sidebar div.text div, */
    aside#sidebar div.widget {
        width:42%;
        margin-right:0.2em;
    }
    aside#sidebar div.widget:nth-child(2) {
        margin-right:0;
    }
    aside#sidebar div.widget:nth-child(3) {
        margin-right:1%;
    }
    aside#sidebar div.widget:nth-child(4) {
        clear:none;
    }
}
@media only screen and (max-width:480px) {
    #logo img {
        min-width:170px;
        position:relative;
        top:-3px;
    }
    header#header {
        padding-left:85px;
        top:-5px;
    }
/*    aside#sidebar div.textwidget .woo-sc-box,
    aside#sidebar div.textwidget div,
    aside#sidebar div.text div, */
    aside#sidebar div.widget {
        width:90%;
        margin-right:0 !important;
        margin-left:0 !important;
        float:none !important;
    }
}
@media only screen and (max-width:480px) and (orientation:landscape) {
    header#header {
        padding-left:110px;
    }
}

article ul li {
    margin-bottom:1em !important;
}
p.subhead,
.subhead {
    margin-bottom:0;
    font-weight:bold !important;
}
p.subhead + p,
.subhead + p {
    margin-top:0;
}
p.caption,
p.note,
.note,
p.tags,
p.logged-in-as {
    font-size:0.8em !important;
    line-height:1.7em !important;
}
p.tags a {
    font-weight:normal !important;
}
/*
article.post:after {
    content:"Also see:";
    text-align:left;
}
*/
div.post-entries a {
    color:#fff !important;
    background-color:#999;
    padding:0.1em 1em;
    cursor:pointer !important;
}
div.post-entries a:hover {
    background-color:#000;
}
div.post-entries a:active {
    color:#000 !important;
    background-color:#999;
}
/* DEFUNCT, CAN DELETE THIS
div.comment-container div.comment-entry div.reply a.comment-reply-link {
    color:#fff !important;
}
div.comment-head span.name a.url {
    margin-left:0 !important;
    padding-left:0 !important;
    position:relative;
    left:0;
}
*/

p.caption,
div.wp-caption p.wp-caption-text {
    text-align:left;
    font-family:"Open Sans",sans-serif;
    font-size:0.9em;
    line-height:1.4em !important;
}
p.caption,
div.wp-caption {
    margin-bottom:2em;
}
.nb,
p.nb {
    white-space:nowrap;
}
p.byline {
    text-align:right;
    margin-top:0;
}
.indents > p {
    text-indent:2em !important;
}

#toc_container {
    -moz-box-shadow:    1px 2px 6px 2px #ccc;
    -webkit-box-shadow: 1px 2px 6px 2px #ccc;
    box-shadow:         1px 2px 6px 2px #ccc;
}
#toc_container ul.toc_list li ul li {
    margin-bottom:0 !important;
}
ul.lcp_catlist li { /* "catlist" = for plugin that lists posts from a category, e.g., "Forth apps" */
    font-size:0.8em;
    clear:both;
}
ul.lcp_catlist li a {
    font-size:1.3em;
}
.post-meta {
    display:none;
}
img {
    border: none !important;
}
pre {
    font-size:0.9em;
    margin-bottom:1.2em;
}
a.button {
    font-weight:bold;
}
a.button:active,
a:active img {
    position:relative;
    top:1px;
}
a.button:active {
    background-color:#000 !important;
}
/* Slightly modeled buttons... */
button,
a.button {
font-weight:bold !important;
border:1px solid #8c0000;
 text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
 background-color: #C40000; background-image: -webkit-gradient(linear, left top, left bottom, from(#C40000), to(#660000)) !important;
 background-image: -webkit-linear-gradient(top, #C40000, #660000) !important;
 background-image: -moz-linear-gradient(top, #C40000, #660000) !important;
 background-image: -ms-linear-gradient(top, #C40000, #660000) !important;
 background-image: -o-linear-gradient(top, #C40000, #660000) !important;
 background-image: linear-gradient(to bottom, #C40000, #660000) !important;
 filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#C40000, endColorstr=#660000) !important;
}
button:active,
a.button:active {
border:1px solid #8c0000;
 text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
 background-color: #C40000; background-image: -webkit-gradient(linear, left top, left bottom, from(#660000), to(#660000)) !important;
 background-image: -webkit-linear-gradient(top, #660000, #660000) !important;
 background-image: -moz-linear-gradient(top, #660000, #660000) !important;
 background-image: -ms-linear-gradient(top, #660000, #660000) !important;
 background-image: -o-linear-gradient(top, #660000, #660000) !important;
 background-image: linear-gradient(to bottom, #660000, #660000) !important;
 filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#C40000, endColorstr=#660000) !important;
}

/* Links that don't look like links (until a hover event) */
a.discreet {
	color:inherit !important;
	text-decoration:none;
	border-bottom:dotted 1px transparent;
}
a.discreet:hover {
	border-bottom:dotted 1px #777;
}
/* ============================== */

/* HEADER, LOGO */
#logo:active img {
   position:relative;
   top:1px;
   left:1px;
}

/* NAVIGATION PLUS SIMILAR FOR on-page TOC plugin text. */
ul.nav ul {
    width: auto;
}
ul.nav li {
    white-space:nowrap;
}
/*
ul.top-navigation,
ul.toc_list {
    width:85%;
}
*/
div#top {
    -moz-box-shadow:    0 0 3px 1px #772221; /* Shadow color based on logo's red */
    -webkit-box-shadow: 0 0 3px 1px #772221;
    box-shadow:         0 0 3px 1px #772221;
}
@media only screen and (max-width:767px) {
    ul.top-navigation > li {
        font-weight:bold;
        margin-top:1.4em;
        border-top:dotted 1px #777;
    }
    ul.nav li a:hover {
        background-color:#fff !important;
    }
}
@media only print {
	ul.top-navigation,
	ul.toc_list,
	h3.nav-toggle {
		display:none;
	}
}
ul.top-navigation > li > ul > li,
div#toc_container ul.toc_list > li {
    font-weight:bold;
}
div#toc_container ul.toc_list li a:hover {
    background-color:#fff !important;
}
ul.top-navigation li ul.sub-menu,
div#toc_container ul.toc_list li > ul li {
    font-weight:normal;
}
ul.top-navigation li ul.sub-menu li a:hover {
	background-color:#738dbf !important;
	text-decoration:none;
}
ul.top-navigation li ul.sub-menu li a:active {
	background-color:#738dbf !important;
}
ul.top-navigation li ul.sub-menu li.current-menu-item a,
ul.top-navigation li ul.sub-menu li.current_page_item a {
	color:#000 !important;
}
nav#navigation section.menus > h3 {
    display:none;
}
div.side-nav + h3.top-menu {
    text-transform:uppercase;
}
/* ========================= */


/* FS CONTACT FORM */
div#FSContact2 form {
    text-align:left;
}
div.fscf-div-error,
span.fscf-hint-text {
    font-size:0.8em;
}
div.fscf-div-error {
    color:red;
}
div.fscf-div-label {
    font-weight:bold;
    margin-top:1em;
}
div.fscf-div-field {
    margin-bottom:1em;
}
div.fscf-div-field-prefollow {
    clear:left;
    float:left;
    width:99%;
    max-width:250px;
    margin-right:10px;
}
div.fscf-div-field-follow {
    margin:0 0 0.2em 0.2em;
    float:left;
    padding-left:10px;
    width:99%;
    max-width:250px;
}
div.fscf-div-clear {
    clear:both;
}
form div.fscf-div-clear:first-child {
    border-top:dashed 3px #000;
}
div#FSContact2 form input.fscf-input-text,
input.fscf-input-text {
    width:60%;
    min-width:300px;
}
div#FSContact2 form textarea.fscf-input-textarea,
textarea.fscf-input-textarea {
    width:98%;
}
div.fscf-div-captcha-sm {
    width:175px;
    height:50px;
    padding-top:2px;
}
div#fscf_captcha-refresh2 {
    border-style:none;
    margin:0;
    padding:0px;
    vertical-align:bottom;
}
img.fscf-image-captcha {
    border-style:none;
    margin:0;
    padding:0px;
    padding-right:5px;
    float:left;
}


/* BB PRESS, e.g., FORUMS -- also search elsewhere in this file for "bbp" */
div.bbp-template-notice {
	background-color:rgba(115,141,191,0.2) !important;
	padding:0 !important;
	border:none !important;
}
div.bbp-template-notice.info p {
	margin:0 !important;
}
li.bbp-footer {
	display:none;
}
div.bbp-reply-header {
    border-top:solid 6px #eeefdf;
    font-weight:bold;
    font-size:1.1em;
}
#bbpress-forums li.bbp-header,
li-bbp-footer {
	background-color:#fff !important;
}
div.bbp-pagination {
	padding:0 !important;
}
.topic .bbp-reply-author img.avatar {
	float:right !important;
}
.type-reply div.bbp-reply-author a.bbp-author-avatar, /* fixme - hid the avatar line */
p.bbp-topic-description img.avatar,
p.bbp-topic-meta span.bbp-topic-started-by img.avatar,
li.bbp-header div.bbp-reply-author,
li.bbp-footer div.bbp-reply-author {
	display:none !important;
}
#bbpress-forums p.bbp-topic-meta img.avatar,
#bbpress-forums ul.bbp-reply-revision-log img.avatar,
#bbpress-forums ul.bbp-topic-revision-log img.avatar,
#bbpress-forums div.bbp-template-notice img.avatar,
#bbpress-forums .widget_display_topics img.avatar,
#bbpress-forums .widget_display_replies img.avatar {
	margin-bottom:3px;
	vertical-align:middle;
}
li.bbp-header div.bbp-reply-content,
li.bbp-footer div.bbp-reply-content {
	color:white !important;
}
div.bbp-template-notice,
li.bbp-header,
li.bbp-footer {
    background-color:#dfebef !important;
    margin:0 !important;
}
li.bbp-header,
li.bbp-footer {
    padding-top:0 !important;
    padding-bottom:0 !important;
    text-transform:uppercase;
}
#bbpress-forums div.bbp-forum-content,
#bbpress-forums div.bbp-topic-content,
#bbpress-forums div.bbp-reply-content {
	margin-left:0;
	padding:12px 12px 12px 0;
}
#bbpress-forums .bbp-topic-content p,
#bbpress-forums .bbp-reply-content p {
    line-height:1.7em !important;
}
div.bbp-meta .bbp-reply-post-date,
div.bbp-topic-tags p {
    font-weight:bold !important;
    font-size:0.9em;
}
div.bbp-reply-author {
    font-weight:bold !important;
    margin-bottom:2em !important;
    width:100% !important;
}
.bbp-reply-author,
.bbp-reply-author a.bbp-author-name {
    font-size:1.1em;
    text-align:left !important;
    margin:0 !important;
}
.type-reply .bbp-reply-author a,
.type-reply .bbp-author-role,
.type-reply .bbp-reply-ip {
	padding:0 0 0 1em;
}
.type-reply .bbp-reply-author a.bbp-author-name:after {
	content:' replied:';
	font-size:0.8em;
	color:#ccc;
}
.type-reply .bbp-reply-author a.bbp-author-name {
	color:#fff;
}
.bbp-reply-author br {
	display:none !important;
}
.bbp-reply-content a {
	background-color:transparent !important;
}
.bbp-user-profile h2.entry-title {
	font-size:2.6em !important;
}
div#bbp-user-navigation ul li a {
	font-size:1.2em !important;
}
div.bbp-user-section p {
	font-weight:bold;
	font-size:1.2em;
}
div.bbp-user-section p:first-child {
	font-weight:normal;
	font-size:1.4em;
	border-bottom:solid 1px #999;
	padding-bottom:1.2em;
}


/* Some of these affect only BBPress sidebar widgets */
div.bbp_widget_login {
	border:solid 1px #ccc;
	background-color:#efefef;
	padding:0.1em 0.4em;
}
div.bbp-logged-in h4 {
    font-size:0.9em;
}
li.bbp-forum-info {
    font-size:1em;
}
li.bbp-body div.bbp-meta span.bbp-admin-links a,
div.bbp-meta span.bbp-admin-links a {
    padding:0.3em 0.1em;
    color:#888;
}
li.bbp-body div.bbp-meta span.bbp-admin-links a:hover,
div.bbp-meta span.bbp-admin-links a:hover {
    color:#000 !important;
    text-decoration:underline;
}
li.bbp-body .topic {
    background-color:rgba(238,239,223,0.4) !important;
    font-size:1.2em;
}
li.bbp-forum-info a.bbp-forum-title,
li.bbp-topic-title {
    font-weight:bold;
    font-size:1.4em;
}
aside#connect p {
    font-size:0.8em;
}
li.bbp-forum-info div.bbp-forum-content {
    font-size:1.2em !important;
}
p.bbp-topic-meta,
fieldset.bbp-form label,
div.um_field_container label {
    font-size:0.8em !important;
}
textarea.bbp-the-content,
textarea#bbp_reply_content,
div.comment-respond textarea {
    border:solid 1px #777;
    font-size:1.4em !important;
    color:#000;
    font-family:"Open Sans",Verdana,sans-serif !important;
}
input#bbp_search,
input#bbp_search_submit {
    font-size:1.4em !important;
}
.bbp-remember-me {
    margin-top:0 !important;
}
.bbp-remember-me label {
    display: inline !important;
}
ul.bbp-replies {
    margin-bottom:0 !important;
}
.bbp-breadcrumb {
    display:none;
}
.bbp-logged-in .user-submit {
    display: none;
}
div.bbp-username label,
div.bbp-password label,
div.bbp-remember-me label {
    font-size:0.8em;
    display:block;
}
legend {
    font-weight:bold !important;
    font-size:1.4em !important;
}

form.um_user_form label.um_label_top {
    font-size:0.8em;
    color:#777;
}

/* MAILLIST ARCHIVES - SFTALK & SWIFT
.bodyCol h2:first-child {
    font-size:1.3em;
}
.bodyCol map,
.bodyCol table,
div.messages-list {
    font-size:0.8em;
}
.bodyCol map ul li:first-child {
    padding-bottom:0;
}
div.messages-list > ul {
    padding-left:0;
}
div.messages-list > ul > li {
    list-style-type:none;
    margin-left:0;
    border-top:dotted 1px #777;
}
div.messages-list > ul:first-child > li:first-child {
    border-top:none;
}
div.messages-list li {
    font-weight:normal !important;
}
.bodyCol table tr th,
div.messages-list li a:first-child,
div.messages-list dfn {
    font-weight:bold;
    font-size:1.2em;
}
div.messages-list {
    border-top:solid 1px #000;
    border-bottom:solid 1px #000;
    padding:2em 0 2em 0;
}
.bodyCol p.sortLabel {
    margin-top:2em;
    margin-bottom:0;
}
p.sortLabel + a + .bodyCol h2:first-child {
    margin-top:0;
}
div.bodyCol div.mail p br,
div.bodyCol div.mail address.headers br,
map#navbar br {
    display:none !important;
}
div.bodyCol div.mail address.headers #from,
div.bodyCol div.mail address.headers #date {
    white-space:nowrap;
    display:block;
}
div.bodyCol div.mail address.headers #from {
    font-size:1.2em;
    font-weight:bold;
}
div.bodyCol div.mail address.headers #date {
    margin-bottom:1em;
}
*/

/* AMAZON LINKS, INSETS */
.storeLink {
    text-align:center;
    border:solid 1px #000;
    background-color:#eee;
    margin-bottom:2em;
    padding:2em 1em;
}

/* LIST OF LINKS ON 'MORE FORTH SITES' PAGE, MINI-FORTH APPS LIST */
p.forth-link {
  font-size:1.1em;
  background-color:#dfebef;
  padding:7px 14px;
  margin-bottom:0px;
  border:solid 1px #777777;
  border-bottom:none;
}
p.forth-link,
p.forth-link a {
  font-weight:bold !important;
}
p.forth-link + p {
  background-color:#eeefdf;
  border:solid 1px #777777;
  border-top:none;
  padding:7px 14px;
  font-size:0.95em;
  line-height:1.7em;
}

/* SOFTWARE-RELEASE HISTORIES, for example */
div#releasesWrapper h2 {
    border-top:solid 1px #000;
    margin-top:2em;
    font-size:1.2em;
}
div#releasesWrapper h2:first-child {
    margin-top:0.4em !important;
}
div#releasesWrapper h3 {
    border-top:dotted 1px #ccc;
    margin:0 0 0.3em 0;
    font-size:1em;
    font-weight:normal;
}
div#releasesWrapper h2 + h3 {
    border-top:none;
}
div#releasesWrapper ul li {
    font-size:0.8em;
}

/* STARTING FORTH */
div.codeExample {
    padding:20px;
}
table.easy-table {
    margin-bottom:0.25em;
}
table.easy-table tbody {
    font-size:0.9em;
}
table.easy-table.stacks tr:nth-child(even) td,
table.easy-table.sidebyside tr td:nth-child(even),
ol li {
    font-size:0.9em;
    line-height:1.6em;
}
ol li.exercise {
    font-size:1em;
}
dl {
    font-size:0.9em;
}
dt {
    font-weight:bold;
    margin-top:1em;
}
dd {
    margin:0 0 1em 1;
    line-height:auto;
    padding-left:2em;
}
span.output {
    background-color:rgba(211,214,194,0.4);
    padding:0px 0.2em 0px 0.2em;
}

table.arrayGrid {
    border-spacing:10px;
    width:25%;
    min-width:275px;
}
table.arrayGrid td {
    background-color:#eeff66;
    border:solid 1px #77ffff !important;
    padding:2px;
    text-align:center;
}
table.arrayGrid tr:first-child td,
table.arrayGrid tr td:first-child {
    font-weight:bold;
}

.easy-table.easy-table-default.stacks tbody tr:nth-child(odd) td {
  border-bottom:0;
  padding-top:0.857em;
  padding-bottom:0;
}
.easy-table.easy-table-default.stacks tbody tr:nth-child(even) td {
  border-top:0;
  padding-top:0.4em;
  padding-bottom:0.857em;
}
.easy-table.easy-table-default.stacks tbody tr:nth-child(odd):hover td,
.easy-table.easy-table-default.stacks tbody tr:nth-child(odd):hover + tr td {
  background-color:#eee;
}
.easy-table.easy-table-default.stacks tbody tr:nth-child(even):hover td {
  background-color:transparent;
}
table.easy-table#rash_NASA thead tr th:nth-child(4),
table.easy-table#rash_NASA tr td:nth-child(4) {
    font-size:0.7em;
}

ol.sf-numbered {
  counter-reset:item;
}
li.exercise {
  display:block;
  margin-bottom:1em;
}
li.exercise::before {
  padding-right:1em;
  font-weight:bold;
  counter-increment:item;
}
ol#chap2 li.exercise::before {
  content:"Exercise 2-" counters(item, ".") " ";
}
ol#quiz2a li.exercise::before {
  content:"Exercise 2a-" counters(item, ".") " "; /* Initialize to this chapter number. */
}
ol#quiz2b li.exercise::before {
  content:"Exercise 2b-" counters(item, ".") " "; /* Initialize to this chapter number. */
}
ol#quiz2c li.exercise::before {
  content:"Exercise 2c-" counters(item, ".") " "; /* Initialize to this chapter number. */
}
ol#chap4 li.exercise::before {
  content:"Exercise 4-" counters(item, ".") " "; /* Initialize to this chapter number. */
}
ol#chap5 li.exercise::before {
  content:"Exercise 5-" counters(item, ".") " "; /* Initialize to this chapter number. */
}
ol#chap6 li.exercise::before {
  content:"Exercise 6-" counters(item, ".") " "; /* Initialize to this chapter number. */
}
ol#chap7 li.exercise::before {
  content:"Exercise 7-" counters(item, ".") " "; /* Initialize to this chapter number. */
}
ol#chap8 li.exercise::before {
  content:"Exercise 8-" counters(item, ".") " "; /* Initialize to this chapter number. */
}
ol#chap9 li.exercise::before {
  content:"Exercise 9-" counters(item, ".") " "; /* Initialize to this chapter number. */
}
ol#chap10 li.exercise::before {
  content:"Exercise 10-" counters(item, ".") " "; /* Initialize to this chapter number. */
}
ol#chap11 li.exercise::before {
  content:"Exercise 11-" counters(item, ".") " "; /* Initialize to this chapter number. */
}

/* JFAR ARCHIVE */
div.volume {
    border:solid 1px #000000;
    padding:10px;
    margin-bottom:2em;
}
div.volume div.abstract /* also Evolution, bibliography */ {
    display:none;
}
div.article {
    padding:10px;
    min-width:55%;
    border:solid 1px #cccccc;
    background-color:#ffffff;
    margin-bottom:20px;
}
div.article h4 {
    margin:0px;
}
div.article a,
div.article p {
    font-size:0.9em;
}
div.issue {
    background-color:#eeefdf;
    padding:10px;
    margin-bottom:20px;
}

/* WOOCOMMERCE */
.woocommerce-tabs ul.tabs {
    display:none;
}
.woocommerce div.product_meta > * {
    display:block;
}
form.cart table.variations tbody tr td.value select#pa_mcu,
.woocommerce form.cart select {
    font-size:100%;
    width:99%;
    position:relative;
}
table.cart thead th,
table.shop_table thead th {
    padding-top:0.6em !important;
    padding-bottom:0.3em !important;
    text-transform:lowercase;
    background-color:rgba(238,239,223,0.4) !important;
}
div.cart_totals table th,
div.woocommerce-info {
    background-color:rgba(238,239,223,0.4) !important;
}
table.cart td.product-name dl.variation {
    margin-left:3em;
}
table.shop_table td.product-name dl.variation dt,
table.shop_table td.product-name dl.variation dd,
table.shop_table td.product-name dl.variation dd p {
    margin:0;
}
table.shop_table tr td.product-name dl.variation dt {
    clear:both;
    float:left;
    padding-right:1.6em;
}
table.cart td.product-name dl.variation dd p {
    font-weight:bold;
    font-size:1.2em;
    line-height:1.2em !important;
    margin-bottom:0.3em;
}
table.shop_table tr.cart_item td.product-price,
table.shop_table tr.cart_item td.product-subtotal,
table.shop_table tr th.product-price,
table.shop_table tr th.product-subtotal {
    text-align:right;
}
div.cross-sells {
	border:solid 1px #999;
	background-color:#efefef;
	padding:1em;
	text-align:center;
}
div.cross-sells h2 {
	margin-top:0;
}
div.cross-sells li.product {
	background-color:#fff;
}
div.cross-sells ul.products li.product {
	text-align:center;
	width:40%;
	min-width:180px;
}
div.cross-sells ul.products li.product:nth-child(odd) {
	margin-right:4% !important;
}
div.cross-sells li.product h3 {
	font-size:1em;;
}
.woocommerce .summary table.variations select option.attached {
    padding-bottom:0.4em !important;
}
.woocommerce .summary form.cart table.variations tbody tr td select#pa_mcu option:first-child {
    color:#777 !important;
}
.woocommerce h1.product_title {
    margin-bottom:0.2em !important;
}
.woocommerce .summary p.price {
    margin-bottom:0 !important;
}
.woocommerce .summary p.price span.amount {
    font-weight:normal !important;
}
li.product {
    border:solid 1px #ccc;
    padding:2em;
}
.woocommerce .upsells h2,
.woocommerce .related h2 {
    margin-bottom:0.3em !important;
}
.upsells a h3,
.related a h3 {
    color:#660000;
}
.upsells li.product a:hover h3,
.related li.product a:hover h3 {
    text-decoration:underline;
}
.upsells li.product a:hover h3 sup,
.related li.product a:hover h3 sup {
    text-decoration:none;
}
.upsells li.product a:active h3,
.related li.product a:active h3 {
    text-decoration:none;
    color:#000;
}
.product_meta {
    font-size:0.8em !important;
    line-height:1.7em !important;
}
a.reset_variations {
    display:none !important;
}
div#reviews h2,
div#reviews h3.comment-reply-title,
form.variations_form.cart {
    margin-bottom:0 !important;
}
form.variations_form.cart {
    padding-left:0 !important;
    padding-bottom:0.2em !important;
    padding-right:none !important;
    border:none !important;
}
form.variations_form.cart table tr td:first-child {
    border-right:none !important;
    text-align:right !important;
    width:40%;
}
form.variations_form.cart table tr td {
    border-bottom:solid 1px #ddd !important;
}
div.product_meta {
    opacity:0.6;
    text-align:right;
    padding-right:1em !important;
    border-top:none !important;
}
div.cart_totals table tr.shipping th + td p {
    font-size:0.8em;
    line-height:normal;
}

th.product-remove,
td.product-remove {
    width:40px !important;
    padding:0 !important;
    text-align:center !important;
    border:none !important;
}
td.product-remove {
    background-color:transparent !important;
}
th.product-remove + th,
td.product-remove + td {
    background-color:transparent !important;
    border-bottom:0px !important;
    padding:0 !important;
}
a.remove {
    width:37px !important;
    height:37px !important;
    font-size:2em;
    padding:0 !important;
    margin:0.4em 0 0 0 !important;
    line-height:37px !important;
    text-transform:uppercase;
}
form table.cart tr td {
    vertical-align:top !important;
    border-right:0px !important;
}
th.product-thumbnail,
td.product-thumbnail {
    display:none !important;
}
/*
th.product-quantity {
    visibility:hidden !important;
}
td.product-thumbnail img {
    width:100% !important;
    height:auto !important;
    margin:0 !important;
}
*/
.cart button.button {
    font-weight: bold !important;
}

.cart button.button:before {
    font-family: FontAwesome;
    content: "\f04b";
    padding-right: 1em;
}

h3.addon-name {
    font: normal 17px/1.5em 'Open Sans', arial, sans-serif;
    color: #333333;
}
.nyp label {
    display: block !important;
}
.postid-1059 div.quantity {
    display: none;
}
input.addon-custom {
    width: 134px !important;
}
input#nyp {
    width: 120px;
}
li.product h3 {
    min-height: 2em;
    vertical-align: middle;
}
.woocommerce.product-columns-3 ul.products li.product,.woocommerce-page.product-columns-3 ul.products li.product {
   width:27%; 
   margin-right: 2%;
}
.woocommerce.product-columns-2 ul.products li.product,.woocommerce-page.product-columns-4 ul.products li.product {
   width:40%; 
   margin-right: 2%;
}

body.woocommerce-product ul.products {
	width:inherit;
}
body.woocommerce-product ul.products li {
	width:32%;
	float:left;
}
body.single-product ul.products {
	float:left;
	width:32%;
	min-width:200px;
}
body.single-product ul.products li {
	list-style-type:none !important;
	width:80% !important;
}
/*  END of WOOCOMMERCE  */

