/*
 Theme Name:   BM Global Supply Child
 Description:  BM Global Supply Child Theme
 Author:       Stephanie Lask
 Template:     BMGlobalSupply
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  BMGlobalSupply-child

*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS: 
----------------------------------------------------------------
1.0 Bootstrap
	1.1 Adjustments

2.0	Underscores
	2.1 Elements
	2.2 Accessibility
	2.3 Alignments
	2.4 Clearings

3.0 Your Web Layout
	3.1 Typography
	3.2 Background
	3.3 Header
	3.4 Navigation
	3.5 Contentog
	3.6 Sidebar
	3.7 Footer
	3.8 Custom
	3.9 WooCommerce
	3.9.5 Blog

4.0 Media Queries
	4.1 xs
	4.2 sm
	4.3 md
	4.4 lg
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Bootstrap
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.1 Adjustments
--------------------------------------------------------------*/
/* If they insist, disable responsiveness thusly
 * @link http: //getbootstrap.com/getting-started/#disable-responsive
 *
 * 1. Replace all col classes (col-lg, col-md, col-sm) with col-xs
 * 2. Remove all navbar collapsing and expanding behavior
 * 3. Uncomment css below to override container width
 */

/*
.container {
	width: 970 !important;
}


@media (min-width: 576px) {

}

@media (min-width: 768px) {
	.container {
		width: 970px;
	}
}

@media (min-width: 992px) {
	.container {
		width: 970px;
	}
}

@media (min-width: 1200px) {
	.container {
		width: 970px;
	}
}
*/

/*--------------------------------------------------------------
2.0	Underscores
--------------------------------------------------------------*/

/*--------------------------------------------------------------
2.1 Elements
--------------------------------------------------------------*/
img {
	height: auto; /* Make sure images are scaled correctly */
	max-width: 100%; /* Adhere to container width */
}

figcaption {
	font-size: 16px;
	margin-bottom: 20px;
	margin-top: 5px;
}

/* Make sure elements fit their containers */
embed,
iframe,
object,
.wp-caption,
.widget select {
	max-width: 100%;
}

/* Required by WordPress theme check */
.sticky,
.bypostauthor,
.gallery-caption,
.wp-caption-text {
}

/*--------------------------------------------------------------
2.2 Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #fff;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #14253e;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}

/* put code in here to specify colors for Dark Mode on mobile devices */
@media (prefers-color-scheme: dark) {
	
}

/*--------------------------------------------------------------
2.3 Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}

/*--------------------------------------------------------------
2.4 Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
3.0 Your Web Layout
--------------------------------------------------------------*/
/* this removes the anchor tags around images and text when printing a webpage */
@media print {
	a[href]:after {
		content: "";
	}
}

/*--------------------------------------------------------------
3.1 Typography
--------------------------------------------------------------*/
body {
	color: #000;
	/*font-family: "Raleway", sans-serif;*/
	font-family: "Fira Sans Extra Condensed", sans-serif;
	font-size: 19px;
	font-style: normal;
	font-weight: 400;
	line-height: 25px;
	min-width: 300px;
	overflow-x: hidden;
	text-rendering: optimizeLegibility;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5
.h5 {
	color: #af1f32;
	font-weight: 700;
}
h1,
h2.post-title {
	font-size: 36px;
	line-height: 39px;
}

h2 {
	font-size: 26px;
	line-height: 34px;
}

h3 {
	font-size: 22px;
	line-height: 30px;
}

h4 {
	font-size: 20px;
	line-height: 26px;
}

p {
	margin-bottom: 20px;
}

a {
	color: #af1f32;
	transition: .5s;
}

a:hover, 
a:focus {
	color: #ff2600;
	text-decoration: underline;
	transition: .5;
}

/*this hides the dotted border that appears on menu items when active */
a:focus {
	outline: none;
}

/* Button Styles */
.btn-success {
	background-color: #af1f32;
	border-color: #af1f32;
	color: #fff;
}
.btn-success:hover, 
.btn-success:focus, 
.btn-success:active, 
.btn-success.active, 
.open .dropdown-toggle.btn-success {
	background-color: #000;
	border-color: #000;
	color: #fff;
	transition: .5s;
}
.btn-lg, 
.btn-group-lg > .btn {
	border-radius: 0;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.33;
	padding: 10px 30px;
}

ul {
	margin-bottom: 20px;
	padding-left: 20px;
}

/* xs */
@media (min-width: 576px) {
	body { 
		overflow-x: inherit;
	}
}

/* sm */
@media (min-width: 768px) {
	h1,
	.h1 {
		font-size: 50px;
	}
}

/* md */
@media (min-width: 992px) {

}

/* lg */
@media (min-width: 1200px) {

}

/*--------------------------------------------------------------
3.2 Background
--------------------------------------------------------------*/
body,
.site-content {
	background: #fff;
}
.site-header {
	background: #588ec1;
	font-family: "Raleway", sans-serif;
}
#site-navigation,
.navbar-default {
	background: #293863;
}
.site-content > .container {
	background: #fff;
}
.site-footer {
	background: url("images/footer-bg.jpg") no-repeat scroll center center / cover;
	border-top: 8px solid #c11d2e;
}

/*--------------------------------------------------------------
3.3 Header
--------------------------------------------------------------*/
#logo {
	margin-bottom: 10px;
	margin-top: 10px;
	text-align: center;
}
#logo img:hover {
	opacity: .7;
	transition: .5s;
}
#black-studio-tinymce-2 a {
	font-weight: 400;
}
.cart-contents,
#black-studio-tinymce-2 {
	padding: 5px 0;
}
.fa-lock,
.fa-user,
.fa-shopping-cart {
	margin-left: 8px;
	margin-right: 8px;
}
.cart-contents p,
.cart-contents a {
	color: #fff;
	font-size: 16px;
	margin-bottom: 0;
}
.cart-contents a:hover {
	color: #af1f32;
	transition: .5s;
}
#woocommerce_product_search-2,
.cart-contents {
	margin-top: 10px;
}
#woocommerce-product-search-field-0 {
	border: 0;
	color: #000;
	padding: 5px 5px 5px 10px;
}
.woocommerce-product-search button {
	font-family: FontAwesome;
	border-radius: 0;
	border: 0;
	font-size: 14px;
	font-weight: 400;
	margin-left: -5px;
	padding: 5px 21px;
}
#black-studio-tinymce-14 p {
	font-size: 11px;
}

