/*
File:			custom.css
Description:	Custom styles for Your Theme

HOW TO USE THIS FILE:

Override any class you want and it will change default styling to suit your needs.

For example, if you wish to change the default text blog title to grey, you would add the 
following declarations to this file:

	#header .blog-title a{ background:#cccccc }     <--- This makes blog title background grey

*/
.footnote a:link, .footnote a:visited { vertical-align: super; padding: 0 2px 2px 2px; font-size: 12px; font-family: Georgia, "Times New Roman", Times, serif;}
.footnote a:hover, .footnote a:active, .footnotereverse a:hover, .footnotereverse a:active { background: #d9e5f8;}
.footnotes ol li, .footnotes ol li p { font-size: 12px; line-height: 19px !important;}

.TBW_Picture { display: none;}
.TBW_Narrow .TBW_Follow { height: 2.2em; font-size: 12px;}

p.meta_data { visibility: hidden }

/*
File:			custom.css
Description:	Custom styles for Your Theme

HOW TO USE THIS FILE:

Override any class you want and it will change default styling to suit your needs.

For example, if you wish to change the default text blog title to grey, you would add the 
following declarations to this file:

	#header .blog-title a{ background:#cccccc }     <--- This makes blog title background grey

*/
.footnote a:link, .footnote a:visited { vertical-align: super; padding: 0 2px 2px 2px; font-size: 12px; font-family: Georgia, "Times New Roman", Times, serif;}
.footnote a:hover, .footnote a:active, .footnotereverse a:hover, .footnotereverse a:active { background: #d9e5f8;}
.footnotes ol li, .footnotes ol li p { font-size: 12px; line-height: 19px !important;}

.TBW_Picture { display: none;}
.TBW_Narrow .TBW_Follow { height: 2.2em; font-size: 12px;}

p.meta_data { visibility: hidden }

/*EDD Box*/
.edd_download_purchase_form {
    clear: right;
    overflow: hidden;
}
.edd_purchase_submit_wrapper {float: left;}
.edd_purchase_submit_wrapper a.edd-add-to-cart,
a.book,
a.subscribe {
    background-color: white;
    border-radius: 30px;
    border: 1px solid black;
    color: black;
    display: inline-block;
    text-decoration: none; 
    font-family: 'MyUnderwoodRegular',monospace;
    font-size: 16px;
    font-weight: 100;
    line-height: 39px;
    margin-left: 0px;
    margin-bottom: 10px;
    padding-left: 10px;
    text-transform: lowercase;
    font-weight: 600;
    padding: 0;
    padding-right: 10px;

}

edd_purchase_submit_wrapper .edd-submit.button.white {
    border-color: black;
}

a.edd-add-to-cart span {
    font-size: 16px;
    max-width: 100px;
}


a.edd-add-to-cart:before,
a.book:before,
a.subscribe:before {
    content: url('http://dev.allicrandell.net/punctum/wp-content/uploads/2015/09/cropped-punctum_logo_favicon-e1445563087686.png');
    float: left;
    display: block;
    margin-left: -2px;
    margin-top: -1px;
    padding-right: 5px;
    height: 30px;
}

a.subscribe {
    line-height: 25px;
    margin-left: 0px;
    height: 40px;
    width: 220px;
}

a.subscribe .small {
    display: block;
    color: #999;
    font-size: 13px;
    font-weight: 100;
    line-height: 8px;
    font-family: 'Trebuchet MS';
}

.edd_purchase_submit_wrapper input[type=submit],
.edd_purchase_submit_wrapper a.edd_go_to_checkout {
}

.open-access {
    background: none;
    border-radius: 0;
    border-left: 4px double black;
    display: block;
    font-size: 12px;
    margin: 10px;
    margin-left: 0px;
    padding: 10px;
}

.explanation {
    font-size: 12px;
    line-height: 15px;
    margin-left: 240px;
    padding: 10px;
    width: 400px;
}

#content .edd-cp-container {
    font-family: 'MyUnderwoodRegular', courier;
    line-height: 47px;
    padding: 0;
    float: right;
    padding: 0 5px;
    margin-right: 20px;
}

#content .edd-cp-container:after {
    content: 'name your own price*';
    display: block;
    font-size: 12px;
    line-height: 12px;
    margin-top: -10px;
    text-align: center;
}

h3.print {
    font-size: 14px;
    font-weight: normal;
    color: #999;
}

#member {
    border: 4px double #ccc;
    border-radius: 10px;
    font-size: 20px; 
    line-height: 40px;
    width: 100%;
    text-align: center;
}

#member h3 {
    background: white;
    width: 35%;
    margin: 0 auto;
    margin-top: -20px;
    font-family: 'MyUnderwoodRegular',monospace;
}

#member table {
    margin-top: 20px;
    width: 100%;
}

#member td {
    padding: 10px;
    width: 33%;
}

#member .price{
    font-size: 38px;
    font-family: 'MyUnderwoodRegular',monospace;
    font-weight: 100;
}

#member .name {
    background-color: #333;
    color: white;
    font-size: 20px;
    height: 40px;
    line-height: 40px;
}

#member .monthly {
    height: 80px;
    line-height: 18px;
    font-size: 13px;
}

#member .per {
    line-height: 25px;
}

#member .annual .per  {
    font-size: 14px;
    line-height: 18px; 
}

#member a:before {
    content: url('http://dev.allicrandell.net/punctum/wp-content/uploads/2015/09/cropped-punctum_logo_favicon-e1445563087686.png');
    float: left;
    display: block;
    margin-left: -2px;
    margin-top: -1px;
    padding-right: 10px;
    height: 30px;
}

