/*
Theme Name: Maranatha
Description: A custom child theme for Twenty Twenty One - made to be fast and streamlined
Author: Jeff Maranich
Template: twentytwentyone
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

.site-header .site-branding {
	max-width: 25%;
}

#primary-menu-list {
	font-family: var(--global--font-primary);
}

@media (min-width: 482px) {
    #content-wrapper>#content {
        width: 75% !important;
    }
	
    #content-wrapper>#sidebar {
        width: 25% !important;
    }
}

.ugb-main-block {
    margin-top: 0px;
    margin-bottom: 0px;
}

.entry-footer {
	display: none;
}

#colophon {
	margin-top: 50px;
}

.site-header {
		padding-bottom: 15px;
	}

.site-header .site-logo .custom-logo {
		max-width: 100%;
		max-height: 100%;
		height: auto;
		width: auto;
	}

.site-header .site-branding {
	max-width: 35%;
}

.powered-by {
	display: none;
}

h5.nouline a {
	text-decoration: none !important;
	text-decoration-line: none !important;
	text-transform: uppercase;
}

.nouline {
	margin-top: 0px !important;
	margin-bottom: 0px !important;
	text-decoration-line: none !important;
}

.nouline p a {
	text-decoration: none !important;
	text-decoration-line: none !important;
}

h3.ugb-text__title a {
	text-decoration: none !important;
}

article.page > header.entry-header {
	display: none !important;
}

.post > header > h1.entry-title {
	color: var(--global--color-spotgray);
	text-decoration: none;
	font-family: var(--global--font-primary);
	
	font-weight: 300;
	max-width: 95%;
}

.post > header.entry-header {
	padding-bottom: 0px !important;
}

.post > div.entry-content {
	margin-top: 10px;
}

.post > div.entry-content p{
	max-width: 90% !important;
	font-family: var(--global--font-secondary);
	color: var(--global--color-spotgray);
	font-weight: 300;
}



#comments {
	max-width: 75%;
}

p.post-title {
	font-family: var(--global--font-primary);
	color: var(--global--color-spotgray);
	font-weight: 400;
	text-transform: uppercase;	
}

p.meta-nav {
	font-family: var(--global--font-secondary) !important;
	color: var(--global--color-spotgray) !important;
	font-weight: 200 !important;
}

footer.entry-footer {
	display: none !important;
}

.posted-on {
	display: none;
}

#content-wrapper>#sidebar {
    display: block;
    margin-top: 0;
}

@media (min-width: 482px) {
    #content-wrapper {
        display: flex;
	}
	
    #content-wrapper>#content {
        width: 67%;
    }
	
    #content-wrapper>#sidebar {
        width: 33%;
        padding: 0 0 0 30px;
    }
}

h1.page-title {
	color: var(--global--color-spotgray);
	text-decoration: none;
	font-family: var(--global--font-primary);
	font-weight: 300;
	max-width: 95%;
}

header.entry-header > h2.entry-title > a {
	color: var(--global--color-spotgray);
	text-decoration: none;
	font-family: var(--global--font-primary);
	font-weight: 300;
}


.single-post h1 {
	font-size: 2em;
}


/*Changing Category & Search pages to grid format display */
.search h1.page-title, 
.category h1.page-title {
	color: var(--global--color-spotgray);
	text-decoration: none;
	font-family: var(--global--font-primary);
	font-weight: 300;
	max-width: none;
}

.search .page-header,
.category .page-header {
	margin-bottom: var(--global--spacing-vertical);
}

.search .search-result-count {
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 0px;
}