/* Predictive Search Widget */
.wc_ps_bar {
	margin-top: 20px !important;
}
.wc_ps_sidebar_container .wc_ps_nav_submit {
	background-color: #ccc !important;
	border-right: 0;
	border-left: 0 !important;
}

/* xs */
@media (min-width: 576px) {

}

/* sm */
@media (min-width: 768px) {
#logo {
	text-align: left;
}
}

/* md */
@media (min-width: 992px) {
	#woocommerce_product_search-2,
	.cart-contents {
		margin-top: 30px;
	}
	.wc_ps_bar.wc_ps_bar-4370 {
		margin-top: 30px !important;
	}
}

/* lg */
@media (min-width: 1200px) {
	#woocommerce-product-search-field-0 {
		width: 390px;
	}
}

/*--------------------------------------------------------------
3.4 Navigation
--------------------------------------------------------------*/
/* Primary nav */
.navbar {
	border: none;
	border-radius: 0;
	margin-bottom: 0;
	min-height: 30px;
}

.navbar-default .navbar-nav {
	margin: 0;
	padding-left: 0;
}
.navbar-default .navbar-nav > li {
	padding: 15px;
}
.navbar-default .navbar-nav > li > a {
	color: #fff;
	font-size: 17px;
	font-weight: 500;
	text-transform: uppercase;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus {
	background-color: #af1f32;
	color: #fff;
	transition: .5s;
	text-decoration: none;
}
.navbar-default .navbar-nav > .active > a {
	background-color: #af1f32;
	color: #fff;
}
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
	background-color: #af1f32;
	color: #fff;
	transition: .5s;
	text-decoration: none;
}
.navbar.navbar-nav .sub-arrow, 
.navbar.navbar-nav .collapsible .sub-arrow {
	margin-left: 1px;
}

/* sm */
@media (max-width: 992px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav > li {
        float: none;
    }
    .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
          display:block !important;
          overflow-y:auto !important;
    }
    .dropdown-menu {
        position:relative;
        box-shadow:none;
        border:none;
        float:none;
    }
}

/* lg */
@media (min-width: 1200px) {	
	.navbar-default .navbar-nav > li {
		padding: 15px 13px;
	}
}


/*-------------------------------------------------------------
		Hamburger Menu 
--------------------------------------------------------------*/
/*edit to length you need to remove vertical scroll on mobile view*/
.navbar-collapse {
	/*max-height: 600px;*/
	max-height: 240px;
	transition: all .9s;
}

/* removes grey top border on mobile devices */
.navbar-default .navbar-collapse, 
.navbar-default .navbar-form {
	border: 0 none;
}

/*styles for hamburger toggle */
.navbar-default .navbar-toggle {
	background-color: transparent;
	border: 1px solid #fff;
	border-radius: 0;
	float: right;
	margin-bottom: 8px;
	margin-right: 15px;
	margin-top: 8px;
	padding: 9px 10px;
	position: relative;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
	background-color: transparent;
	opacity: 0.6;
	transition: .5s;
}

