/*
Theme Name: FlatsomeC
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: "bigjohn";
  src: url("./fonts/bigjohn.otf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
    font-family: 'Monaco';
    font-style: normal;
    font-weight: normal;
    src: local('Monaco'), url('./fonts/Monaco.woff') format('woff');
}
@font-face {
    font-family: 'iCielBCLodestone';
    src: url('./fonts/iCielBCLodestone.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
body{
    font-family: Monaco, Arial, sans-serif!important;
}
.sec-testimonials .section-content h2,
.sec-home .section-title-main{
    padding-bottom: 0px;
    border: 0;
    font-family: 'iCielBCLodestone', Arial, sans-serif;
    font-size: 50px;
    line-height: 50px;
    color: #000;
}
.sec-home .section-title-center b{
    opacity: 0;
}
.add-to-cart-button a{
    color: #fff!important;
    background: #00ab55!important;
    padding: 5px 0;
    font-weight: 700;
    line-height: 1;
    vertical-align: middle;
    text-align: center;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    padding: 5px 10px!important;
}
.sec-contact .section-title-main{
    color: #fff;
}
.sec-contact .form-flat input, .form-flat textarea,.sec-contact .form-flat select{
    border-radius: 4px;
    margin-bottom: 20px;
}
.sec-contact textarea::placeholder{
    color: #fff;
}
.sec-contact .form-flat .wpcf7-submit{
    width: 140px;
}
.absolute-footer{
    display: none;
}
#footer{
    font-size: 18px;
}
.page-id-134 .sec-cart .checkout_coupon{
    display: block!important;
}
#section_1723424845 .checkout_coupon{
    display: none!important;
}
.page-id-134 .woocommerce-form-coupon-toggle{
    display: none;
}
.category-page-title{
    display: none;
}
.category-banner-box{
    position: relative;
    margin-bottom: 40px;
}
.category-banner-box .subcategories-list{
    position: absolute;
    bottom: 0px;
    background: rgb(0 0 0 / 30%);
    margin: 0;
    padding: 10px 20px;
    display: flex;
    column-gap: 40px;
    list-style: none;
    overflow: auto;
    flex-wrap: nowrap;
    min-width: 100%;

}
.category-banner-box .subcategories-list li{
    margin-bottom: 0px;
    flex: 0 0 auto;
}
.subcategories-list li a{
    color: #fff;
    font-weight: bold;
    font-size: 22px
}
.subcategories-list li a:hover{
    color: var(--primary-color);
}
p.form-row-first, p.form-row-last{
    width: 100%!important;
}
#billing_country_field{
    display: none;
}
.ui-datepicker {
    background: #fff;
    border: 1px solid #ddd;
    padding: 10px;
    z-index: 9999 !important;
}

.ui-datepicker a {
    text-decoration: none;
    color: #333;
}
.ui-timepicker-div dl dd{
    display: block;
}

.ui-timepicker-wrapper {
    background: #fff;
    border: 1px solid #ddd;
    z-index: 9999 !important;
    max-height: 200px;
    overflow-y: auto;
}

.ui-timepicker-list li {
    padding: 5px 10px;
    cursor: pointer;
}

.ui-timepicker-list li:hover {
    background: #0073aa;
    color: #fff;
}
.woocommerce-billing-fields{
    border-top: 0;
}
.woocommerce-cart-form__contents .actions{
    display: none;
}
input[type=email], input[type=date], input[type=search], input[type=number], input[type=text], input[type=tel], input[type=url], input[type=password], textarea, select, .select-resize-ghost, .select2-container .select2-choice, .select2-container .select2-selection{
    box-shadow: none;
}
.woocommerce-shipping-fields{
    display: none;
}
.woocommerce-cart-form .shop_table,
.woocommerce-cart-form{
    margin-bottom: 0px;
}
.woocommerce-order-received #content,
.woocommerce-view-order #content{
    padding: 30px;
}
.woocommerce-order-received .wc-bacs-bank-details{
    list-style: none;
}
.woocommerce-order-received .woocommerce-column--shipping-address,
.woocommerce-view-order .woocommerce-column--shipping-address {
    display: none;
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.mobile-nav.nav-right{
		position: fixed;
		bottom: 0px;
		right: 10px;
		background: green;
		width: auto;
		padding: 5px 10px;
		z-index: 99999999999;
		border-radius: 10px;
	}
	 .header-main .mobile-nav .html_nav_position_text {
		display: block!important;
	}
    .sec-testimonials .section-content h2,
    .sec-home .section-title-main{
        font-size: 45px;
    }
    .category-banner-box .category-banner img{
        object-fit: cover;
        min-height: 300px;
    }
    .category-page-row{
        padding-top: 15px!important;
    }
    #footer .section-content .social-icons,
        #footer .section-content .row{
            text-align: center;
    }
    #footer .section-content .row .col:nth-child(2n){
        margin-top: 10px;
        margin-bottom: 10px;
    }
}