#member a {
    border-radius: 30px;
    border: 1px solid black;
    color: black;
    clear: both;
    display: block;
    text-decoration: none;
    font-family: 'MyUnderwoodRegular',monospace;
    font-size: 18px;
    line-height: 40px;
    margin: 0px auto 10px auto;
    padding-left: 10px;
    text-transform: lowercase;
    font-weight: 600;
    width: 140px;
    padding: 0;
    padding-right: 10px;
}

#member .annual a {
    line-height: 20px;
    font-size: 14px;
}

#member .title td {
    border-bottom: 1px solid #eee;
    line-height: 15px;
    baseline-shift: 20px;
    font-family: 'MyUnderwoodRegular',monospace;
}

#content p.member {
    font-size: 14px;
    line-height: 20px;
    padding: 0 20px 30px 20px;
}

.buttons {
    display: block;
    margin-left: 250px;
}

#edd_purchase_4960 {
    padding: 10px 0;
    display: block;
    width: 70%;
    margin: 0 auto;
}

#edd_purchase_4960 .edd-cp-container:after {
    content: "donate what you can"
}

#edd_purchase_4960  span.edd-add-to-cart-label {
    color: white;
    width: 0;
    font-size: 0.5px;
}

#edd_purchase_4960  span.edd-add-to-cart-label:before {
    content: "donate";
    color: black;
    font-size: 20px;
    float: left;
}

.in-cart .edd_purchase_submit_wrapper a.edd_go_to_checkout {
    background-color: #eee;
    border-radius: 30px;
    border: 1px solid #666;
    color: #666;
    clear: both;
    display: block;
    text-decoration: none;
    font-family: 'MyUnderwoodRegular',monospace;
    font-size: 14px;
    line-height: 40px;
    margin: 0px auto 10px auto;
    padding-left: 10px;
    text-transform: lowercase;
    text-align: center;
    font-weight: 600;
    width: 200px;
    padding: 0;
    padding-right: 10px;
}

a.edd_go_to_checkout:before {
   content: "added to cart - ";
}

.in-cart .edd-cp-container {
    opacity: 0;
}

.donate {
    border: 4px double #aaa;
    border-radius: 10px;
    height: auto;
    transition: 2s;
    width: 100%;
    padding: 10px 0;
    margin: 5px auto 20px auto;
}

.donate.in-cart {
    opacity: 0;
    content: 'Thank you!';
    text-align: center;
    transition: 2s;
visibility: hidden;
}

.donate.in-cart * {
visibility: hidden;
height: 0;
}



.edd-cart-added-alert {
    width: 160px;
}

.edd_price_options ul li {
    float: left;
}

.edd_price_options ul li span.edd_price_option_price,
.edd_price_options ul li:last-of-type span {
    background: white;
    cursor: pointer;
    display: block;
    border: 1px solid #333;
    border-radius: 10px;
    font-family: 'MyUnderwoodRegular',monospace;
    font-weight: normal;
    margin-left: 10px;
    padding: 10px 20px;
    text-align: center;
    height: 100%;
}

.edd_price_options ul li:last-of-type span {
    margin-top: 20px;
}

label input[type="radio"]:checked + span.edd_price_option_price {
  background: green;
}

label input[type="radio"]:checked ~ span,
.edd_price_options ul li:last-of-type label input[type="radio"]:checked ~ span {
    background-color: #333;
    color: white;
}

.edd_price_options ul li label input[type="radio"] {
    border: 0; 
    clip: rect(0 0 0 0); 
    height: 1px; margin: -1px; 
    overflow: hidden; 
    padding: 0; 
    position: absolute; 
    width: 1px;
}

.edd_download_purchase_form .edd_price_options span.edd_price_option_sep {
    display: none;
}

.donate .edd_purchase_submit_wrapper {
    clear: both;
    float: none;
    margin: 10px auto 30px auto;
    width: 140px;
    height: 40px;
}

.donate .edd_purchase_submit_wrapper a {
    margin-top: 20px;
}

.donate .edd_download_purchase_form {
    width: 70%;
}

.donate * {
    overflow: visible;
}

.donate h3 {
    background-color: white;
    font-family: 'MyUnderwoodRegular',monospace;
    font-weight: normal;
    margin: 0 auto;
    margin-top: -22px;
    text-align: center;
    width: 35%;
}

#content .donate > p {
    margin: 0 auto;
    padding-top: 15px;
    padding-bottom: 0;
    font-size: 13px;
    line-height: 16px;
    text-align: center;
    width: 80%;
}

.subscribe-button {
    background-color: #555;
    border-radius: 10px;
    color: #eee;
    display: block;
    line-height: 20px;
    margin: 10px 0 20px 0;
    overflow: auto;
    padding: 10px 20px;
    width: 95%;
}

.subscribe-button .subscribe {
    float: right;
    margin-left: 10px;
    margin-bottom: 0;
    width: 140px;
    height: auto;
    line-height: 40px;
}

#edd_checkout_form_wrap #edd-purchase-button,
#edd_checkout_form_wrap .edd-submit.button.blue {
    background-color: #333;
    font-family: 'MyUnderwoodRegular',monospace;
    margin-top: 20px;
    height: 50px;
    width: 250px;
    border: 4px double white;
    font-size: 18px;
    border-radius: 10px;
}

#edd_checkout_form_wrap #edd-purchase-button:hover {
    background-color: black;
}

#post-4477 h2 {
    font-family: 'MyUnderwoodRegular',monospace;
    margin-top: 20px;
    border-top: 4px double #aaa;
    padding: 20px 10px;
}

#edd_checkout_cart .edd_cart_header_row th {
    background: #eee;
}

#edd_checkout_form_wrap {
    border-bottom: 4px double #aaa;
}

#content h3.paypal {
    margin-top: 20px;
    margin-left: 150px;
}