/*

Theme Name: Music Trends
Author: Paul Nalewajk
Author URI: http://www.wwwebtek.com
Version: 1.0.0
Template: pro

head, buttons - Montserrat
nav - Oswald
body - open sans



*/


:root {
	--color-prime: #0081c6; /* blue 006094 */
	--color-second: #3b3a3e; /* charcoal */
	--color-tert: #808285; /* gray */
	--color-quart: #f1f1f1; /*  light gray */
	--color-quint: #231f20; /* almost black */
}

/*

@media (max-width: 1024px) {
	.x-bg-layer-upper-color {
		width: 100vw;
	}
}

*/

html, body {
	/* font-family: "museo-sans",sans-serif !important; */
}


a, a:hover {
    -webkit-transition: color 0.5s ease, background-color 0.5s ease, border-color 0.5s ease, box-shadow 0.5s ease;
    transition: color 0.5s ease, background-color 0.5s ease, border-color 0.5s ease, box-shadow 0.5s ease
}


 /* #Header
================================================== */

@media (max-width: 1024px) {
	.mobile-margin {
		margin-left:1.5em;
	}
}


.hero {
	height: 50vh;
	animation: fadeIn 3s;
	-webkit-animation: fadeIn 3s;
	-moz-animation: fadeIn 3s;
	-o-animation: fadeIn 3s;
	-ms-animation: fadeIn 3s;
}
@media (max-width: 1024px) {
	.hero {
		height: 25vh;
	}
}
@media (max-width: 450px) {
	.hero {
		height: 20vh;
	}
}

@keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-moz-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-webkit-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-o-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-ms-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}



 /* #Slider
================================================== */
/* .x-slider-container { margin-top:-60px;border:0px solid #ff0000 !important; } */



 /* #Fonts
================================================== */

/* body - 808285 */

.color-prime { color:var(--color-prime) !important; }
.color-quint { color:var(--color-quint) !important; }
.color-prime-bg { background-color:var(--color-prime); }



.upper { text-transform:uppercase; }


