/*
 * Theme Name:	Customify Child: New Modern Earth
 * Theme URI:	
 * Description:	Customify Child Theme, NME June 2021
 * Author:	Brent Toderash
 * Author URI: 
 * Template:	customify
 * Version:	1.0.0
 * License:	GNU General Public License v2 or later
 * License URI:	http://www.gnu.org/licenses/gpl-2.0.html
 * Tags:	
 * Text Domain:	cct
 **/


html {
	font-size:		calc( 15px + ( 16 * .02vw ) );	/* setting font size on html element resets the rem size */
}
body {
	overflow-x:		hidden;
	font-size:		1rem;
}
#site-content {
	max-width:		100vw !important;
	overflow-x:		hidden;
	height:			auto;
	overflow-y:		hidden;
}

h1,h2,h3,h4,h5,.h1,.h2,.h3,.h4,.h5 {
	text-wrap:		balance;
}

@media screen and max-width( 960px ) {
	body > div {
		font-family:	-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	}
	body > div h1, body > div h2, body > div h3, body > div h4, body > div h5, body > div h6 {
		font-family:	-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	}
}
@media all and ( min-width: 961px ) {
	body > div {
		font-family:	-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	}
}
@media screen and max-width( 960px ) {
	body > div {
		font-family:	-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Ubuntu, Cantarell, Noto Sans, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
	}
	body > div code, kbd, samp, pre {
		font-family:	SFMono-Regular, Consolas, 'Roboto Mono', 'Ubuntu Monospace', 'Noto Mono', 'Oxygen Mono', 'Liberation Mono', Menlo, Courier, monospace;
		font-size: 1em;
	}
	body > div h1, body > div h2, body > div h3, body > div h4, body > div h5, body > div h6 {
	}
}
body > div {
	font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Ubuntu, Cantarell, Noto Sans, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
	font-weight:		300;
}
body > div h1, body > div h2, body > div h3, body > div h4, body > div h5, body > div h6 {
	font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Ubuntu, Cantarell, Noto Sans, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
	font-weight:		500;
	letter-spacing:		.015em;
}
body b, body strong {
	font-weight:		500;
}
nav {
	letter-spacing:		.015em;
}
#site-navigation-main-desktop .nav-menu > li a {
/*	color:			#8b5e3a; */
}
button#button-top {
/*	background-color:	#58585a; */
}

a[href] {
	text-decoration:	none;
	text-shadow: 		.07em 0 0 rgba( 255, 255, 255, 1 ), -.07em 0 0 rgba( 255, 255, 255, 1 ), 0 .05em 0 rgba( 255, 255, 255, 1 );
	background-image:	linear-gradient( to right, currentColor 0, currentColor 100% );
	background-position:	50% 95%;
	background-size:	50% 1px;
	background-repeat:	no-repeat;
	transition:		background-size .35s, background-position .25s;
}
.dark-bg a[href] {
	text-shadow: 		.07em 0 0 rgba( 0, 0, 0, 1 ), -.07em 0 0 rgba( 0, 0, 0, 1 ), 0 .05em 0 rgba( 0, 0, 0, 1 );
}
a[href]:hover, a:active {
	background-size:	100% 2px;
	background-position:	0 93%;
}
#header-menu-sidebar a:link, a.post-thumbnail:link,
a.entry-media-link:link, a.kt-svg-icon-link,
a.encyclopedia:link, a.encyclopedia:hover, .tagcloud a.tag-cloud-link:link,
a.cutomify-btn:link, a.button:link, a.morelink:link, a.readmore-button:link,
a.cutomify-btn:hover, a.button:hover, a.morelink:hover, a.readmore-button:hover,
header a:link, header a:hover, header a:active,
footer a:link, footer a:hover, footer a:active {
	background-image:	none;
	text-shadow:		unset;
}

.entry-content:last-child > p {
	margin:			0;
	padding:		0;
}

#site-footer {
	font-size:		16px;
}
.footer-copyright {
	text-align:		center;
}

.add-text-shadow {
	text-shadow:		-2px 2px 4px rgba( 0, 0, 0, 0.5 );
}