.navbar-default .navbar-toggle .icon-bar {
	background-color: #fff;
	border-radius: 1px;
	display: block;
	height: 2px;
	width: 22px;
}

/*--------------------------------------------------------------
3.5 Content
--------------------------------------------------------------*/
.home .entry-title  {
	display: none;
}

.entry-title {

}

.home .entry-content {

}

.entry-content {
	padding-bottom: 25px;
}

.entry-content li {
	margin-bottom: 5px;
}

.entry-footer {

}
.btn {
	margin-top: 20px;
}
.entry-header {
	text-align: center;
	margin: 30px 0;
}
.title-bg {
	background: #af1f32;
	margin-bottom: 30px;
	padding: 15px 0;
	text-align: center;
}
.title-bg h1 {
	color: #fff;
	font-size: 36px;
	font-weight: 700;
	margin-bottom: 0;
	margin-top: 0;
}
.page .entry-title {
	display: none;
}

/* sm */
@media (min-width: 768px) {
	
}

/* md */
@media (min-width: 992px) {	
	
}

/* lg */
@media (min-width: 1200px) {
	
}

/*--------------------------------------------------------------
3.6 Sidebar
--------------------------------------------------------------*/
.widget-area {

}

.widget-title {

}

/*--------------------------------------------------------------
3.7 Footer
--------------------------------------------------------------*/
.copyright {
	background: transparent;
	padding: 10px 0;
}
.copyright p,
.copyright a {
	color: #fff;
	font-size: 12px;
	margin-bottom: 0;
}
.footer-text {
	padding: 30px 0;
}
.footer-text .widget-title {
	border-bottom: 2px solid #af1f32;
	color: #fff;
	font-size: 30px;
	font-weight: 400;
	margin: 0 0 20px;
}
#black-studio-tinymce-3 p,
#black-studio-tinymce-3 a {
	color: #fff;
	font-size: 18px;
}
.footer-text .fa-facebook-f,
.footer-text .fa-twitter,
.footer-text .fa-linkedin-in,
.footer-text .fa-pinterest {
	color: #fff;
	font-size: 18px;
}
.footer-text .fa-facebook-f:hover,
.footer-text .fa-twitter:hover,
.footer-text .fa-linkedin-in:hover,
.footer-text .fa-pinterest:hover {
	color: #af1f32;
	transition: .5s;
}
.footer-text .fa-facebook-f,
.footer-text .fa-twitter,
.footer-text .fa-linkedin-in {
	margin-left: 5px;
	margin-right: 5px;
}
ul#menu-footer-menu-1,
ul#menu-footer-menu-2,
ul#menu-footer_menu_3 {
	list-style: none;
	padding-left: 0;
}
.menu > li > a {
	color: #fff;
	font-size: 18px;
	font-weight: 400;
	line-height: 30px;
}
.menu > li > a:hover {
	color: #af1f32;
	text-transform: underline;
	transition: .5s;
}
/* sm */
@media (min-width: 768px) {
	.menu > li > a,
	#black-studio-tinymce-3 p {
		line-height: 35px;
	}

}

/* md */
@media (min-width: 992px) {
	
	/* Sticky footer - @link http: //mystrd.at/modern-clean-css-sticky-footer/ */
	html {
		min-height: 100%;
		position: relative;
	}
	
	body {
		margin: 0 0 450px; /* = .site-footer height */
	}
	
	.site-footer {
		bottom: 0;
		height: 450px; /* = body margin-bottom */
		left: 0;
		position: absolute; /* replace with position: fixed; to keep footer fixed to bottom of browser - see footer file too! */
		width: 100%;
	}
}

/* lg */
@media (min-width: 1200px) {

}

/*--------------------------------------------------------------
3.8 Leaderboard
--------------------------------------------------------------*/
.leaderboard-image img {
	width: 100%;
}

/*--------------------------------------------------------------
3.8 Custom
--------------------------------------------------------------*/
.search-submit {
	font-family: FontAwesome;
}
.leaderboard-image img {
	width: 100%;
}
.spacer {
	margin-top: 30px;
}
.mb-30 {
	margin-bottom: 30px;
}
.mb-60 {
	margin-bottom: 60px;
}
.mt-30 {
	margin-top: 30px;
}
.mt-60 {
	margin-top: 60px;
}

