/*
Theme Name: Brett Hoffmann 2017
Theme URI: http://bretthoffmann.com/
Author: Simon Bailey Design
Author URI: http://simonbaileydesign.com/
Description: Brett Hoffmann WordPress Theme
Version: 1.0
Template: twentyseventeen
Text Domain: twentyseventeen
*/

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

/* Add your custom styles below. */

/* ---------- Hidden ---------- */
.site-description,
.home .page-header,
span.author.vcard,
.single .byline,
.group-blog .byline {
	display:none;
}

/* ---------- Google Font ---------- */
.site-title,
body.colors-dark .page .panel-content .entry-title,
body.colors-dark.page:not(.twentyseventeen-front-page) .entry-title,
body.colors-dark .page-title {
	font-family: 'Oswald', sans-serif;
}

/* ---------- Typography ---------- */
.site-title {
	font-size: 36px; /* 24px */
	letter-spacing: 0.05em; /* 0.08em */
	text-shadow: 1px 1px 1px #000000;
}
@media screen and (min-width: 48em) {
.site-title {
	font-size: 48px; /* 36px */
}
}
body.colors-dark .page .panel-content .entry-title,
body.colors-dark.page:not(.twentyseventeen-front-page) .entry-title,
body.colors-dark .page-title,
body.colors-dark h2.widget-title {
	color: #993333;
}
.page .panel-content .entry-title,
.page-title,
body.page:not(.twentyseventeen-front-page) .entry-title {
	color: #993333;
	font-size: 30px; /* 0.875rem */ 
	letter-spacing: 0.05em; /* 0.14em */ 
}
body.colors-dark h2,
body.colors-dark h3 {
	margin-bottom: 20px;
	color: #eee;
}

/* ---------- Fixes linked images ---------- */
.entry-content a img,
.widget a img {
	-webkit-box-shadow: 0 0 0 0px #fff;
	box-shadow: 0 0 0 0px #fff;
}

/* ---------- Customer Header on Home page ---------- */
@media screen and (min-width: 48em) {
.twentyseventeen-front-page.has-header-image .custom-header-media,
	.twentyseventeen-front-page.has-header-video .custom-header-media,
	.home.blog.has-header-image .custom-header-media,
	.home.blog.has-header-video .custom-header-media {
		height: 1200px;
		height: 75vh; /* 100vh */
		max-height: 70%;
		overflow: hidden;
}
.admin-bar.home.blog.has-header-image .custom-header-media {
	height: calc(75vh - 32px); /* 100vh - 32px */
}
}

/* ---------- Page width ---------- */
@media screen and (min-width: 30em) {
.page-one-column .panel-content .wrap {
    max-width: 1000px; /* 740px */
}
}
.single-post:not(.has-sidebar) #primary,
.page.page-one-column:not(.twentyseventeen-front-page) #primary,
.archive.page-one-column:not(.has-sidebar) .page-header,
.archive.page-one-column:not(.has-sidebar) #primary {
	margin-left: auto;
	margin-right: auto;
	max-width: 1000px; /* 740px */
}
/* Contact page only */
.page-id-13.page.page-one-column:not(.twentyseventeen-front-page) #primary {
	max-width: 600px;
}

/* ---------- Post Navigation ---------- */
.post-navigation {
	font-weight: normal; /* 800 */
}

/* ---------- Widgets ---------- */
body.colors-dark .widget a {
	color: #e6c78d;
}

/* ---------- Footer ---------- */
.site-info,
body.colors-dark .site-info a {
	color: #999999;
	text-align: center;	
}
@media screen and (min-width: 767px) {
.site-info {
	text-align: left;
}
}

/* ---------- Footer Widgets ---------- */
div.widget-column.footer-widget-2 .textwidget {
	text-align:center;
}
@media screen and (min-width: 767px) {
div.widget-column.footer-widget-2 .textwidget {
	text-align:right;
}
}
/* 3 book images */
@media screen and (max-width: 800px) {
.site-footer .widget-column.footer-widget-2 .widget.widget_text img {
    width: 125px;
}
}

/* ---------- Contact Form 7 ---------- */
div.wpcf7 {
	margin: 0;
	padding: 0;
}
div.wpcf7-response-output {
	margin-top: 1em;
	margin-right: 0em;
	margin-left: 0em;
	margin-bottom: 1em;
	padding: 0.0em 0em;
}
div.wpcf7 .screen-reader-response {
	position: absolute;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	width: 1px;
	margin: 0;
	padding: 0;
	border: 0;
}
div.wpcf7-mail-sent-ok {
	border: 0px solid #339933;
	color: #339933;
}
div.wpcf7-mail-sent-ng {
	border: 0px solid #339933;
	color: #006699;
}
div.wpcf7-spam-blocked {
	border: 0px solid #e6c78d;
	color: #e6c78d;
}
div.wpcf7-validation-errors {
	border: 0px solid #e6c78d;
	color: #e6c78d;
	font-size: 0.85em; /* 1em */
}
span.wpcf7-form-control-wrap {
	position: relative;
}

span.wpcf7-not-valid-tip {
	color: #e6c78d;
	font-size: 0.85em; /* 1em */
	display: block;
}
.use-floating-validation-tip span.wpcf7-not-valid-tip { 
	position: absolute;
	top: 20%;
	left: 20%;
	z-index: 100;
	border: 0px solid #e6c78d;
	background: #FFFFFF;
	padding: .0em .0em;
	color: #e6c78d;
}
span.wpcf7-list-item {
	margin-left: 0.5em;
}
.wpcf7-display-none {
	display: none;
}
div.wpcf7 img.ajax-loader {
	border: none;
	vertical-align: middle;
	margin-left: 0px;
}
div.wpcf7 div.ajax-error {
	display: none;
}
div.wpcf7 .placeheld {
	color: #888888;
}
div.wpcf7 .required {
	color: #993333;
}
div.wpcf7 textarea {
	height: 120px;
}
.colors-dark div.wpcf7 input[type="text"],
.colors-dark div.wpcf7 input[type="email"],
.colors-dark div.wpcf7 textarea {
	background: rgba(255,255,255,0.2);
	border: 1px solid #000000;
}
.colors-dark div.wpcf7 input[type="text"]:focus,
.colors-dark div.wpcf7 input[type="email"]:focus,
.colors-dark div.wpcf7 textarea:focus {
	color: #FFFFFF;
	border-color: #FFFFFF;
}
body.colors-dark input[type="submit"] {
	background-color: #e0e0e0;
}
body.colors-dark input[type="submit"]:hover {
	background-color: #993333;
	color: #FFFFFF;
}

/* ---------- Right Aligned Images ---------- */
img.centre-on-mobile.alignright {
	margin-bottom: 1.5em;
}
@media (max-width: 767px) {
img.centre-on-mobile.alignright {
	float: none;
	margin-left: auto;
	margin-right: auto;
	display: block; /* was inline */
}
}