/* general */
h2 {
	font-size:26px;
	margin-bottom:5px;
}

a {
	color:#FF10A4;
}

a:hover {
	color:#e20e91;
}

.btn-darkgray {
	background-color:#666;
	color:#fff;
}

.btn-darkgray:hover,
.btn-darkgray:focus {
	background-color:#999;
	color:#fff;
}

.btn-darkgray:active {
	background-color:#777 !important;
	color:#fff !important;
}

.btn-darkgray[disabled] {
	background-color:#ccc;
	border-color:transparent;
}

.btn-darkgray[disabled]:hover {
	background-color:#ccc;
	border-color:transparent;
}

.video-module-container {
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
}

section video {
	width:100%;
	display:block;
	margin:0;
}

.headline-shadow {
	text-shadow: 0 0 15px rgba(0,0,0,.4);
}

.subhead-shadow {
	text-shadow: 0 0 10px rgba(0,0,0,.7);
}

.home-columns {
	margin-right: 0;
	margin-left: 0;
}
.home-column {
	padding-right: 0;
	padding-left: 0;
}

/* iphone, ipad buttons */
@media only screen and (min-width: 320px) and (max-width: 991px) {
	
	a.btn.btn-pink {
		padding:6px 10px;
		box-shadow: 0 0 20px rgba(0,0,0,.1)
	}
	
}

/* ipad button margins */
@media only screen and (min-width: 768px) and (max-width: 991px) {
	
	a.btn.btn-pink {
		margin-top: 10px;
		box-shadow: 0 0 30px rgba(0,0,0,.15);
	}
	
}

/* desktop button margins */
@media only screen and (min-width: 992px) {
	
	a.btn.btn-pink {
		margin-top: 15px;
		box-shadow: 0 0 40px rgba(0,0,0,.2);
	}
	
}		

/* featured products */

.featured-products .row {
	margin-top:30px;
}

.featured-products .row div {
	text-align: center;
}

.featured-products a img.product-hover {
	-webkit-backface-visibility: hidden; 
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
    image-rendering: -moz-crisp-edges; /* Firefox */
    image-rendering: -o-crisp-edges; /* Opera */
    image-rendering: -webkit-optimize-contrast; /* Webkit (non-standard naming) */
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */
}

.featured-products a:hover img.product-hover {
	-webkit-backface-visibility: hidden; 
    -ms-transform: scale(1.05); /* IE 9 */
    -webkit-transform: scale(1.05); /* Chrome, Safari, Opera */
    transform: scale(1.05);

    
}

.featured-products h2 {
	text-align: left;
	margin:0;
	padding-left: 15px;
}

.featured-products p {
	font-size: 9pt;
	color:#666;
	text-transform: uppercase;
	font-weight:700;
	letter-spacing:-.25px;
	margin-top:15px;
	line-height:11pt;
	-webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}
.swiper-button-next, .swiper-button-prev {
	top: 35%;
}
.lifestyle-hover {
	position: relative;
}
.lifestyle-hover a p {
	position: absolute;
	left: 0;top:50%;
	height: 60px;
	margin-top: -25px;
	width: 100%;
	text-align: center;
	font-size: 30px;
	font-weight: 800;
	color: #fff;
	line-height: 60px;
}
@media only screen and (min-width:768px) {
	.swiper-button-next, .swiper-button-prev {
		top: 50%;
	}
}
/* featured products DESKTOPS ONLY (hover effects) */
@media only screen and (min-width:992px) {

	.lifestyle-hover {
		overflow: hidden;
	}
	
	.lifestyle-hover a {
		overflow:hidden;
		text-decoration: none;
		display: block;
	}
	
	.lifestyle-hover a img,
	.lifestyle-hover p {
		 -webkit-backface-visibility: hidden;
		-webkit-transition: all 400ms ease;
	    -moz-transition: all 400ms ease;
	    -o-transition: all 400ms ease;
	    transition: all 400ms ease;
		image-rendering: -moz-crisp-edges; /* Firefox */
		image-rendering: -o-crisp-edges; /* Opera */
		image-rendering: -webkit-optimize-contrast; /* Webkit (non-standard naming) */
		image-rendering: crisp-edges;
		-ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */
	}
	
	.lifestyle-hover a:hover img {
	    -webkit-transform: translateZ(0) scale(1.1, 1.1);
	    -moz-transform: translateZ(0) scale(1.1, 1.1);
	    -o-transform: translateZ(0) scale(1.1, 1.1);
	    transform: translateZ(0) scale(1.1, 1.1);
	}
}

