/*
Theme Name: Twenty Twelve Branchandroot
Theme URI: https://wordpress.org/themes/twentytwelve-child/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: The 2012 theme for WordPress is a fully responsive theme that looks great on any device. Features include a front page template with its own widgets, an optional display font, styling for post formats on both index and single views, and an optional no-sidebar page template. Make it yours with a custom menu, header image, and background.
Template: twentytwelve
Version: 1.0
Tested up to: 6.2
Requires at least: 3.5
Requires PHP: 5.2.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, one-column, two-columns, right-sidebar, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, footer-widgets, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, block-patterns
Text Domain: twentytwelve-child

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* =Notes
--------------------------------------------------------------
This stylesheet uses rem values with a pixel fallback. The rem
values (and line heights) are calculated using two variables:

$rembase:     14;
$line-height: 24;

---------- Examples

* Use a pixel value with a rem fallback for font-size, padding, margins, etc.
	padding: 5px 0;
	padding: 0.357142857rem 0; (5 / $rembase)

* Set a font-size and then set a line-height based on the font-size
	font-size: 16px
	font-size: 1.142857143rem; (16 / $rembase)
	line-height: 1.5; ($line-height / 16)

---------- Vertical spacing

Vertical spacing between most elements should use 24px or 48px
to maintain vertical rhythm:

.my-new-div {
	margin: 24px 0;
	margin: 1.714285714rem 0; ( 24 / $rembase )
}

---------- Further reading

http://snook.ca/archives/html_and_css/font-size-with-rem
http://blog.typekit.com/2011/11/09/type-study-sizing-the-legible-letter/


/* =Reset

The blue: #21759b
-------------------------------------------------------------- */
/* GENERAL */
/*fix the text/link colors to a sufficient contrast*/
#main,
.menu-toggle:active,
.menu-toggle.toggled-on,
button:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active,
.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption,
.author-description p, 
.site-header h2, 
.entry-header .comments-link,
article.sticky .featured-post,
.entry-content table,
.comment-content table,
footer.entry-meta,
.mu_register h2,
.archive-meta
 {
	color: #555555;
}
.widget-area .widget a,
.comments-link a,
.entry-meta a, .format-status .entry-header header a,
.template-front-page .widget-area .widget li a {
	color: #21759b;
}
.widget-area .widget a:visited,
.entry-content a:visited,
.comment-content a:visited {
	color: #757575;
}

.float-right {
	float: right;
}

.float-left {
	float: left;
}

.clear {
	clear: both;
}

hr {
	margin: 3em 10%;
	color: #999999;
}

.widget-area {
	float: left;
}
.site-content {
	float: right;
}

body.single div#primary,
body.page-template-archive-whole div#primary {
	float: none;
	margin-left: auto;
	margin-right: auto;
}

/* HEADER */
hgroup {
	padding-left: 110px;
	background-image: url("images/ibp.png");
	background-repeat: no-repeat;
  	background-position: 0 10px;
}
.main-navigation ul.nav-menu {
	border-color: #dddddd;
}
.single-crumb,
#cat-breadcrumb {
	margin-bottom: 3em;
}

#index-actions {
	text-align: right;
	margin: 1em 0;
}

#index-actions a {
	padding: .5em 1em;
}

/* SIDEBAR / WIDGET AREA */

.iksm-1235 .iksm-term--current > .iksm-term__inner {
	background-color: #aaaaaa!important;
}
.iksm-1235 .iksm-term--current > .iksm-term__inner a,
.iksm-1235 .iksm-term--current > .iksm-term__inner a:visited {
	color: #ffffff;
}

/* INDEX PAGES */

.archive-header,
.page-header {
	border-bottom: 1px solid #dddddd;
}

#arc-img {
	float: right;
	margin-left: 1em;
}

.archive-meta p {
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
}

blockquote.teaser {
	margin-left: 3em;
	font-style: italic;
}
blockquote.teaser em {
	font-style: normal;
}

/* SPECIAL PAGES */

#arc-descriptions p {
	margin-top: .5em;
}
#arc-descriptions li {
	margin-top: .5em;
	margin-bottom: .5em;
}

.wp-tag-cloud h3 {
	margin-top: .75em;
	margin-bottom: .25em;
}

.page-template-archive-whole p {
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
	line-height: 1.714285714;
}
h1.pagetitle {
	font-size: 21px;
	font-size: 1.5rem;
	line-height: 1.5;
}
h2.entry-title {
	font-size: 18px;
	font-size: 1.285714286rem;
	line-height: 1.6;
}

/* SINGLE ENTRIES */
.metanote p {
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
	line-height: 1.25;
}

.char-tags,
.pair-tags {
	margin-bottom: 1em;
}

span.summary-meta { font-style: italic; } /*class of the summary metadata*/

.authornote,
.metanote,
.topmeta { list-style: none;
	margin: 1.5em 0 2.5em 0;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	padding: .8em 4%;
	position: relative; } /* class of the author's notes */
	
	.page-template-archive-whole .topmeta { margin: 1.5em 3% 2.5em 3%; }  /*summary and notes on the all in one Category template */
	
.single .entry-content > p:first-of-type:first-letter,
.single .entry-content H3 + p:first-letter { font-size: 2em;
	line-height: 1; }

.letter { font-style: italic; 
	margin-left: 5%;
	margin-right: 5%; }


/* COMMENTS */

article.comment {
	padding: .5em;
	border: 1px solid #dddddd;
}

header.comment-meta {
	background-color: #21759b;
	border: 1px solid #eee9d3;
	color: #ffffff;
}
header.comment-meta a,
header.comment-meta a:visited,
.comments-area article header cite a,
.comments-area article header a,
.comments-area article header time {
	color: #ffffff;
}

.bypostauthor cite span {
	color: #000000;
	background-color: #eeeeee;
	border-color: #cccccc;
}

#respond form {
	padding: .5em 1.5em;
	background-color: #efefef;
	border: 1px solid #dddddd;
}

#all-tickies { background: url("images/hearts.png") top left no-repeat;
	padding-left: 100px;
	min-height: 100px; }

#quick-comment { margin-top: 1.25em;
	padding: .6em .3em;} 
	
	#quickcommentbutton { font-size: large;
		border-radius: .5em; }

	#quick-comment-status { padding: .3em;
		margin-top: 1.25em;
		margin-bottom: 2em;} /*the reply after sending*/
		
	#ticky-count { padding: .3em;
		font-style: italic; }


/* FOOTER */
#credit-notes,
#license-notes{
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	margin-bottom: 1em;
	padding: .5em;
}
#license-image {
	float: left;
	margin-top: .5em;
	margin-right: 1em;
}