/*======================================
Theme Name: Audacity Marketing
Theme URI: https://audacity.marketing/
Description: Custom theme for Audacity Marketing Clients.
Version: 2.7
Author: Audacity Marketing
Author URI: https://audacity.marketing/
Template: Divi
======================================*/

/* You can add your own CSS styles here. Use !important to overwrite styles if needed. */

/*=============
|| Variables ||
=============*/
/* Ignore Syntax Error for Variables */

:root {
/* Site Fonts */
--site-head-font: 'Lora',Helvetica,Arial,Lucida,sans-serif;
--site-body-font: 'Lato',Helvetica,Arial,Lucida,sans-serif;

/* Accent Color */
--adm-color: #28B0B9;
--adm-color2: #FBCE17;

/* Background Color */
--adm-bg1: #fff;
--adm-bg2: #F2F3F3;

/*Text Color*/
--adm-lt-txt: #232428;
--adm-bk-txt2: #fff;
}

/*==============
||  Page CSS  ||
==============*/


/* Vertical align for modules with background elements. */
.vert-align { 
    display: flex; 
    flex-direction: column; 
    justify-content: center;
} 

/* PART 1 - Before Lazy Load */
img[data-lazyloaded]{
	opacity: 0;
}

/* PART 2 - Upon Lazy Load */
img.litespeed-loaded{
	-webkit-transition: opacity .5s linear 0.2s;
	-moz-transition: opacity .5s linear 0.2s;
	transition: opacity .5s linear 0.2s;
	opacity: 1;
}


/*=================
||  Mobile Menu  ||
=================*/
@media only screen and (max-width: 980px) {
	.et_fixed_nav #main-header, 
	.et_fixed_nav #top-header,
	.et_non_fixed_nav.et_transparent_nav #main-header,
	.et_non_fixed_nav.et_transparent_nav #top-header {
    	position: fixed;
	}
	#logo {
		display: none;
	}
	#main-header {
    	-webkit-box-shadow: 0 3px 50px rgba(0,0,0,.2);
    	-moz-box-shadow: 0 3px 50px rgba(0,0,0,.2);
    	box-shadow: 0 3px 50px rgba(0,0,0,.2);
	}
	.mobile_nav.opened .mobile_menu_bar:before {
 		content: '\4d';
	}
	#et-top-navigation span.mobile_menu_bar:before, 
	#et-top-navigation span.mobile_menu_bar:after {
		color: var(--accent-color, #444) !important;
	}
}

.et_mobile_menu {
    overflow: scroll !important;
    max-height: 80vh;
}