/* Home Page Styles */
.about-section {
	padding-left: 15px;
  
}
.about-section h2 {
	color: #b11c2e;
	font-size: 25px;
	font-weight: 800;
	margin-bottom: 15px;
}
.about-section p {
	font-weight: 700;
}
.about-section h2,
.about-section p {
	color: #b11c2e;
}
.packages {
    padding: 80px 0px;
  padding-top: 110px;
  background: #eaeaea;
  border-bottom: 9px solid #c11d2e;
  background-attachment: fixed
}
.packages h5 {
  font-weight: bold;
  font-size: 25px;
}
.packages .row {
  padding-top: 50px;
  padding-bottom: 0px !important;
}
.packages .container {
  max-width: 1000px !important;
}
.packages .col-md-6 {
  margin-bottom: 25px !important;
}
.packages .card {
  border-radius: 0px !important;
  border: none !important;
  height: 100%;
  box-shadow: 0px 0px 5px lightgray;
}

.packages .card h5 {
  text-align: center;
  font-weight: bold;
}
.packages .card ul {
  padding: 0px;
  margin-top: 35px;
  margin-bottom: 35px;
  padding-left: 15px;
  box-sizing: border-box;
}
.packages .card ul li {
  list-style: none;
  color: gray;
  margin-top: 15px;
  font-weight: 600;
}
.packages .card ul li span {
  display: inline-block;
  width: 10px;
  height: 10px;
  background: gray !important;
  border-radius: 100%;
  margin-right: 10px;
}
.packages .card .btn {
  margin: 40px auto;
  margin-bottom: 0px !important;
  display: block;
}
.packages .card .btn-primary {
  background: dodgeblue !important;
  color: white;
}
.packages .card .btn-primary:hover {
  color: dodgeblue !important;
}
.featured-one,
.featured-two,
.featured-three,
.featured-four {
	padding: 30px 0;
}
/*.featured-two img:hover,*/
.featured-three img:hover,
.featured-five img:hover {
	opacity: .7;
	transition: .5s;
}
.featured-one,
.featured-two,
.featured-four {
	background-size: cover;
	background-repeat: no-repeat;
}
.featured-one {
	background-attachment: fixed;
}
.featured-two,
.featured-four {
	background-attachment: scroll;
}
.featured-one h1,
.featured-two h1,
.featured-three h1,
.featured-four h1,
.featured-five h1 {
	margin-bottom: 20px;
}
.featured-one .woocommerce-loop-product__title,
.featured-four .woocommerce-loop-product__title {
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	text-transform: uppercase;
}
.featured-one .woocommerce ul.products li.product, .woocommerce-page ul.products li.product, 
.featured-one .woocommerce-page[class*="columns-"] ul.products li.product, 
.featured-one .woocommerce[class*="columns-"] ul.products li.product,
.featured-four .woocommerce ul.products li.product, .woocommerce-page ul.products li.product, 
.featured-four .woocommerce-page[class*="columns-"] ul.products li.product, 
.featured-four .woocommerce[class*="columns-"] ul.products li.product {
	margin: 0 20px 30px;
}
.featured-one .woocommerce ul.products li.product .price {
	color: #fff;
}
.featured-one .woocommerce-Price-amount.amount,
.featured-four .woocommerce-Price-amount.amount {
	color: #fff;
}
.featured-one h1,
.featured-four h1 {
	margin-top: 0;
}

/* Coupons Page */
.red-coupon {
	border: 7px solid #af1f32;
	margin-bottom: 20px;
	text-align: center;
}
.red-coupon h3 {
	color: #af1f32;
	margin-bottom: 20px;
}
/* FLIP */
.top-category .card:hover {
  -webkit-transform: scale(1) !important;
  transform: scale(1) !important; }

.top-category .card-flip {
  -webkit-perspective: 1000px;
  perspective: 1000px; }
  .top-category .card-flip:hover .flip,
  .top-category .card-flip.hover .flip {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg); }

.top-category .card-flip,
.top-category .front,
.top-category .back {
  width: 100%;
  height: 280px; }

.top-category .flip {
  -webkit-transition: 0.6s;
  transition: 0.6s;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  position: relative; }

.top-category .front,
.top-category .back {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
  top: 0;
  left: 0; }

.top-category .back .card {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-shadow: inset 0 0 0 5px white, inset 0 0 0 10px #af1f32;
  box-shadow: inset 0 0 0 5px white, inset 0 0 0 10px #af1f32; }
  .top-category .back .card .btn {
    padding: 10px 25px; }

.top-category .front {
  z-index: 2;
  -webkit-transform: rotateY(0deg);
  transform: rotateY(0deg); }

.top-category .back {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg); }
  
section.top-category {
  padding: 50px 0; }
  section.top-category .container {
    max-width: 1300px !important; }
  section.top-category .card {
background-color: transparent;
    height: 184px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 30px; }
    section.top-category .card:hover {
      -webkit-transform: scale(1.1);
      transform: scale(1.1); }

/* top-category */
.top-category a {
  text-decoration: none; }