/* featured products SM */
@media only screen and (min-width:768px) and (max-width: 991px) {
		
	.featured-products .row:nth-child(2) div:nth-child(1),
	.featured-products .row:nth-child(2) div:nth-child(2){
		margin-bottom:20px;
	}
	
	.featured-products h2 {
		font-size:26px;
	}
}

/* featured products XS and BELOW */
@media only screen and (max-width: 767px) {
	
	section.featured-products {
		margin-top:15px;
		padding:0;
	}
	
	.featured-products .row:nth-child(2) div:nth-child(1),
	.featured-products .row:nth-child(2) div:nth-child(2){
		margin-bottom:10px;
	}
	
	.featured-products .row {
		margin:15px 0;
	}
	
	.featured-products p {
		margin-top:5px;
		font-size:7pt;
	}	
}

/* Featured products - small mobiles (iphone5) */
@media only screen and (max-width: 320px) {

	.featured-products p {
		line-height:14px;
	}
	
}

/* homepage container */
.container-hp-full {
	width:100%;
	padding:30px 60px;
}

/* homepage container below sm */
@media only screen and (max-width: 767px) {
	.container-hp-full {
		width:100%;
		padding:30px;
	}
}

/* container LG+ */
@media only screen and (min-width: 1600px) {
	
	.container-hp-full {
    	width: 100%;
    	padding: 60px 120px 30px 120px;
	}
}

.container-instagram {
	padding: 0 15px;
	margin-bottom: 40px;
}
.container-instagram .feed {
	margin-left: 0;
	margin-right: 0;
}
@media only screen and (min-width: 768px) {
	.container-instagram {
		padding: 0 60px;
	}
}
@media only screen and (min-width: 1600px) {
	.container-instagram {
		padding: 0 120px;
	}
}

/* Homepage module styles */

.home-hero-container,
.home-module {
	position:relative;
	color:#FFF;
	margin: 0;
}

.home-hero-left,
.home-hero-right,
.home-hero-center {
	position: absolute;
    -webkit-transform: translateY(-55%);
    -ms-transform: translateY(-55%);
    transform: translateY(-55%);
}

.home-hero-center {
	top: 85%;
}

.home-hero-left,
.home-hero-right {
	top: 55%;
}

.home-module-left,
.home-module-right,
.home-module-center {
	position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.home-hero-right,
.home-module-right {
    text-align: left;
    right:60px;
    width:30%;
}

.home-hero-left,
.home-module-left {
	text-align: left;
    left:60px;
    width:30%;
}
.home-hero-center,
.home-module-center {
    width:100%;
    text-align: center;
}
.home-module a {
	cursor: pointer;
}
.home-module-black {
	color: #000
}
.text-center-override {
	text-align: center !important;
}
.home-hero-down-arrow {
	position: absolute;
	bottom: 5%;
	right: 3%;
	width: 50px;
	height: 50px;
	text-align: center;
	z-index: 1000;
}
.home-hero-down-arrow .fa-chevron-down {
	color: rgba(255, 255, 255, 0.5);
	font-size: 40px;
	padding: 5px;
	box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
	background-color: rgba(255, 255, 255, 0.1);
	transform: scale(1);
	border: 1px solid rgba(255, 255, 255, 0.4);
	animation: pulse 2s infinite;
	border-radius: 30px;
	cursor: pointer;
}
@media only screen and (min-width: 768px) {
	.home-hero-down-arrow {
		bottom: 13%;
	}
	.home-module .slide-content h2,
	.home-module .slide-content h3,
	.home-module .slide-content h4 {
		text-shadow: -1px 1px 2px #000,
		1px 1px 2px #000,
		1px -1px 0 #000,
		-1px -1px 0 #000;
	}
	.home-module .slide-content p {
		text-shadow: -1px 1px 2px #000,
		1px 1px 2px #000,
		1px -1px 0 #000,
		-1px -1px 0 #000;
	}
}
@media only screen and (min-width: 1600px) {
	.home-hero-down-arrow {
		bottom: 5%;
	}
}
@keyframes pulse {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
	}

	70% {
		transform: scale(1);
		box-shadow: 0 0 0 15px rgba(255, 255, 255, 0);
	}

	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
	}
}

