/*
Theme Name: 2022-Splash
Theme URI: Inktechnologies.com
Description: Inktechnologies.com
Version: 1.0
Author: Ben Czajkowski
Author URI: Inktechnologies.com
Tags: FIRE
*/
/********************* BLOG ***************************************/

p:has(span:empty) { margin: 0; }

#WebsiteHeader.blog-header { margin-top: 10px; }
#WebsiteHeader .full-header #HeaderMain .logo-wrapper .tagline.blog { margin-top: -20px; }
#AccountLogin .account-items { justify-content: flex-end; }
#AccountLogin #Cart { flex: 0 0 60px } 
#AccountLogin #Cart #CartTotal { display: none; }

#ShopNotice { display: none; }

#SiteWrapper > .container.blog-post { margin-top: 15px; }
#CategoryContent.blog { flex: 0 0 calc(100% - 290px);order: 0; }
#Main-Content { flex: 0 0 100%; display:flex; flex-direction: row;flex-wrap: wrap;align-content: flex-start;justify-content: flex-start;align-items: flex-start; }
#Main-Content .post-list { flex: 0 0 100%; display:flex; flex-direction: row;flex-wrap: wrap;align-content: flex-start;justify-content: flex-start;align-items: flex-start; gap: 30px; }
#Main-Content .post-list .post-content { flex: 0 0 100%; display:flex; flex-direction: row;flex-wrap: wrap;align-content: flex-start;justify-content: flex-start;align-items: flex-start; gap: 15px; }
	#Main-Content .post-list .post-content:nth-child(n+2) { padding-top: 1.75em; border-top: solid 1px rgba(221, 221, 221, 0.25); }
	
#Main-Content .post-list .post-list-footer { flex: 0 0 100%; display:flex; flex-direction: row; flex-wrap: wrap; align-content: center;justify-content: center; align-items: center; margin: 15px 0; }
#Main-Content .post-list .post-list-footer .navigation { flex: 0 0 100%; display:flex; flex-direction: row; flex-wrap: wrap; align-content: center;justify-content: center; align-items: center; gap: 15px; }
#Main-Content .post-list .post-list-footer .navigation > div { flex: 0 0 100%; }
#Main-Content .post-list .post-list-footer .btn-dark a { color: #FFF; overflow: hidden; text-overflow: ellipsis; white-space: normal; text-align: left; }
	#Main-Content .post-list .post-list-footer .btn-dark:empty { display: none; visibility: hidden; }
	
