/*Products Captions*/
.wp-caption{
	width:90px !important;
	float:left;
	background:transparent;
	border:0px;
	padding:0;
	margin:0px !important;
}
.postid-35000 .wp-caption {
    width: 106px !important;
}
ul.sub-menu {
    background: #fff;
}
.wp-caption img{width:60px;}
/*Buttons Css*/
.btn-main a.fl-button {
	background-color: rgba(255, 255, 255, 0) !important;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}
a.fl-button {
	background-color: rgba(255, 255, 255, 0) !important;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}
a.fl-button:hover {background:#d4af37 !important;}
.uabb-cart-style-dropdown{
	right:0 !important;
	left:inherit !important;
}
/*---Woo commerce-----*/
.woocommerce table.cart td.actions .coupon .input-text, 
.woocommerce-page table.cart td.actions .coupon .input-text, 
.woocommerce .quantity input.qty, 
.woocommerce-page .quantity input.qty{
	height: 50px;
}
.fl-post-module-woo-button 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, .uabb-woo-products .uabb-woocommerce .uabb-woo-products-summary-wrap .button, a.added_to_cart.wc-forward, .uabb-cart-style-dropdown .uabb-mini-cart-items p.woocommerce-mini-cart__buttons.buttons a, .woocommerce div.product form.cart .button {
	font-size: 18px !important;
	padding: 10px 20px !important;
	text-transform:capitalize !important;
	line-height: 1.6;
	border-radius:0px !important;
	background-color: rgba(255, 255, 255, 0) !important;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
	color: #d4af37 !important;
	margin-left:5px;
		border: 1px solid #d4af37;
}  
.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, a.added_to_cart.wc-forward:hover, .woocommerce div.product form.cart .button:hover {
	background-color: #d4af37 !important;
	color: #000 !important;
}
.woocommerce h1, .woocommerce h2, .woocommerce h3, .woocommerce h4{
	text-transform: capitalize;
}
/*My Account*/
.woocommerce form .form-row input.input-text, .woocommerce-page form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce-page form .form-row textarea, .woocommerce form .form-row select, .woocommerce-page form .form-row select, .woocommerce table.cart td.actions .coupon .input-text, .woocommerce-page table.cart td.actions .coupon .input-text {   
	font-size: 18px;
}
.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected] {
    background-color: #d4af37;
    color: #fff;
}

.page-id-8 h1.fl-post-title {
    text-transform: capitalize;
}

.woocommerce-message {
    line-height: 2.8;
}


/*--------------------------
            FOOTER
-------------------------*/
/* This selector styles menu links within the main and footer menu to have inline blocks and spaced margins. */
#menu-main-2 li a,
footer #hf-menu ul li a {
    display: inline-block;
    margin: 0 15px;
}

/*-------------------------
            BB MODULES
---------------------------*/
/* This selector hides the required text in the contact form. */
#contact-form p.gform_required_legend {
    display: none;
}

/* This selector makes the subscribe form content display inline. */
#subscribeForm .pp-subscribe-form-inner {
    display: inline;
}

/* This selector removes the bottom margin from the success message in the subscribe form. */
#subscribeForm .pp-form-success-message p {
    margin-bottom: 0;
}

/*---------------------------
        LARGE SCREENS ONLY
--------------------------*/
@media screen and (min-width: 769px) {
    .fl-post-grid-image img {
    height: 250px !important;
    object-fit: contain;
}
}

/*---------------------------
    TABLET SCREENS AND SMALLER
-------------------------*/
@media screen and (max-width: 768px) {
	/*Related Products*/
.woocommerce .fl-module-fl-woo-related-products .related ul.products li.product {
    width: 46% !important;
    max-width: 48%;
}
.woocommerce .fl-module-fl-woo-related-products .related ul.products, .woocommerce .fl-module-fl-woo-product-upsells .up-sells ul.products {
 display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.woocommerce ul.products, .woocommerce-page ul.products {
    padding-top: 20px;
}
.woocommerce .related h2, .woocommerce-page .related h2, .woocommerce .upsells.products h2, .woocommerce-page .upsells.products h2 {
	margin: 00px 0px 0px 20px;
	max-width: 100%;
}

	
	#h-col2{
    order: 2;
}

    /* This selector makes the testimonial image align left by reversing column order. */
    .pp-testimonials-image {
        display: flex;
        flex-direction: column-reverse;
        align-content: flex-start;
        flex-wrap: wrap;
    }

    /* This selector aligns the testimonial dots to the left. Avoid using !important for specificity. */
    .owl-theme .owl-dots {
        text-align: left;
    }

    /* This selector removes the background overlay from the hero column. */
    div#bg-overlay > div:after {
        background-color: rgb(0 0 0 / 0%);
    }

    /* This selector aligns the testimonial success message text to the left. Avoid using !important for specificity. */
    #subscribeForm .pp-form-success-message p {
        text-align: left !important;
    }

    /* This selector removes space between contact info and icons in the footer. */
    #footerContactinfo .uabb-info-list-icon {
        margin-bottom: 0;
        margin-right: 10px;
    }

    /* This selector removes the outline from the focused state of the navigation toggle. */
    #hf-menu .uabb-creative-menu-mobile-toggle.hamburger:focus {
        outline: none;
    }
}

/*----------------------
        MOBILE SCREEN
------------------*/
@media screen and (max-width: 480px) {
   /*Related Products*/
.woocommerce .fl-module-fl-woo-related-products .related ul.products li.product {
    width: 90% !important;
    max-width: 98%;
}
}