/* Homepage hero/modules BELOW sm */
@media only screen and (max-width: 767px) {
	
	.home-hero-left,
	.home-hero-right,
	.home-hero-center {
		transform: none;
		-webkit-transform: none;
		-ms-transform: none;
		top:initial;
		left:initial;
		right:initial;
		bottom:0px;
		position:absolute;
		background-color:transparent;
		padding:1px 0 30px;
		width:100%;
		text-align:center;
		display:block;
		float:none;
		padding:0 15px 30px;
	}

	.home-module-left,
	.home-module-right,
	.home-module-center {
		transform: none;
		-webkit-transform: none;
		-ms-transform: none;
		top:initial;
		left:initial;
		right:initial;
		position:relative;
		background-color:#f3f3f3;
		color:#666;
		padding:1px 0 30px;
		width:100%;
		text-align:center;
		display:block;
		float:none;
	}
	
	.home-module h2 {
		color:#000;
		padding-left: 10px;
		padding-right: 10px;
	}
	
	.home-module p {
		margin-bottom: 15px;
		line-height: 12pt;
		padding: 0 20px;
	}
	
	.video-module-container { /* if XS, move the caption below the video */
		position:relative;
	}
}

/* Homepage hero/module small mobiles (iphone5) */
@media only screen and (max-width: 320px) {
	.home-hero-left,
	.home-hero-right,
	.home-hero-center {
		padding: 0 5px 15px;
	}
	
	.home-hero-left h2,
	.home-hero-right h2,
	.home-hero-center h2 {
		font-size:21px;
	}
	
	.home-module h2,
	.home-module h3,
	.home-module h4 {
		font-size:21px;
	}
	
	.home-hero-container p {
		line-height:16px;
	}
}

/* Homepage hero/module larger mobiles */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.home-hero-left,
	.home-hero-right,
	.home-hero-center {
		padding:0 60px 30px;
	}
	
	.home-hero-left h2,
	.home-hero-right h2,
	.home-hero-center h2 {
		font-size:30px;
	}
	
	.home-module h2,
	.home-module h3,
	.home-module h4 {
		font-size:30px;
	}
	
}
/* Homepage hero/module SM */
@media only screen and (min-width: 768px) and (max-width: 991px) {
	
	.home-hero-left h2,
	.home-hero-right h2,
	.home-hero-center h2 {
		font-size:21px;
	}
	
	.home-module h2,
	.home-module h3,
	.home-module h4 {
		font-size:21px;
	}
	
	.home-module p,
	.home-hero-container p {
		line-height:14pt;
	}

}

/* Homepage hero/module SM+ */
@media only screen and (min-width: 768px) {
	.ips-style {
	    text-transform: none;
	    font-family: 'againts', 'Gotham SSm A', 'Gotham SSm B', sans-serif;
	    letter-spacing: 1.5px;
	    font-size: 200%;
	    line-height: 1.1;
	    font-weight: 100;
	    text-rendering: geometricPrecision;
	}
	
	.ips-style:last-child {
		margin-left:30px;
	}
	
	.module-heading-dark {
		color:#222;
	}
	
	.home-module-center.center-bottom {
		position: absolute;
	    top: initial;
	    -webkit-transform: initial;
	    -ms-transform: initial;
	    transform: initial;
	    bottom: 7%;
	}
	.home-hero-down-arrow {
		left: 50%;
		margin-left: -25px;
	}
}

/* Homepage hero/module MD */
@media only screen and (min-width: 992px) and (max-width: 1199px) {

	.home-module h2,
	.home-module h3,
	.home-module h4 {
		font-size:28px;
	}
	
	.featured-products h2 {
    	font-size: 20px;
	}

}

/* Homepage hero/module LG  */
@media only screen and (min-width: 1200px) and (max-width: 1599px) {

	.home-hero-left h2,
	.home-hero-right h2,
	.home-hero-center h2 {
		font-size:32px;
	}

	.home-module h2,
	.home-module h3,
	.home-module h4 {
		font-size:28px;
	}

}

/* Homepage hero/module LG+ */
@media only screen and (min-width: 1600px) {
	
	#homeHero { /* change to slimmer aspect ratio */
	    /* height: 780px; */
	    overflow: hidden;
	}
	
	#homeHero img { /* change to slimmer aspect ratio */
		/* margin-top: -7%; */
	}
	
	.home-hero-left h2,
	.home-hero-right h2,
	.home-hero-center h2 {
		font-size:45px;
	}

	.home-module h2,
	.home-module h3,
	.home-module h4 {
		font-size:30px;
	}
	
	.home-hero-left,
	.home-module-left {
    	left: 120px;
	}
	
	.home-hero-right,
	.home-module-right {
    	right: 120px;
	}
	
	.home-hero-left p,
	.home-hero-right p,
	.home-hero-center p,
	.home-module p {
		font-size:12pt;
	}
}