.top-category .card {
  position: relative;
  border: none; }
  .top-category .card .title {
    font-size: 16px;
    margin: 0;
    padding: 15px;
    color: white;
    text-align: center;
    background: #af1f32;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%; }
    .top-category .card .title:hover {
      background: black; }

/* sm */
@media (min-width: 768px) {

	/* Flip Boxes */
	.flip-card {
		background-color: transparent;
		width: 100%;
		height: 190px;
		perspective: 1000px;
	}
	.flip-card .flip-card-inner {
		position: relative;
		width: 100%;
		height: 100%;
		text-align: center;
		transition: transform 0.6s;
		transform-style: preserve-3d;
	}
	.flip-card-inner {
		position: relative;
		width: auto;
		height: auto;
		text-align: center;
		transition: transform 0.8s;
		transform-style: preserve-3d;
	}
	.flip-card-inner img {
		border: 1px solid #fff;
	}
	.flip-card .flip-card-front, .home-categories .flip-card .flip-card-back {
		position: absolute;
		width: auto;
		height: auto;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
	}
	.flip-card-front, 
	.flip-card-back {
		position: absolute;
		width: 100%;
		height: 96%;
		backface-visibility: hidden;
	}
	.flip-card .flip-card-back {
		background-color: #000;
		transform: rotateY(180deg);
	}
	.flip-card .flip-card-front, 
	.flip-card .flip-card-back {
		position: absolute;
		width: 100%;
		height: 96%;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
	}
	.flip-card-back {
		background-color: #000;
		border: 1px solid #fff;
		transform: rotateY(180deg);
		padding: 1rem;
	}
	.flip-card .flip-card-back .cat-title {
		width: 100%;
		padding: 10px 0;
		margin-top: 2.5rem;
		font-size: 1.5rem;
		white-space: nowrap;
		overflow: hidden;
		text-align: center;
		text-overflow: ellipsis;
		text-shadow: none !important;
		text-transform: capitalize;
	}
	.flip-card:hover .flip-card-inner {
		transform: rotateY(180deg);
	}
	.align-img {
		display: flex;
		align-items: center;
	}

}

/* md */
@media (min-width: 992px) {

}

/* lg */
@media (min-width: 1200px) {

}

/* xl */
@media (min-width: 1400px) {
	.featured-one {
		height: 1470px;
		margin-bottom: -163px;
		padding: 250px 0;
	}
	.featured-two {
		height: 1000px;
		padding: 200px 0;
	}
	.featured-four {
		height: 1470px;
		padding: 250px 0;
	}

}

/*-------------------------------------------------------
weForms CSS
--------------------------------------------------------*/
/* Form Buttons */
#form-preview-stage.wpuf-style ul.wpuf-form .wpuf-submit input[type="submit"], 
.wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-submit input[type="submit"] {
	font-size: 18px !important;
	padding: 10px 16px !important;
	border-radius: 0 !important;
	background: #af1f32 !important;
	border-color: #af1f32 !important;
	box-shadow: none !important;
	color: #fff !important;
	font-weight: 600 !important;
	text-decoration: none;
	text-shadow: none !important;
}
#form-preview-stage.wpuf-style ul.wpuf-form .wpuf-submit input[type="submit"]:hover, 
.wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-submit input[type="submit"]:hover {
	background: #000 !important;
	border-color: #000 !important;
	color: #fff !important;
	transition: .5s !important;	
}

/*--------------------------------------------------------------
Animations
--------------------------------------------------------------*/
/* hides animations until scroll */	
.bt_hidden { 
	opacity: 0;
}

.bt_visible { 
	opacity: 1;
}

.fadeInRight,
.fadeInLeft,
.fadeInDown,
.fadeInUp,
.fadeIn {
	animation-duration: 2s;
}

.fadein-right-1.fadeInRight,
.fadein-left-1.fadeInLeft {
	animation-duration: 2s;	
}

.fadein-right-2.fadeInRight,
.fadein-left-2.fadeInLeft {
	animation-duration: 3s;	
}

.fadein-right-3.fadeInRight,
.fadein-left-3.fadeInLeft {
	animation-duration: 4s;	
}

.slideInRight,
.slideInLeft {
	animation-duration: 2s;
}

.slideInDown,
.slideInUp {
	animation-duration: 3s;
}


/*@keyframes tada {
  from {
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  animation-name: tada;
}


@keyframes zoomIn {
  from {
    opacity: 1;
    transform: scale3d(1.0, 1.0, 1.0);
  }

  50% {
    opacity: 1;
    transform: scale3d(1.3, 1.3, 1.3);
  }
	
  100% {
    transform: scale3d(1.0, 1.0, 1.0);
  }
}

.zoomIn {
	animation-delay: 3s;
	animation-duration: 6s;
	animation-name: zoomIn;
}*/

@keyframes zoomIn-logo {
  from {
    opacity: 0;
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn-logo {
	animation-duration: 2s;
	animation-name: zoomIn-logo;
}
/*--------------------------------------
WooCommerce
---------------------------------------*/

/* WooCommerce button example */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce #content input.button,
.woocommerce-page a.button,
.woocommerce-page button.button,
.woocommerce-page input.button,
.woocommerce-page #respond input#submit,
.woocommerce-page #content input.button {
	background: #af1f32; /* W3C */
	color: #fff;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce #content input.button:hover,
.woocommerce-page a.button:hover,
.woocommerce-page button.button:hover,
.woocommerce-page input.button:hover,
.woocommerce-page #respond input#submit:hover,
.woocommerce-page #content input.button:hover {
	background: #000;
	color: #fff;
	transition: .5s;
}

/*Proceed to Checkout button */
.woocommerce #respond input#submit.alt, 
.woocommerce a.button.alt, 
.woocommerce button.button.alt, 
.woocommerce input.button.alt,
.woocommerce #respond input#submit.alt:hover, 
.woocommerce a.button.alt:hover, 
.woocommerce button.button.alt:hover, 
.woocommerce input.button.alt:hover {
	background-color: #af1f32;
	color: #fff;
}

/* Disabled Add to Cart Button */
.woocommerce #respond input#submit.alt.disabled, 
.woocommerce #respond input#submit.alt.disabled:hover, 
.woocommerce #respond input#submit.alt:disabled, 
.woocommerce #respond input#submit.alt:disabled:hover, 
.woocommerce #respond input#submit.alt[disabled]:disabled, 
.woocommerce #respond input#submit.alt[disabled]:disabled:hover, 
.woocommerce a.button.alt.disabled, 
.woocommerce a.button.alt.disabled:hover, 
.woocommerce a.button.alt:disabled, 
.woocommerce a.button.alt:disabled:hover, 
.woocommerce a.button.alt[disabled]:disabled, 
.woocommerce a.button.alt[disabled]:disabled:hover, 
.woocommerce button.button.alt.disabled, 
.woocommerce button.button.alt.disabled:hover, 
.woocommerce button.button.alt:disabled, 
.woocommerce button.button.alt:disabled:hover, 
.woocommerce button.button.alt[disabled]:disabled, 
.woocommerce button.button.alt[disabled]:disabled:hover, 
.woocommerce input.button.alt.disabled, 
.woocommerce input.button.alt.disabled:hover, 
.woocommerce input.button.alt:disabled, 
.woocommerce input.button.alt:disabled:hover, 
.woocommerce input.button.alt[disabled]:disabled, 
.woocommerce input.button.alt[disabled]:disabled:hover,
.woocommerce #respond input#submit.disabled, 
.woocommerce #respond input#submit:disabled, 
.woocommerce #respond input#submit:disabled[disabled], 
.woocommerce a.button.disabled, 
.woocommerce a.button:disabled, 
.woocommerce a.button:disabled[disabled], 
.woocommerce button.button.disabled, 
.woocommerce button.button:disabled, 
.woocommerce button.button:disabled[disabled], 
.woocommerce input.button.disabled, 
.woocommerce input.button:disabled, 
.woocommerce input.button:disabled[disabled] {
 	background-color: #af1f32;
	color: #fff;
}
.woocommerce #respond input#submit.disabled:hover, 
.woocommerce #respond input#submit:disabled:hover, 
.woocommerce #respond input#submit:disabled[disabled]:hover, 
.woocommerce a.button.disabled:hover, 
.woocommerce a.button:disabled:hover, 
.woocommerce a.button:disabled[disabled]:hover, 
.woocommerce button.button.disabled:hover, 
.woocommerce button.button:disabled:hover, 
.woocommerce button.button:disabled[disabled]:hover, 
.woocommerce input.button.disabled:hover, 
.woocommerce input.button:disabled:hover, 
.woocommerce input.button:disabled[disabled]:hover {
	background-color: #000;
	color: #fff;
}
.woocommerce #respond input#submit, 
.woocommerce a.button,
.woocommerce button.button, 
.woocommerce input.button {
	font-size: 17px;
	font-weight: 600;
	padding: 10px 30px;
}
.woocommerce form .form-row label.checkbox, 
.woocommerce-page form .form-row label.checkbox {
	margin-top: 0;
}
.woocommerce-terms-and-conditions-checkbox-text {
	position: relative;
	top: -15px;
}
.woocommerce form .form-row .required {
	position: relative;
	top: -15px;
}
.pwb-filter-products li {
	margin-bottom: 5px;
	list-style: none;
}
.pwb-remove-filter {
	background: #af1f32;
	color: #fff;
	border-color: #af1f32;
	border-right: none;
	font-weight: 600;
	padding: 10px 18px;
	margin-bottom: 40px;
}
.product-sidebar h2 {
	font-size: 27px;
	margin-bottom: 30px;
	margin-top: 0;
}
#woocommerce_layered_nav-3,
#pwb_filter_by_brand_widget-2 {
	overflow-y: scroll;
	height: 326px;
	margin-top: 40px;
}
#woocommerce_recently_viewed_products-2 {
	margin-top: 40px;
}
.pwb-filter-products ul {
	padding-left: 0;
}
.product-template-default .shop-title,
.tax-product_cat .shop-title {
	display: none;
}

