/*---------------------------------------------------------------------------------

	Theme Name: A Grace Gathering (Unwind)
	Template: siteorigin-unwind
	Text Domain: agracegathering
	Version: 1.0
	Description: SO Unwind child theme for Stonebriar Community Church.
	Author: Bill Murphy
	Author URI: https://www.stonebriar.org
	Theme URI: 
	License: GNU General Public License version 2.0
	License URI: http://www.gnu.org/licenses/gpl-2.0.html
	
	All files, unless otherwise stated, are released under the GNU General Public License
	version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)

-----------------------------------------------------------------------------------

	0.	CSS Reset & Clearfix
	1.	Document Setup
	2.  Structure
	3.	Header
	4.	Navigation
	5.	Main Content
	6.  Single post
	7.	Post Content
	8.	Comments
	9.	Pagination
	10.	Page & Page Templates
	11.	Sidebar
	12.	Footer
	13. Credits
	14.	Responsive

----------------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------------- */
/*	0. CSS Reset & Clearfix
/* -------------------------------------------------------------------------------- */

/*
 * CSS Variables colors are defined in theme's custom-editor-styles.css file
 */

html>body {
	font-size: 16px;
}

small {
	font-size: .8em !important;
	font-weight: inherit !important;
}
sup {
	font-size: .8em !important;
}

.alignright {
	margin-bottom: 1em;
}



/* -------------------------------------------------------------------------------- */
/*	3. Header
/* -------------------------------------------------------------------------------- */

#masthead {
	/* margin-bottom: 60px; */
}

#masthead .site-branding .site-title {
	font-size: 3rem;
}

@media (max-width:768px) {
	#masthead {
		/*margin-bottom: 30px;*/
	}
	
	#masthead .site-branding .site-title {
		font-size: 2rem;
	}
}

header#masthead .top-bar,
.homepage-has-slider.header-design-2 #masthead .top-bar {
	border-bottom: 1px solid var(--sf-grey-lightest);
}

.header-design-4 #masthead .site-branding .site-description {
	text-align:left;
}

header#masthead .main-navigation-bar,
header#masthead .sticky-bar {
	background-color: var(--sf-grey-white);
	border-bottom: 1px solid var(--sf-grey-lightest);
}

.sticky-menu.sticky-bar-out header#masthead .sticky-bar {
	background: var(--sf-grey-white);
}

#masthead .site-branding a {
	display: block;
}

.site-branding img.custom-logo,
footer#colophon img.logo {
	/* special thanks to https://codepen.io/sosuke/pen/Pjoqqp */
	filter: brightness(0) saturate(100%) invert(53%) sepia(8%) saturate(1651%) hue-rotate(148deg) brightness(94%) contrast(91%); /* changes color from black to teal */
	filter: brightness(0) saturate(100%) invert(27%) sepia(69%) saturate(1926%) hue-rotate(348deg) brightness(79%) contrast(87%); /* changes color from black to orange */
	filter: brightness(0) saturate(100%) invert(14%) sepia(76%) saturate(4056%) hue-rotate(186deg) brightness(94%) contrast(101%); /* changes color from black to SCC Blue */
}
.site-branding img {
	max-width: 600px;
	width: 100%;
}


footer#colophon img.logo {
	max-width: 310px;
	width: 100%;
}


.main-navigation>div li {
	padding-right: 35px;
}

.main-navigation>div li a {
	font-size: .875em;
}

.search-toggle .open .svg-icon-search {
	height: 22px;
	width: auto;
}

.social-search button#search-button {
	color: var(--sf-grey);
}
.social-search button#search-button:hover {
	color: var(--sf-grey-dark);
}

@media (min-width:769px) {
	.search-toggle .open .svg-icon-search {
		height: 20px;
		width: auto;
	}
	.social-search button#search-button span.open:after {
		content: 'Search';
		display: block;
		font-size: .875em;
	}
}