/* Homepage hero Macbook Air+  */
@media only screen and (min-width: 1430px) and (max-width:1599px) {

	#homeHero { /* change to slimmer aspect ratio */
	    /* height: 700px; */
	    overflow: hidden;
	}
}

/* Homepage hero/module XL+ */
@media only screen and (min-width: 2100px) {
	
	#homeHero { /* change to slimmer aspect ratio */
	    /*height: 1080px;*/
	    overflow: hidden;
	}
	
	.container-hp-full {
    	width: 100%;
    	padding: 60px 180px;
	}
	
	.home-hero-left,
	.home-module-left {
    	left: 180px;
	}
	
	.home-hero-right,
	.home-module-right {
    	right: 180px;
	}
	
	
}

/* SM+ */
@media only screen and (min-width: 768px) {
	
	.home-module-center .center-bottom {
		position: absolute;
	    top: initial;
	    -webkit-transform: initial;
	    -ms-transform: initial;
	    transform: initial;
	    bottom: 7%;
	}
	
}


/* Blog Feed */
.blog-feed {
	background-color:#f4f4f4;
}

.blog-feed .row {
	margin-top:30px;	
}

.blog-snippet {
	box-shadow: 0 0 20px rgba(0,0,0,.2);
	padding:15px;
	position:relative;
}


.blog-snippet p {
	line-height:150%;
}


.blog-snippet a {
	color:#FF10A4;
	text-decoration: none;
	font-weight:500;
	display: block;
    margin-bottom: 10px;
    line-height: 130%;
}

.blog-snippet a:hover {
	color:#e20e91;
}

.blog-snippet a.read-full-post {
	font-size:9pt;
	text-align: right;
	position:absolute;
	bottom:15px;
	font-weight:300;
	right:15px;
	margin:0;
}

.blog-snippet small {
	font-size:75%;
	color:#999;
}

.blog-feed a.btn {
	float:right;
}

.blog-snippet-container {
	margin-bottom:30px;
}

/* Blog Feed Below SM */
@media only screen and (max-width: 767px) {
	
	.blog-feed {
		padding:30px;
		background-color:#FFF;
	}
	
	.blog-snippet-container {
		margin-bottom:20px;
	}
	
	.blog-snippet-container:last-child { /* only show 3 blog posts on mobile */
		display:none;
	}
	
	.blog-snippet-container:nth-last-child(2) { /* add margin to second-to-last-child, since last child is hidden */
		margin-bottom:30px;
	}
	
	.blog-snippet {
		min-height:220px;
	}
	
	.blog-feed a.btn {
		margin:0 auto;
		width:auto;
		display:block;
		float:none;
	}
	
}

/* Blog Feed for wider mobiles, shorter snippet height */
@media only screen and (min-width: 480px) and (max-width: 767px) { 
	
	.blog-feed h3 {
		font-size:26px;
	}
	
	.blog-snippet {
		min-height:180px;
	}
}

/* Blog Feed SM */
@media only screen and (min-width: 768px) and (max-width:991px) {
	
	.blog-feed h3 {
		font-size:21px;
	}
	
	.blog-snippet {
		min-height: 235px;
	}
}

/* Blog Feed MD */
@media only screen and (min-width: 992px) and (max-width:1199px) {
	
	.blog-feed h3 {
		font-size:28px;
	}
	
	.blog-snippet {
		min-height:260px;
	}
	.blog-snippet-container:last-child { /* hide 4th blog post on MD */
		display:none;
	}
}

/* Blog Feed LG */
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
	
	.blog-feed h3 {
		font-size:30px;
	}
	
	.blog-snippet {
		min-height:255px;
	}
	
	.blog-feed img {
		width:100%; /* force image to span the whole div */
	}
}

/* Blog Feed LG+ */
@media only screen and (min-width: 1600px) {
	
	.blog-snippet {
		min-height: 215px;
	}

}

/* Instagram Feed */

.instagram-feed .row div {
	margin-top:30px;
	margin-bottom:30px;
}

.instagram-feed a:hover:after {
	visibility: visible;
	opacity:1;
}

.instagram-img a {
	width:100%;
	background-color:#000;
	display: block;
}