.search .search-result-count, 
.category .search-result-count {
    max-width: none;
}
.search .site-main, 
.category .site-main {
	display: flex;
	flex-wrap: wrap;
	padding-left: 0;
	padding-right: 0;
	width: 100%;
}
@media (min-width: 482px) {
	.search .site-main, 
	.category .site-main {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}
.search .site-main>*, 
.category .site-main>* {
	padding: 1rem;
	width: 100%;
}
.search .site-main>article, 
.category .site-main>article {
	margin: 0;
}
@media (min-width: 482px) {
	.search .site-main>article, 
	.category .site-main>article {
        width: 50%;
    }
}
@media (min-width: 822px) {
	.search .site-main>article, 
	.category .site-main>article {
        width: 25%;
    }
}
.search .site-main>article>.entry-header, 
.category .site-main>article>.entry-header {
	width: 100%;
	position: relative;
	margin: 0;
}
.search .site-main>article:not(.has-post-thumbnail)>.entry-header, 
.category .site-main>article:not(.has-post-thumbnail)>.entry-header {
	border: 1px solid var(--global--color-spotgray);
}
.search .site-main>article>.entry-header::after, 
.category .site-main>article>.entry-header::after {
	display: block;
	content: '';
	padding-bottom: 100%;
}
.search .site-main>article>.entry-header>.entry-title, 
.category .site-main>article>.entry-header>.entry-title {
	position: absolute;
	position: bottom;
	height: 100%;
	width: 100%;
	text-align: center;
}
.search .site-main>article>.entry-header>.entry-title:hover, 
.category .site-main>article>.entry-header>.entry-title:hover {
	background: rgba(0, 0, 0, 0.75);
}
@media (max-width: 482px) {
	.search .site-main>article>.entry-header>.entry-title, 
	.category .site-main>article>.entry-header>.entry-title {
        font-size: 8vw;
    }
}
@media (min-width: 482px) and (max-width: 821px) {
	.search .site-main>article>.entry-header>.entry-title, 
	.category .site-main>article>.entry-header>.entry-title {
        font-size: 4vw;
    }
}
@media (min-width: 822px) {
	.search .site-main>article>.entry-header>.entry-title, 
	.category .site-main>article>.entry-header>.entry-title {
        font-size: 2vw;
		z-index: 2;
    }
}

@media (max-width: 482px) {
	.search .site-main>article>.entry-header>.entry-title, 
	.category .site-main>article>.entry-header>.entry-title >a{
		display: block !important;
		background: #FFFFFF !important;
	}
}

.search .site-main>article>.entry-header>.entry-title >a, 
.category .site-main>article>.entry-header>.entry-title >a {
	display: none;
}

.search .site-main>article>.entry-header>.entry-title:hover >a, 
.category .site-main>article>.entry-header>.entry-title:hover >a {
	display: flex;
    justify-content: center;
	padding: 0 1rem;
    align-items: center;
    height: 100%;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 200;
	color: #FFFFFF;
}

.search .site-main>article>.entry-header>.post-thumbnail, 
.category .site-main>article>.entry-header>.post-thumbnail {
	margin: 0;
}

.search .site-main>article>.entry-header>.post-thumbnail img, 
.category .site-main>article>.entry-header>.post-thumbnail img {
	position: absolute;
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	object-fit: contain;
	margin: 0;
	z-index: 1;
}

.search .site-main>article>.entry-header>.post-thumbnail figcaption,
.search .site-main>article>.entry-footer,
.search .site-main>article>.entry-content,
.category .site-main>article>.entry-header>.post-thumbnail figcaption,
.category .site-main>article>.entry-footer,
.category .site-main>article>.entry-content {
	display: none;
}

.search #main > header, 
.category #main > header {
	max-width: 100%;
}

.search .pagination .nav-links > *,
.search .comments-pagination .nav-links > *,
.category .pagination .nav-links > *,
.category .comments-pagination .nav-links > * {
	font-family: var(--global--font-secondary);
	color: var(--global--color-spotgray) !important;
	font-weight: 300 !important;
}

.post-navigation .post-title {
	font-size: var(--global--font-size-sm);
	color: var(--global--color-spotgray);
}

.search .widget-area,
.category .widget-area {
	display: none;
}

