/**
 * Theme Name:     Hello Elementor Child
 * Author:         Elementor Team
 * Template:       hello-elementor
 * Text Domain:	   hello-elementor-child
 * Description:    Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
 */


.product-specs-box{
    margin-top:10px;
}

.spec-row{
    border-bottom:1px solid #ccc;
    padding:10px 0;
    
}

.range-line{
    display:flex;
    align-items:center;
    gap:15px;
	width:85%;
	padding: 10px 0px;
}

.line{
    flex:1;
    height:2px;
    background:#222;
    position:relative;
}

.dot{
    width:4px;
    height:14px;
    background:#222;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
}

/* 1-5 positions */
.taste-1,.texture-1{left:0%;}
.taste-2,.texture-2{left:25%;}
.taste-3,.texture-3{left:50%;}
.taste-4,.texture-4{left:75%;}
.taste-5,.texture-5{left:100%;transform:translate(-100%,-50%);}



.spec-row h5 {
    font-size:16px;
    /* font-family: "GT Pressura Standard Text" !important */
    font-weight: 700;
    }
.spec-row p{font-size:14px;
    /* font-family: "GT Pressura Standard Text" !important */
    font-weight: 400;
           }

.spec-buttons{
    display:flex;
    gap:15px;
    margin-top:30px;
    flex-wrap:wrap;
	padding-top:30px;
}

.spec-buttons a{
    font-size:18px;
    padding:14px 32px;
    display:inline-flex;
    align-items:center;
}

/* Buy Online */
.spec-buttons .btn-dark{
    background:#000;
    color:#fff;
    border:1px solid #000;
}

.spec-buttons .btn-dark:hover{
    background:#222;
    color:#fff;
}

/* Must-Try Recipes */
.spec-buttons .btn-outline{
    background:transparent;
    border: 3px solid #000;
    color:#000;
}

  .spec-buttons a{font-weight:600;}

.spec-row span {
   font-family: "GT Pressura Standard Text" !important;
    font-size: 14px;
    font-weight: 400;
}
.product-badge {
    font-family: "GT Pressura Standard Text" !important;
    font-weight: 400;
    font-style: normal;
    font-size: 21px;
    line-height: 100%;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #171717;
}

/* Responsive for device */
@media (max-width: 1024px){

    .range-line{
        width:100%;
    }

    .spec-buttons{
        /* gap:12px; */
        padding-top:20px;
        margin-top:20px;
    }

    .spec-buttons a{
        font-size:16px;
        padding:12px 25px;
    }

    .product-badge{
        font-size:18px;
    }

    .spec-row h5{
        font-size:15px;
    }

    .spec-row p,
    .spec-row span{
        font-size:13px;
    }
    .spec-buttons {
	align-items: center;
     }

}



@media (max-width: 767px){

    .product-specs-box{
        margin-top:5px;
    }


    .spec-row{
        padding:8px 0;
    }


    .range-line{
        display:flex;
        width:100%;
        gap:10px;
        padding:8px 0;
    }


    .line{
        height:2px;
    }


    .dot{
        width:4px;
        height:12px;
    }


    .spec-row h5{
        font-size:14px;
        margin-bottom:5px;
    }


    .spec-row p{
        font-size:13px;
        line-height:1.5;
    }


    .spec-row span{
        font-size:13px;
    }


    .spec-buttons{
        flex-direction:column;
        gap:12px;
        margin-top:20px;
        padding-top:20px;
    }

    .spec-buttons .btn-outline{
        width:100%;
        justify-content:center;
        font-size:16px;
        padding:12px 20px;
    }
	
    .spec-buttons .btn-dark{
        width:70%;
        justify-content:center;
        font-size:16px;
        padding:12px 20px;
    }

    .product-badge{
        font-size:16px;
        letter-spacing:0.02em;
    }

}

/* Recipe Page */
.recipe-page{
    background:#111;
    color:#fff;
}

.recipe-top{
    max-width:1480px;
    margin:0 auto;
    padding:40px 40px 150px;
    display:flex;
    gap:70px;
}

.recipe-left{
    width:50%;
}

.recipe-left img{
    width:100%;
    display:block;
}

.recipe-right{
    width:50%;
}

.recipe-right h1{
    font-size:72px;
    line-height:0.95;
    text-transform:uppercase;
    margin-bottom:30px;
}

