/*
Theme Name : hueman-child
Theme URI: http://www.blog.flavia-it.de
Text Domain: hueman-child
Description: Child Theme for Flavia-Blog and Gridware-Blog
Author: Nico Schnitker
Template: hueman
Version: 1.0.0
*/

.single .post {
	margin-bottom: 340px;
}
.single .related-posts .post  {
	margin-bottom: 0px;
}

.blog-gridundco .themeform input[type="submit"],
.blog-gridundco .themeform button[type="submit"],
.blog-gridundco .s1 .sidebar-toggle,
.blog-gridundco #flexslider-featured .flex-control-nav li a.flex-active,
.blog-gridundco .post-tags a:hover,
.blog-gridundco .s1 .widget_calendar caption,
.blog-gridundco #footer .widget_calendar caption,
.blog-gridundco .author-bio .bio-avatar:after,
.blog-gridundco .commentlist li.bypostauthor > .comment-body:after,
.blog-gridundco .commentlist li.comment-author-admin > .comment-body:after,
.blogtest-gridundco .themeform input[type="submit"],
.blogtest-gridundco .themeform button[type="submit"],
.blogtest-gridundco .s1 .sidebar-toggle,
.blogtest-gridundco #flexslider-featured .flex-control-nav li a.flex-active,
.blogtest-gridundco .post-tags a:hover,
.blogtest-gridundco .s1 .widget_calendar caption,
.blogtest-gridundco #footer .widget_calendar caption,
.blogtest-gridundco .author-bio .bio-avatar:after,
.blogtest-gridundco .commentlist li.bypostauthor > .comment-body:after,
.blogtest-gridundco .commentlist li.comment-author-admin > .comment-body:after {
	background-color: #8BC03E; 
}

.blog-gridundco .s1 .alx-tabs-nav li.active a,
.blog-gridundco #footer .alx-tabs-nav li.active a,
.blog-gridundco .comment-tabs li.active a,
.blog-gridundco .wp-pagenavi a:hover,
.blog-gridundco .wp-pagenavi a:active,
.blog-gridundco .wp-pagenavi span.current,
.blogtest-gridundco .s1 .alx-tabs-nav li.active a,
.blogtest-gridundco #footer .alx-tabs-nav li.active a,
.blogtest-gridundco .comment-tabs li.active a,
.blogtest-gridundco .wp-pagenavi a:hover,
.blogtest-gridundco .wp-pagenavi a:active,
.blogtest-gridundco .wp-pagenavi span.current {
	border-bottom-color: #8BC03E; 
}
.blog-gridundco a.post-comments,
.blog-gridundco .sidebar-top,
.blogtest-gridundco a.post-comments,
.blogtest-gridundco .sidebar-top {
	background-color: #8BC03E;
}

.blog-gridundco .post-comments span:before,
.blogtest-gridundco .post-comments span:before {
    border-right-color: #8BC03E;
}

.blog-gridundco a.nextpostslink,
.blog-gridundco a.previouspostslink,
.blog-gridundco a.page.larger,
.blog-gridundco a.page.smaller,
.blog-gridundco a.last,
.blog-gridundco a.first,
.blog-gridundco .post-hover:hover .post-title a,
.blog-gridundco .s1 .alx-tab li:hover .tab-item-title a,
.blog-gridundco .s1 .alx-tab .tab-item-category a,
.blog-gridundco  a.author,
.blog-gridundco  a.glossaryLink,
.blog-gridundco .comment-respond a,
.blog-gridundco .comment-respond a,
.blog-gridundco article .entry-inner a,
.blog-gridundco .themeform label .required,
.blog-gridundco .comment-tabs li.active a,
.blog-gridundco .comment-body p a,
.blog-gridundco .post-category a,
.blogtest-gridundco a.nextpostslink,
.blogtest-gridundco a.previouspostslink,
.blogtest-gridundco a.page.larger,
.blogtest-gridundco a.page.smaller,
.blogtest-gridundco a.last,
.blogtest-gridundco a.first,
.blogtest-gridundco .post-hover:hover .post-title a,
.blogtest-gridundco .s1 .alx-tab li:hover .tab-item-title a,
.blogtest-gridundco .s1 .alx-tab .tab-item-category a,
.blogtest-gridundco  a.author,
.blogtest-gridundco  a.glossaryLink,
.blogtest-gridundco .ln-letters a,
.blogtest-gridundco .comment-respond a,
.blogtest-gridundco .comment-respond a,
.blogtest-gridundco article .entry-inner a,
.blogtest-gridundco .themeform label .required,
.blogtest-gridundco .comment-tabs li.active a,
.blogtest-gridundco .comment-body p a,
.blogtest-gridundco .post-category a {
	color: #8BC03E;
}