input[type=search]:focus {
	outline: none;
}

/*Comments Section */
#comments > h2 {
	color: var(--global--color-spotgray);
	text-decoration: none;
	font-family: var(--global--font-primary);
	font-weight: 400;
}

.comment-content > p {
	color: var(--global--color-spotgray);
	font-family: var(--global--font-secondary);
	font-weight: 300;
}

div.comment-metadata > a {
	color: var(--global--color-spotgray);
	font-family: var(--global--font-secondary);
	font-weight: 300;
}

div.comment-author.vcard > {
	font-family: var(--global--font-secondary);
}

h2 a:-webkit-any-link {
    text-decoration: none;
}

:root {

	/* Font Family */
	--global--font-primary: var(--font-headings, Roboto, 'Source Sans Pro', "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif, -apple-system, BlinkMacSystemFont);
	--global--font-secondary: var(--font-base, 'Source Sans Pro', Roboto, "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif, -apple-system, BlinkMacSystemFont);
	
	/* Font Size */
	--global--font-size-base: 1.10rem;
	--global--font-size-xs: 0.75rem;
	--global--font-size-sm: 1.00rem;
	--global--font-size-md: 1.25rem;
	--global--font-size-lg: 2.00rem;
	--global--font-size-xl: 2.25rem;
	--global--font-size-xxl: 2.50rem;
	--global--font-size-xxxl: 3.50rem;
	--global--font-size-page-title: var(--global--font-size-xl);
	--global--letter-spacing: normal;
	--primary-nav--font-size: 1.15rem;

	/* Colors */
	--global--color-spotgray: #352d2d;
	--global--color-primary: var(--global--color-spotgray);
	
	/* Headings */
	--heading--font-weight: 300;
	--heading--font-weight-page-title: 300;
	--heading--font-weight-strong: 500;
	
	--heading--font-size-h6: var(--global--font-size-xs);
	--heading--font-size-h5: var(--global--font-size-sm);
	--heading--font-size-h4: var(--global--font-size-lg);
	--heading--font-size-h3: var(--global--font-size-lg);
	--heading--font-size-h2: var(--global--font-size-xl);
	--heading--font-size-h1: var(--global--font-size-page-title);

	/* Body text color, site title, footer text color. */
	--global--color-secondary: var(--global--color-spotgray);

	/* Pagination */
	--pagination--font-weight-strong: 300;
	
	/*Border Details */
	--form--border-width: 1px;
	--form--border-color: var(--global--color-spotgray);
	--button--border-width) solid transparent;
	--button--border-radius: 1px;
	--button--font-weight: 300;
	--button--font-family: var(--global--font-primary);
}

/*********************************************************************************/
/*SEARCH: Formatting search bar in nav bar
/*   
/*********************************************************************************/

.search-form label {
	display: none;
}

.search-form {
	margin: 0px;
	flex-wrap: nowrap;
	height: 70%;
	max-width: calc(var(--responsive--aligndefault-width) / 2);
}

.search-form .search-field {
	margin: 0px;
}
 
.search-form .search-field {
    background-color: transparent;
    background-image: url('./search-icon.svg');
    background-position: 5px center;
    background-repeat: no-repeat;
    background-size: 24px 24px;
    cursor: pointer;
    height: 37px;
    margin: 3px 0;
    padding: 0 0 0 34px;
    position: relative;
    -webkit-transition: width 400ms ease, background 400ms ease;
    transition:         width 400ms ease, background 400ms ease;
    width: 0;
	border: none;
}
 
.search-field:focus {
    background-color: #fff;
    border: 2px solid #c3c0ab;
    cursor: text;
    outline: 0;
    width: 230px;
}
.search-form
.search-submit { 
	display:none;
}

.primary-navigation .sub-menu {
	border: none;
}

@media only screen and (max-width: 481px) {
	.primary-navigation-open .primary-navigation {
		z-index: 6;
	}
}