.recipe-description{
    font-size:18px;
    line-height:1.8;
    margin-bottom:50px;
    color:#d5d5d5;
}

.recipe-meta{
    /* border-top:1px solid rgba(255,255,255,.2); */
    padding:25px 0;
}

.recipe-meta span{
    display:block;
    font-size:12px;
    letter-spacing:2px;
    color:#999;
    margin-bottom:8px;
}

.recipe-meta strong{
    display:block;
    font-size:18px;
}

.recipe-instructions{
    max-width:1480px;
    margin: auto;
    background-color: white;
}

.recipe-bottom{
    max-width:1280px;
    margin:0 auto;
    background: white;
    color:#111;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
    padding:80px;
}

.recipe-bottom h2{
    font-size:48px;
    margin-bottom:40px;
}

.recipe-bottom p,
.recipe-bottom li{
    font-size:18px;
    line-height:1.8;
}

.recipe-back-btn{
    background: white;
    text-align: center;
    padding: 20px 0 80px;
    
}

.recipe-back-btn a{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 400px;
    height: 47px;
    padding: 12px 40px;
    border: 2px solid #111;
    color: #111 !important;
    text-decoration: none !important;
    text-transform: uppercase !important;

    font-family: "GT Pressura Standard Text" !important;
    font-weight: 400;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: 0.03em;
}

.recipe-back-btn button {
	color: #171717;
	border: 2px solid #171717;
}
.recipe-back-btn button:hover{
	background-color: white;
	color: #171717;
}

.elementor-450 .elementor-element.elementor-element-9166de6 {
       --content-width: 100%  !important;;
        max-width: 100%  !important;;
        width: 100%;
        padding: 0px;
}

.e-con-inner {
	padding: 0px !important;
}

/* Responsive */
/* Tablet */
@media (max-width: 1024px){

    .recipe-top{
        padding: 60px 30px;
        gap: 40px;
    }

    .recipe-right h1{
        font-size: 36px !important;
        width: 70%;
	text-align: center !important;
    }

    .recipe-bottom{
        gap: 50px;
        padding: 60px 30px;
    }

    .recipe-bottom h2{
        font-size: 38px;
    }
}

/* Mobile */
@media (max-width: 767px){

    .recipe-top{
        flex-direction: column;
        padding: 40px 20px;
        gap: 30px;
    }

    .recipe-left,
    .recipe-right{
        width: 100%;
    }

    .recipe-right h1{
        font-size: 38px;
        line-height: 1;
        margin-bottom: 20px;
    }

    .recipe-description{
        font-size: 16px;
        line-height: 1.7;
        margin-bottom: 30px;
    }

    .recipe-meta{
        padding: 18px 0;
	width: 100%;
    }

    .recipe-meta strong{
        font-size: 16px;
    }

    .recipe-bottom{
        grid-template-columns: 1fr;
        gap: 40px;
        padding: 40px 20px;
    }

    .recipe-bottom h2{
        font-size: 30px;
        margin-bottom: 20px;
    }

    .recipe-bottom p,
    .recipe-bottom li{
        font-size: 16px;
        line-height: 1.7;
	list-style: none;
    }

    .recipe-back-btn{
        padding: 20px 20px 50px;
	margin-top: 20px;
    }

    .recipe-back-btn a{
        width: 100%;
        max-width: 320px;
        font-size: 16px;
        padding: 12px 20px;
    }
}

/* Small Mobile */
@media (max-width: 480px){

    .recipe-top{
        padding: 30px 15px;
    }

    .recipe-right h1{
        font-size: 32px;
    }

    .recipe-description,
    .recipe-bottom p,
    .recipe-bottom li{
        font-size: 14px;
    }

    .recipe-bottom{
        padding: 30px 15px;
    }

    .recipe-bottom h2{
        font-size: 36px;
    }

    .recipe-back-btn{
        padding: 15px 15px 40px;
    }

    .recipe-back-btn a{
        width: 100%;
        max-width: 100%;
        height: auto;
        min-height: 47px;
        font-size: 15px;
    }
}

.recipe-box{
    padding:25px 0;
    border-bottom:1px solid rgba(255,255,255,.2);
}

.recipe-box:first-child{
    border-top:1px solid rgba(255,255,255,.2);
}

.recipe-meta span{
    font-family: "GT Pressura Standard Text" !important;
    font-weight: 400;
    display:block;
    font-size:14px;
    letter-spacing:2px;
    color:#FCFAFA;
    margin-bottom:10px;
    text-transform: uppercase;
}

