/*
Welcome to Custom CSS!

To learn how this works, see http://wp.me/PEmnE-Bt
*/
/*adjust style of site title*/
.site-title a {
	border: none;
	font-size: 1.8em;
	font-weight: 400;
	color: #fff;
	display: block;
	padding: .5em;
}

.site-header .site-branding .site-title {
	text-align: left;
	margin-right: auto;
}
.site-header .site-branding {
	background-position: top;
}

/*@media screen and (min-width: 1600px) {
	.home .site-branding {
		padding: 11.75em 0;
	}
}*/

/*@media screen and (min-width: 2200px) {
	.home .site-branding {
		padding: 17.75em 0;
	}
}*/

/*adjust content width on desktop*/
@media screen and (min-width: 910px) {
	.page-content {
		width: 900px;
	}
}

/*remove uppercase from main navigation*/
.main-navigation a {
	text-transform: initial;
}

/*remove page title from certain pages*/
.home .page-title, .wf-active .single .entry-title {
	display: none;
}

.post-41 .page-title, .wf-active .single .entry-title {
	display: none;
}

.site-main {
	margin-top: 20px;
}

/*remove header image from certain pages*/
.site-branding {
	display: none;
}

.home .site-branding {
	display: inherit;
}
.home .site-branding {
	background-color:#fff;
	background-image:url(https://chriswalkersmusic.com/wp-content/uploads/2024/11/TMF-Banner.jpg)!important;
	background-size: contain!important;
	/*padding: 0 0 21% 0 !important;*/
	padding: 0 0 53% 0 !important;
}

/*Adjust spacing between header image and content */
.home .site-main {
	margin: -20px;
}

.post-41.site-main {
	margin: 0;
}

/*remove theme margin presets*/
.page-content img.alignleft {
	margin-left: 0;
}

@media screen and (min-width: 768px) {
	img.size-big {
		margin-left: auto;
		margin-right: auto;
		width: 100%;
		max-width: 100%;
	}
}

/* paragraph and element styles */
.wf-active h2 {
	font-size: 1.5em;
	line-height: 1.5em;
}

/* button */
.button {
	display: inline-block;
	padding: 12px 24px;
	border-radius: 0;
	border: 1px solid rgba(0,0,0,.18);
	font-weight: 600;
	letter-spacing: .0625em;
	text-transform: uppercase;
	background: #fff;
	color: #404040;
	margin: .25em 0;
}

.entry-content a, .page-content a, .entry-content a:hover, .page-content a:hover {
	border-bottom: 1px solid rgba(0,0,0,.18);
}

/* Change paragraph line height and font size */
p {
	line-height: 1.7;
	font-size: .92em;
}

/* Add a rollover background color but keep the text white */
.button:hover,
.button:focus,
.button:active {
	background: #222222;
	color: #fff;
}

/* create a box to highlight content*/
div .border {
	border: 1px solid rgba(0,0,0,.18);
	padding: 40px;
	overflow: hidden;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

div .wide {
	border: 1px solid rgba(0,0,0,.18);
	padding: 40px;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	margin-top: -40px;
	margin-bottom: 40px;
}

/*adjust spacing between end of content and footer*/
.hentry {
	margin-bottom: 1.5em;
}

/*footer styles*/
.footer-widget-area {
	background: #fff;
	border-top: 1px solid rgba(0,0,0,.18);
	padding-top: 2.25em;
}

.widget-area, .widget-area a {
	color: #404040;
}

.wf-active .widget-title {
	font-weight: 600;
}

.jetpack_widget_social_icons ul {
	text-align: left;
}

/*Add gold accents*/
.main-navigation a:hover {
	color: #D6A846;
}

.button:hover,
.button:focus,
.button:active {
	color: #D6A846;
}

/*Increase font-weight for h2*/
.wf-active h2 {
	font-weight: bold;
}

/*Increase button margin-top on Tribute Page*/
.post-41 a.button {
	margin-top: 2em;
}

/*Center h2 above photo gallery*/
.post-41 h2 {
	text-align: center;
}

/*Center gallery images*/
.tiled-gallery .gallery-row {
	width: 100% !important;
}

.tiled-gallery .gallery-group {
	width: calc(100% / 3) !important;
}

.tiled-gallery .tiled-gallery-item {
	width: 100% !important;
}

.tiled-gallery .tiled-gallery-item img, .tiled-gallery .tiled-gallery-item img:hover {
	display: block;
	margin: 2px auto !important;
	cursor: pointer;
}

@media screen and (min-width: 910px) {
	.tiled-gallery .tiled-gallery-item img, .tiled-gallery .tiled-gallery-item img:hover {
		display: block;
		margin: 1rem auto !important;
		cursor: pointer;
	}
}

/*Increase margin-top for page title*/
.page-title {
	margin-top: 1em;
}

/*Adjust page-title line height*/
.wf-active h1 {
	line-height: 1.3;
}

/*Add bottom margin to images*/
h2.p1 img {
	margin-bottom: 20px;
}

/*Full-width YouTube embeds*/
.embed-youtube iframe {
	max-width: 100%;
	width: 100% !important;
}

/*Redesign contact form*/
.contact-form label {
	font-size: .85em;
	margin-bottom: 1rem !important;
	text-transform: uppercase !important;
}

.contact-form label span {
	text-transform: initial;
	font-size: .8em;
}

input[type=text], input[type=email], input[type=url], input[type=password], input[type=search], textarea {
	font-size: 16px;
	font-size: 1.6rem;
	border: 1px solid #ddd;
	background: #f5f5f5;
	border-radius: 2px;
}

input[type=submit] {
	border: 1px solid rgba(0,0,0,.18);
	text-transform: uppercase;
	font-weight: bold;
	color: #000;
}

input[type=submit]:hover {
	border-color: #000;
	color: #D6A846;
	background: #000;
}

/**
Position the site title to the right so it doesn't overlay Chris's face on desktop
Update Mar 2022 -- hide title over new image
*/
.site-title {
	/*display: block;*/
	display:none;
	margin-right: 20px;
	font-size: 35px;
}

.site-branding .site-title {
	text-align: right;
}

/*Some adjustments for tablet and mobile*/
@media screen and (max-width: 768px) {
	.page-content img.alignleft {
		float: none;
		margin-bottom: 20px;
	}
	
	.home .page-content img.alignleft {
		float: left;
	}
	
	.alignright {
		margin-bottom: 20px;
	}
	
	div .border {
		width: 90%;
	}
	
	.widget-area, .widget-area a {
		display: block;
		text-align: center;
	}
	
	.jetpack_widget_social_icons ul {
		text-align: center;
	}
	
	/**
				Decrease the site title on tablet-like size screens so it doesn't overlay Chris's face
				*/
	.site-branding .site-title {
		font-size: 2rem;
	}
}

@media screen and (max-width: 640px) {
	.page-content img.alignleft {
		margin-bottom: 20px;
		margin-right: 0;
		float: none !important;
		width: 100%;
		max-width: 100%;
		height: auto;
	}
}

@media screen and (max-width: 320px) {
	.page-content img {
		margin-bottom: 20px;
	}
	
	.page-content img.alignleft {
		margin-bottom: 20px;
	}
	
	div .border {
		width: 100%;
	}
	
	.wf-active h2 {
		font-size: 22px;
	}
	
	.alignright {
		margin-bottom: 20px;
	}
	
	div .wide {
		border: none;
		padding: 0;
	}
	
	.site-branding .site-title {
		text-align: center;
	}
}

@media only screen and (max-width: 345px) {
	/*
					make sure the site title doesn't overlay Chris's face on mobile and center the text and make it appear at the bottom of the image
					*/
	.site-branding .site-title a {
		position: absolute;
		bottom: 0;
		font-size: 2.7rem;
		text-align: center;
		right: 0;
		width: 100%;
	}
}

a.redlink {
	color: #9e362c;
}