/* Purchase drop down Bubble text */
@media(min-width: 992px) {
	.header-nav-main nav > ul > li:nth-child(3) > a:before {
		content: 'USE DROP DOWN MENU TO QUICKLY NAVIGATE';
		position: absolute;
		top: -10px;
		left: 50%;
		transform: translate3d(-50%, 0, 0);
		background: #000;
		padding: 4px 10px;
		border-radius: 4px;
		white-space: nowrap;
		font-weight: 400;
		opacity: 0;
		display: none;
		text-transform: none;
		transition: ease transform 300ms, ease opacity 300ms;
	}
	.header-nav-main nav > ul > li:nth-child(3):hover > a:before {
		opacity: 1;
		display: block;
		transform: translate3d(-50%, -30px, 0);
	}
	/* custom float sticky view button */
	.custom-float-cart {
		position: fixed;
		top: 100px;
		right: 20px;
		opacity: 0;
		visibility: hidden;
		transition: ease opacity 300ms;
	}
	html.sticky-header-active .custom-float-cart {
		opacity: 1;
		visibility: visible;
	}
	/* changes the dropdown menu for purchase pages */
	.custom-color-1 {
	color: #ccoooo;
	width: 60% !important;
	margin-bottom: 5px !important;
	background-color: #FFFFFF !important;
	}
}
/* custom float sticky view cart button Mobile */
@media (max-width: 479px) {
	.custom-float-cart {
		position: fixed;
		bottom: 10px;
		top: auto ;
		left: 10px;
		opacity: 0;
		visibility: hidden;
		transition: ease opacity 300ms;
		max-width: 20px;
	}
}
@media (max-width: 479px) {
	html.sticky-header-active .custom-float-cart {
		opacity: 1;
		visibility: visible;
	}
	/* changes hover color on buttons */
	.custom-button-style-1.btn.active.focus, .custom-button-style-1.btn.active:focus, .custom-button-style-1.btn.focus, .custom-button-style-1.btn:active.focus, .custom-button-style-1.btn:active:focus, .custom-button-style-1.btn:focus {
		outline-color: #fff;
	}
	/* changes hover color on paypal button */
	.custom-float-cart input[type="image"]:focus {
		outline-color: #000;
	}
	/* makes footer logo larger */
	#footer .logo img {
		max-width: 200px;
	}
	/* Accordion Background Color */
	html.dark .toggle > label {
		background-color: #383f48;
	}
	/* Featured Boxes Background Color */
	html.dark .featured-box {
		background-color: #383f48;
	}
	html.dark .owl-dots .owl-dot span {
		background-color: #383f48;
	}
	/* for nav to work on mobile */
	.header-btn-collapse-nav {
		z-index: 20;
		position: relative;
	}
	#header .header-btn-collapse-nav {
		margin-top: -30px;
	}
}
/* to center about us youtube videos on mobile */
@media(max-width: 991px) {
	.custom-iframe-width {
		width: 100% !important;
		height: auto !important;
	}
}
/* change the word rotator font size for mobile */
@media (max-width: 767px) {
	h2.word-rotator-title .word-rotate {
		font-size: 24px;
		line-height: 30px;
		margin-bottom: -8px;
		max-height: 30px;
		height: 30px;
	}
	/* changes 9 years on about page */
	h2.mb-lg {
		font-size: 26px;
	}
	h2.mb-sm {
		font-size: 22px;
	}
	/* changes sticky kicks was born at on about page */
	p.lead .alternative-font {
		font-size: 24px;
		line-height: 30px;
		margin-bottom: -8px;
		max-height: 30px;
		height: 30px;
	}
	p.lead {
		font-size: 20px;
		margin-bottom: 8px;
	}
}
/* change the testimonial font size for mobile */
@media (max-width: 767px) {
	p.testimonial-style-6 {
		font-size: 12px;
	}
}
/* change the paypal section font size for mobile */
@media (max-width: 767px) {
	h2.mb-none {
		font-size: 24px;
	}
	h3.lead {
		font-size: 18px;
	}
}
/* change the previous montly winners section font size for mobile */
@media (max-width: 767px) {
	h3 {
		font-size: 20px;
	}
	h3.alternative-font {
		font-size: 20px;
	}
	p.lead {
		font-size: 20px;
	}
}
/* change the whats new section font size for mobile */
@media (max-width: 767px) {
	p {
		font-size: 18px;
	}
}
/* change the media download links font size for mobile */
@media (max-width: 767px) {
	li.lead {
		font-size: 18px;
	}
}
/* reduces testimonial font size */
@media(max-width: 767px) {
	.testimonial-style-6 p {
		font-size: 16px !important;
	}
	/* Creates pointer on image for Reedy popup .gallery-link {
		cursor: pointer;
	}
	*/
}										
@media(max-width: 991px) {
	html.sticky-header-active .custom-float-cart {
		opacity: 1;
		visibility: visible;
	}
	.custom-float-cart {
		position: fixed;
		bottom: 0;
		right: 0;
		opacity: 0;
		visibility: hidden;
		z-index: 999;
	}
	#header .header-nav-main nav > ul > li > a {
		color: #FFF !important;
	}
}