/**
 * Theme Name:     Meta HR Blog Theme
 * Author:         MEWIGO
 * Template:       twentytwelve
 * Text Domain:	   meta-hr-blog-theme
 * Description:    Theme for Meta HR Blog
 * Theme URI:      https://www.mewigo.de
 * Author URI:     https://www.mewigo.de
 * Version:        1.0
 */

/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/open-sans-v15-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Italic'), local('OpenSans-Italic'),
       url('fonts/open-sans-v15-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v15-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v15-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v15-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v15-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('fonts/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('fonts/open-sans-v15-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('fonts/open-sans-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v15-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v15-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url('fonts/open-sans-v15-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'),
       url('fonts/open-sans-v15-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v15-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v15-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v15-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v15-latin-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* Avatar Autorbox */
.saboxplugin-wrap .saboxplugin-gravatar {display: none;}

a {color: #80D000;}
a:hover {color: #444444;}
p {font-size: 14px;}
img, img.aligncenter, img.alignleft, img.alignright {margin-top: 0;}

#masthead hgroup::before {content: url('https://blog.metahr.de/wp-content/uploads/2017/11/metaHR_logo.png'); float: left; margin-right: 20px; margin-bottom: 10px;}
#masthead hgroup .site-title {display: inline-block; margin-top: 30px;}
#masthead hgroup .site-description {display: inline-block;}

.site-header {padding-bottom: 0;}
.site-header h1 a, .site-header h2 a {color: #444444;}
.site-header h1 a:hover, .site-header h2 a:hover {color: #80D000;}

.entry-header .comments-link {text-align: right; margin-top: 10px;}

.entry-content h2, .comment-content h2, .mu_register h2 {font-size: 14px;}
.comments-link a, .entry-meta a {color: #444444;}
.comments-link a:hover, .entry-meta a:hover {color: #80D000;}

.site-content article {margin-bottom: 30px;}
.author-info {display: none;}

.widget-area .widget h3 {margin-bottom: 5px;}
.archive-title, .page-title, .widget-title, .entry-content th, .comment-content th {font-size: 14px; color: #80D000;}
.widget-area .widget a {color: #444444;}
.widget-area .widget a:hover {color: #80D000;}
aside.widget {border-bottom: 4px double #ededed; margin-bottom: 15px !important; padding-bottom: 20px;}

.widget_recent_entries ul {list-style: inherit; margin-left: 18px;}
.widget_recent_comments ul {list-style: inherit; margin-left: 18px;} 
.widget_recent_comments .comment-author-link a {color: #0091dd;}

/* Custom css for infobox */

.infobox {
	display: block;
	background-color: #fff;
	color: #fff;
	border: 2px solid #80d000;
	margin: 20px 0;
	padding-bottom: 10px;
	display: flex;
	flex-flow: row wrap;
}

.infobox-header,
.infobox-content,
.infobox-link {
	padding: 0 10px;
	flex: 1 1 auto;
}

.infobox-content,
.infobox-link {
	box-sizing: border-box;
}

.infobox-header {
	background-color: #80d000;
	width: 100%;
}

.entry-content .infobox-header * {
	margin: 0;
	line-height: 22px;
	padding: 8px 0 10px;
	font-size: 20px;
}
.infobox-content {
	padding-top: 10px;
	background-color: #ffffff;
	color: #000;
	max-width: 65%;
}

.infobox-content p { 
	margin: 0;
}

.infobox-link {
	padding-top: 10px;
	text-align: right;
}

.infobox:after {
	content: '';
	height: 0;
	display: block;
	width: 100%;
	opacity: 0;
	clear: both;
}

.entry-content .infobox-link .button {
	color: #fff;
    font-size: 13px;
    line-height: 49px;
    height: 49px;
    font-style: normal;
    font-weight: 600;
	background-color: #80d000;
	display: inline-block;
	text-decoration: none;
	width: 100%;
	text-align: center;
	padding: 0 20px;
	box-sizing: border-box;
}

.entry-content .infobox-link .button:hover {
	background-color: #85ba00;
}

@media screen and (min-width: 600px) and (max-width: 756px) {
	.infobox-content {
		max-width: 100%;
	}
}

@media screen and (max-width: 509px) {
	.infobox-content {
		max-width: 100%;
	}
}