.team-grid-block {
	display: grid;
	grid-template-columns:	repeat( 2, 1fr );
	grid-template-rows:	repeat( 2, 1fr );
	grid-auto-rows:		1fr;
	grid-column-gap:	100px;
	grid-row-gap:		120px;
	grid-template-areas:
	". ."
	". .";
}
.team-member-block {
	position:		relative;
	margin:			0 auto;
	z-index:		9;
	min-height:		720px;
	width:			325px;
}
.team-member-block > div {
	position:		absolute;
	top:			0;
	left:			0;
	z-index:		2;
	border:			1px solid #d5d8dB;
	height:			inherit;
	width:			inherit;
	background-color:	#fafafa;
	padding:		0 15px 15px 15px;
	transition:		background-color 0.6s, filter 0.6s ease;
	-webkit-filter:		grayscale(85%);
}
.team-member-block:hover {
}
.team-member-block:hover > div {
	background-color:	#fff;
	filter:			none;
}
.team-member-block .wp-block-image {
	margin:			0 -15px 15px;
}
.team-member-block figure {
	margin:			0;
}
.team-member-block figure img {
	width:			calc( 100% + 30px );
	height:			auto;
/*	-webkit-filter:		grayscale(85%);
	-moz-filter:		grayscale(85%);
	-ms-filter:		grayscale(85%);
	-o-filter:		grayscale(85%);
	transition:		filter 0.6s;
}
.team-member-block:hover figure img {
    filter:			none;
*/
}
.team-member-block .team-member-name,
.team-member-block .team-member-title {
	text-align:		center;
	margin:			0;
	font-size:		1.4rem;
	font-weight:		500;
}
.team-member-block .team-member-title {
	font-size:		1rem;
	font-weight:		400;
}
.team-member-block .member-contact-methods {
	font-size:		.85rem;
	padding-left:		4ch;
}
.team-member-block .team-member-social-media,
.team-member-block .member-contact-methods {
	max-height:		0;
	overflow:		hidden;
	opacity:		0;
	transition:		max-height 900ms, opacity 1400ms;
}
.team-member-block p {
	margin-top:		10px;
	font-size:		17px;
	line-height:		1.3;
}
.team-member-block:hover .team-member-social-media,
.team-member-block:hover .member-contact-methods {
	opacity:		1;
	max-height:		60px;
}
.team-member-block .kt-svg-icon {
	padding:		8px;
}
.team-member-block .kt-svg-icon-fa_linkedin {
	color:			#007bb6;
}
.team-member-block .kt-svg-icon-fa_twitter-square {
	color:			#00aced;
}
.team-member-block .kt-svg-icon-fe_instagram {
	color:			#bc2a8d;
}
.team-member-block .kt-svg-icon:hover {
	color:			#cf3339;
}


.para-width,
#main p {
	max-width:		70ch;
}
.para-width,
.medium-width,
.medium-width-wrap > .innerblocks-wrap {
	margin-right:		auto !important;
	margin-left:		auto !important;
}
.medium-width-wrap > .innerblocks-wrap,
.medium-width {
	max-width:		960px;
}

.main-layout-content main#main .entry-content > .wp-block-themeisle-blocks-advanced-columns.alignfull {
	/* some content forces this Customify element to be wider than the window, causing horizontal scroll of ~20px */
/*	max-width:		calc((var(--vw, 1vw) - .175px) * 100);
*/
	max-width:		100vw !important;
}


.ghost-button a.button {
	border:			.2em solid currentColor !important;
	background:		transparent;
}
.ghost-button a.button:hover {
	border-color:		transparent !important;
}




body.blog:not(.single-post) #main {
	padding-top:		40px;
}
body.blog.single-post #main > .content-inner {
	margin:			0 auto;
}
body.blog .entry-media .entry-thumbnail {
	background:		transparent;
}
body.blog.single-post .entry-thumbnail {
	margin-top:		1.41575em;
}
body.blog.single-post .entry-thumbnail img {
	margin-left:		50%;
	transform:		translateX( -50%);
}
body.blog #blog-posts .posts-layout .entry-thumbnail > img {
	object-fit:		contain !important;
}
body.blog h2.entry-title {
	font-size:		36px;
	margin-bottom:		0;
	font-weight:		500;
	display:		inline-block;
}
body.blog .link-meta, body.blog .link-meta a {
	display:		inline-block !important;
}
body.blog:not(.single-post) .author.vcard a {
	height:			2.3em;
	background-position-x:	80%;
}
body.blog .author.vcard img.avatar {
	width:			40px;
	height:			40px;
	border:			8px solid #fff;
	margin:			0 0 0 -8px;
}
body.blog .entry-readmore {
	text-align:		right;
	padding-right:		80px;
}
body.blog .single-post-title-bar {
	background-color:	var( --Seashell );
	padding:		1rem 0 .8rem;
}
body.blog .single-post-title-bar h1.post-title {
	padding:		0 2em;
}
body.blog main#main {
	padding-bottom:		3.5rem;
}

