/**
 * Theme Name:   Formation Child
 * Description:  Child Theme for Formation; used by do-foss.de
 * Doc:          https://projekt.do-foss.de/projects/do-foss/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 */

body {
	font-size: 180%;
	color: #545454;
	line-height: 1.7em;
}

#secondary {
	color: #545454;
}

.header_container {
	line-height: 1.6;
}

.entry-meta {
	font-size: 0.7em;
}

span.breadcrumbs {
	display: none;
}

.external-link a:after {
	content: "";
	display: inline-block;
    background: url("/wp-content/uploads/external-link-15x15-1.png") no-repeat top right;
    width: 23px;
    height: 15px;
}

.textwidget {
	font-size: 1.3em;
}

.widget_recent_entries ul li a {
	font-size: 1.3em;
}

.widget_categories ul li a {
	font-size: 1.3em;
}

#searchform {
	font-size: 1.3em;
}

#digiziv {
    font-size: 2em;
	font-weight: bold;
	text-align: center;
}

#luma {
	text-align: center;
}

#luma p {
	font-size: 1.1em;
	font-weight: bold;
}

#luma img {
	width: 70%;
}

/* 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;
	width: 33%;
}

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

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

.main-navigation {
	width: 60%;
}

.main-navigation a {
	font-size: 1.0em;
}

.main-navigation ul ul {
	width: 350px;
}

.main-navigation ul ul li a {
	font-size: 0.8em;
	line-height: 1.4em;
	font-weight: 400;
}

.wp-caption-text, .wp-gallery-caption {
	font-size: 1.0em;
}

/*
blockquote.neu {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}
blockquote.neu:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote.neu p {
  display: inline;
}
*/



/* 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-openproject, .link-mastodon {
	background-size: 35px 35px;
	width: 35px;
	height: 35px;
	display: block;
	float: left;
	margin-bottom: 10px;
	margin-right: 2px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

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

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

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

.link-mastodon {
    background-image: url(/wp-content/uploads/mastodon_dark.png);
}
.link-mastodon:hover {
    background-image: url(/wp-content/uploads/mastodon_red.png);
}

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

.link-openproject {
	background-image: url(/wp-content/uploads/openproject_dark.png);
}
.link-openproject:hover {
	background-image: url(/wp-content/uploads/openproject_red.png);
}

/* prevent word breaks in tweets */

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

#rss-2 ul li {
	display: flex;
	flex-direction: column;
	margin-bottom: 0.3em;
	padding: 0.6em 0.7em;
	border: solid 1px #aaa;
	box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.1);
	border-radius: 0.25em;
	color: #545454;
}

#rss-2 ul li .rsswidget {
	display: none;
}

#rss-2 ul li .rssSummary {
	font: 16px/20px Georgia,"Times New Roman",Palatino,serif;
	color: #545454;
	line-height: 20px;
	order: 1;
}

#rss-2 ul li .rss-date {
	font-style: italic;
	order: 2;
}

/* style the welcome text */

.welcome-text {
	border-bottom: 1px solid;
	margin-bottom: 20px;
}

/* make the post lists prettier */

.hentry {
	border-bottom: 0 none;
}

.more-link {
	font-size: 0.8em;
	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.2em;
}

.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;
	font-size: 1.3em;
}

#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;
	}
}

@media screen and (max-width: 860px) {
	.alignright {
		display: block;
		float: none;
		margin: auto;
	}
}