.blog-gridundco .post-format .format-container,
.blogtest-gridundco .post-format .format-container {
    border-color: #8BC03E;
}
.blog-gridundco .s1 .sidebar-top,
.blogtest-gridundco .s1 .sidebar-top {
	background-color: #d0cece;
}
.blog-gridundco #sidebar-logo,
.blogtest-gridundco #sidebar-logo {
	background-color: #d0cece;
	width: 49.85px;
	height: auto;
	margin-bottom: -5px;
}

.blog-gridundco .sidebar-top,
.blogtest-gridundco .sidebar-top {
	padding: 5.89px 30px;
}

.flavrblog-flavia-it .s1 .sidebar-top,
.flavrblogtest-flavia-it .s1 .sidebar-top {
	background-color: #ffffff;
}

.flavrblog-flavia-it #sidebar-logo,
.flavrblogtest-flavia-it #sidebar-logo {
	width: 97.16px;
	height: auto;
}

.flavrblog-flavia-it .sidebar-top,
.flavrblogtest-flavia-it .sidebar-top {
	padding: 9.5px 18px;
}

/* Social Links */

.blog-gridundco .social-links,
.blogtest-gridundco .social-links {
	padding-top: 4%;
}


/* Glossary-Page */

.single-glossary .glossary {
	margin-bottom: 340px;
}

#glossaryList-nav {
	margin: 15px 0 15px;
}

.blogtest-gridundco .ln-letters a.ln-disabled,
.blog-gridundco .ln-letters a.ln-disabled {
	color: #ccc;
}

.blogtest-gridundco .ln-letters a,
.blogtest-gridundco .ln-letters a {
	color: #8BC03E;
}
.cmtt_related_title.cmtt_related_articles_title {
	margin-top: 100px;
}

/* Team-Page */

 #team-member {
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
	padding-bottom: 60px;
}

#team-member li {
	position: relative;
	list-style-type: none;
	width: 25%;
	padding-bottom: 30%;
	float: left;
	margin-bottom: -9%;
}

.blogtest-gridundco #team-member li,
.blog-gridundco #team-member li {
	overflow: hidden;
	padding-bottom: 25%;
	margin: 0;
}

#team-member .outline {
	margin: 5% 0 0 5%;
	width: 100%;
	height: 80%;
	background-color: #001e62;
}

.blogtest-gridundco #team-member .outline,
.blog-gridundco #team-member .outline {
	display: none;
}

#team-member li > div {
	margin: 7% 0 0 7%;
	width: 96%;
	height: 80%;
	text-align: center;
	color: #fff;
	overflow: hidden;
	-webkit-mask-image: url("hexagon.svg");
	-webkit-mask-size: 100%;
	-webkit-mask-repeat: no-repeat;

}

.blog-gridundco #team-member li > div,
.blogtest-gridundco #team-member li > div {
	width: 80%;
	border-style: solid;
	border-width: 6px;
	border-radius: 50%;
	border-color: #8BC03E;
	box-shadow: 0px 0px 0px 10px #ffffff inset;
	-webkit-transform: skewY(0deg) rotate(0deg);
	-ms-transform: skewY(0deg) rotate(0deg);
	transform: skewY(0deg) rotate(0deg);
	-webkit-mask-image: none;
	-webkit-backface-visibility: hidden;
}

@media (min-width: 961px){

	#team-member li:nth-child(7n+5) {
		margin-left: 12.5%;
	}
}