#sidebar-primary section li {
	border-bottom:		1px solid #d5d8db;
	padding-bottom:		0.6em;
}
#sidebar-primary section li > a {
	display:		inline;
	border-bottom:		none;
	padding-bottom:		0;
}
.tagcloud a.tag-cloud-link {
	background-color:	#f1f1f1;
	padding:		1px .5ch;
	border-color:		#f1f1f1;
	border-radius:		6px;
}
.tagcloud a.tag-cloud-link:before {
	content:		"#";
}
.tagcloud a.tag-cloud-link:hover {
	background-color:	#fff;
	border-color:		currentColor:
}
.widget_post-by-author h2 {
	font-size:		20px;
}
.widget_post-by-author img.avatar {
	border-radius:		50%;
	background-clip:	padding-box;
	float:			left;
	margin-right:		10px;
}



body.blog.single-post {
	margin-bottom:		36px !important;
}
body.blog.single-post #button-top {
	bottom:			50px;
}
div#sb_super_bar {
	height:			36px;
	line-height:		36px;
}
div#sb_super_bar span.sbprogress-bar,
div#sb_super_bar #sb_main_bar div.sb_text-size a {
	background:		#cf3339;
	color:			#fff;
	text-shadow:		none !important;
	text-decoration:	none;
	font:			inherit;
	letter-spacing:		normal;
	line-height:		36px;
}
div.sb_actions > a.sb_comment {
	margin-top:		-8px;
}
div#sb_super_bar div.sb_text-size a:hover {
	background:	       #055382 !important;
}
div#sb_super_bar span.sbprogress-bar {
	height:			5px;
	background-color:	#cf3339 !important;
}
div#sb_super_bar ul.sb_share {
	border-color:		#082923;
	padding:		6px 20px;
}
div#sb_super_bar ul.sb_share li a {
	height:			24px;
	width:			24px;
	text-shadow:		none !important;
	text-decoration:	none;
	border-radius:		50% !important;
	background-image:	none;
}
div#sb_super_bar ul.sb_share li	i {
	color:			#fff;
	line-height:		24px;
}
div#sb_super_bar ul.sb_share li	i:before {
	border-radius:		3px;
}
div#sb_super_bar div.sb_next_post {
	transform:		translateY( 20px );
}	




.sitemap h2.section-title {
	font-size:		24px;
	text-transform:		uppercase;
	background-color:	#e4e5e6;
	padding:		.25em 1em;
	margin:			1px 0;
	cursor:			pointer;
}
.sitemap h2.section-title i {
	float:			right;
}
.sitemap .section {
	padding:		1rem 80px;
	margin:			0;
}

.entry-content .sitemap {
	font-size:		16px;
	max-width:		600px;
	margin-left:		auto;
	margin-right:		auto;
}
.sitemap h2 {
	margin-top:		1em;
	cursor:			hand;
	cursor:			pointer;
}
.sitemap ul.posts strong {
	font-weight:		400;
}
.sitemap .section {
	display:		none;
}
.sitemap .section.active {
	display:		block;
}
.sitemap .searchform input {
	max-width:		80%;
}
.sitemap .searchform button svg {
	margin-top:		8px;
	margin-bottom:		-8px;
	color:			#f9f9f9;
}
.sitemap .wp-tag-cloud {
	list-style-type:	none;
}
.sitemap .wp-tag-cloud li {
	margin:			0;
	padding:		3px 8px;
	display:		inline-block;
}

#button-top {
	position:		fixed;
	bottom:			20px;
	left:			calc( 100% - 60px );
	z-index:		9999;
	width:			40px;
	height:			40px;
	padding:		0;
	border:			0;
	border-radius:		2px;
	box-shadow:		none;
	color:			#fff;
	line-height:		20px;
	cursor:			pointer;
}

i.stats.bad:before	{ color: #be3232; }
i.stats.notgood:before	{ color: #ff953e; }
i.stats.okay:before	{ color: #48992d; }

#below-footer {
	font-size:		.85rem;
}
#footerlinks {
	text-align:		center;
}
@media screen {
	.print-only { display: none; }
}
@media print {
	#footerlinks,
	.no-print { display: none; }
}