/* -------------------------------------------------------------------------------- */
/*	4. Navigation
/* -------------------------------------------------------------------------------- */

.main-navigation > div > li > a {
	font-size: .9rem;
	font-weight: bold;
}



/* -------------------------------------------------------------------------------- */
/*	5. Main Content
/* -------------------------------------------------------------------------------- */

header.entry-header .entry-meta span:not(:last-child):after {
	content: "";
	padding: 0;
}
header.entry-header .entry-meta > span:not(:last-child):after {
	content: "\00a0\00a0/\00a0\00a0";
	padding: 0 0.4166em;
}

.entry-thumbnail img {
	border: 1px solid var(--sf-grey-lightest);
	width: 100%;
}


#main > .type-page > .entry-content a,
#main > .type-post > .entry-content a,
#main > .type-post > .entry-header a:hover,
#main > .type-page > .entry-content .archive-entry a:hover,
#main > .type-post > .entry-content .pp-multiple-authors-wrapper.pp-multiple-authors-layout-boxed li .multiple-authors-name a:hover
{
	text-decoration: underline;
}

#main > .type-page > .entry-content .flexslider a,
#main > .type-page > .entry-content .archive-entry a,
#main > .type-page > .entry-content .navigation.posts-navigation a,
#main > .type-post > .entry-content .pp-multiple-authors-wrapper.pp-multiple-authors-layout-boxed li .multiple-authors-name a {
	text-decoration: none;
}

#main article.entry.post header.entry-header .entry-meta {
	display: block;
}
#main article.entry.post header.entry-header .entry-meta > span {
	display: inline-block;
}


/* archives: authors, categories */
.site-content header.page-header .taxonomy-description {
	font-size: .9em;
	max-width: 1000px;
	margin: 2em auto 0;
	text-align: left;
}
.site-content header.page-header .taxonomy-description .author-avatar {
	text-align: center;
}
.site-content header.page-header .taxonomy-description .author-avatar img.avatar {
	border: 1px solid var(--sf-grey-light);
	border-radius: 50%;
	margin: 0 auto;
	margin-bottom: 1em;
}


/* Entry Titles */
.entry-title a:hover,
.navigation.post-navigation .nav-links a:hover {
	text-decoration: underline;
}

article.entry .entry-content a {
	text-decoration: underline;
}


/* Podcast Offset Loop */
.blog-layout-offset .archive-entry.type-podcast  {
	margin-bottom: 4em;
	padding-bottom: 4em;
}

.blog-layout-offset .archive-entry.type-podcast .entry-header .entry-title {
	margin-bottom: 15px;
}

.blog-layout-offset .archive-entry.type-podcast .entry-content .entry-thumbnail:not(:has(img)) {
	margin-bottom: 0;
}

.blog-layout-offset .archive-entry.type-podcast .podcast_player + p:last-child {
	margin-top: 1em;
	margin-bottom: 0;
}


/* Castos Podcast Player UI Tweaks */
.podcast_player .podcast_meta {
	background-color: var(--sf-grey-white);
	color: var(--sf-grey);
	font-size: 0.9em;
	font-family: "Lato", sans-serif;
	margin: 0 0 1.5em 0;
	padding: .5em;
	text-transform: uppercase;
}

.podcast_player .podcast_meta p {
	margin-bottom: .5em;
}

.podcast_player .castos-player .player__podcast-title {
	font-weight: normal;
}


/* Jet Pack Flex Slider on Homepage */
.flexslider.featured-posts-slider {
	margin-top: 30px;
}
@media (max-width: 480px) {
	.flexslider.featured-posts-slider {
		margin-bottom: 0px;
	}
}



/* RefTagger */
.entry-content a.rtBibleRef {
	border-bottom: 1px dotted var(--so-accent-color);
	text-decoration: none !important;
	white-space: nowrap;
}



/* Responsive WP galleries */
.gallery {
	clear: both;
	margin: .5em auto;
}
.gallery:after{
	clear: both;
	content: " ";
	display: block;
}
.gallery .gallery-item { 
	float: left;
}

