/*
Theme Name: JPH
Theme URI: http://colormanagement.de
Author: Herr/Frau/Firma
Author URI: http://herrfraufirma.de
Description: JPH is a childtheme of Twentyfifteen
Version: 1.0
License: GNU General Public License, version 3 (GPLv3)
License URI: http://www.gnu.org/licenses/gpl-3.0.txt
Tags: light, white, black, gray
Text Domain: jph
Template: twentyfifteen
*/
  
/* =Child Theme Custom CSS
-------------------------------------------------------------- */

/* Layout */

.entry-content, .entry-summary {
    padding: 0 10% 8%;
}

/* Fonts */

@font-face {
	font-family: ClearSansRegular;  
	src: url(fonts/clearsans/WOFF/ClearSans-Regular.woff);  
	font-weight: normal;  
}
@font-face {
	font-family: ClearSansMedium;  
	src: url(fonts/clearsans/WOFF/ClearSans-Medium.woff);  
}

p,
li {
	font-family:'ClearSansRegular', Verdana, Geneva, sans-serif;
}

body, button, input, select, textarea, .page-title {
	font-family:'ClearSansRegular', Verdana, Geneva, sans-serif;
}

h1, h2, h3, h4, h5, h6,
.comments-title, .comment-reply-title,
.comment-form label,
.contact_form label,
button, input[type="button"], input[type="reset"], input[type="submit"] {
	font-family:'ClearSansMedium', Verdana, Geneva, sans-serif;
	font-weight:normal;
}

.comment-form label,
.contact_form label {
    color: rgba(51, 51, 51, 0.7);
    display: block;
	font-family:'ClearSansMedium', Verdana, Geneva, sans-serif;
    letter-spacing: 0.04em;
    line-height: 1.5;
    text-transform: uppercase;
	font-size:1.5rem;
}

.feedback {
	font-family:'ClearSansMedium', Verdana, Geneva, sans-serif;
}

.feedback .error {
	color:#600;
	margin:1rem 0;
}

.contact_form label {
	margin-top:1.5rem;
}

.contact_form .contact_captcha {
	margin-top:2.5rem;
}

.contact_form .submit {
	margin-top:3rem;
}

.entry-title {
	font-size: 3.2rem;
	margin-bottom:4.4rem;
}

.entry-content p {
	font-size: 1.8rem;
}

.entry-content ul {
    padding-left:2rem;
	font-size: 1.8rem;
}



/* Widgets Startseite */

.teaser-area, .res_footer {
	margin: 0 8.3333%;
	background-color:#FFF;
}

.teaser-area {
	padding:0 5%;
}

.home .teaser-area {
	padding:0 0;
}

.footer-img {
	 max-width:768px;
	 margin:0 0 0 auto;
}


.home .footer-img {
	float:right;
}


.res_footer {
	background:url(img/colormanagement-footer-s-bg.png) bottom left repeat-x;
    background-size:10px 172px;
    background-attachment:scroll;
	background-color:#FFF;
}

.metamenu {
	margin:220px 8.3333% -220px 8.3333%;
	padding: 0 3rem 1rem 3rem;
	font-size:1.7rem;
}

.metamenu ul li {
	display:inline-block;
	padding:0.2rem 1.5rem;
	border-left: 1px #EAEAEA solid;
}

.metamenu ul li:first-of-type {
	border-left:none;
	margin-left:-1.7rem;
}

#loop .widget {
	width:43.99999%;
	padding:0 5% 3rem;
	margin:0;
	display:inline-block;
	box-sizing:border-box;
}

.home #loop .widget {
	width:44.99999%;
	padding:3rem 3rem 1rem 3rem;
	margin:2.5%;
	display:inline-block;
	border:2px solid #ffc20e;
	box-sizing:border-box;
} 

/* Mango */

.widget .fpw-read-more-link {
	color:#ffc20e;
}

.widget .fpw-read-more-link:hover {
	color:#999;
}

/* Leaf */
.home #loop .widget:nth-child(2n) {
	border:2px solid #7cc242;
}
.widget:nth-child(2n) .fpw-read-more-link {
	color:#7cc242;
}
.widget:nth-child(2n) .fpw-read-more-link:hover {
	color:#999;
}