/*WooComerce Messages and Alerts */
.woocommerce .woocommerce-info::before {
	color: #af1f32;
}
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-message {
	border-top-color: #af1f32;
}
.woocommerce .woocommerce-message::before {
	color: #af1f32;
	content: "";
}

/*Category Page */
.woocommerce .woocommerce-result-count {
	margin: 20px 0 1em;
}
.woocommerce .woocommerce-ordering {
	margin: 20px 25px 1em;
	float: right;
}
.woocommerce-perpage {
	float: right;
	margin: 20px 25px 1em;
}
.woocommerce a.added_to_cart {
	padding-left: 10px;
}
.page-title {
	display: none;
}

/* ------------------------------------
Bottom align add to cart buttons - next 5 rules including the 491 media query 
 ------------------------------------ */
ul.products {
    display: flex;
    flex-wrap: wrap;
    /*justify-content: space-between;*/
	justify-content: flex-start;
}

ul.products li.product {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
	text-align: center;
}

ul.products li.product .button,
ul.products li.product .gridlist-buttonwrap/*add this line if customer is using WooCommerce Grid / List toggle plugin*/ {
    align-self: flex-end;
	flex-grow: unset;
}

/*fixes it in safari*/
ul.products:before {
	content: none;
	display: unset;
}

/* xs */
@media (min-width: 491px) {
	ul.products li.product {
    	width: 48%;
	}
}
/* ------------------------------------
 end of aligns add to cart button to bottom 
 ------------------------------------ */