.recipe-meta strong{
    display:block;
    font-family: "GT Pressura Standard Text" !important;
    font-weight: 700;
    font-size:16px;
    text-transform: uppercase;
}

.recipe-page,
.recipe-page * {
    font-family: "GT Pressura Standard Text" !important;
}

.recipe-bottom .instructions p,
.recipe-back-btn,
.recipe-bottom li,
.recipe-bottom li * {
    font-family: "GT Pressura Standard Text" !important;
    font-weight: 400;
}

.product-filter.active a.elementor-button {
    background: #000 !important;
    color: #fff !important;
}

.product-filter.active .elementor-button-text {
    color: #fff !important;
}

/* Banner Images */
#restaurant-banner, 
#retail-banner,
#residential-banner  {
    position: relative;
}

#restaurant-banner .restaurant-heading,
#retail-banner .retail-heading,
#residential-banner .residential-heading {
    position: absolute;
    top: 23%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}
/* Tablet Devices */
@media (min-width: 768px) and (max-width: 1024px) {
	#retail-banner .retail-heading {
	    top: 13%;
	}
}

.elementor-element-4c9167f {
    top: 52% !important;
    left: 3%;
}



.elementor-element.elementor-element-f4098ce.e-con-full.testing-banner.e-flex.e-con.e-parent.e-lazyloaded {
    position: relative;
}
.elementor-element.elementor-element-2974561.testing-content.e-flex.e-con-boxed.e-con.e-parent.e-lazyloaded {
    position: absolute;
    top: 25%; 
}

@media (min-width: 768px) and (max-width: 1024px) {
  
  .elementor-9 .elementor-element.elementor-element-ce87141 .elementor-button{
	display: none;
    }
}
/*
@media (min-width: 768px) and (max-width: 1024px) {
    .page-id-11 .elementor .elementor-hidden-tablet {
        display: unset !important;
    }
}
*/


/* Recipe Breadcrumb Container */
.recipe-page .woocommerce-breadcrumb {
    max-width: 1480px;
    margin: 0 auto;
    padding: 80px 40px 0;
    
    font-family: "GT Pressura Standard Text" !important;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 3%;
    text-transform: uppercase;
    color: #ffffff;
}


/* Breadcrumb Links */
.recipe-page .woocommerce-breadcrumb a {
    color: #ffffff;
    text-decoration: none;
}

.recipe-page .woocommerce-breadcrumb a:hover {
    color: #ffffff;
}

/* Last breadcrumb - Must-Try recipes */
.recipe-page .woocommerce-breadcrumb {
    color: #B7B8BA;
}

.recipe-page .woocommerce-breadcrumb a {
    color: #ffffff;
}

/* Tablet */
@media (max-width: 1024px) {

    .recipe-page .woocommerce-breadcrumb {
        padding: 60px 30px 0;
        font-size: 13px;
    }

}


/* Mobile */
@media (max-width: 767px) {

    .recipe-page .woocommerce-breadcrumb {
        padding: 40px 20px 0;
        font-size: 12px;
        line-height: 120%;
    }
}

.recipe-mobile-image{
    display:none;
}


@media(max-width:767px){

    /* Desktop wali image hide */
    .recipe-left{
        display:none;
    }

    /* Mobile wali image show */
    .recipe-mobile-image{
        display:block;
    }

    .recipe-mobile-image img{
        width:100%;
        display:block;
    }
	
    .recipe-description{
       margin-top:50px;
    }

	.recipe-bottom{
    		position: relative;
	}

	.recipe-bottom::after{
	    content: "";
	    position: absolute;
	    bottom: 0;
	    left: 45%;
	    width: 10%;
	    height: 2px;
	    background: #000;
	}
	.recipe-box{
 	   padding:15px 0;
	}
	.recipe-box span{
		font-size: 12px;
	}
	
	.recipe-box strong{
		font-size: 14px;
	}
	.recipe-bottom ul {
		padding-left: 0;
	}
}

/* Mobile Device */
/*
@media (max-width: 767px) {
     img.attachment-full.size-full.wp-image-327 {
    	position: fixed;
    	top: 70px !important;
    	width: 28px !important;
    	height: auto;
    }
}


@media (max-width: 767px) {
    .wp-image-327 {
	margin-top: 40px !important;
    }
}

*/