.small { font-size:.7em; }
.dull { color: #ccc; }

h1, h2, h3, h4, h5, h6 {
	/*
	font-family: "museo-sans",sans-serif !important;
	font-weight:700 !important;
	letter-spacing:.07em !important;
	line-height:1.5em !important;
	text-transform:uppercase;
	*/
}


.white, 
.white h1, 
.white h2, 
.white h3, 
.white h4, 
.white h5, 
.white h6, 
.white p,
.white .phone-mobile, .white .x-text {
		color:#fff !important;
}
.white a { color: rgba(255, 255, 255, .9) !important; }
.white a:hover { color: rgba(255, 255, 255, .5) !important; }


.charcoal, 
.charcoal h1, 
.charcoal h2, 
.charcoal h3, 
.charcoal h4, 
.charcoal h5, 
.charcoal h6, 
.charcoal p,
.charcoal .phone-mobile, .charcoal .x-text {
		color:var(--color-second) !important;
}
.charcoal a { color:var(--color-second) !important; }
.charcoal a:hover { color:var(--color-prime) !important; }



.entry-featured { margin-bottom:3em; }
.cf { margin-top:4em;margin-bottom:3em; }


body.single .entry-content li { margin-bottom:.8em; }

.cards .fa-brands { margin-right:1em; }



 /* #Footer
================================================== */

.footer-links, .social { color:var(--color-prime) !important; }
.footer-links a, .social a {
	color:var(--color-prime) !important;
    transition: opacity 0.5s ease-in-out;
}
.footer-links a:hover, .social a:hover {
	opacity:.65 !important;
    transition: opacity 0.5s ease-in-out;
 }

.footer-cat {
	/* color:var(--color-prime); */
	text-transform:uppercase;
	letter-spacing:.1em;
	white-space: nowrap;
	font-weight:400 !important;
}

@media (max-width: 1024px) {
	.footer-cat { white-space: inherit; }
}


/*
.flex-right-text { text-align:right; }
	@media (max-width: 420px) {
		.flex-right-text { text-align:center; }
	}
*/

.footer-cat {
	margin-top:.7em;
	color:#fff;
	font-size:1em;
	text-transform:uppercase;
	/* white-space: nowrap; */
}


footer ul {
	list-style:none;
	display: block; /* display: inline-block; */
	margin:0em 0em 0em .5em;
}
footer ul ul {
	margin-left:1.2em;
}
footer ul li {
	margin-bottom:.3em;
}


@media (max-width: 1024px) {
	.footer-cat { white-space: inherit; }
}



 /* #Forms
 ================================================== */

.wpcf7 span.wpcf7-form-control-wrap { width: 100%; }

.wpcf7-not-valid-tip { position: absolute !important; left: -40px !important; top: 0 !important; width: 44px !important; height: 35px !important; padding: 0 !important; background: url("_img/contact-form-error.png") !important; overflow: hidden; text-indent: -9999px !important; padding: 0; border: none !important; }
.wpcf7-validation-errors { border: 0; display: none !important;text-shadow: 0 0 0 #000000 !important; }
.wpcf7-mail-sent-ok { border: none !important; margin: 25px 0 0 0 !important; padding: 7px 10px !important; background: #7DCC68 !important; color: #fff; font-size: 14px; text-align: center; }

.wpcf7-captchar { margin-bottom: 0; }

span.wpcf7-form-control-wrap { position: relative !important; display: inline-block; margin-bottom: 2px; }
span.wpcf7-form-control-wrap .wpcf7-text,
span.wpcf7-form-control-wrap .wpcf7-textarea { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 0; }

.wpcf7-submit { margin-bottom: 0; }



input[type="radio"], input[type="checkbox"] {
    margin: 0.425em 0.425em;
    margin-top: 1px \9;
    line-height: normal;
    cursor: pointer;
}

input[type="submit"] {
	text-transform:uppercase;
}

.wpcf7-radio, .wpcf7-checkbox { font-size:.9em !important; }

/*

label { margin-top:20px;height:1px; }

label {
    margin-top: 0px !important;
    height: 1px;
}

*/

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #3b3a3e;
}
input::-moz-placeholder, textarea::-moz-placeholder {
    color: #3b3a3e;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #3b3a3e;
}
input:-moz-placeholder, textarea:-moz-placeholder {
    color: #3b3a3e;
}



.x-btn, .button, .btn-primary, .more-link, .esg-loadmore {
	display: initial !important;
	font-size: 1em !important;
	font-weight:normal;
	letter-spacing:.02em !important;
	padding: 0.813em 1em 0.813em !important;
	text-shadow: 0 0px 0px rgba(255, 255, 255, 0.75) !important;
    text-decoration:none !important;
    white-space:none;
    text-transform:uppercase;
    font-weight:700 !important;
    white-space:nowrap;
    font-family: "Open Sans", sans-serif !important;
}


.x-btn-global.white {
	color:var(--color-prime) !important;
	border: 2px solid #fff !important;
	background-color:#ffffff !important;
	text-decoration:none;
}
.x-btn-global.white:hover {
	color:#fff !important;
	border: 2px solid #fff !important;
	background-color:var(--color-prime) !important;
}
.x-btn-global.dblue {
	color:#ffff !important;
	border-radius:1em !important;
	padding: 0.813em 2em 0.813em !important;
	border: 0px solid #006094 !important;
	background-color:#006094 !important;
	text-decoration:none;
}
.x-btn-global.dblue:hover {
	color:#fff !important;
	border: 0px solid #003f61 !important;
	background-color:#003f61 !important;
}

 /* #Search Output
================================================== */

body.search article.product, body.search article.page {
	width:22%;
	margin:0em 1em;
	float:left;
}
	@media (max-width: 1024px) {
		body.search article.product {
			width:90%;
			margin:0em 0em;
			float:none;
			text-align:center;
		}
		.top-links a { margin-left:0em; }
	}

body.search .entry-featured {

}
body.search .entry-wrap {
	padding:0px !important;
}
body.search .entry-header h2 a {
	margin:0em !important;
}
body.search .entry-content {
	padding:0em 0em 2em 0em !important;
}


 /* #Woo
================================================== */

li.product {
    overflow: hidden;
    position: relative;
    margin: 0 4% 4.5% 0;
    padding: 0;
    background-color: #fff;
    border-radius: 0px !important;
    box-shadow:0 0em 0em #0002 !important;
    text-align:center;
}

.has-post-thumbnail .entry-wrap { border-radius: 0 0 0px 0px !important; }

.has-post-thumbnail .entry-wrap { border-radius: 0 0 0px 0px !important; }

.has-post-thumbnail .entry-featured {
    border-bottom:0px solid #ddd !important;
}
.x-boxed-layout-active .has-post-thumbnail .entry-featured {
    border:0px solid #ddd !important;
}

.entry-header .price, .entry-header .amount {
	font-size:1.2em !important;
	/* color:#231f20 !important; */
}
.product_title, .x-tab-content h2, .related h2, h1.entry-title, .cart_totals h2 {
	font-size:4em !important;
	margin-botton:0px !important;
}

.cat-title {
	font-size:2em !important;
	padding-bottom: .5em;
}


.entry-header h3 a {
    margin: 0;
    padding-bottom: .5em;
    font-size: .7em !important;
    line-height: 1.1em;
    font-weight:400 !important;
    -webkit-transition: color .3s ease;
    transition:color .3s ease;
    text-decoration:none;
}
.entry-header h3 a:hover { color:#0081c6 !important; }


 li.product-category a h2 {
 	font-size: 1.5em !important;
 	font-weight:400 !important;
 }
 
 
[class * =woocommerce] li.product .entry-header .price > .amount, [class * =woocommerce] li.product .entry-header .price > ins > .amount {
    font-size:18px
}
.upsells ul.products li.product, .related ul.products li.product, .cross-sells ul.products li.product {
    border: 0px solid #ddd !important;
    border: 0px solid rgba(0, 0, 0, .15) !important;
    border-radius: 0 0 0px 0px !important;
    box-shadow:0  0em 0em #00000020 !important;
}
.upsells ul.products li.product .entry-featured, .related ul.products li.product .entry-featured, .cross-sells ul.products li.product .entry-featured {
    border-bottom: 0px solid #ddd !important;
    border-bottom:0px solid rgba(0, 0, 0, .15) !important;
}

.has-post-thumbnail .entry-featured {
    border-bottom:0px solid #ddd !important;
}

.x-boxed-layout-active .has-post-thumbnail .entry-featured {
    border:0px solid #ddd !important;
}

/*
.has-post-thumbnail .entry-featured img {
	max-height:200px;
	width:100%;
}
*/

.product-remove a.remove {
	font-size:3em !important;
	color:#b23433 !important;
	text-decoration:none;
}


.x-pagination a, .x-pagination span, .woocommerce-pagination a, .woocommerce-pagination span {
    float: left;
    margin: 0 .35em;
    width: 32px;
    height: 32px;
    font-size: 13px;
    font-weight: 400;
    line-height: 32px;
    text-decoration: none;
    text-shadow: 0 0px 0px rgba(255, 255, 255, .85);
    color: #9e9e9e;
    background-color: #fff;
    border-radius: 50%;
    box-shadow:inset 0 0 #0000, 0 .1em .45em #00000040;
}

.x-pagination a:hover, .woocommerce-pagination a:hover {
    color:#fff;
    background-color: #0081c6 !important;
}


.x-pagination span.current, .woocommerce-pagination span.current {
    text-shadow: 0 1px 2px rgba(0, 0, 0, .65);
    color: #fff;
    background-color: #0081c6 !important;
    box-shadow: inset 0 .1em .35em #000000a6, 0 1px #fffffff2;
}

.woocommerce-tabs a { text-decoration:none !important; }

.count { display:none; }

a.checkout-button {
	margin-bottom:2em;
}
.ppc-button-wrapper { margin:3em 0em !important; }


 /* #Misc
================================================== */

.upper { text-transform:uppercase; }

.normal, .wpsl-wrap { line-height:normal !important; }

.center { text-align:center; }

ul.normal li { margin-bottom:.8em; }




body.home #crumb, .p-meta { display:none;
    /* font-family: "museo-sans",sans-serif !important; */
}
	@media (max-width: 480px) {
		#crumb { display:none; }
	}

.p-meta > span:after {
    content: "";
    padding:0 .5em 0 .45em
}

.p-meta span:nth-child(n+3) { display:none; }

.x-div a,
a.woocommerce-product-gallery__trigger
	{ text-decoration:none !important; }

.image-box-bg { min-height: 30vh; }


.map { max-height:300px; }

.nowrap { white-space:nowrap; }

.top-links a { margin-left:1em; }
	@media (max-width: 1024px) {
		.top-links a { margin-left:0em; }
	}



.entry-wrap {
    padding: 0px;
    border-radius: 0px;
    box-shadow: 0 0em 0em 0 rgba(0, 0, 0, 0.135);
}

a.x-image img {
     transition: opacity 0.5s ease-in-out;
}
a.x-image img:hover {
    opacity:.65 !important;
    transition: opacity 0.5s ease-in-out;
}

.x-pricing-column.featured {
     margin-top: 0px !important;
  }


.x-map {  }


.entry-title, .x-tab-content h2, .related h2 {
    margin:0px 0px 30px 0px;
    font-size: 1.5em !important;
    line-height:1.05;
}

body.single-product .entry-title {
	font-size: 2em !important;
	line-height:1.2em;
}

.product_meta .posted_in {
  display: block;
}

.widget ul li a, .widget ol li a {
    border-bottom: 0px dotted;
    color:#7a7a7a
}

.specialorder {
	font-size:25px;
	color:#ff8400;
    background: #f9f9f9;
    border: solid 1px #ff8400;
    border-radius: 6px;
    order: -2;
    padding: 7px;
    text-align: center;
}


.instockbanner {
	font-size:25px;
	color:green;
    background: #f9f9f9;
    border: solid 1px green;
    border-radius: 6px;
    order: -2;
    padding: 7px;
    text-align: center;
}

.instockbannertext {
	font-weight:bold;
	font-size:15px;
	color:black;
    text-align: center;
}

.instockbannersmall {
	font-size:12px;
	color:black;
    text-align: center;
}

p.stock.in-stock {
display:none !important;
}


.m21yy-u.x-anchor .x-anchor-text-primary {
    font-size: 1em !important;
	font-weight:bold;
    color: rgb(255, 255, 255);
}


.woocommerce .price > .from, .woocommerce .price > del, .woocommerce p.stars span a:after {
	color: #c41f31 !important;
}