/*Product Page */
/* Single Product Page tile of product */
h1.product_title.entry-title {
	font-size: 30px;
	line-height: 36px;
}

/* line-height of product name for related products */
.woocommerce ul.products li.product .woocommerce-loop-category__title, 
.woocommerce ul.products li.product .woocommerce-loop-product__title, 
.woocommerce ul.products li.product h3 {
	font-family: "Fira Sans Extra Condensed", sans-serif;
	line-height: 24px;
}


/* related products section */
.woocommerce ul.products.columns-3 li.product, 
.woocommerce-page ul.products.columns-3 li.product {
	width: 26.75%;
}

.product_meta {
	font-family: "Fira Sans Extra Condensed", sans-serif;
}

/* Wishlist */
.yith-wcwl-share ul li.share-button a i:before {
    font-family: FontAwesome;
}

#breadcrumbs {
	margin-top: 15px;
}
p#breadcrumbs,
#breadcrumbs a {
	color: #fff;
}
#breadcrumbs a:hover {
	opacity: .7;
	transition: .5s;
}

.product_meta > span.posted_in {
	display: block;
}

.woocommerce div.product p.stock {
	/*display: none;*/
}
.woocommerce div.product form.cart .variations label {
	font-weight: 600;
	text-align: left;
	color: #000;
	font-size: 18px;
}
.woocommerce ul.products {
	margin-top: 50px;
	padding-top: 40px;
}

.woocommerce ul.products li.product h3 {
 	color: #000;
	font-family: "Fira Sans Extra Condensed", sans-serif;
	font-size: 14px;
	line-height: 20px;
	margin: 0;
	padding: 0.5em 0;
	text-align: center;
}

.woocommerce ul.products li.product .price {
	color: #000;
	display: block;
	font-family: "Fira Sans Extra Condensed", sans-serif;
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 5px;
	text-align: center;
}

.woocommerce ul.products li.product .button {
	margin-bottom: 20px;
	margin-top: 5px;
	border-radius: 0;
}

.woocommerce ul.products li.product, 
.woocommerce-page ul.products li.product, 
.woocommerce-page[class*="columns-"] ul.products li.product, 
.woocommerce[class*="columns-"] ul.products li.product {
	  clear: both;
	  float: left;
	  margin: 0 20px 2.992em;
	  width: 48%;
}

/*.woocommerce ul.products li.product, 
.woocommerce-page ul.products li.product {
	margin-bottom: 5px;
	padding: 0;
	position: relative;
	text-align: center;
	width: 100%;
}*/

.woocommerce div.product {
	margin-bottom: 0;
	margin-top: 30px;
	position: relative;
}