@media (min-width: 600px) and (max-width: 960px) {

	#team-member {
		padding-left: 0;
	}

	#team-member li {
		width: 33.333333%;
		padding-bottom: 38.3%;
	}

	.blog-gridundco #team-member li,
	.blogtest-gridundco #team-member li {
		width: 33.333333%;
		padding-bottom: 33.333333%;
	}


	#team-member li:nth-child(5n+4), #team-member li:nth-child(5n+5) {
		-webkit-transform: translateX(55%) rotate(-0deg) skewY(0deg);
		-ms-transform: translateX(55%) rotate(-0deg) skewY(0deg);
		transform:translateX(55%) rotate(-0deg) skewY(0deg);
	}

	#team-member li:nth-child(5n+4) {
		margin-left: 1%;
	}

	.blog-gridundco #team-member li:nth-child(5n+4),
	.blogtest-gridundco #team-member li:nth-child(5n+4){
		margin-left: 0.07%;
	}

	#team-member li:nth-child(5n+4) > div, #team-member li:nth-child(5n+5) > div {
		margin-left: 0;
	}

	#team-member .outline {
		height: 85%;
		margin: 5.2% 0 0 5%
	}

	#team-member li:nth-child(5n+4) .outline,
	#team-member li:nth-child(5n+5) .outline  {
		margin-left: -2% !important;
	}

}

@media (max-width: 600px){

	#team-member {
		padding-left: 4%;
		padding-bottom: 50%;
	}

	#team-member li {
		width: 50%;
		padding-bottom: 58%;
		margin-bottom: -16%;
	}

	.blog-gridundco #team-member li,
	.blogtest-gridundco #team-member li {
		width: 50%;
		padding-bottom: 50%;
		margin-bottom: 0;
	}

	#team-member li:nth-child(6n+3), #team-member li:nth-child(6n+6) {

		-webkit-transform: translateX(50%) rotate(-0deg) skewY(0deg);
		-ms-transform: translateX(50%) rotate(-0deg) skewY(0deg);
		transform:translateX(50%) rotate(-0deg) skewY(0deg);
	}


	#team-member li:nth-child(3n+3) {
		margin-left: 0.07%;
	}

	#team-member li:nth-child(3n+3) > div, #team-member li:nth-child(3n+3) > div {
		margin-left: 0;
	}

	#team-member li > div {
		margin: 7% 0 0 0;
	}

	#team-member .outline {
		height: 85%;
		margin: 5.2% 0 0 -2%
	}

	#team-member li:nth-child(3n+3) .outline,
	#team-member li:nth-child(3n+3) .outline  {
		margin-left: -2% !important;
	}

}

#team-member li * {
	position: absolute;
	visibility: visible;
}



/* CIRCLE CONTENT */

#team-member li img {
	left: -100%;
	right: -100%;
	max-width: 115%;
	width: auto;
	height: 100%;
	margin: 0 auto;
	top: 2.2%
 }

.blog-gridundco #team-member li img,
.blogtest-gridundco #team-member li img {
	top: 4.5%;
	height: 91.5%;
	mix-blend-mode: overlay;
	-webkit-mask-image: none;
}

#team-member div h1, #team-member div p {
	width: 90%;
	padding: 0 5%;
	background-color: rgba(0, 0, 0, 0.42);
	font-family: 'Raleway', sans-serif;

	-webkit-transition: top .2s ease-out, bottom .2s ease-out, .2s padding .2s ease-out;
	-ms-transition: top .2s ease-out, bottom .2s ease-out, .2s padding .2s ease-out;
	transition: top .2s ease-out, bottom .2s ease-out, .2s padding .2s ease-out;
}

#team-member li h1 {
	bottom: 110%;
	font-style: italic;
	font-weight: normal;
	font-size: 1.5em;
	padding-top: 100%;
	padding-bottom: 100%;
}

.blog-gridundco #team-member li h1,
.blogtest-gridundco #team-member li h1 {
	-webkit-mask-image: none;
	padding-top: 100%;
	padding-bottom: 100%;
}

#team-member li h1:after {
	content: '';
	display: block;
	position: absolute;
	bottom: 2px;
	left: 45%;
	width: 10%;
	text-align: center;
	z-index: 1;
	border-bottom: 2px solid #fff;
}

#team-member li h1, #team-member li p {
	color: #FFF;
}

#team-member li p {
	font-size: 0.75em;
	padding-top: 50%;
	top: 110%;
	padding-bottom: 50%;
}

@media (min-width: 960px) and (max-width: 1060px) {
	#team-member li h1 {
		font-size: 0.75em;
	}
	#team-member li p {
		font-size: 0.50em;
	}
}

.blog-gridundco #team-member li p,
.blogtest-gridundco #team-member li p {
	-webkit-mask-image: none;
	padding-top: 50%;
	padding-bottom: 50%;
}

/* HOVER EFFECT  */

#team-member li div:hover h1 {
	bottom: 50%;
	padding-bottom: 10%;
}

#team-member li div:hover p {
	top: 50%;
	padding-top: 0;
}