/* Petrol */
.home #loop .widget:nth-child(3n) {
	border:2px solid #228287;
}
.widget:nth-child(3n) .fpw-read-more-link {
	color:#228287;
}
.widget:nth-child(3n) .fpw-read-more-link:hover {
	color:#999;
}

/* Orange */
.home #loop .widget:nth-child(4n) {
	border:2px solid #f58220;
}
.widget:nth-child(4n) .fpw-read-more-link {
	color:#f58220;
}
.widget:nth-child(4n) .fpw-read-more-link:hover {
	color:#999;
}

/* Dragonfruit */
.home #loop .widget:nth-child(5n) {
	border:2px solid #ed0973;
}
.widget:nth-child(5n) .fpw-read-more-link {
	color:#ed0973;
}
.widget:nth-child(5n) .fpw-read-more-link:hover {
	color:#999;
}

/* Electric */
.home #loop .widget:nth-child(6n) {
	border:2px solid #005aab;
}
.widget:nth-child(6n) .fpw-read-more-link {
	color:#005aab;
}
.widget:nth-child(6n) .fpw-read-more-link:hover {
	color:#999;
}

/* Mint */
.home #loop .widget:nth-child(7n) {
	border:2px solid #10b48c;
}
.widget:nth-child(7n) .fpw-read-more-link {
	color:#10b48c;
}
.widget:nth-child(7n) .fpw-read-more-link:hover {
	color:#999;
}

/* Pistache */
.home #loop .widget:nth-child(8n) {
	border:2px solid #cddc28;
}
.widget:nth-child(8n) .fpw-read-more-link {
	color:#cddc28;
}
.widget:nth-child(8n) .fpw-read-more-link:hover {
	color:#999;
}

/* Tomato */
.home #loop .widget:nth-child(9n) {
	border:2px solid #ed1c24;
}
.widget:nth-child(9n) .fpw-read-more-link {
	color:#ed1c24;
}
.widget:nth-child(9n) .fpw-read-more-link:hover {
	color:#999;
}

/* Lemon */
.home #loop .widget:nth-child(10n) {
	border:2px solid #ffde00;
}
.widget:nth-child(10n) .fpw-read-more-link {
	color:#ffde00;
}
.widget:nth-child(10n) .fpw-read-more-link:hover {
	color:#999;
}

/* Lavendel */
.home #loop .widget:nth-child(11n) {
	border:2px solid #6d498a;
}
.widget:nth-child(11n) .fpw-read-more-link {
	color:#6d498a;
}
.widget:nth-child(11n) .fpw-read-more-link:hover {
	color:#999;
}

.home #loop .widget ul {
	padding:0 0 0.5rem 0;
}

#loop .fpw-featured-image {
	margin:0 0 18px 0;
}

.widget_fpw_widget h2 {
	display:none;
}

.home #loop .widget_nav_menu h2 {
	display:none;
}

#loop .fpw-page-title,
#loop .widget-title,
.home #loop .widget ul li:first-of-type {
	font-family:'ClearSansMedium', Verdana, Geneva, sans-serif;
 /*   font-family: inherit; */
    font-size: 18px;
    line-height: 1.5;
    margin: 0 0 18px 0;
    padding: 0;
    letter-spacing: 0.04em;
	text-transform:none;
}

.home #loop .widget_nav_menu li:nth-of-type(2) {
    border-top: none;
}

/* Startseite 100% */


body.home {
	background:url(img/colormanagement-bg.png) top left repeat-x, url(img/colormanagement-bg.png) bottom left repeat-x;
    background-size: 20px 294px;
    background-attachment: scroll;
	background-color:#FFF;
}

body::before {
    box-shadow: none;
	background-color:#fff;
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.1);
}

.sidebar {
    background-size: 20px 140px;
	background-position:-20 0;
    background-attachment: scroll;
	background-color:#FFF;
}

.site-content {
	background-color:rgba(205, 220, 40, 0);
}

body.custom-background {
    background-color:rgba(0, 0, 0, 0.15)!important;
}

body.custom-background.home {
	background-color:rgba(255, 255, 255, 1)!important;
}

