/*
 Theme Name:   Nanaji Online Theme
 Theme URI:    https://technotus.com
 Description:  Nanaji Online Theme
 Author:       TGPL
 Author URI:   https://technotus.com/
 Template:     bonbon
 Version:      1.0.0    
 Tags:         confectionery, cake bakery, artisanal shop, chocolatier, pastry shop, chocolate boutique, gift shop, sweets, desserts, bakery, confections, chocolate, recipe blog, celebration, handmade
 Text Domain:  nanaji-online
*/


/* =Theme customization starts here
------------------------------------------------------------ */



.home .sc_layouts_row_type_compact .search_wrap .search_submit:before {
	color: #ffffff !important;
}

.floating-asset-left-up-down{
	
	animation: MoveUpDown 10s linear infinite;
  	position: absolute;
  	left: 5%;
  	bottom: 0;
}

.floating-asset-right-up-down{
	
	animation: MoveUpDown 10s linear infinite;
  	position: absolute;
  	right: 5%;
  	bottom: 0;
}

@keyframes MoveUpDown {
  	0%, 100% {
    	bottom: 0;
  	}
  	50% {
    	bottom: 200px;
 	}
}

.image-scrolling-effect{
	transform: translate3d(0px, 0px, 0px) scale(1.10697, 1.10697);
}


/* home-swap-img */

.home-swap-img-wrapper, img {
  display:inline-block;
}
#home-swap-img-two {
  display:none;
}
.home-swap-img-wrapper:hover #home-swap-img-two {
  display: inline-block;
}
.home-swap-img-wrapper:hover #home-swap-img-one {
  display: none;
}

.home-page-aboutsection-wrapper{
	position: relative;
}

