,/* -----
Theme Name:	StoreFront Starter
Description:	A Customized WooCommerce Storefront Theme
Author:	WhiplashDPS.com
Author URI:	http://www.whiplashdps.com
Template:	storefront
Version:	2.0.0
License:	©2022 Whiplash DPS, Inc. All Rights Reserved
*/
/** moved to header for performance
@import '_css/columns_4.0.css';
@import '_css/tables_1.0.css';
@import '_css/shortcodes.css';
*/

/* ---------------------- html customs and fixes */
h1.alpha {
 clear:both;
 margin:0 0 0.5rem;
 line-height:120%;
 font-weight:700;
 font-size:2.4em;
}
.beta, h2 {
 clear:none;
 margin:0 0 0.5rem;
 line-height:120%;
 font-weight:700;
 font-size:2.1em;
}
h1, h1.entry-title {
 font-weight: 700;
}
h3 {
 clear:none;
 margin:0 0 0.5rem;
 line-height:120%;
 font-weight:600;
 font-size:1.8em;
}
h4 {
 clear:none;
 margin:0 0 0.5rem;
 line-height:120%;
 font-weight:600;
 font-size:1.5em;
}
h5 {
 clear:none;
 margin:0 0 0.5rem;
 line-height:120%;
 font-weight:600;
 font-size:1.25em;
}
h6 {
 clear:none;
 margin:0 0 0.5rem;
 line-height:120%;
 font-weight:600;
 font-size:1.1em;
}
p + h2, p + header h2, p + h3, p + h4, ul + h2, ul + header h2, ul + h3, ul + h4, ol + h2, ol + header h2, ol + h3, ol + h4, table + h2, table + header h2, table + h3, table + h4, blockquote + h2, blockquote + header h2, blockquote + h3, blockquote + h4, form + h2, form + header h2, form + h3, form + h4 {
	margin-top:inherit;
}
p.dropcap1::first-letter, p.dropcap2::first-letter, p.dropcap3::first-letter {
 color:#ffffff;
 display:block;
 float:left;
 font-size:2.5em;
 margin:5px 5px -5px 0;
 padding:4px;
}
p.dropcap1::first-letter {
 background:#000000 none repeat scroll 0 0;
 border:2px solid #000000;
 color:#ffffff;
}
p.dropcap2::first-letter {
 border:2px solid #000000;
 color:#000000;
 display:block;
}
p.dropcap3::first-letter {
 border:2px solid #ffffff;
 color:#000000;
 display:block;
 font-size:3em;
 padding:0;
}
blockquote {
 display:table;
 margin:2.5% auto;
 quotes:inherit;
 width:80%;
 padding: 0 1em;
 border-left:none;
 font-style: italic;
}
blockquote::before, blockquote::after {
 color:#c0c0c0;
 font-size:6em;
 line-height:0.7em;
 text-align:center;
 vertical-align:baseline;
 width:15%;
}
blockquote::before {
 content:open-quote;
 float:left;
 text-align:right;
}
blockquote::after {
 content:close-quote;
 float:right;
 text-align:left;
}
blockquote p {
 float:left;
 font-size:1.1em;
 line-height:1.2em;
 margin:auto;
padding: 0 .5rem;	
 text-align:center;
 width:70%;
}
a:focus,
input:focus,
textarea:focus,
button:focus {
 outline: none
}
/* ---------------------- Framing customs and fixes */
#contactbanner #contactfull .wrapper {
	width: 100%;
}
#contactbanner #contactfull .wrapper .textwidget {
	width: 100%;
}
#contactbanner #contactfull .wrapper .textwidget img {
	display:inline-block;
	margin:auto;
}
#contactbanner #contactfull .wrapper .textwidget p {
	width:100%;
}
#contactbanner .wp-block-columns {
	margin: 0 auto;
	gap:0;
}
#contactbanner p {
	display: inline-block;
	margin: .25rem auto;
}
#contactbanner .phone::before {
	content: "\f098";
	display: inline-block;
	font-family: "Font Awesome 5 Free";
	margin-right: 5px;
}
#contactbanner .email::before {
	content: "\f199";
	display: inline-block;
	font-family: "Font Awesome 5 Free";
	margin-right: 5px;
}
.page-template-template-homepage:not(.has-post-thumbnail) .site-main {
	padding-top:inherit; 
}
.site-info {
	padding: 2.617924em 0;
	text-align: center;
}
/* home */
#homeslider img {
	width: 100%;
	height: auto;
}
/* misc */
p.center {
	text-align:center;
}
/* ---------------------- CF7 */
.wpcf7 input {
	max-width: 98%;
}

/* ---------------------- */ @media screen and (min-width:480px) {
/**/ } 

/* ---------------------- */ @media screen and (max-width:639px) {
}	
/**/ } 

/* ---------------------- */ @media screen and (min-width:640px) {
/**/ } 

/* ---------------------- */ @media screen and (max-width:767px) {
	.wp-caption.alignleft {
	max-width: 40%;
/**/ } 

/* ---------------------- */ @media screen and (min-width:768px) {
h1, h2, h3, h4, h5, h6 {
	clear:none !important;
	font-weight: 300;
}
.col-full {
	max-width: 1024px;
}
.wp-caption.alignleft {
/*	display: inline; */
	float: left;
	margin-right: 1.5em;
	max-width: 40%;
}
	
/**/ } 

/* ---------------------- */ @media screen and (min-width:1024px) {
/**/ }