body.custom-background.page-template-color-lemon {
    background-color:rgba(255, 222, 0, 0.75)!important;
}

body.custom-background.page-template-color-mango {
    background-color:rgba(255, 194, 14, 0.75)!important;
}

body.custom-background.page-template-color-orange {
    background-color:rgba(245, 130, 32, 0.75)!important;
}

body.custom-background.page-template-color-tomato {
    background-color:rgba(237, 28, 36, 0.75)!important;
}

body.custom-background.page-template-color-pistache {
    background-color:rgba(205, 220, 40, 0.75)!important;
}

body.custom-background.page-template-color-leaf {
    background-color:rgba(124, 194, 66, 0.75)!important;
}

body.custom-background.page-template-color-mint {
    background-color:rgba(16, 180, 140, 0.75)!important;
}

body.custom-background.page-template-color-petrol {
    background-color:rgba(34, 130, 135, 0.75)!important;
}

body.custom-background.page-template-color-dragonfruit {
    background-color:rgba(237, 9, 115, 0.75)!important;
}

body.custom-background.page-template-color-lavendel {
    background-color:rgba(109, 73, 138, 0.75)!important;
}

body.custom-background.page-template-color-electric {
    background-color:rgba(0, 90, 171, 0.75)!important;
}

body.custom-background.page-template-color-ink {
    background-color:rgba(57, 79, 149, 0.75)!important;
}

.home .site-content {
	background-color:#FFF;
}

body.home::before {
    background-color: #fff;
    box-shadow:none;
	width:auto;
}

.home h1 {
	display:none;
}

.home .site-content {
    display: block;
    float: left;
    margin-left: auto;
    width: 100%;
}

.home .site-main {
    padding: 0 0 4% 0;
}

.home .hentry {
	margin: 0 8.3333%;;
	box-sizing:border-box;
	box-shadow:none;
	padding-top:1rem;
}

.home .entry-content {
/*    box-shadow: 0 0 1px rgba(0, 0, 0, 0.15); */
/*
border-top: 2px solid #9C3;
border-right: 2px solid #3C9;
border-bottom: 2px solid #F90;
border-left: 2px solid #99F;
*/
}

.home .entry-content {
    padding: 4% 0 2% 0;
	margin: 2.5% 2.5% 0 2.5%;
}

.home .entry-content::before, .home .entry-content::after {
		display: none;
}

img.portrait {
	width:185px;
	height:185px;
	-webkit-border-radius: 50%; 
	-moz-border-radius: 50%; 
  	border-radius: 50%;
	overflow:hidden;
}

/* custom styles */

.entry-content a, .entry-summary a, .page-content a, .comment-content a, .pingback .comment-body > a {
    border-bottom: 1px solid #999;
}

.site-branding .logo {
	max-width:200px;
	margin:-12px 0 -12px -10px;
}

.home .site-main .logo {
	display:none;
}

.home .metamenu {
	display:none;
}

/**
 * 16.4 Desktop Small 955px
 */

@media screen and (min-width: 59.6875em) {
	
.home .sidebar {
	display:none;
}

.home .site-main .logo {
	max-width:280px;
	margin:18px 48px 24px -24px;
	float:left;
	display:inline-block;
}

.home .metamenu {
	display:block;
}

.home #loop .widget {
	width:28.3333333%;
} 

}

.home .portrait {
	margin:-12px 64px 24px 0;
}

@media screen and (max-width: 500px) {
	
	.home .portrait {
		margin: -12px auto 24px auto;
		display:block;
	}
	
	.home .portrait.alignleft {
		float:none;
	}
	
	.home #loop .widget {
    width: 95%;
}

}

.header-banner {
	max-width:900px;
}

.hentry,
.hentry.has-post-thumbnail {
    padding-top: 7.3333%;
}

.site-main {
    padding-top: 7.3333%;
}

.hentry, 
.page-header, 
.page-content,
.comments-area {
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.1);
}

.site-footer {
	display:none;
}

.main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a {
	font-family:'ClearSansMedium', Verdana, Geneva, sans-serif;
	font-weight:normal;
}

/*
ul { list-style-type: "⚓ "; }
*/