.home-aboutsection-row1:before{
	background: url(https://nanajionline.techqart.com/wp-content/uploads/2024/10/cloud-1.png) center;
    content: "";
    width: 250px;
    height: 250px;
    position: absolute;
    left: 0px;
    top: -10%;
    background-size: contain;
    animation: randomMotion1 5s linear infinite;
}

.home-aboutsection-row1:after{
	background: url(https://nanajionline.techqart.com/wp-content/uploads/2024/10/cloud-1.png) center;
    content: "";
    width: 250px;
    height: 250px;
    position: absolute;
    right: 0px;
    bottom: -10%;
    background-size: contain;
    animation: randomMotion1 5s linear infinite;
}


@keyframes randomMotion1 {
        0% {
            transform: translate3d(0, 0, 0);
        }

        25% {
            transform: translate3d(5px, 5px, 30px);
        }

        50% {
            transform: translate3d(-5px, 10px, -30px);
        }

        75% {
            transform: translate3d(10px, -5px, 10px);
        }

        100% {
            transform: translate3d(0, 0, 0);
        }
    }


/* .products > .post_item.post_layout_thumbs{
	border: 2px #CD9918!important;
	padding: 10px!important;
}


.post_item > .post_featured > a:after {
    content: "";
    background-image: url(https://nanajionline.techqart.com/wp-content/uploads/2024/10/Product-Asset.png);
    height: 110%;
    position: absolute;
    top: 0;
    width: 110%;
    width: -webkit-fill-available;
    background-size: contain;
    background-repeat: no-repeat;
    pointer-events: none;
    z-index: 8;
} */


/* .product-image{
	position: relative;
	border: 2px #CD9918!important;
	padding: 10px!important;
}

.hover-image{
	display: none;
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	z-index: 10;
	transition: opacity 0.5s ease;
}

.product-image:hover .hover-image{
	display: block;
	opacity: 1;
}

.product-image:hover img{
	opacity: 0;
} */

/* .product .post_item .post_featured{
	border: 2px solid #000!important;
	padding: 10px!important;
	position: relative;
	
}
.product .post_item .post_featured a{
	overflow: hidden;
} */


.product .post_item {
	overflow: visible;
    position: relative;
}

.product .post_item:after {
/* 	content: ""; */
/*     background-image: url(https://nanajionline.techqart.com/wp-content/uploads/2024/10/Product-Asset.png); */
/*     background-image: url(https://nanajionline.techqart.com/wp-content/uploads/2024/11/nanaji-product-border-2_1500.png);
	height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    width: -webkit-fill-available;
    background-size: contain;
    background-repeat: no-repeat;
    pointer-events: none;
    z-index: 8; */
}

.product .post_item .post_featured img {
/* 	margin: 10%!important; */
}



.list_products.shop_mode_thumbs .product .post_item .post_featured:before {
	border-radius: 10px !important;
}

.list_products.shop_mode_thumbs .products .product .post_item{
/* 	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; */
	box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}



/* .product .post_item .post_data a {
	padding-top: 100%;
	position: relative;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 8;
	cursor: pointer;
} */

/* .product .post_item .post_featured a img{
	position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
	border-radius: 10px;
} */
/* position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover; */



/* ===================================================================================================
 * for category pages
 * =================================================================================================== */


.woocommerce ul.products li.product .woocommerce-loop-product__title{
	padding-bottom: 25px;
}

.woocommerce ul.products li.product .post_item{
	background-color: #FFD283;
	border-radius: 15px;
	overflow: hidden;
	border: 2px solid #FFD283;
	height: 100% !important;
}

.woocommerce ul.products li.product .post_item .post_data{
	padding-left: 10px;
	padding-right: 10px;
}

.woocommerce ul.products li.product .post_header a{
	color: #8C030E;
}

.woocommerce ul.products li.product .post_item:hover .post_header a{
	color: #000000;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title{
	
	text-align: center;
    font-size: 1.6rem;
	
}

.woocommerce ul.products li.product .post_featured{
	margin-bottom: 15px !important;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title{
	padding-bottom: 15px !important;
}

/* ===================================================================================================
 * for home page
 * =================================================================================================== */

.home .woocommerce ul.products li.product{
	background-color: #FFD283;
	border-radius: 15px;
	overflow: hidden;
	border: 2px solid #FFD283;
}

.home .woocommerce ul.products li.product .post_data{
	padding-left: 10px;
	padding-right: 10px;
}

.home .woocommerce ul.products li.product .post_header a{
	color: #8C030E;
}

.home .woocommerce ul.products li.product:hover .post_header a{
	color: #000000;
}



.Imgupdown{
 -webkit-animation:glide 1.5s ease-in-out alternate infinite;
}
@-webkit-keyframes glide {
from {
left:0px;
top:0px
 
}

to{
 left:0px;
 top:20px;
    
}
	
}
	.page_content_wrap .related.products h2{
		color: #8c030e !important
	}
	
.bonbon_accordion.woocommerce-accordion.ui-accordion.ui-widget h3{
		color: #8c030e;
	}
.pa_weight_attrib_extended .trx_addons_attrib_item{
	padding: 10px 25px;
	border: 2px solid #8c030e!important;
	color: #fff;
	background-color: #8c030e!important;
}

.trx_addons_attrib_item.trx_addons_attrib_button.trx_addons_attrib_selected, 
.trx_addons_attrib_item.trx_addons_attrib_button:hover{
	color: #fff;
}

div.wpcf7 .form-style-1 .style-line[class*="icon-"]:before{
	color: #000 !important;
}

div.wpcf7 .form-style-1 .style-line input::placeholder {
  color: #000 !important;
  opacity: 1; /* Firefox */
}

div.wpcf7 .form-style-1 .style-line input::-ms-input-placeholder { /* Edge 12 -18 */
  color: #000 !important;;
}

div.wpcf7 .form-style-1 .style-line[class*="icon-"] select{
	 color: #000 !important;
}

div.wpcf7 .form-style-1 .style-line[class*="icon-"] textarea::placeholder{
	 color: #000 !important;
}

div.wpcf7 .form-style-5 .style-line[class*="icon-"]:before {
     color: #000 !important;
}

div.wpcf7 .form-style-5 input:not([type="submit"]):not([type="radio"]):not([type="checkbox"])::placeholder{
	 color: #000 !important;
}

div.wpcf7 .form-style-5 .style-line[class*="icon-"] textarea::placeholder{
	 color: #000 !important;
}
/* div.wpcf7 .form-style-1 .style-line[class*="icon-"]:before{
	color: #000 !important;
}
 */
/* div.wpcf7 .form-style-5 .style-line[class*="icon-"]:before{
	color: #000 !important;
} */



.underline_hover_footer .widget_custom_links ul>li.custom_links_list_item .custom_links_list_item_title:after{
	background-color: currentcolor;
}

/* .sc_button.sc_button_size_large:not(.sc_button_simple) {
    font-size: 18px;
    padding: 10px 30px 10px;
} */