/*
 Theme Name:   Formation Child
 Description:  Child Theme for Formation; used by do-foss.de
 Doc:		  http://saas1402qx.saas-secure.com/projects/do-oss/wiki/Blog-Theme
 Author:	   Nicolai Parlog
 License:	  Public Domain via Creative Commons' CC0
 Template:	 formation
 Version:	  1.1.0
 Text Domain:  formation-child

 (In order for my text editor to recognize this as UTF-8 without BOM
  I have to add at least one special character: äöü. ^^ )
*/

@import url("../formation/style.css");

/* THEME CUSTOMIZATION STARTS HERE */

/* take the phone icon out of the header bar */

.topbar_content_left:before {
	content: "";
}

/* fit the link to the English page in there and style it */

.topbar {
	padding-left: 10px;
	padding-top: 0;
}

.link-english {
	color: #fff;
	font-family: "source_sans_probold",sans-serif;
	font-size: 1.3rem;
	line-height: 1.3;
	padding: 0 14px;
	text-transform: uppercase;
}

.link-english:visited {
	color: #fff;
}

.link-english:hover {
	color: #d40000;
}

/* style the title text and subtitle to better match the logo */

.site-header .site-introduction {
	padding: 5px 0;
}

.site-title {
	font-size: 2.6rem;
	padding-left: 12px;
	margin-top: 6px;
}

.site-description {
	margin-top: -12px;
	padding-left: 12px;
	margin-left: 0.15em;
}

.main-navigation {
	width: 60%;
}

/* rearrange the header image a little */

.header-image img {
	margin-bottom: -9px;
	margin-top: -30px;
}

.menu-toggle {
	margin-bottom: 40px;
}

/* make search form fill the column */

#searchform #s {
	box-sizing: border-box;
	width: 100%;
}

/* social media links */