.instagram-img img {
	-webkit-transition: all 150ms ease;
    -moz-transition: all 150ms ease;
    -o-transition: all 150ms ease;
    transition: all 150ms ease;
    -webkit-backface-visibility: hidden;
    width:100%;
}

.instagram-img a:hover img {
	opacity:.5;
}

.instagram-img a:hover:before {
    content: "\f00e";
    font-family: 'FontAwesome';
    position: absolute;
    top: 43%;
    left: 0;
    color: #FFF;
    font-size: 24pt;
    text-align: center;
    width: 100%;
 }

/* Instagram Feed BELOW sm */
@media only screen and (max-width: 767px) {

	.instagram-feed {
		padding:0;
	    margin-bottom: 15px;
	}
	
	.instagram-feed h3 {
		text-align: center;
	}
	
	.instagram-feed .pink-accent.left-pink:after {
		margin: 10px auto 20px;
	}
	
	.instagram-feed .row {
		margin:0 2px;
	}
	
	.instagram-feed .row div {
		padding:2px;
		margin:0;
	}
	
	.instagram-img a:hover:before {
	    content: "\f00e";
	    font-family: 'FontAwesome';
	    position: absolute;
	    top: 40%;
	    left: 0;
	    color: #FFF;
	    font-size: 16pt;
	    text-align: center;
	    width: 100%;
 	}

}

/* Instagram Feed SM */
@media only screen and (min-width: 768px) and (max-width:991px) {
	
	.instagram-feed h3 {
		font-size:21px;
	}
	
	.instagram-feed .row div {
        margin-top: 5px;
	    margin-bottom: 5px;
	    padding-left: 5px;
	    padding-right: 5px;
	}
	
	.instagram-feed .row {
		padding:10px;
	}

}

/* Instagram Feed MD + */
@media only screen and (min-width:992px) {
	
	.instagram-feed h3 {
		font-size:28px;
	}
	
	.instagram-img:last-child {
		display:none;
	}
	
	.instagram-feed .row div {
    	margin-top: 30px;
    	margin-bottom: 0;
	}
	
	.instagram-feed .row {
		margin-bottom:30px;
	}
	
}

/* Instagram Feed LG+ */
@media only screen and (min-width: 1200px) {
	
	.instagram-feed h3 {
		font-size:30px;
	}
	
	.instagram-feed img {
		width:100%;
	}

}
/* About EB Section */

section.category-info {
    background-color: #eee;
    text-align: center;
}

#longDescription {
    max-width: 700px;
    margin: 0 auto;
}

section.category-info a.read-more-link {
    font-size: 9pt;
    font-weight: 500;
    color: #888;
    text-decoration: none!important;
}

.pink-accent:after {
    content: "";
    position: relative;
    width: 40px;
    background-color: #ff10a4;
    height: 6px;
    display: block;
    margin: 10px auto 0;
}

.pink-accent.left-pink:after {
    margin: 10px 0 0 0;
}

/* About EB BELOW sm */
@media only screen and (max-width: 767px) {
	
	section.category-info h3.pink-accent:after {
		margin: 10px 0 20px 0;
	}
	
	section.category-info h3 {
		text-align: left;
	}
	
	#longDescription {
		font-size:8pt;
		text-align: left;
	}
	
}


/********** FOOTER STYLE *********/

.store-locator-img img {
	position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
	transform: scale(1.0,1.0);
	-webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.store-locator:hover img {
	transform: scale(1.25,1.25);
}

/* Store locator & contact phone responsive styles */
@media only screen and (min-width: 992px) and (max-width:1799px) {
	.store-locator-img img {
		margin-left:-50%;
	}
	a.store-locator, .contact-phone {
		height:217px;
	}
}


/********** SLIDE STYLES *********/

@media only screen and (min-width: 767px){
	.home-prodigy-picks-h2 {
		color: #000;
		font-size: 4.5vw !important;
		letter-spacing: .5px;
	}
	.home-prodigy-picks-p {
		color: #000;
		font-size: 1.15vw !important;
	}
	.home-expression-pedal-h2 {
		color: #3d3c3b;
		text-align: center;
		font-size: 7vw !important;
		letter-spacing: .5px;
	}
	.home-expression-pedal-p {
		color: #818181;
		text-align: center;
		line-height: 3.2vh;
		font-size: 1.7vw !important;
		margin: 0 auto;
		width: 30vw;
		text-transform: uppercase;
		letter-spacing: .8px;
	}
}