/*
Theme Name: blackgods033
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
@font-face {
  font-family: 'BadTour';
  src: url('fonts/BadTour.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* custom text */
.big-bad-tour { font-family: 'BadTour'; font-size: 4rem; line-height: normal; }
.big-bad-tour-section-title { font-family: 'BadTour'; margin: auto; font-size: 4.5rem; line-height: normal; }
.section-subtitle { margin: auto; font-size: 2rem; line-height: normal; }
.section-subtitle-italic { margin: auto; font-size: 2rem; font-weight: 300; font-style: italic; line-height: normal; }
.big-bad-tour-medium-text { font-family: 'BadTour'; margin: auto; font-size: 1.5rem; line-height: normal; }
.medium-text { font-size: 1.5rem; }
.small-text { font-size: .875rem; }
.coming-soon { font-family: 'BadTour'; }
.footer-title { font-weight: 800; font-size: .875rem; }
.text-500 { font-weight: 500; }
strong { font-weight: 800; }
b { font-weight: 700; }
hr { background-color: #fff; height: 1px; width: 35%; margin: auto; opacity: 1; }
h3 { font-family: 'BadTour' !important; font-size: 2rem; line-height: normal; }

/* custom text banner */
.banner .big-bad-tour-section-title { font-family: 'BadTour'; margin: auto; font-size: 4.5rem; line-height: normal; }
.banner .section-subtitle { margin: auto; font-size: 2rem; line-height: normal; }
.banner .section-subtitle-italic { margin: auto; font-size: 2rem; font-weight: 300; font-style: italic; line-height: normal; }
.banner .big-bad-tour-medium-text { font-family: 'BadTour'; margin: auto; font-size: 1.5rem; line-height: normal; }
.banner .big-bad-tour-small-text { font-family: 'BadTour'; margin: auto; font-size: 1.25rem; line-height: normal; }
.banner .small-text { font-size: .875rem; }
.banner .custom-button { font-size: 1rem; font-weight: 600; }
.banner .custom-button:hover { background-color: #000 !important; color: #EAFFA0 !important; font-size: 1rem; font-weight: 600; }
.banner a:hover { color: #EAFFA0 !important; }
.banner strong { font-weight: 800; }
.banner b { font-weight: 700; }

/* custom theme */
.unset-margin-bottom { margin-bottom: 0; }
.custom-icon { vertical-align: middle; }
.custom-button { font-size: 1rem; font-weight: 600; }
.custom-button:hover { background-color: #000 !important; color: #EAFFA0 !important; font-size: 1rem; font-weight: 600; }
.view-more, .view-more-products { display: inline-block; width: 100%; text-align: center;font-size: .875rem; text-decoration: underline; text-underline-offset: .25rem; }
.zoom-image .img-inner img { transition: transform 0.3s ease; } 
.zoom-image:hover .img-inner img { transform: scale(1.1); }
.opacity-75 .img-inner img { opacity: .75; }

/* flatsome fix top bar */
div#top-bar .nav-center li { color: #EAFFA0; font-size: .875rem; }

/* flatsome fix logo */
#logo { margin-right: 0; }

/*** flatsome fix menu ***/
.header .flex-row .flex-left ul.nav-left { justify-content: center; transform: translateX(-36px); }
.header .flex-row .flex-left ul.nav-left li.menu-item a { font-size: .875rem; }
.header .flex-row .flex-left ul.nav-left li.menu-item a:hover { color: #EAFFA0; font-weight: 800; font-size: .875rem; }
.header .flex-row .flex-left ul.nav-left li.menu-item.has-dropdown .icon-angle-down { display: none; }
.header .flex-row .flex-left ul.nav-left li.menu-item .sub-menu.nav-dropdown { transform: translateY(-36px); }
.header .flex-row .flex-left ul.nav-left li.menu-item .sub-menu.nav-dropdown .box-image .overlay { background-color: rgba(0, 0, 0, .5); }
.header .flex-row .flex-left ul.nav-left li.menu-item .sub-menu.nav-dropdown .box-image .image-cover { height: 280px; }
.header .flex-row .flex-left ul.nav-left li.menu-item .sub-menu.nav-dropdown .box-text { padding: 0; color: #fff; font-size: .875rem; text-shadow: unset; }
.header .flex-row .flex-left ul.nav-left li.menu-item .sub-menu.nav-dropdown .box-text ul.menu-category-products-list { list-style: none; overflow: hidden; }
.header .flex-row .flex-left ul.nav-left li.menu-item .sub-menu.nav-dropdown .box-text ul.menu-category-products-list li.menu-category-product-item { margin-left: 0 !important; line-height: normal; }
/* .header .flex-row .flex-left ul.nav-left li.menu-item .sub-menu.nav-dropdown .box-text ul.menu-category-products-list li.menu-category-product-item a { font-size: .75rem; } */
.header .flex-row .flex-left ul.nav-left li.menu-item .sub-menu.nav-dropdown .menu-image-box-title { font-size: .875rem; }
.header .flex-row .flex-left ul.nav-left li.account-item .nav-dropdown li.woocommerce-MyAccount-navigation-link { font-size: .875rem; }

/*** flatsome fix menu blocks ***/
.shop-menu .col { flex-basis: 20%; max-width: 20%; }

/*** flatsome fix (general woo) ***/
.ux-free-shipping__bar-progress { background: var(--fs-color-secondary); }
.quantity .qty { height: auto; pointer-events: none; }
#login-form-popup .woocommerce .account-container.lightbox-inner { background-color: #000; }
#login-form-popup .woocommerce .account-container.lightbox-inner *:not(svg):not(path):not(select):not(option):not(input):not(textarea):not(button) { color: #fff; }
.select-resize-ghost, .select2-container .select2-choice, .select2-container .select2-selection, input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea { background-color: #585858; color: #fff; }
::-webkit-input-placeholder { color: #fff; }
::-moz-placeholder { color: #fff; }
:-ms-input-placeholder { color: #fff; }
:-moz-placeholder { color: #fff; }

/*** flatsome fix canvas cart (general woo) ***/
.mfp-content.off-canvas-cart { background-color: #000; font-size: .875rem; }
.mfp-content.off-canvas-cart ul.product_list_widget li img { height: 4rem; width: 4rem; }
.mfp-content.off-canvas-cart ul.product_list_widget li a.remove { color: #fff; }
.mfp-content.off-canvas-cart ul.product_list_widget li span.mini-cart-item-price { position: absolute; right: 0; }
.mfp-content.off-canvas-cart ul.product_list_widget li span.mini-cart-item-price span.amount { color: #fff; font-weight: 400; }
.mfp-content.off-canvas-cart ul.product_list_widget li span.product-subtotal.price-wrapper span.amount { color: #fff; }
.mfp-content.off-canvas-cart ul.product_list_widget li .quantity { opacity: 1; }
.mfp-content.off-canvas-cart ul.product_list_widget li .ux-mini-cart-qty {align-items: flex-end; }
.mfp-content.off-canvas-cart .cart-popup-inner--sticky .ux-mini-cart-footer * { color: #fff; }
.mfp-content.off-canvas-cart .cart-popup-inner--sticky .ux-mini-cart-footer { background-color: #000; }

/*** flatsome element menu ***/
.ux-menu-link__link { min-height: auto; padding: 0; border-bottom-color: unset; }
.cart-menu-item a span.cart-count { background-color: #EAFFA0; position: absolute; bottom: 1.125rem; left: calc(100% + .125rem); width: 1.125rem; height: 1.125rem; text-align: center; color: #000; font-size: .75rem; border-radius: 50%; line-height: 1.125rem; }

/*** flatsome fix img ***/
.image-fit-left img { width: auto; object-fit: contain; }
.image-fit-center img { width: auto; object-fit: contain; margin: auto; }

/*** flatsome fix buttons ***/
.button { background-color: var(--fs-color-secondary); font-size: 1rem !important; color: #000 !important; text-transform: inherit; border-radius: 1.5rem; }
.back-to-top.active:hover .icon-angle-up { color: #000; }

/*** flatsome fix banner ***/
.center-background .banner-bg img { object-position: 50%; left: 25%; width: 50%; height: 100%; object-fit: scale-down; }

/* Custom elements (home text slider) */
.marquee { overflow: hidden; white-space: nowrap; }
.marquee__inner { display: inline-block; }
.marquee__inner span { display: inline-block; padding: 0 2rem; font-size: 2.5rem; font-weight: 700; }
.marquee__inner span:nth-child(odd) { color: #EAFFA0; }

/* Custom elements (carousel) */
.carousel-container { position: relative; width: 100%; overflow: hidden; }
.carousel-container .carousel { display: flex; justify-content: center; align-items: center; align-content: stretch; height: auto; overflow-x: auto; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; }
.carousel-container .carousel::-webkit-scrollbar { display: none; }
.carousel-container .carousel { scrollbar-width: none; }
.carousel-container .carousel .card { flex: 0 0 auto; width: 280px; height: auto; max-height: 475px; margin: 0 1rem; line-height: normal; transition: transform 0.3s ease; overflow: hidden; }
.carousel-container .carousel .card-text { text-align: left; }
.carousel-container .carousel .card img { display: block; width: 100%; height: auto; max-height: 475px; }
.carousel-container .carousel .card.active, .carousel-container .carousel .card:hover { transform: scale(1.1); }

/* Custom elements (hoverable circle) */
.hoverable { display: inline-block; }
#circle { background: none; position: fixed; top: 0; left: 0; width: 12px;  height: 12px; border: .5rem solid #f7f8fa; border-radius: 50%; pointer-events: none; mix-blend-mode: difference; transform: translate(-50%, -50%) scale(1); transition: transform .25s ease, opacity .25s ease; opacity: 0; z-index: 999999; }

/* Custom elements [random-products] */
.random-products .overlay { background-color: rgba(0, 0, 0, .50); opacity: 0; visibility: hidden; transition: opacity .3s ease, visibility .3s ease; }
.random-products .box-image img { max-height: 300px; object-fit: cover; object-position: center center; }
.random-products .box-image:hover .overlay { opacity: 1; visibility: visible; }
.random-products .box-image .overlay .overlay-inner, .random-products .box-image:hover .overlay .overlay-inner { justify-content: center; align-items: center; align-content: center; height: 100%; }
.random-products .box-image .overlay .overlay-inner *:not(svg):not(path):not(select):not(option):not(input):not(textarea):not(button){ color: #fff; }
.random-products .box-image .overlay .overlay-inner .related-product-title { display: block; font-family: 'BadTour'; margin: auto; font-size: 2.25rem; line-height: normal; }
.random-products .box-image .overlay .overlay-inner .price span.woocommerce-Price-amount.amount { font-size: 1rem; font-weight: 400; }
.random-products .box-image .overlay .overlay-inner a { text-decoration: underline; text-underline-offset: .25rem; }
.random-products .box-image .overlay .overlay-inner a:hover { color: #EAFFA0;  }
.random-products a.random-products-more { margin: auto; }

/* Custom elements [custom-category-products] */
.custom-related-products .col { margin: initial; }
.custom-related-products .box-image img { max-height: 300px; object-fit: cover; object-position: center center; }
.custom-related-products .overlay { background-color: rgba(0, 0, 0, .50); opacity: 0; visibility: hidden; transition: opacity .3s ease, visibility .3s ease; }
.custom-related-products .box-image:hover .overlay { opacity: 1; visibility: visible; }
.custom-related-products .box-image .overlay .overlay-inner, .single-product .custom-related-products .box-image:hover .overlay .overlay-inner { justify-content: center; align-items: center; align-content: center; height: 100%; }
.custom-related-products .box-image .overlay .overlay-inner *:not(svg):not(path):not(select):not(option):not(input):not(textarea):not(button){ color: #fff; }
.custom-related-products .box-image .overlay .overlay-inner .related-product-title { display: block; font-family: 'BadTour'; margin: auto; font-size: 2.25rem; line-height: normal; }
.custom-related-products .box-image .overlay .overlay-inner .price span.woocommerce-Price-amount.amount { font-size: 1rem; font-weight: 400; }
.custom-related-products .box-image .overlay .overlay-inner a { text-decoration: underline; text-underline-offset: .25rem; }
.custom-related-products .box-image .overlay .overlay-inner a:hover { color: #EAFFA0;  }
.custom-related-products a.custom-related-products-more { margin: auto; }

/* Custom elements [new-products] */
.new-products .box-image { position: relative; overflow: hidden; }
.new-products .box-image img { width: 100%; display: block; object-fit: cover; }
.new-products .new-label { background-color: #000; position: absolute; top: 1rem; right: 1rem; padding: 0.5rem 1rem; color: #EAFFA0; font-size: 0.875rem; font-weight: 700; text-transform: uppercase; }
.new-products .product-info { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: flex-start; align-content: stretch; padding-top: 0.75rem; }
.new-products .product-info * { color: #fff; font-weight: normal; }
.new-products .product-info .product-meta:first-child { display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: flex-start; align-items: flex-start; align-content: stretch; }
.new-products .product-info .product-meta span.product-title { text-align: left; font-family: 'BadTour'; font-size: 2.25rem; line-height: normal; }

/* home */
section.section.home-section-01 .home-banner-text-slider { position: absolute; bottom: 0; }

/* about */
section.section.about-section-03 .large-3 .col-inner { padding: 1rem; border: solid 2px #fff; border-radius: 1.5rem; }

/* section products  */
.section-products .section-products-col { flex-basis: 20%; max-width: 20%; }

/* blog */
.single-post .badge-frame .badge-inner, .badge-outline .badge-inner { background-color: #000; }
.single-post .badge-frame .badge-inner span.post-date-day, .badge-outline .badge-inner span.post-date-day { color: #EAFFA0; }
.single-post .article-inner { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: stretch; align-content: stretch; }
.single-post .article-inner header.entry-header { flex: 0 0 calc(50% - 1rem); }
.single-post .article-inner .entry-content.single-page { flex: 0 0 calc(50% - 1rem); }
.single-post .article-inner .entry-content.single-page  h1.entry-title { font-family: 'BadTour'; font-size: 3rem; }
.single-post .article-inner .entry-content.single-page .is-divider { display: none; }
.single-post .article-inner .navigation-post { flex: 0 0 100%; }

/* footer */
.footer-wrapper { background: linear-gradient(180deg, #173130 0%, rgba(23, 49, 48, 0) 100%); }
.footer-wrapper .footer-section .large-2 { flex: 1; max-width: none; }
.footer-wrapper .footer-section .footer-social-link { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: center; align-content: stretch; width: max-content; padding: .25rem 1rem; margin-bottom: 1rem; font-weight: 600; border: solid 2px; border-radius: 99px; }
.footer-wrapper .footer-section .footer-social-link i { margin-right: .25rem; }
.footer-wrapper .absolute-footer.dark { color: hsla(0, 0%, 100%, 1); }

/* contact form 7 */
.wpcf7 label { color: #fff; font-size: .875rem; font-weight: 800; } 
input.wpcf7-form-control.wpcf7-text, textarea.wpcf7-form-control.wpcf7-textarea { font-weight: 400; }
input.wpcf7-form-control.wpcf7-submit.has-spinner { background-color: var(--fs-color-secondary); font-size: 1rem !important; color: #000 !important; text-transform: inherit; border-radius: 1.5rem; }

/* blog shortcode */
.latest-post-container { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: stretch; align-content: stretch; }
.latest-post-container .latest-post-item { flex: 0 0 calc(33.33% - 1rem); display: flex; flex-direction: column; padding: 1rem; text-align: left; box-sizing: border-box; }
.latest-post-container .latest-post-item:nth-child(even) { flex-direction: column-reverse; }
.latest-post-container .latest-post-item:nth-child(even) .latest-post-item-image { margin-bottom: 1.3em; }
.latest-post-container .latest-post-item .latest-post-item-info { margin-bottom: 1rem; }
.latest-post-container .latest-post-item .latest-post-item-image img { width: 100%; height: auto; object-fit: cover; transition: transform 0.3s ease; }
.latest-post-container .latest-post-item .latest-post-item-image img:hover { transform: scale(1.1); }

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/

	/*** flatsome fix mobile menu ***/
	.mobile-sidebar .sidebar-menu { padding: 0 0; }
	.mobile-sidebar .sidebar-menu .html_topbar_left { color: #EAFFA0 !important;}
	.mobile-sidebar .sidebar-menu .nav-sidebar .html.custom .menu-mobile-image { width: 64px; margin: auto; }
	
	/*** flatsome fix boxes ***/
	.text-box-content { font-size: initial !important; }
	
	/* Custom elements [new-products] */
	.new-products .product-info { flex-direction: column; }
	
	/*** flatsome fix banner ***/
	.banner-full {  padding-top: 100%; }
	.center-background .banner-bg img { left: 5%; width: 90%; }
	
	/* footer */
	.footer-wrapper .footer-section .large-2 { flex: 0 0 50%; margin: auto; }
	
	/* blog shortcode */
	.latest-post-container { flex-wrap: wrap; }
	.latest-post-container .latest-post-item { flex: 0 0 100%; } 
	.latest-post-container .latest-post-item:nth-child(even) { flex-direction: column; }
	
	/* section products  */
	.section-products .section-products-col { flex-basis: 100%; max-width: 100%; }

}