/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/
/*::-webkit-scrollbar { width: 5px }*/
/*::-moz-scrollbar { width: 5px }*/
/*::-o-scrollbar { width: 5px }*/
/*::-webkit-scrollbar-thumb { border-radius: 10px; background: #ea1c2d }*/
/*::-moz-scrollbar-thumb { border-radius: 10px; background: #ea1c2d }*/
/*::-o-scrollbar-thumb { border-radius: 10px; background: #ea1c2d }*/



/*Footer*/
.gform_footer.top_label { display: flex; justify-content: center; }
#gform_wrapper_2 select#input_2_7 { pointer-events: none; }
.gform_footer.top_label input#gform_submit_button_1 { color: #fff; background-color: var(--wd-primary-color); padding: 15px 50px; }
.gform_footer.top_label input#gform_submit_button_1:hover { color: #fff; background-color: #be9873; }
.gform-body .gform_fields input { border-radius: 8px; border: 1px solid #a6a6a65c; }
.gform-body .gform_fields textarea { border-radius: 8px; border: 1px solid #a6a6a65c; color: #777777;}
.gform_footer { justify-content: center; }
.gform_footer input#gform_submit_button_2 { padding: 18px 50px; border-radius: 8px; transition: all .6s ease-in-out; }
.gform_footer input#gform_submit_button_2:hover { background: #ba936a; color: #fff; letter-spacing: 2px; }
.footer_social a span { color: #fff; font-size: 14px !important; line-height: 30px !important; }
.footer_social a { width: 30px !important; height: 30px !important; }
.d-inline ul li { display: inline-block; list-style: none; margin-right: 10px; margin-bottom: 0px; }
.text-white ul li { list-style: none; }
.text-white ul li a { color: #fff; }
.list_style ul li { color: #fff; list-style: none; }
.container.main-footer>p { display: none; }
#bgimgPadding .vc_column-inner { position: relative; border-radius: 10px !important; padding: 46px 40px; }
#easy-newsletter-form { display: flex; align-items: center; justify-content: space-between; border-radius: 8px; background: #eef3fa; height: 65px; }
.easy-newsletter .input-field { width: 65%; margin: 0 !important; }
#easy-newsletter-form label { display: none; }
#easy-newsletter-form input { border: none; }
#easy-newsletter-form .input-submit { width: 30%; margin: 0 !important; margin-right: -7px !important; }
#easy-newsletter-form input { height: 50px; }
#easy-newsletter-form .input-submit button { background: #C52A45; color: #fff !important; height: 52px; border-radius: 8px; }
#bgimgPadding .vc_column-inner:before { content: ''; background: url('./img//Strips.png') no-repeat; background-size: contain; width: 99%; height: 3.5%; position: absolute; left: 0px; top: 0px; border-radius: 8%; }
#bgimgPadding .vc_column-inner:after { content: ''; background: url('./img/Stamp.png') no-repeat; background-size: contain; width: 39%; height: 50%; position: absolute; left: -12%; top: -23%; }
.footerSocial  a.wd-social-icon { border-width: 1px; display: flex; align-items: center; justify-content: center; background: #ffffff29; }
.footerSocial a.wd-social-icon span.wd-icon { background: #fff; height: 20px; width: 20px; display: flex; align-items: center; justify-content: center; padding: 13px; border-radius: 100%; }
.footerSocial { display: flex; }
.footerSocial a.wd-social-icon span.wd-icon:before { color: #f8ad25 !important; }
.d-inline ul li a { color: #fff; font-size: 16px; }

/*Footer*/
.textPrime .info-box-title strong { color: #94C83D; font-size: 80px; }
.verticalAlign marquee { font-size: 100px; font-weight: 900; color: #ffffff9c; text-transform: uppercase; font-family: "Poppins", Arial, Helvetica, sans-serif, Arial, Helvetica, sans-serif; letter-spacing: 0; text-align: center; line-height: 1.2; z-index: 999; writing-mode: horizontal-tb; position: absolute; top: -110px; margin: auto; width: 100%; }
.verticalAlign2 marquee { font-size: 120px; font-weight: 900; color: #f2f2f2ba; -webkit-text-stroke: 1px #50485b21; text-transform: uppercase; font-family: "Poppins", Arial, Helvetica, sans-serif; letter-spacing: 0; text-align: center; line-height: 1.2; z-index: 999; writing-mode: horizontal-tb; position: absolute; top: -80px; margin: auto; width: 100%; }
.verticalAlign-up marquee {
    font-size: 100px;
    font-weight: 900;
    color: #f2f2f2b0;
    -webkit-text-stroke: 1px #50485b1a;
    text-transform: uppercase;
    font-family: "Poppins", Arial, Helvetica, sans-serif;
    letter-spacing: 0;
    text-align: center;
    line-height: 1.2;
    z-index: 999;
    writing-mode: vertical-lr;
    position: absolute;
    top: -660px;
    /* bottom: 0; */
    margin: auto;
    width: 155px;
    right: -34px;
    height: 800px;
}

/*--------------------testimonial-open---------------*/
.testi-moni { padding: 50px 0; }
.testimonial-content { text-align: left; }
.testimonial-content footer:before { content: "“"; font-size: 55px; display: inline; position: absolute; line-height: 65px; left: 0; font-family: 'Poppins'; color: #D6D6E4; }
.testimonial-content footer { padding-left: 45px; font-weight: 800; font-family: 'Clash Display Bold'; font-size: 20px; line-height: 22px; color: #EA1C2D !important; display: grid;    /*text-align: left;*/ }
.testimonial-content footer span { font-size: 16px; }
.testimonial-avatar { position: relative; left: -100px; }
.testimonial-content footer::before { content: "“"; font-size: 55px; display: inline; position: absolute; line-height: 65px; left: 25px; font-family: Poppins; color: #ea1c2d; }
.client-ttl h4 { font-family: "Clash Display Medium"; font-size: 130px !important; position: relative !important; top: 45px !important; text-shadow: none; color: #ef535f78 !important; }
.owl-item.active.center .testimonial.column.testi-moni .testimonial-inner { background: #000; padding: 0 30px 30px; box-shadow: -5px 10px 17px -7px rgba(0, 0, 0, 0.75); }
.testimon-align-center .testimonial-avatar { margin-bottom: 15px; }
.owl-item.active.center .testimonial-content footer:before { left: 45px; }
.owl-item.active.center img.testimonial-avatar-image { position: relative; top: -25px; left: 30px; }
.owl-item.active.center .testimonial.column.testi-moni .testimonial-inner footer { color: #ea1c2d !important; }
.owl-item.active.center { color: #fff; }

/*--------------------testimonial-close---------------*/
ul#menu-main-menu li a { color: #fff; font-size: 16px; }
.whb-general-header { border: none !important; }
.anchor { position: relative; display: block; width: 300px; margin: 40px auto; color: #a8aabc; border: 1px solid #a8aabc; overflow: hidden; }
.show { position: relative; height: 200px; }
h1 { position: absolute; top: 50%; left: 50%; font-size: 1.5em; transform: translate(-50%, -50%); }
.hide { position: absolute; left: 0; bottom: 0; width: 100%; height: auto; padding: 28px; color: #ffffff; background-color: #384878; transform: translateY(100%); transition: transform .5s; }
.anchor .hide:hover { transform: translateY(0); }
.info-tradition .wd-info-box { background-image: url(https://stage.projects-delivery.com/wp/KingKong_Milk_Tea/wp-content/uploads/2024/01/Group-40.png) !important; background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important; padding-left: 30px; padding-right: 30px; }
.info-tradition .info-box-icon { position: relative; top: -35px; display: flex !important; justify-content: center; }
.info-box-content { position: relative; top: -30px; }
.content-box { width: 300px; padding: 20px; border: 1px solid #ccc; margin: 20px; background: #94c83d; text-align: center; color: #fff; margin-bottom: 70px !important; }
.hidden-content { max-height: 0; overflow: hidden; transition: max-height 0.9s ease; /* Add transition for smooth effect */ }
.content-box:hover .hidden-content { max-height: 200px; /* Set a value based on your content's height */ }
.thumbnail-location { display: flex; justify-content: space-around; align-content: space-between; }
.content-box.loc-body h3 { font-size: 16px; letter-spacing: 1.5px; color: #fff; padding-top: 20px; FONT-FAMILY: 'Clash Display Medium'; }
.thumbnail-location img { position: absolute; top: -30px; }
.brd-head .info-box-title::before,
.brd-head .info-box-title::after { height: 2px; background: #C52A45; content: ''; }
.brd-head .info-box-title { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; column-gap: 20px;  /*margin: 10px 0;*/ font-size: 2.2rem; }
.owl-carousel.wd-owl.info-box-carousel .owl-stage-outer { padding: 40px 0 0; }
.btn.btn-color-primary { color: #EA1C2D; background-color: #fff; border: 2px solid #EA1C2D; font-size: 14px; padding: 10px 30px; width: 220px; transition: all ease 1s; }
/*.product_wrap { background: #212932; margin: 10px; padding: 75px 30px; border-radius: 20px; height: 700px; }*/
.product_content .proTitle { color: #fff; font-size: 20px; margin-top: 20px; margin-bottom: 10px; }
.product_btn { background: #EA1C2D; width: 60px; height: 60px; padding: 15px; border-radius: 50%; }
.product_content { text-align: center; }
.wd-prefooter { display: none; }
.amount { color: #EA1C2D; font-weight: 600; top: 30px; }
.amount bdi { font-size: 18px; }
.product_wrap { background: #212932; margin: 10px; padding: 30px; border-radius: 20px; }
.site-content { margin-bottom: 0; }

/*.product_img_wrap:before {    background-image: url(https://stage.projects-delivery.com/wp/KingKong_Milk_Tea/wp-content/uploads/2024/01/Rectangle-54.png) !important;*/

/*content: ""; color: #fff; background: linear-gradient(180deg, #fff0f094, #000000ab); border-radius: 35%; width: 180px; height: 480px; position: absolute; top: 90px; }*/
.product-buy { display: flex; justify-content: space-between; align-items: center; }
.product_img_wrap { display: flex; justify-content: space-around; }
.product_img_wrap img { position: relative; z-index: 2; width: auto; height: auto; object-fit: contain; }
@keyframes alltuchtopdown {
    0% { -webkit-transform: rotateX(0deg) translateY(0px); -moz-transform: rotateX(0deg) translateY(0px); -ms-transform: rotateX(0deg) translateY(0px); -o-transform: rotateX(0deg) translateY(0px); transform: rotateX(0deg) translateY(0px); }
    50% { -webkit-transform: rotateX(0deg) translateY(-20px); -moz-transform: rotateX(0deg) translateY(-20px); -ms-transform: rotateX(0deg) translateY(-20px); -o-transform: rotateX(0deg) translateY(-20px); transform: rotateX(0deg) translateY(-20px); }
    100% { -webkit-transform: rotateX(0deg) translateY(0px); -moz-transform: rotateX(0deg) translateY(0px); -ms-transform: rotateX(0deg) translateY(0px); -o-transform: rotateX(0deg) translateY(0px); transform: rotateX(0deg) translateY(0px); }
}
.alltuchtopdown img { animation: alltuchtopdown 3s infinite; -webkit-animation: alltuchtopdown 3s infinite; animation-delay: 0s; -webkit-animation-delay: 1s; }
.verticalAlign3 marquee { font-size: 120px; font-weight: 900; color: #f2f2f261; -webkit-text-stroke: 1px #50485b24; text-transform: uppercase; font-family: "Poppins", Arial, Helvetica, sans-serif; letter-spacing: 0; text-align: center; line-height: 1.2; z-index: 999; writing-mode: horizontal-tb; position: absolute; top: -90px; margin: auto; width: 100%; }
.btn.btn-color-primary:hover { border: 2px solid #f00; background: #000; letter-spacing: .8px; }
.product_img_wrap:hover::before { background: linear-gradient(180deg, #d3272794, #f9f8f8b8); }
.formSettting .vc_row.wpb_row.vc_inner { margin-right: -370px; z-index: 1; position: relative; box-shadow: 4px 0px 10px 0px #000; margin-bottom: 150px; }
.breadcrumbs { display: none; }
figure.woocommerce-product-gallery__image { display: flex; justify-content: space-around; flex-direction: row; align-items: center; }
.single-product h1.product_title { display: contents; }
.form_wrapper { box-shadow: 69.856px 62.898px 250px 0px rgb(210 218 224 / 46%); }
.border_sqr .vc_column-inner:before { content: ''; background: #000; width: 20px; height: 20px; position: absolute; top: 0; left: 0; }
.border_sqr .vc_column-inner:after { content: ''; background: #000; width: 20px; height: 20px; position: absolute; bottom: 0; right: 0; }
.form_wrapper div#gform_wrapper_1 { padding: 0px 30px; }
.form_wrapper form#gform_1 { padding: 15px; }
.form_wrapper input { height: 60px; border: solid; border-width: 2px; border-radius: 5px; border-color: rgb(228, 233, 237); }
.wite_mode p { writing-mode: vertical-rl; font-weight: 800; transform: rotate(180deg); margin: auto; letter-spacing: 5px; color: #fff; }
.form_wrapper input#gform_submit_button_1 { width: 100%; border: none; background: #96c943 !important; color: #fff; }

/*---------------social-icons--css--------------------------------*/
.social { position: fixed; top: 30%; z-index: 11111111; left: -240px; }
.social ul { list-style-type: none; padding: 0;  /* transform: translatex(-490px); */ }
.social ul li { display: block; margin: 5px; background-color: rgba(0, 0, 0, 0.5); width: 300px; text-align: right; padding: 10px; border-radius: 0 30px 30px 0; transition: all 1s; }
.social ul li:hover { transform: translatex(205px); }
.social ul li.google-play:hover { background-color: #dd4b39; }
.social ul li.app-store:hover { background-color: #e4405f; }
.social ul li a { color: white; text-decoration: none; }
.social ul li i { text-align: center; margin-left: 15px; color: black; background-color: white; padding: 15px; border-radius: 50%; width: 50px; height: 50px; font-size: 20px; transform: rotate(0deg); }
.social ul li:hover i { transform: rotate(360deg); transition: all 1s; }
.menu-box .info-box-content { background: #94c83d; color: #fff; top: -15px; padding: 20px; height: 115px; display: flex; flex-direction: column; justify-content: center; }
.menu-box .box-icon-wrapper { background: #94c83d; padding: 10px; }
.owl-menu-slider .owl-carousel { padding: 0 !important; }
.owl-nav>div { visibility: visible; opacity: 1; transform: translateY(0); pointer-events: visible; }
.wd-btn-arrow { color: #fff; background: #262526; }
.info-box-content .info-box-title h4 { font-size: 24px; }
img.attachment-800x600.size-800x600 { background: #fff; }
.smoothierow #wd-65aea0708cb91 .info-box-title { line-height: 28px; }
.smoothierow #wd-65aea1c03dd43 .info-box-title { line-height: 25px; }
.sugarcanejuicerow #wd-65aea54a7177d .info-box-title { line-height: 28px; }
.sugarcanejuicerow #wd-65aea578226bd .info-box-title { line-height: 28px; }
.classsictearow .wintermelontea img { height: 243px }
.seafood-row #wd-65afeb14ac3b5 .info-box-title { line-height: 28px; }
.seafood-row .food-box { height: 35rem; line-height: 15px; }
.classsictearow #wd-65aead82f10fb .info-box-title { line-height: 28px; }
.sandwichrow .food-box { height: 35rem; }
.craftedrow .menu-box .info-box-title { line-height: 27px !important; }
.vietnamese-food-row .menu-box { height: 32rem; }
.kkicecreamrow #wd-65aeb0b977ddb .info-box-title { line-height: 30px; }
.kktoppingrow .menu-box .info-box-title { line-height: 32px !important; }
.kkstreetrow #wd-65afea5bcf604 { height: 40rem; }
.kkstreetrow .menu-box { height: 32rem; }
.kkstreetrow .food-box .info-box-title { line-height: 28px !important; }
.sandwichrow .food-box { height: 33rem; }
.sandwichrow .food-box .info-box-title { line-height: 27px !important; }
.vietnamese-food-row .menu-box .info-box-title { line-height: 25px !important; }
.menu-box .info-box-content h4.info-box-title { font-size: 24px !IMPORTANT; }
.info-box-wrapper .KK-STREET .info-box-content { background: #94c83d; color: #fff; top: -15px; padding: 20px; overflow-y: scroll; height: auto; }

.modal {
    padding: 35px;
    background: #FFF;
    width: 35%;
    height: fit-content;
    box-shadow: 5px 5px 5px rgba(0,0,0,0.5);
    -moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.5);
    -webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.5);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    right: 0;
    bottom: 0;
    margin: auto;
    background-color: #ea1c2d;
	color: #fff;
}

.modal-bg {
    background: #FFF;
    zoom: 1;
    opacity: 0.8;
    filter: alpha(opacity=80);
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9;
}
.starrating {
    display: flex;
    flex-direction: row-reverse;
    justify-content: start;
}
.starrating > input { display: none; }

/* Remove radio buttons */
.starrating > label:before {content: "\f005"; /* Star */margin: 2px;font-size: 2em;font-family: 'Font Awesome 5 Free';display: inline-block;/* color: #f2b600; */}
.starrating > label {color: #ddd; /* Start color when not clicked */font-weight: 600;}
.starrating > input:checked ~ label {color: #f2b600;font-weight: 600;}

/* Set yellow color when star checked */
.starrating > input:hover ~ label { color: #ffca08; }

.modal span.list-icon.far.fa-times-circle.close {
    font-size: 25px;
    margin: 0;
    float: right;
    cursor: pointer;
}
.reviewDelete {
    position: fixed;
    top: 5%;
    z-index: 999;
    right: 2%;
    display: inline;
    box-shadow: #00000080 0px 0px 10px 0px;
    padding: 10px 30px;
    border-radius: 17px;
    font-weight: 600;
    color: green;
    background: #fff;
}

.danger-alert{
    position: fixed;
    top: 5%;
    z-index: 999;
    right: 2%;
    display: inline;
    box-shadow: #00000080 0px 0px 10px 0px;
    padding: 10px 30px;
    border-radius: 17px;
    font-weight: 600;
    color: #fff;
    background: red;
}

.reviewImg img {
    width: 100px;
    height: 100px;
    border-radius: 100%;
    object-fit: cover;
}

a.modal-link {
    background: red;
    padding: 13px 30px;
    color: #fff;
    display: block;
    margin: auto;
    text-align: center;
    width: 20%;
    margin-top: 30px;
}



.reviewInner .slick-active ,.slick-center {background: #000; box-shadow: -5px 10px 17px -7px rgba(0, 0, 0, 0.75);}

.reviewImg img {
    width: 75px;
    height: 75px;
    transition: all 0.4s ease;
    margin-top: -46px;
    background: #fff;
}

div#testimonilaSec .slick-list.draggable .slick-track {
    padding-top: 50px;
}

.reviewImg {
    padding: 0px 25px 25px 15px;
}

.reviewInner {
	padding: 0 20px 20px;
	margin: 10px;
	min-height: 300px;
	}

.test_detail .slick-active, .slick-center {
    color: #fff;
}
.reviewInner:hover .reviewImg img {
    scale: 1.2;
    transition: all 0.4s ease;
}


.test_detail .reviewTitle {
    color: #ea1c2d;
    margin: 0;
    font-size: 20px;
    font-weight: bolder;
    font-family: 'Clash Display Bold';
}

.test_detail .ratings {
    color: gold;
	font-size: 20px;
    /*padding-left: 10px;*/
}

#ratingForm input, textarea {
    border-radius: 4px;
	background: #fff;
    color: #000;
	margin: 5px 0px;
}

/*.services-sec .slick-list {*/
/*    overflow: visible;*/
/*}*/

a.modal-link {
    color: #EA1C2D;
    background-color: #fff;
    border: 2px solid #EA1C2D;
    font-size: 14px;
    padding: 10px 30px;
    width: 220px;
    transition: all ease 1s;
    border-radius: 35px;
    font-weight: 600;
}

a.modal-link:hover {
    border: 2px solid #f00;
    background: #000;
    letter-spacing: .8px;
    color: #fff;
}

.test_detail small {
    margin-bottom: 10px;
    height: 120px;
    display: block;
    min-height: 120px;
    max-height: 120px;
    overflow-y: auto;
    font-size: 14px;
    line-height: 20px;
}

.user-rating-form h2 {
    color: #fff;
}

#ratingForm label {
    color: #fff;
}


.button-2 {
  color: #fff;
  border: 3px solid #c266d3;
  background-image: -webkit-linear-gradient(30deg, #c266d3 50%, transparent 50%);
  background-image: linear-gradient(30deg, #c266d3 50%, transparent 50%);
  background-size: 500px;
  background-repeat: no-repeat;
  background-position: 0%;
  -webkit-transition: background 300ms ease-in-out;
  transition: background 300ms ease-in-out;
}
.button-2:hover {
  background-position: 100%;
  color: #c266d3;
}

.test_detail .slick-active, .slick-center .test_detail .reviewTitle{
    color: #fff;
    
    
}






.reviewInner .slick-active, .slick-center {
    background: #ea1c2d;
    box-shadow: -5px 10px 17px -7px rgba(0, 0, 0, 0.75);
}

.test_detail .reviewTitle:before { content: "“"; font-size: 55px; display: inline; position: absolute; line-height: 65px; left: 0; font-family: 'Poppins'; color: #D6D6E4; top: 75%; }





.footerMenu ul li a:hover {
    color: #94c83d;
}


.d-inline ul li a:hover {
    color: #000;
}


ul#menu-main-menu li a:hover{
     color: #94c83d;
}


@media (min-width: 1025px){
.title-size-default .title {
    font-size: 50px !important;
}
.wd-header-overlap .title-size-default {
    padding-top: 200px;
    padding-bottom: 100px;
}
}


.form_wrapper.employment .gchoice .gfield_radio label {
     font-size:  22px;
}

.form_wrapper.employment .gchoice {
    padding-right: 30px;
}

.form_wrapper.employment .gfield_radio {
    display: inline-flex;
}

.form_wrapper.employment .gchoice .gform-field-label {
    font-size: 16px !important;
    font-weight: 500;
    color: #9e9e9e;
}

.form_wrapper.employment input#gform_submit_button_2
{
    width: 100%;
    border: none;
    background: #96c943 !important;
    color: #fff;
}

.border_sqr .vc_column-inner {
    display: flex;
    flex-direction: column-reverse;
    justify-content: center;
}




.form_wrapper.Business_Opportunities input#gform_submit_button_3
{
    width: 100%;
    border: none;
    background: #96c943 !important;
    color: #fff;
}