.et_mobile_menu {
	border-top: 3px solid var(--accent-color, #444);
	background: #fff!important;
}

.et_mobile_menu li a {
    display: block;
    padding: 20px 5%;
    border-bottom: 1px solid rgba(0,0,0,.03);
    text-align: center;
    font-size: 24px;
	color: #000!important;
}

/*==============
|| Custom CSS ||
==============*/
/* You can add your own CSS styles here. Use !important to overwrite styles if needed. */

/*Removes the reCAPTCHA V3 badge. Make sure you include the required disclaimer on every form it is used on.*/
.grecaptcha-badge { visibility: hidden!important; }


/* Hover Price and Title in overlay */
.adm-featured-products .et_overlay .woocommerce-loop-product__title, .adm-featured-products .et_overlay .price,  .adm-featured-products .et_overlay .loop-title-item, .adm-featured-products .et_overlay .loop-title-price {
    text-align: center; /* Centers the Title and Price */
    position: absolute;
    width: 100%;
}
.adm-featured-products .et_overlay .woocommerce-loop-product__title, .adm-featured-products .et_overlay .loop-title-item {top: 5%;} /* Hover Title Position from Top */
.adm-featured-products .et_overlay .price, .adm-featured-products .et_overlay .loop-title-price {top: 80%;} /* Hover Price Position from Top */

.adm-category .et_overlay {border-width: 0px;}
.adm-category .et_pb_db_cat_column:hover .et_overlay {background-color: rgba(35,36,40,0.5);}

.adm-category .bc_product_grid {gap:30px;}
.adm-category .et_pb_db_cat_column,
.adm-category .et_pb_db_cat_column .appeartop_text_cont,
.adm-category .et_pb_db_cat_column span.et_portfolio_image,
.woocommerce .adm-category ul.products li.product a img{
	height:100%;
	object-fit: cover;
}
.adm-category ul.products{grid-auto-rows: 380px;}
.adm-category ul.products:after{display:none;}
.adm-category .appeartop_text {
	color:#fff;
	text-align:center;
	text-shadow: 0.08em 0.08em 0.08em #232428;
	font-size: 18px;
}

@media only screen and (max-width: 980px) {
	.adm-category ul.products{grid-auto-rows: 0.5fr;}
}
@media only screen and (max-width: 768px) {
	.adm-category ul.products{grid-auto-rows: 175px;}
}

/*Product Card Styles*/
.adm-product-btn .et_pb_button{display: block;}
.bodycommerce-sale-badge,.bodycommerce-new-badge,.bodycommerce-free-badge,.bodycommerce-outofstock-badge {filter: drop-shadow(5px 5px 5px rgba(0,0,0,0.3));}


/*Product Grid Styles*/
.adm-product-loop .bc_product_grid{grid-gap: 30px!important;}

.et_pb_divimenus_flex_item.et_pb_divimenus_flex_item_2_tb_header .dd-menu-flex-item .dd-menu-flex-sub{filter: drop-shadow(5px 5px 5px rgba(0,0,0,0.3));}

@media only screen and (max-width: 768px) {
	.adm-product-loop .bc_product_grid {gap:15px!important;}
}

/*Mega-Menu Product Slider Styling*/
.slick-arrow::before,.slick-arrow::after {position: relative!important;}
.wdc_product_carousel_0_tb_header .wdc-carousel .slick-dots {transform: unset!important;}
.wdc-carousel .slick-next,.wdc-carousel .slick-prev {bottom:-30px!important;background:#232428!important;transition-duration:300ms;}
.wdc-carousel .slick-next:hover,.wdc-carousel .slick-prev:hover {background:#1A1818!important;}

.slick-dots {left:0!important;}
ul.slick-dots li button{background:#232428!important;border:0px;}
ul.slick-dots li.slick-active button{background:var(--adm-color)!important;}
.slick-dots li:first-of-type {margin-left:0px!important;}

.wdc-carousel-item .woocommerce-Price-amount bdi {color:var(--adm-color);font-weight:700;font-size:20px;}
.wdc-carousel-item .woocommerce-Price-amount .woocommerce-Price-currencySymbol {vertical-align: unset!important;}
.wdc-carousel-item .wdc-price-html {display:flex; align-items: flex-end;}

/*Mega-Menu Featured Products Styling*/
.woocommerce .adm-mini-product ul.products li.product {margin-bottom:10px;}
.adm-mini-product .product a .bodycommerce-new-badge,.adm-mini-product .product a .bodycommerce-sale-badge{display: none;}
.adm-mini-product .product a {
	display:grid;
	grid-template-columns: 33.33%,66.66%;
	grid-template-rows: 1fr,1fr;
	column-gap: 10px;
}
.adm-mini-product .product a span.et_shop_image img.attachment-woocommerce_thumbnail {
	margin-bottom: 0px!important;height:100%;object-fit: cover;
}
.adm-mini-product .product a span.et_shop_image {
  grid-column: 1;
	grid-row-start: 1;
	grid-row-end: span 2;
	width: 90px;
}
.adm-mini-product .product a .woocommerce-loop-product__title {
  grid-column: 2;
	grid-row: 1;
}
.adm-mini-product .product a .price {
  grid-column: 2;
	grid-row: 2;
}
.adm-main-menu .dd-menu-flex-sub ul {
    max-height: 70vh;
    overflow-y:scroll;
}










/*Mobile Nav*/
.adm-mobile-category .et_pb_db_shop_loop a .cat_title{width: max-content;}
.adm-mobile-category .et_pb_db_shop_loop a:last-of-type .cat_title {padding-right:30px;}
.adm-mobile-category .et_pb_db_shop_loop {
	display: flex;
	gap: 30px;
	overflow-x:scroll;
	scrollbar-width: none;
	-webkit-mask-image: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 10%, rgba(0,0,0,1) 90%, rgba(0,0,0,0) 100%);
  mask-image: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 10%, rgba(0,0,0,1) 90%, rgba(0,0,0,0) 100%);
	padding-left: 10%;
}
.adm-mobile-category .et_pb_db_shop_loop::-webkit-scrollbar {
	display: none;
}

/*Makes the cart icon visible on mobile.*/
.adm-mobile-cart .et_pb_menu__icon.et_pb_menu__cart-button {color:#fff!important;}
.adm-mobile-cart .et_mobile_nav_menu {display: none;}

/*Allows standard Divi menu's to be displayed vertically on mobile.*/
.adm-vert-menu .et_pb_menu__wrap .et_mobile_nav_menu{display: none;}
.adm-vert-menu .et_pb_menu__wrap .et_pb_menu__menu {display: block;width:100%;}
.adm-vert-menu .et_pb_menu__wrap .et_pb_menu__menu ul.et-menu.nav {flex-flow: column nowrap;}

.adm-mobile-right .mobile_menu_bar:before {
  content: '\e08a'!important;
}

.adm-mobile-header .et_mobile_menu {width: max-content;min-width: 50vw;max-width: 80vw;}
.adm-mobile-right .et_mobile_menu {transform:translate(calc(-100% + 50px),10px);}