.woocommerce div.product form.cart .variations td.label {
	color: #000;
	font-size: 1em;
	line-height: 1.4em;
	padding-right: 1em;
}

.woocommerce div.product p.price, 
.woocommerce div.product span.price {
	color: #000;
	font-family: "Fira Sans Extra Condensed", sans-serif;
	font-size: 1.25em;
}
.archive .product-expand,
.shop .product-expand {
	margin-top: 0;
}
.product-expand {
	margin-top: 30px;
}
.woocommerce-Price-amount.amount {
	font-family: "Fira Sans Extra Condensed", sans-serif;
}

/* WooCOmmerce Checkout Page State drop down menu background color*/

.select2-results__option[aria-selected], 
.select2-results__option[data-selected],
.select2-container--default .select2-search--dropdown .select2-search__field {
	background-color: #fff;
	color: #000;
}

.select2-container--default .select2-results__option[aria-selected="true"], 
.select2-container--default .select2-results__option[data-selected="true"] {
	background-color: #fff;
}

/*WooCommerce checkout page State dropdown background highlight color */
.select2-container--default .select2-results__option--highlighted[aria-selected], 
.select2-container--default .select2-results__option--highlighted[data-selected] {
	background-color: #fff;
	color: #000;
}

/* Categories & Brands Page */
.single-page .lists {
  padding-bottom: 10px;
  border-bottom: 1px solid #eee; }

#cat-nav a.page-link {
    padding: 8px;
    font-weight: bold;
}
.listlettercol {
  border-bottom: 1px solid #ababab;
}
.single-page .lists {
  border-bottom: none !important;
  padding-bottom: 30px;
}
section.main-info .info-col p {
  font-weight: 700;
}
section.main-info .info-col .title {
  font-weight: 800;
}
.pwb-az-listing-header li {
	width: auto;
	height: auto;
	margin: 0;
	padding: 8px;
	font-weight: 700;
}
.mb-4 {
	margin-bottom: 1.5rem !important;
}
.pagination > li > a, 
.pagination > li > span {
	color: #af1f32;
}
.pagination > li > a:hover, 
.pagination > li > span:hover, 
.pagination > li > a:focus, 
.pagination > li > span:focus {
	color: #000;
}
.pagination > li:first-child > a, 
.pagination > li:first-child > span {
	margin-left: 0;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
#right-sidebar .btn,
.brand-img-btn .btn {
	margin-bottom: 30px;
	margin-top: 0;
}
#right-sidebar p,
.brand-img-btn p {
	margin-bottom: 0;
}
#right-sidebar img:hover,
.brand-img-btn img:hover {
	opacity: .7;
	transition: .5s;
}
#right-sidebar .btn-lg, 
#right-sidebar .btn-group-lg > .btn,
.brand-img-btn .btn-lg, 
.brand-img-btn .btn-group-lg > .btn {
	width: 100%;
}
#black-studio-tinymce-15 {
	text-align: right;
}
#black-studio-tinymce-15 p {
	font-weight: 600;
}
/*.single-product .site-main .product-sidebar {
	width: 0;
}*/
.single-product #woocommerce_recently_viewed_products-2 {
	display: none;
}
/*.single-product .site-main .product-expand {
	width: 100%;
}*/
.pwb-apply-filter {
	background: #af1f32;
	color: #fff;
	padding: 10px 30px;
	border: 0;
	font-weight: 600;
	margin-bottom: 30px;
}
.pwb-apply-filter:hover {
	background: #000;
	transition: .5s;
}

/* sm */
@media (min-width: 768px) {
	/*.woocommerce ul.products li.product, 
	.woocommerce-page ul.products li.product {
		width: 40.5%;
	}*/
	.woocommerce ul.products li.product, 
	.woocommerce-page ul.products li.product, 
	.woocommerce-page[class*="columns-"] ul.products li.product, 
	.woocommerce[class*="columns-"] ul.products li.product {
		width: 41.75%;
	}
	.row.list-cols {
		display: flex;
		flex-wrap: wrap;
	}
}

/* md */
@media (min-width: 992px) {
	/*.woocommerce ul.products li.product, 
	.woocommerce-page ul.products li.product {
		width: 29.05%;
	}*/
	
	.woocommerce ul.products li.product, 
	.woocommerce-page ul.products li.product, 
	.woocommerce-page[class*="columns-"] ul.products li.product, 
	.woocommerce[class*="columns-"] ul.products li.product {
		width: 20%;
	}
}

/* lg */
@media (min-width: 1200px) {
	
	/*.woocommerce ul.products li.product, 
	.woocommerce-page ul.products li.product, 
	.woocommerce-page[class*="columns-"] ul.products li.product, 
	.woocommerce[class*="columns-"] ul.products li.product {
		width: 21%;
	}*/
}