.link-newsletter, .link-rss, .link-twitter, .link-openoffices, .link-redmine {
	background-size: 35px 35px;
	width: 35px;
	height: 35px;
	display: block;
	float: left;
	margin-bottom: 10px;
	margin-right: 10px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.link-newsletter {
	background-image: url(http://blog.do-foss.de/wp-content/uploads/newsletter_dark.png);
}
.link-newsletter:hover {
	background-image: url(http://blog.do-foss.de/wp-content/uploads/newsletter_red.png);
}

.link-rss {
	background-image: url(http://blog.do-foss.de/wp-content/uploads/rss_dark.png);
}
.link-rss:hover {
	background-image: url(http://blog.do-foss.de/wp-content/uploads/rss_red.png);
}

.link-twitter {
	background-image: url(http://blog.do-foss.de/wp-content/uploads/twitter_dark.png);
}
.link-twitter:hover {
	background-image: url(http://blog.do-foss.de/wp-content/uploads/twitter_red.png);
}

.link-openoffices {
	background-image: url(http://blog.do-foss.de/wp-content/uploads/openoffices_dark.png);
}
.link-openoffices:hover {
	background-image: url(http://blog.do-foss.de/wp-content/uploads/openoffices_red.png);
}

.link-redmine {
	background-image: url(http://blog.do-foss.de/wp-content/uploads/redmine_dark.png);
}
.link-redmine:hover {
	background-image: url(http://blog.do-foss.de/wp-content/uploads/redmine_red.png);
}

/* prevent word breaks in tweets */

.fetched_tweets li {
	word-break: keep-all !important;
}

/* style the welcome text */

.welcome-text {
	border-bottom: 1px solid;
	font-size: 110%;
	margin-bottom: 20px;
}

/* make the post lists prettier */

.hentry {
	border-bottom: 0 none;
}

.more-link {
	margin-top:  0px;
	padding: 6px 20px;
}

/* reduce paragraph margin */

p {
	margin-bottom: 1.0em;
}

/* redefine some header sizes */

.page-title {
	font-size: 2.4rem;
	padding: 12px 0px;
}

body.search .page-title, body.archive .page-title {
	font-size: 2.4rem;
	padding: 12px 0px;
}

.page-header {
	min-height: 70px;
}

.entry-title {
	font-size: 1.8rem;
}

.content-area h2 {
	font-size: 2.0rem;
}

/* change list styles */

ul, ol, dl {
	margin-bottom: 1.0em;
}

.entry-content ul li,
.content-profile ul li {
	list-style-type: disc;
}

.entry-content ol li,
.content-profile ol li  {
	list-style-type: upper-roman;
}

dt, dd {
	margin-left: 1.5em;
}

/* create a style class for the credit texts */

.credits {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	border-top: 1px solid rgb(225,225,225);
	border-bottom: 1px solid rgb(225,225,225);
	background-color: rgb(239,239,239);
	
	font-size: 80%;
}

/* create a style class for the licence texts */

.license {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	border-top: 1px solid rgb(225,225,225);
	border-bottom: 1px solid rgb(225,225,225);
	background-color: rgb(239,239,239);
	
	padding-top: 0.5em;
	text-align: center;
	font-size: 80%;
}

/* change link colors
   (in the content area, which includes most of the page, e.g. the articles and author pages)
 */

.content-area a:link {
	color: #d40000;
}

.content-area a:visited {
	color: #9d3131;
}

.content-area a:active {
	/* links in the content area should never be active */
}

.content-area a:hover {
	color: #d40000;
}

/* define a style for the guideline above the comments */

.comments-guideline {
	font-size: 80%;
}

/* make the "Read More" button text white */

a.more-link:link {
	color: #fff;
}

/* reply button:
	- make it a little bit larger so it can accomodate "Antworten"
	- make it red
	- make its link color white
		(looks like order matters - this has to be below '.content-area a:link' to have an effect)
	- make the hover color dark grey
 */

.reply {
	background-color:  #d40000;
	width: 60px;
}

.reply a:link {
	color: #fff;
}

.reply:hover {
	background-color: #222;
}

/* using red (#d40000) everywhere instead of #10b9b9 */

.tagcloud a {
	color: #666;
	border: 1px solid #d40000;
}

.tagcloud a:hover {
	background-color: #d40000;
}

.more-link {
	background-color: #d40000;
}

.grid-more-link {
	background-color: #d40000;
}

.flex-caption-title {
	background-color: #d40000;
}

.site-title {
	color: #d40000;
}

.site-description {
	color: #d40000;
}

.main-navigation li:hover > a,
.main-navigation li.current_page_item a,
.main-navigation li.current-menu-item a {
	border-top: 4px solid #d40000;
	color: #d40000;
}

.main-navigation > li > a, .main-navigation li.current_page_ancestor a {
	border-top: 4px solid #d40000;
	color: #d40000;
}

.main-navigation ul ul {
	border-top: 4px solid #d40000;
}

.main-small-navigation li:hover > a,
.main-small-navigation li.current_page_item a,
.main-small-navigation li.current-menu-item a,
.main-small-navigation ul ul a:hover {
	color: #d40000;
}

.entry-meta a {
	color: #d40000;
}

.authorLinks a{
	color: #d40000;
}

.widget-title {
	border-bottom: 4px solid #d40000;
}

#smoothup:hover {
	background-color: #d40000; 
}

.genericon:hover {
	color: #d40000;
}

.featuretext_middle {
	border-top: 1px solid #d40000;
}

.thumbs-more-link a{
	background-color: #d40000;
}

@media print {
	#masthead-wrap, .header-image, .breadcrumbs, #comments, nav,
	#smoothup, #secondary, footer.entry-meta, .site-footer, #smoothup {
		display: none !important;
	}

	header.entry-header {
		line-height: 1.3;
	}

	#content {
		margin: 0;
		font-size: 11pt;
		color: black;
		line-height: 1.4;
		text-align: justify;
	}

	#content figure {
		display: block;
		page-break-after: avoid;
		page-break-inside: avoid;
	}

	#primary_wrap {
		max-width: none !important;
	}

	#primary {
		float: none;
		width: 100%;
		margin: 0;
		padding: 0;
	}
}