.gallery-icon {
	padding: 2%;
}

.gallery-caption {
	font-family: "Lato", sans-serif;
	font-size: .875em;
	margin-bottom: 15px;
	padding: 0 1em;
}

.gallery-columns-2 .gallery-item {
	max-width: 48%;
}
/* removed on 5/11/2021 by billm
@media (max-width: 930px) and (min-width: 680px) {
	.gallery .gallery-item {
		max-width: 31%;
	}
}

@media (max-width: 679px) and (min-width: 540px) {
	.gallery .gallery-item {
		max-width: 48%;
	}
}
*/

@media (max-width: 539px) {
	.gallery .gallery-item {
		max-width: 100%;
	}
	.gallery-caption {
		font-size: 13px;
	}
}


/* Masonry Gallery 3 Columns */
.gallery-columns-3 .gallery-item {
	max-width: none;
}

.gallery-columns-3 {
	columns: 3 200px;
	column-gap: .5rem;
}

.gallery-columns-3 .gallery-item {
	margin: 0 .5rem .5rem 0;
}



/* Post Slider */
.flexslider.featured-posts-slider li header.slide-content {
	background: rgba(0,0,0,.5);
}



/* -------------------------------------------------------------------------------- */
/*	7. Post Content
/* -------------------------------------------------------------------------------- */

footer.entry-footer {
	clear: both;
}



/* -------------------------------------------------------------------------------- */
/*	11. Sidebar
/* -------------------------------------------------------------------------------- */



/* Sidebar Widgets */
aside#secondary.widget-area {
	font-family: "Lato", sans-serif;
}

#secondary .widget .widget-title, 
#colophon .widget .widget-title {
	color: var(--scc-blue);
	font-size: 1em;
}

#secondary .widget .widget-title ~ *, 
#colophon .widget .widget-title ~ * {
	font-size: 1em;
}

.heading-strike:after, 
.heading-strike:before {
	background-color: var(--scc-blue-lightest);
}


/* Copy styles from parent theme for Recent Posts widget */
#secondary .widget.widget_podcast_series ul li:first-of-type {
	padding-top: 0;
}
#secondary .widget.widget_podcast_series ul li {
	border-bottom: 1px solid var(--sf-grey-white);
	font-size: 1em;
	line-height: normal;
	padding: 1.25em 0;
}
/*
#secondary.widget-area .widget a {
	color: var(--so-accent-color);
}
#secondary.widget-area .widget a:hover {
	color: var(--so-accent-color-dark);
}
*/
#secondary .widget.widget_podcast_series .post-date {
	color: var(--sf-grey);
	display: block;
	font-size: .9rem;
	padding-top: 0.5em;
}



/* -------------------------------------------------------------------------------- */
/*	12. Footer
/* -------------------------------------------------------------------------------- */

footer#colophon aside.widget {
	font-family: "Lato", sans-serif;
}

footer#colophon .site-title {
	font-family: "Lato", sans-serif;
	font-weight: 300;
	text-transform: uppercase;
	font-size: 1.75em;
	color: var(--scc-blue);
	line-height: normal;
}
footer#colophon .site-description {
	color: var(--sf-grey);
}

footer#colophon.footer-active-sidebar {
	background-color: var(--sf-grey-white);
	border-top: 1px solid var(--sf-grey-lightest);
}

footer#colophon .site-info {
	background-color: var(--scc-blue);
	color: var(--white);
	border-top: 1px solid var(--scc-blue);
}

footer#colophon .heading-strike:after, 
footer#colophon .heading-strike:before {
	background-color: var(--sf-grey-lightest);
}


/* hides SO attribution */
footer#colophon .site-info .container span:after,
footer#colophon .site-info .container span + span {
	display: none; 
}
footer#colophon .site-info span:after {
	content: '';
}
footer#colophon .site-info span:last-child {
	display: none;
}