style.css

/*
Theme Name:   Twenty Seventeen Jer
Description:  Child theme for SU
Author:       jerclarke
Author URL:   http://jerclarke.org
Template:     twentyseventeen
Version:      0.1
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  twentyseventeen-jer
GitHub Plugin URI: https://github.com/jeremyclarke/twentyseventeen-jer
*/

/* Write here your own personal stylesheet */

/*HEADER IMAGE/TEXT MANIPULATION*/
/*Logo Chunks (relies on site-branding.php override):
Nowrap for logo chunks*/
.logo-chunk.simian-uprising,
.logo-chunk.jer-clarke {
	white-space: nowrap;
}
/*Logo Chunks: Make second half block*/
.logo-chunk.by-jer-clarke {
	display:block;
}
/*Header Image:
Set padding on title so monkey photo is balanced across breakpoints*/
.site-branding {
    padding-top: 10em;
}
@media screen and (min-width: 30em) {
	.site-branding {
	    padding-top: 12em;
	}
}
@media screen and (min-width: 48em) {
	.site-branding {
		padding-top: 16em;
	}
}
@media screen and (min-width: 60em) {
	.site-branding {
		padding-top: 20em;
	}
}
/*Header Image:
Change height of header image so the top part shows not the middle when it's cut off'*/
.has-header-image .custom-header-media img, .has-header-video .custom-header-media video, .has-header-video .custom-header-media iframe, .has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img {
	height: auto;
}
/*get padding below header+menu under control*/
.site-content {
    padding: 2em 0 0;
}
/*Hide "Posts" heading on homepage"*/
.home .page-header {
	display: none;
}

/*GENERAL STYLES*/
/*Grey body color*/
body,
.site-content-contain {
	background-color: #f7f7f7;
}
/*Hidden underline: Make #f7f7f7
- List copied from main style.css*/
.entry-title a,
.entry-meta a,
.page-links a,
.page-links a .page-number,
.entry-footer a,
.entry-footer .cat-links a,
.entry-footer .tags-links a,
.edit-link a,
.post-navigation a,
.logged-in-as a,
.comment-navigation a,
.comment-metadata a,
.comment-metadata a.comment-edit-link,
.comment-reply-link,
a .nav-title,
.pagination a,
.comments-pagination a,
.site-info a,
.widget .widget-title a,
.widget ul li a,
.site-footer .widget-area ul li a,
.site-footer .widget-area ul li a {
	-webkit-box-shadow: inset 0 -1px 0 #f7f7f7;
	box-shadow: inset 0 -1px 0 #f7f7f7;
	text-decoration: none;
	-webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out;
}
/*Headings/Meta Weights: 
Rebalance heading/meta weights so headings are thick, meta is thin*/
.entry-header h1, 
.entry-title,
.home.blog .entry-title {
	font-weight: 600;	
}
.entry-meta {
	font-weight: 300;
}
/*Blockquotes: Fix giant spacious blockquotes*/
blockquote {
	font-size: 1rem;
	font-weight: normal;
	line-height: 1.5;
	border-left: 2px solid #bbb;
	padding-left: 1em;
	margin-bottom: 1.5em;
	background: #
}
blockquote *:last-child {
	margin-bottom: 0;
}
/*Disable white shadow on images*/
.entry-content a img, .widget a img {
    -webkit-box-shadow:none;
    box-shadow: none;
}

/*CUSTOM HEADER WIDGET AREA*/
/*Header Widgets: Smaller text*/
.header-widgets-wrap .widget {
    font-size: 0.875rem;
}
/*Header widgets: custom style for large screens*/
@media screen and (min-width: 48em) {
	/*Grid of three*/
	.header-widgets-wrap .widget {
		width: 33%;
		float:left;
		padding-right: 1.5rem;
	}
	.header-widgets-wrap .widget:last-child {
	    padding-right: 0;
	}
	/*bigger widget headings*/
	h2.widget-title {
	    font-size: 1rem;
	    margin-bottom: 2em;
	}	
	/*Avoid double #secondary sidebars floating with each other*/
	.has-sidebar #secondary {
	    /*clear: left;*/
	}
}

/*DEFAULT WIDGETS*/
/*Category Widget: 
inline tags style*/
.widget.widget_categories ul li {
	border-width: 0;
	display: inline-block;
	background: #dedede;
	padding: .2em .4em;
	margin: 0 .2em .4em 0;
	
}
.widget.widget_categories ul li a {
    -webkit-box-shadow: inset 0 -1px 0 #dedede;
    box-shadow: inset 0 -1px 0 #dedede;
}
/*Recent Entries Widget:
Big thick Headlines*/
.widget_recent_entries li {
	font-weight: 600;
	text-transform: uppercase;
	font-size: 1.2em;
}
/*Recent Entries Widget:
no border on top/bottom*/
.widget_recent_entries ul li:first-child {
border-width: 0;
	padding-top: 0;
}
.widget_recent_entries ul li:last-child {
border-width: 0;
	padding-bottom: 0;
}