/*
 Theme Name:   Twenty Seventeen Child
 Theme URI:    http://benedictgarman.com
 Description:  A child theme of Twenty Seventeen WordPress theme.
 Author:       Benedict Garman
 Author URI:   http://benedictgarman.com
 Template:     twentyseventeen
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/

@import url("../twentyseventeen/style.css");

/* SITE BRANDING, HEADER, LOGO ETC */

.site-branding {
    padding: 1em 0 0 0;
}

.custom-logo-link img {
    display: inline-block;
    max-height: 450px;
    width: auto;
}

/* GENERAL TEXT COLORS AND FONTS */

body, button, input, select, textarea {
    color: #253237;
	font-family: "Roboto Slab", Georgia, Times, serif;
}

p {
    font-family: "Roboto Slab", Georgia, Times, serif;
	margin: 0;
}

p.site-description {
	color: #153243;
	margin: 0em calc(20% + 60px);
	font-size: 0.85rem;
}

.site-title, .site-title a {
    color: #153243;
    text-transform: capitalize;
	font-weight:500;
	letter-spacing: 0em;
	text-align: center;
}

#top-menu {
	text-align: center;
	font-size: 0.75em;
}

.main-navigation {
    text-transform: uppercase;
	color: #153243;
}

.main-navigation a:hover {
    color: #1c7c7c;
}

.main-navigation a:active {
    color: #b4b8ab;
}

.navigation-top a {
    color: #153243;
}

.site-branding {
	text-align: center;
}

h1.site-title {
	font-size: 3.5em;
}

p.site-title {
	font-size: 3.5em;
}

h4.display-posts-date {
	text-align: center;
	padding-bottom: 1em;
	color: #153243;
}

.entry-content a:focus, .entry-content a:hover, .entry-summary a:focus, .entry-summary a:hover, .comment-content a:focus, .comment-content a:hover, .widget a:focus, .widget a:hover, .site-footer .widget-area a:focus, .site-footer .widget-area a:hover, .posts-navigation a:focus, .posts-navigation a:hover, .comment-metadata a:focus, .comment-metadata a:hover, .comment-metadata a.comment-edit-link:focus, .comment-metadata a.comment-edit-link:hover, .comment-reply-link:focus, .comment-reply-link:hover, .widget_authors a:focus strong, .widget_authors a:hover strong, .entry-title a:focus, .entry-title a:hover, .entry-meta a:focus, .entry-meta a:hover, .page-links a:focus .page-number, .page-links a:hover .page-number, .entry-footer a:focus, .entry-footer a:hover, .entry-footer .cat-links a:focus, .entry-footer .cat-links a:hover, .entry-footer .tags-links a:focus, .entry-footer .tags-links a:hover, .post-navigation a:focus, .post-navigation a:hover, .pagination a:not(.prev):not(.next):focus, .pagination a:not(.prev):not(.next):hover, .comments-pagination a:not(.prev):not(.next):focus, .comments-pagination a:not(.prev):not(.next):hover, .logged-in-as a:focus, .logged-in-as a:hover, a:focus .nav-title, a:hover .nav-title, .edit-link a:focus, .edit-link a:hover, .site-info a:focus, .site-info a:hover, .widget .widget-title a:focus, .widget .widget-title a:hover, .widget ul li a:focus, .widget ul li a:hover {
    color: #153243;
    -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 1);
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 1);
}

/* FIXES WIDTH OF POSTS CONTENT */

.page-one-column .panel-content .wrap {
    max-width: 58%;
}

/* WEBSITE TITLE AND DESCRIPTION ON MOBILE DEVICES */

@media only screen and (max-width: 768px) {
	h1.site-title {
		font-size: 3.8rem;
	}
	
	p.site-description {
		color: #253237;
		margin: 0 0 2em 0;
	}
	
	.page-one-column .panel-content .wrap {
   		max-width: none;
	}
}

/* MAKES SITE MASTEHEAD WHITE */

.site-header {
    background-color: #fff;
}

/* REMOVES EMPTY SPACE ABOVE CONTENT */

#content.site-content {
	padding-top: 3.5em;
}

.panel-content .wrap {
    padding-top: 0em;
}

/* DISPLAY POSTS PLUGIN STYLING */

.title {
    text-align: left;
    color: #1c7c7c;
    font-weight: bold;
	float: left;
	margin: 0 0.35em 0 0;
}

.entry-content a, .entry-summary a, .comment-content a, .widget a, .site-footer .widget-area a, .posts-navigation a, .widget_authors a strong {
    box-shadow: inset 0 0px 0 rgb(15, 15, 15);
}

.listing-item {
    padding: 0 0 1.5em;
}

/* DISPLAY POSTS PLUGIN IMAGE THUMBNAILS STYLING */

.entry-content a img, .comment-content a img, .widget a img {
    -webkit-box-shadow: 0 0 0 8px #fff;
    box-shadow: 0 0 0 2px #fff;
    float: left;
    padding: 5px 5px;
    max-width: 55px;
    margin-left: -56px;
}

/* DISPLAY POSTS PLUGIN FEATURED IMAGE ON MOBILE DEVICES */

@media only screen and (max-width: 768px) {
	.entry-content a img, .comment-content a img, .widget a img {
	    -webkit-box-shadow: 0 0 0 8px #fff;
	    box-shadow: 0 0 0 0px #fff;
	    float: left;
	    padding: 5px 1px;
    	max-width: 29px;
	    margin-left: -30px;
	}
	

}

/* DISPLAY POSTS COMMENTS STYLE */

.comments-link {
    font-size: 0.6em;
    font-weight: lighter;
    text-transform: uppercase;
    color: grey;
    line-height: 1em;
}

/* INDIVIDUAL POSTS STYLING */

.single-post .entry-title, .page .entry-title {
	font-weight: bold;
    font-size: 1rem;
    float: left;
    text-align: left;
    margin: 0 0.35em 0 0;
}

.single-post .entry-content {
    margin: -1.06em 0 auto;
    font-size: 1rem;
}

.entry-meta {
    color: #767676;
    font-size: 11px;
    font-size: 0.6rem;
    font-weight: 800;
    letter-spacing: 0.1818em;
    padding-bottom: 1.5em;
    text-transform: uppercase;
    text-align: center;
}

.entry-footer .cat-links, .entry-footer .tags-links {
    display: block;
    font-size: 11px;
    font-size: 0.6rem;
    font-weight: 800;
    letter-spacing: 0.1818em;
    padding-left: 2.5em;
    position: relative;
    text-transform: uppercase;
}

/* HIDING PAGE TITLE ON HOMEPAGE */

.page #main .entry-header {
    display: none;
}

/* HIDING FEATURED IMAGES ON INDIVIDUAL POSTS */

.single-featured-image-header {
    display: none;
}

/* HIDING POST AUTHOR ON INDIVIDUAL POSTS */

.single .byline, .group-blog .byline {
    display: none;
}

/* HIDING NAV BAR BORDER */

.navigation-top {
    border-bottom: 0px solid #eee;
    border-top: 0px solid #eee;
}

/* HIDING FOOTER */

#colophon {
    display: none;
}

/* COMMENTS - HORIZONTAL LINE SEPARATES CATEGORIES FROM COMMENTS */

.entry-footer {
    border-bottom: 0px solid #000;
    border-top: 0px solid #eee;
    margin-top: 0em;
    padding: 1em 0;
}


/* COMMENTS - REMOVE SOME SPACE ABOVE COMMENTS */

#comments {
    padding-top: 0em;
}