#Main-Content .post-list .post-content .page-title { flex: 0 0 100%; margin:0 0 0 0; padding: 0; border: none; }
#Main-Content .post-list .post-content .byline, #Main-Content .post-list .post-content .post-footer { color: #b3b3b1; font-size: .9em; }
#Main-Content .post-list .post-content .page-date { flex: 0 0 100%; display:flex; flex-direction: row;flex-wrap: wrap;align-content: flex-start;justify-content: flex-start;align-items: flex-start; }
#Main-Content .post-list .post-content .content { flex: 0 0 100%; }
	#Main-Content .post-list .post-content .content p { flex: 0 0 100%; width: 100%; }
	#Main-Content .post-list .post-content .content table { width: 100%; }
	#Main-Content .post-list .post-content .content table tr:first-child td { font-size: 1.1em; text-align: center; }
	#Main-Content .post-list .post-content .content table td { padding: 5px; vertical-align: top; }
	#Main-Content .post-list .post-content .content p br + br, #Main-Content .post-list .post-content .content table td br + br { margin: 0; }
	#Main-Content .post-list .post-content .content p .more-link { display: block; margin-top: 10px; }
	#Main-Content .post-list .post-content .content .wp-caption { text-align: center; margin: 15px auto; width: 100% !important; font-size: .9em; }
	#Main-Content .post-list .post-content .content .wp-caption .wp-caption-text { margin-top: 5px; }

	#Main-Content .post-list .post-content .post-footer { flex: 0 0 100%; background: #f7f7f7; border: solid 1px #eee; padding: 8px 18px; display: flex; flex-flow: row wrap; gap: 10px; }
	#Main-Content .post-list .post-content .post-footer > div { flex: 0 0 auto; max-width: 100%; }

	#related-posts {  }
	#related-posts #related-posts-title { font-size: 18px; margin-bottom: 5px; }
	#related-posts #related-posts-list {  }
		#related-posts #related-posts-list ul { margin-bottom: 0; }
		
	.author-description { flex: 0 0 100%; padding: 8px 18px; background: #f7f7f7;  border: solid 1px #eee; margin: -15px 0 15px 0; }
	
	#Main-Content .post-list .post-content .author-bio, .author-description { flex: 0 0 100%; padding: 8px 18px; border: solid 1px #eee; }
	#Main-Content .post-list .post-content .author-bio .author-bio-info .author { font-weight: bold; }
	#Main-Content .post-list .post-content .author-bio .author-bio-info .description { font-size: .9em; margin-bottom: 10px; }
	#Main-Content .post-list .post-content .author-bio .author-bio-info .read-more { font-size: .8em; }
	
	.post-comments ul.comment-list { margin: 0; padding: 0; list-style: none; }
	.post-comments ul.comment-list li + li { margin-top: 10px; }

#Main-Sidebar { flex: 0 0 290px; order: 1; padding: 0 0 0 20px;display:flex; flex-direction: row;flex-wrap: wrap;align-content: flex-start;justify-content: flex-start;align-items: flex-start; }
#Main-Sidebar .widgets { flex: 0 0 100%; padding: 0; display:flex; flex-direction: row;flex-wrap: wrap;align-content: flex-start;justify-content: flex-start;align-items: flex-start; gap: 20px; }
#Main-Sidebar .widgets .widget { flex: 0 0 100%; padding: 0; display:flex; flex-direction: row;flex-wrap: wrap;align-content: flex-start;justify-content: flex-start;align-items: flex-start; }
#Main-Sidebar .widgets .widget .widget-body { flex: 0 0 100%; }
#Main-Sidebar .widgets .widget #VendorSearch { min-width: 250px; }
#Main-Sidebar .widgets .widget #VendorSearch h3 { font-size: 22px; }
#VendorSearch .vendorContent .vendorModelSearch .finder-text { gap: 15px; }

#Main-Sidebar .widgets .widget h3 { font-size: 18px; font-weight: bold; margin: 0 0 5px 0; padding: 0; }
#Main-Sidebar .widgets .widget ul { padding: 0; margin: 0 0 0 30px; }

@media (max-width: 800px) {

	#CategoryContent.blog { flex: 0 0 calc(100% - 270px); }
	#Main-Sidebar { flex: 0 0 270px; }

}
@media (max-width: 750px) {

	.blog-header#WebsiteHeader .full-header #Logo { height: 70px; }
	#WebsiteHeader .full-header #HeaderMain .logo-wrapper .tagline.blog { margin-top: -10px; }

}
@media (max-width: 700px) {

	#SiteWrapper > .container > .row { flex-flow: column wrap; gap: 20px; }
	#CategoryContent.blog { flex: 0 0 100%; order: 1; padding: 0 10px; }
	#Main-Sidebar { flex: 0 0 100%; order: 0; padding: 0 10px; }
		#Main-Sidebar .widgets { gap: 15px; width: 100%; height: 230px; flex-direction: column; flex-wrap: wrap; }
		#Main-Sidebar .widgets .widget.widget_modelsearch { width: 250px; flex: 0 0 230px; order: 2; }
		#Main-Sidebar .widgets .widget.widget_search { flex: 0 0 60px; width: calc(100% - 265px); order: 0; }
			#Main-Sidebar .widgets .widget.widget_search input[type=text] { width: 150px; }
			#Main-Sidebar .widgets .widget.widget_recent_entries { flex: 0 0 155px; width: calc(100% - 265px); font-size: .95em; order: 1; }
			#Main-Sidebar .widgets .widget.widget_categories, #Main-Sidebar .widgets .widget.widget_archive { display: none; }
}
@media (max-width: 550px) {

	#Main-Sidebar { padding: 0 5px; }
	#Main-Sidebar .widgets { height: 240px; }
	#Main-Sidebar .widgets .widget ul { margin: 0 0 0 20px; }
			#Main-Sidebar .widgets .widget.widget_search input[type=text] { width: 100%;max-width: 140px; }

}
@media (max-width: 530px) {

	#Main-Content .post-list .post-content .content ul { padding-left: 20px; }
	#Main-Content .post-list .post-content .content img { display: block; }


	#Main-Sidebar .widgets { gap: 10px; }
	#VendorSearch .vendorContent .vendorModelSearch { padding: 15px; }
	#Main-Sidebar .widgets .widget #VendorSearch h3 { font-size: 18px; margin: 0; }
	#VendorSearch .vendorContent .vendorModelSearch .vendorTitle { margin: 0; }
	#Main-Sidebar .widgets .widget #VendorSearch, #VendorSearch .vendorContent { min-width: unset; }
	#Main-Sidebar .widgets .widget.widget_modelsearch { width: calc(100% - 210px); min-width: 200px; }
	#Main-Sidebar .widgets .widget.widget_search { width: 200px; }
		#Main-Sidebar .widgets .widget.widget_search input[type=text] { width: 120px; font-size: 12px; }
	#Main-Sidebar .widgets .widget.widget_recent_entries { width: 200px; font-size: .84em; }
	#Main-Sidebar .widgets .widget ul { margin-left: 10px; }
	#Main-Sidebar .widgets .widget.widget_recent_entries li+li { padding-top: 5px; }
}
@media (max-width: 450px) {

	#WebsiteHeader.blog-header .full-header #HeaderMain .logo-wrapper { padding-left: 10px; }
	#WebsiteHeader.blog-header .full-header #Logo a { justify-content: flex-start; }
	
	#SiteWrapper h1, #SiteWrapper .h1 { font-size: 1.7em; }
	#Main-Content { font-size: 12px; }
	#Main-Sidebar .widgets { height: unset; flex-flow: row wrap; justify-content: center; }
	#Main-Sidebar .widgets .widget.widget_modelsearch { width: unset; flex: 0 0 100%; max-width: 240px; order: 0; }
		#VendorSearch .vendorContent .vendorModelSearch { padding: 10px; height: 170px; }
		#VendorSearch .vendorContent .vendorModelSearch .finder-text { gap: 10px; }
		#VendorSearch .vendorContent .vendorModelSearch .vendorInput select { height: 30px; font-size: .9em; padding-left: 5px; }
	
	#Main-Sidebar .widgets .widget.widget_search { flex: 0 0 100%; width: unset; max-width: unset; order: 1; }
		#Main-Sidebar .widgets .widget.widget_search .widget-body { display: flex; justify-content: center; align-items: center;flex-direction: row; flex-wrap: wrap; align-content: center; gap: 10px; }
		#Main-Sidebar .widgets .widget.widget_search .widget-body h3 { margin: 0; padding: 0; }
		#Main-Sidebar .widgets .widget.widget_search .widget-body .button-wrapper .btn::before { content: "\f002" !important;font-family: icomoon !important; top: -1px; }
		#Main-Sidebar .widgets .widget.widget_search .widget-body .button-wrapper .btn > span { display: none; }

	#Main-Sidebar .widgets .widget.widget_recent_entries { display: none; }
}