/* --------- Selection ------------ */ ::selection { background-color: var(--wdtPrimaryColor); color: var(--wdtHeadAltColor); } /* --------- Selection ------------ */ /* ------------- Header ---------------- */ /* contact Block */ .wdt-cus-header-contact-block .wdt-content-item { display: flex; align-items: center; } .wdt-cus-header-contact-block .wdt-content-item .wdt-content-media-group { width: auto; } .wdt-cus-header-contact-block .wdt-content-item > div:not(:last-child) { margin-bottom: 0; } .wdt-cus-header-contact-block .wdt-content-item .wdt-content-detail-group > div:not(:last-child) { margin-bottom: 4px; } .wdt-cus-header-contact-block .wdt-content-item .wdt-content-button > a { padding: 0; background: none; color: var(--wdtLinkColor); font-size: var(--wdtFontSize_H6); } .wdt-cus-header-contact-block .wdt-content-item .wdt-content-button > a:hover { background: none; color: var(--wdtLinkHoverColor); } .wdt-cus-header-contact-block .wdt-content-item .wdt-content-icon-wrapper .wdt-content-icon span { width: 54px; height: 54px; font-size: 34px; background-color: var(--wdtSecondaryColor); color: var(--wdtPrimaryColor); margin-right: 6px; border-radius: var(--wdtRadius_Full); -webkit-border-radius: var(--wdtRadius_Full); } /* text editor link */ .wdt-cus-text-editor-link-block.elementor-widget-text-editor a { color: var(--wdtPrimaryColor); background-image: linear-gradient(90deg, currentColor 50%, currentColor 50%); background-position: left bottom; background-size: 100% 1px; background-repeat: no-repeat; padding-bottom: 2px; transition: background-size 0.3s ease-in-out, color 0.3s linear; -webkit-transition: background-size 0.3s ease-in-out, color 0.3s linear; } .wdt-cus-text-editor-link-block.elementor-widget-text-editor a:hover { color: var(--wdtAccentTxtColor); background-size: 0 1px; background-position: right bottom; } /* button */ .wdt-cus-header-btn .wdt-button-holder.wdt-button-size-nm .wdt-button { padding-top: 10px; padding-bottom: 10px; box-shadow: unset; -webkit-box-shadow: unset; } .wdt-cus-header-btn .wdt-button .wdt-button-icon span { font-size: 12px; transition: var(--wdtBaseTransition); -webkit-transition: var(--wdtBaseTransition); transform: rotate(0); -webkit-transform: rotate(0); } .wdt-cus-header-btn .wdt-button:hover .wdt-button-icon span, .wdt-cus-header-btn .wdt-button:focus .wdt-button-icon span { transform: rotate(45deg); -webkit-transform: rotate(45deg); } .wdt-cus-header-btn .wdt-button .wdt-button-text { background-image: linear-gradient(90deg, currentColor 50%, currentColor 50%); background-position: left bottom; background-size: 100% 1px; background-repeat: no-repeat; padding-bottom: 2px; transition: background-size 0.3s ease-in-out; } .wdt-cus-header-btn .wdt-button:hover .wdt-button-text, .wdt-cus-header-btn .wdt-button:focus .wdt-button-text { background-size: 0 1px; background-position: right bottom; } /* ------------- Header ---------------- */ /* ---------------- Footer ------------------ */ /* title */ .wdt-cus-footer-list-title .wdt-heading-holder .wdt-heading-title-wrapper .wdt-heading-title { padding-left: 12px; border-left: 3px solid var(--wdtPrimaryColor); width: fit-content; } .end.wdt-cus-footer-list-title .wdt-heading-holder .wdt-heading-title-wrapper .wdt-heading-title { margin-left: auto; } .start .wdt-cus-footer-list-title .wdt-heading-holder .wdt-heading-title-wrapper .wdt-heading-title { margin-right: auto; } .center.wdt-cus-footer-list-title .wdt-heading-holder .wdt-heading-title-wrapper .wdt-heading-title { margin-left: auto; margin-right: auto; } /* gallery */ .elementor-image-gallery .gallery.gallery-columns-3 { margin: 0; display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; } .elementor-image-gallery .gallery.gallery-columns-3 .gallery-item { width: 100%; max-width: 100%; padding: 0; border: 1px solid rgb(var(--wdtBorderColorRgb),0.15); overflow: hidden; } .elementor-image-gallery .gallery.gallery-columns-3 .gallery-item a { margin: 0; } .elementor-image-gallery .gallery.gallery-columns-3 .gallery-item img { border: 0; width: 100%; object-fit: cover; object-position: center; transform: scale(1); -webkit-transform: scale(1); transition: var(--wdtBaseTransition); -webkit-transition: var(--wdtBaseTransition); } .elementor-image-gallery .gallery.gallery-columns-3 .gallery-item:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); } /* social icons */ .wdt-cus-footer-social-icons .elementor-icon-list-items .elementor-icon-list-item a span.elementor-icon-list-text:empty { display: none; } .wdt-cus-footer-social-icons .elementor-icon-list-items .elementor-icon-list-item a { width: 40px; height: 40px; background-color: var(--wdtAccentTxtColor); color: var(--wdtLinkColor); border-radius: var(--wdtRadius_Zero); -webkit-border-radius: var(--wdtRadius_Zero); display: flex; align-items: center; justify-content: center; font-size: var(--wdtFontSize_Ext); line-height: var(--wdtLineHeight_Ext); transition: var(--wdtBaseTransition); -webkit-transition: var(--wdtBaseTransition); } #footer .wdt-cus-footer-social-icons .elementor-icon-list-items .elementor-icon-list-item a:hover { background-color: var(--wdtPrimaryColor); color: var(--wdtLinkColor); } /* back to top button */ #footer .wdt-cus-back-to-top-button .wdt-button-holder.wdt-button-size-nm .wdt-button { text-decoration: underline; width: 210px; height: 210px; border-radius: var(--wdtRadius_Full); padding: 40px 0 0; margin-bottom: -64%; align-items: flex-start; color: var(--wdtLinkColor); animation: wdt-footer-back-to-top-btn-animation 1s linear infinite; -webkit-animation: wdt-footer-back-to-top-btn-animation 1s linear infinite; } @keyframes wdt-footer-back-to-top-btn-animation { 0% { box-shadow: 0 0 0 0 rgb(var(--wdtPrimaryColorRgb),0.1), 0 0 0 20px rgb(var(--wdtPrimaryColorRgb),0.1), 0 0 0 40px rgb(var(--wdtPrimaryColorRgb),0.1), 0 0 0 60px rgb(var(--wdtPrimaryColorRgb),0.1); } 100% { box-shadow: 0 0 0 20px rgb(var(--wdtPrimaryColorRgb),0.1), 0 0 0 40px rgb(var(--wdtPrimaryColorRgb),0.1), 0 0 0 60px rgb(var(--wdtPrimaryColorRgb),0.1), 0 0 0 80px rgb(var(--wdtPrimaryColorRgb),0); } } .wdt-cus-back-to-top-button .wdt-button .wdt-button-text { height: auto; } /* responsive */ @media (max-width:1024px) { .wdt-cus-footer-bottom-section .wdt-back-to-top-col { order: 2; } } @media (min-width:768px) and (max-width:1024px) { #footer .elementor-image-gallery .gallery.gallery-columns-3 {grid-template-columns: repeat(6,1fr); } } /* ---------------- Footer ------------------ */ /* ------------------------- Blog Detail Page Testimonial --------------------------- */ .wdt-cus-icon-aside-testimonial .wdt-testimonial-holder .wdt-content-item { display: grid; grid-template-columns: 220px 1fr; align-items: center; } .wdt-cus-icon-aside-testimonial .wdt-content-item .wdt-content-icon-wrapper .wdt-content-icon span { padding: 0; font-size: 100%; width: 116px; height: 116px; } .wdt-cus-icon-aside-testimonial .wdt-content-item .wdt-content-icon-wrapper .wdt-content-icon span i, .wdt-cus-icon-aside-testimonial .wdt-content-item .wdt-content-icon-wrapper .wdt-content-icon span i svg { width: inherit; height: inherit; } .wdt-cus-icon-aside-testimonial .wdt-content-item .wdt-content-detail-group, .wdt-cus-icon-aside-testimonial .wdt-content-item .wdt-content-detail-group .wdt-content-elements-group { height: 100%; } .wdt-cus-icon-aside-testimonial .wdt-content-item > div:not(:last-child) { margin-bottom: 0; } .wdt-cus-icon-aside-testimonial .wdt-content-item .wdt-content-elements-group.wdt-content-group { padding: clamp(1.875rem, 1.625rem + 1.25vw, 3.125rem); /* 50px - 30px */ } .wdt-cus-icon-aside-testimonial .wdt-content-item .wdt-content-media-group { display: flex; width: auto; } /* responsive */ @media (max-width:767px) { .wdt-cus-icon-aside-testimonial .wdt-testimonial-holder .wdt-content-item { grid-template-columns: 150px 1fr; } .wdt-cus-icon-aside-testimonial .wdt-content-item .wdt-content-icon-wrapper .wdt-content-icon span { width: 70px; height: 70px; } } @media (max-width: 479px) { .wdt-cus-icon-aside-testimonial .wdt-testimonial-holder .wdt-content-item { grid-template-columns: 1fr; } .wdt-cus-icon-aside-testimonial .wdt-content-item .wdt-content-icon-wrapper .wdt-content-icon span { width: 50px; height: 50px; } .wdt-cus-icon-aside-testimonial .wdt-content-item .wdt-content-media-group { padding: 30px; } } /* ------------------------- Blog Detail Page Testimonial --------------------------- */ /* --------------------------- Blog Detail meta group widget ------------------------------- */ /* social share */ .elementor-widget-wdt-post-socials .entry-social-share-wrapper .single-entry-social-share .share .wdt-share-list li a { font-size: 0; } /* --------------------------- Blog Detail meta group widget ------------------------------- */ /* ------------------- Text Wrap Balance --------------------- */ .wdt-cus-heading-text-wrap-balance .wdt-heading-holder .wdt-heading-content-wrapper { text-wrap: balance; } /* ------------------- Text Wrap Balance --------------------- */ /* --------------------- Shop Listing Custom Style ------------------------ */ .woocommerce ul.products.wdt-cus-product-style-01 li.product .product-wrapper { border: 1px solid rgb(var(--wdtBorderColorRgb),0.15); } .woocommerce ul.products.wdt-cus-product-style-01 li.product .product-wrapper .product-details { border-top: 1px solid rgb(var(--wdtBorderColorRgb),0.15); } .woocommerce ul.products.wdt-cus-product-style-01 li.product .product-wrapper > .tinv-wishlist { display: none; } /* --------------------- Shop Listing Custom Style ------------------------ */ /* -------------------------- Shop Detail Page ----------------------------- */ .elementor-widget.elementor-widget-wdt-shop-product-single-summary .wdt-product-summary .product-buttons-wrapper .wc_inline_buttons .wcwl_btn_wrapper form.cart .single_variation_wrap .woocommerce-variation-add-to-cart { display: flex; justify-content: flex-start; align-items: flex-end; flex-wrap: wrap; margin: -10px; } .elementor-widget.elementor-widget-wdt-shop-product-single-summary .wdt-product-summary .product-buttons-wrapper .wc_inline_buttons .wcwl_btn_wrapper form.cart .single_variation_wrap .woocommerce-variation-add-to-cart > * { margin: 10px; } .elementor-widget-wdt-shop-product-single-summary .wdt-product-summary .product-buttons-wrapper .wc_inline_buttons .wcwl_btn_wrapper form.cart .single_variation_wrap .woocommerce-variation-add-to-cart .tinv-wishlist { font-size: 0; } .elementor-widget-wdt-shop-product-single-summary .wdt-product-summary .product-buttons-wrapper .wc_inline_buttons .wcwl_btn_wrapper form.cart .single_variation_wrap .woocommerce-variation-add-to-cart .tinv-wishlist .wdt-cus-wishlist-btn { margin: 0; padding: var(--wdtPadding_Btn); background: var(--wdtSecondaryColor) !important; color: var(--wdtAccentTxtColor); } .elementor-widget-wdt-shop-product-single-summary .wdt-product-summary .product-buttons-wrapper .wc_inline_buttons .wcwl_btn_wrapper form.cart .single_variation_wrap .woocommerce-variation-add-to-cart .tinv-wishlist .wdt-cus-wishlist-btn:hover, .elementor-widget-wdt-shop-product-single-summary .wdt-product-summary .product-buttons-wrapper .wc_inline_buttons .wcwl_btn_wrapper form.cart .single_variation_wrap .woocommerce-variation-add-to-cart .tinv-wishlist .wdt-cus-wishlist-btn:focus { background: var(--wdtPrimaryColor) !important; color: var(--wdtLinkColor); } .elementor-widget-wdt-shop-product-single-summary .wdt-product-summary .product-buttons-wrapper .wc_inline_buttons .wcwl_btn_wrapper form.cart .single_variation_wrap .woocommerce-variation-add-to-cart .tinv-wishlist .wdt-cus-wishlist-btn:before { height: 100%; font-size: 14px; line-height: 0; top: -5px; position: relative; } .elementor-widget-wdt-shop-product-single-summary .wdt-product-summary .product-buttons-wrapper .wc_inline_buttons .wcwl_btn_wrapper form.cart .single_variation_wrap .woocommerce-variation-add-to-cart .tinv-wishlist .wdt-cus-wishlist-btn span.tinvwl_add_to_wishlist-text { display: inline-block !important; } /* buy now btn */ .elementor-widget-wdt-shop-product-single-summary .wdt-product-summary .product-buttons-wrapper .wc_inline_buttons .product-buy-now a { margin-top: 30px; } /* quantity */ .woocommerce .elementor-widget-wdt-shop-product-single-summary .quantity input, .woocommerce-page .elementor-widget-wdt-shop-product-single-summary .quantity input { width: 60px; min-height: 60px; } /* Add to cart Btn */ .woocommerce .elementor-widget-wdt-shop-product-single-summary .wdt-product-summary .product-buttons-wrapper .wc_inline_buttons .wcwl_btn_wrapper form.cart button.single_add_to_cart_button, .woocommerce .elementor-widget.elementor-widget-wdt-shop-product-single-summary form.cart .variations a { padding: var(--wdtPadding_Btn); background: var(--wdtPrimaryColor) !important; color: var(--wdtLinkColor); } .woocommerce .elementor-widget-wdt-shop-product-single-summary .wdt-product-summary .product-buttons-wrapper .wc_inline_buttons .wcwl_btn_wrapper form.cart button.single_add_to_cart_button:hover, .woocommerce .elementor-widget-wdt-shop-product-single-summary .wdt-product-summary .product-buttons-wrapper .wc_inline_buttons .wcwl_btn_wrapper form.cart button.single_add_to_cart_button:focus, .woocommerce .elementor-widget.elementor-widget-wdt-shop-product-single-summary form.cart .variations a:hover, .woocommerce .elementor-widget.elementor-widget-wdt-shop-product-single-summary form.cart .variations a:focus { background: var(--wdtSecondaryColor) !important; color: var(--wdtAccentTxtColor); } .woocommerce .elementor-widget.elementor-widget-wdt-shop-product-single-summary div.summary.wdt-product-summary { margin: 0; } .woocommerce .elementor-widget.elementor-widget-wdt-shop-product-single-summary .summary > ul.product-additional-info.single-item { margin-top: 20px; margin-bottom: 20px; } /* variations */ .woocommerce .elementor-widget.elementor-widget-wdt-shop-product-single-summary form.cart .variations tr:first-child { margin-right: 0; } .woocommerce .elementor-widget.elementor-widget-wdt-shop-product-single-summary form.cart .variations tbody tr td { padding: 0; line-height: 0; } .woocommerce .elementor-widget.elementor-widget-wdt-shop-product-single-summary form.cart .variations tbody tr td .select2-container { min-width: 250px; width: 100% !important; } .woocommerce .elementor-widget.elementor-widget-wdt-shop-product-single-summary form.cart .variations tbody tr td:has(> .reset_variations) { display: flex; align-items: flex-start; justify-content: center; flex-wrap: wrap; flex-direction: column; margin: -10px; } .woocommerce .elementor-widget.elementor-widget-wdt-shop-product-single-summary form.cart .variations tbody tr td:has(> .reset_variations) > * { margin: 10px; } /* clear btn */ .woocommerce .elementor-widget.elementor-widget-wdt-shop-product-single-summary form.cart .variations a { font-size: var(--wdtFontSize_Base); font-weight: var(--wdtFontWeight_Base); line-height: var(--wdtLineHeight_Ext); } .woocommerce .elementor-widget.elementor-widget-wdt-shop-product-single-summary form.cart .variations a[style="visibility: hidden;"] { display: none; } .woocommerce .elementor-widget.elementor-widget-wdt-shop-product-single-summary form.cart .variations a[style="visibility: visible;"] { display: block; } /* meta set */ .woocommerce .elementor-widget.elementor-widget-wdt-shop-product-single-summary div.summary.wdt-product-summary.wdt-cus-product-meta-group-set > .product_meta_wrapper { margin: 10px 30px; width: auto; } .woocommerce .elementor-widget.elementor-widget-wdt-shop-product-single-summary div.summary.wdt-product-summary.wdt-cus-product-meta-group-set { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; margin: -10px -30px; } /* Author Bio */ .wdt-cus-author-bio .wdt-content-item .wdt-content-image > span, .wdt-cus-author-bio .wdt-content-item .wdt-content-image > a { border-radius: var(--wdtRadius_Full); -webkit-border-radius: var(--wdtRadius_Full); width: clamp(6.25rem, 6rem + 1.25vw, 7.5rem); /* Min-100 & Max-120 */ } .wdt-cus-author-bio .wdt-content-item .wdt-content-detail-group > div:not(:last-child) { margin-bottom: 10px; } .wdt-cus-author-bio .wdt-content-item .wdt-content-title h5 { font-size: clamp(1.25rem, 1.2rem + 0.25vw, 1.5rem); /* Min-20 & Max-24 */ } .wdt-cus-author-bio .wdt-content-item > div:not(:last-child) { margin-bottom: clamp(0.625rem, 0.5rem + 0.625vw, 1.25rem); /* Min-10 & Max-20 */ } /* -------------------------- Shop Detail Page ----------------------------- */ /* ------------------------- Cart Page ------------------------- */ /* Left side block title */ .woocommerce-page .editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__header, .woocommerce-page table.wc-block-cart-items .wc-block-cart-items__header { font-size: var(--wdtFontSize_H6); text-transform: capitalize; background-color: var(--wdtPrimaryColor); border-style: solid; border-color: rgb(var(--wdtBorderColorRgb),0.15); border-width: 0 0 1px; } .woocommerce-page .editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__header th, .woocommerce-page table.wc-block-cart-items .wc-block-cart-items__header th { font-weight: var(--wdtFontWeight_Ext); } .woocommerce-page .editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__header .wc-block-cart-items__header-total, .woocommerce-page table.wc-block-cart-items .wc-block-cart-items__header .wc-block-cart-items__header-total { text-align: center; } /* product details */ .woocommerce-page .editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-name, .woocommerce-page table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-name { width: 100%; max-width: fit-content; margin: auto; line-height: var(--wdtLineHeight_Alt); margin-bottom: 20px; } .woocommerce-page .wc-block-components-product-name { font-size: clamp(1.25rem, 1.2rem + 0.25vw, 1.5rem); /* Min-20 & Max-24 */ font-weight: var(--wdtFontWeight_Base); text-decoration: none; color: var(--wdtLinkColor); } .woocommerce-page a.wc-block-components-product-name:hover { color: var(--wdtLinkHoverColor); } .woocommerce-page .editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__wrap > *, .woocommerce-page .editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-quantity-selector, .woocommerce-page table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__wrap > * { margin-bottom: 20px; } .woocommerce-page .wc-block-components-product-price__value.is-discounted { background: var(--wdtPrimaryColor); padding: 4px 8px; } .woocommerce-page .wc-block-components-product-price { font-size: var(--wdtFontSize_H6); line-height: normal; display: flex; justify-content: center; align-items: center; } .woocommerce-page .wc-block-components-product-badge { text-transform: capitalize; border-radius: var(--wdtRadius_Zero); font-size: var(--wdtFontSize_Base); padding: 10px; border: 1px solid rgb(var(--wdtBorderColorRgb),0.15); color: var(--wdtHeadAltColor); font-weight: var(--wdtFontWeight_Ext); line-height: var(--wdtLineHeight_Ext); } .woocommerce-page .wc-block-components-product-details.wc-block-components-product-details { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; margin: -10px; } .woocommerce-page .wc-block-components-product-details.wc-block-components-product-details:last-of-type { margin-bottom: -10px; } .woocommerce-page .wc-block-components-product-details.wc-block-components-product-details li { font-size: var(--wdtFontSize_Base); font-weight: var(--wdtFontWeight_Base); line-height: var(--wdtLineHeight_Base); padding: 10px; } .woocommerce-page .wc-block-components-quantity-selector { margin: 0; border-radius: var(--wdtRadius_Zero); width: fit-content; } .woocommerce-page .wc-block-components-quantity-selector::after { border-color: rgb(var(--wdtBorderColorRgb),0.15); border-radius: var(--wdtRadius_Zero); border: 0; } .woocommerce-page table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-quantity-selector { margin: 0; } .woocommerce-page .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button, .woocommerce-page .wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input { width: 60px; height: 60px; min-width: 60px; flex: 1; border-radius: var(--wdtRadius_Zero); padding: 0; font-size: var(--wdtFontSize_H6); color: var(--wdtHeadAltColor); font-weight: var(--wdtFontWeight_Base); transition: var(--wdtBaseTransition); -webkit-transition: var(--wdtBaseTransition); box-shadow: unset; -webkit-box-shadow: unset; } .woocommerce-page .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button { border: 1px solid rgb(var(--wdtBorderColorRgb),0.15); font-weight: calc(var(--wdtFontWeight_Base) + 200); opacity: 1; } .woocommerce-page .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button:hover, .woocommerce-page .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button:focus { color: var(--wdtLinkHoverColor); box-shadow: unset; -webkit-box-shadow: unset; } .woocommerce-page .wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input:focus { box-shadow: unset; -webkit-box-shadow: unset; } .woocommerce-page .wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input { border-style: solid; border-color: rgb(var(--wdtBorderColorRgb),0.15); border-width: 1px 0; } .woocommerce-page .editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link, .woocommerce-page table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link { font-size: var(--wdtFontSize_Base); font-weight: var(--wdtFontWeight_Base); padding: var(--wdtPadding_Btn); line-height: var(--wdtLineHeight_Alt); color: var(--wdtLinkColor); background-color: var(--wdtPrimaryColor); text-decoration: none; margin: 10px; text-transform: capitalize; } .woocommerce-page .editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link:hover, .woocommerce-page table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link:hover, .woocommerce-page .editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link:focus, .woocommerce-page table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link:focus { color: var(--wdtAccentTxtColor); background-color: var(--wdtSecondaryColor); text-decoration: none; } .woocommerce-page table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; margin: -10px !important; } .woocommerce-page table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity > * { margin: 10px; } .woocommerce-page .editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__header .wc-block-cart-items__header-product, .woocommerce-page table.wc-block-cart-items .wc-block-cart-items__header .wc-block-cart-items__header-product { visibility: visible; } /* total column */ .woocommerce-page .editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total, .woocommerce-page table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total { text-align: center; } .woocommerce-page .editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__header .wc-block-cart-items__header-total, .woocommerce-page table.wc-block-cart-items .wc-block-cart-items__header .wc-block-cart-items__header-total, .woocommerce-page .editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__header .wc-block-cart-items__header-image, .woocommerce-page table.wc-block-cart-items .wc-block-cart-items__header .wc-block-cart-items__header-image { width: 150px; } .woocommerce-page .wc-block-cart-item__total-price-and-sale-badge-wrapper { align-items: center; } .woocommerce-page .wc-block-cart-item__total-price-and-sale-badge-wrapper .wc-block-components-sale-badge { margin-top: 10px; } /* Main componenets Left side and right side */ .woocommerce-page .wc-block-components-sidebar-layout .wc-block-components-main { width: 65%; padding: 0; } .woocommerce-page .wc-block-components-sidebar { width: calc(35% - 50px); padding: 0; margin-left: 50px; } .woocommerce-page .wc-block-components-sidebar-layout .wc-block-components-main table.wc-block-cart-items tbody { background-color: var(--wdtAccentTxtColor); } .woocommerce-page .wc-block-components-sidebar .wp-block-woocommerce-cart-order-summary-block { border: 1px solid rgb(var(--wdtBorderColorRgb),0.15); background-color: var(--wdtAccentTxtColor); } .woocommerce-page .wc-block-components-sidebar-layout.is-large .wc-block-components-main table.wc-block-cart-items tr.wc-block-cart-items__row:not(:last-child) { border-bottom: 1px solid rgb(var(--wdtBorderColorRgb),0.15); } /* right side block */ .woocommerce-page .wc-block-components-totals-wrapper { padding: 20px 0; border-color: rgb(var(--wdtBorderColorRgb),0.15); } .woocommerce-page .wc-block-components-sidebar .wc-block-components-totals-coupon .wc-block-components-totals-coupon-link { margin: 0; } .woocommerce-page .wc-block-components-totals-item__value, .woocommerce-page .wc-block-components-totals-footer-item .wc-block-components-totals-item__label { font-weight: var(--wdtFontWeight_Ext); } .woocommerce-page .wc-block-components-totals-item__label { font-size: var(--wdtFontSize_H6); color: var(--wdtHeadAltColor); } .woocommerce-page .wc-block-components-totals-shipping .wc-block-components-totals-shipping__change-address__link { padding: var(--wdtPadding_Btn); margin-top: 20px; background-color: var(--wdtPrimaryColor); text-decoration: none; } .woocommerce-page .wc-block-components-totals-shipping .wc-block-components-totals-shipping__change-address__link:hover, .woocommerce-page .wc-block-components-totals-shipping .wc-block-components-totals-shipping__change-address__link :focus { background-color: var(--wdtSecondaryColor); } .woocommerce-page .wc-block-components-totals-item__description { font-size: var(--wdtFontSize_Base); } .woocommerce-page .wc-block-components-totals-shipping .wc-block-components-shipping-address { margin-top: 20px; } .woocommerce-page .wc-block-components-radio-control__label, .woocommerce-page .wc-block-components-radio-control__secondary-label { line-height: var(--wdtLineHeight_Base); color: var(--wdtHeadAltColor); text-transform: capitalize; } .woocommerce-page .wc-block-components-shipping-rates-control__package .wc-block-components-radio-control__description-group .wc-block-components-radio-control__description, .woocommerce-page .wc-block-components-radio-control__secondary-description { font-size: var(--wdtFontSize_Base); line-height: var(--wdtLineHeight_Base); } .woocommerce-page .wc-block-components-shipping-rates-control__package .wc-block-components-shipping-rates-control__package__description--free { text-transform: capitalize; } .woocommerce-page .wc-block-components-radio-control .wc-block-components-radio-control__input:checked::before { background: var(--wdtPrimaryColor); } .woocommerce-page .wc-block-components-totals-footer-item .wc-block-components-totals-item__label, .woocommerce-page .wc-block-components-totals-footer-item .wc-block-components-totals-item__value { font-size: var(--wdtFontSize_H5); } .woocommerce-page .wc-block-cart__submit { margin-bottom: 0; } .woocommerce-page .wc-block-components-button:not(.is-link) { padding: var(--wdtPadding_Btn); line-height: var(--wdtLineHeight_Ext); background-color: var(--wdtPrimaryColor); color: var(--wdtLinkColor); box-shadow: unset; -webkit-box-shadow: unset; font-size: var(--wdtFontSize_Base); font-weight: var(--wdtFontWeight_Base); transition: var(--wdtBaseTransition); -webkit-transition: var(--wdtBaseTransition); } .woocommerce-page .wc-block-components-button.wc-block-components-totals-coupon__button:not(.is-link) { padding-top: 0; padding-bottom: 0; } .woocommerce-page .wc-block-components-button:not(.is-link):hover, .woocommerce-page .wc-block-components-button:not(.is-link):focus { background-color: var(--wdtSecondaryColor); color: var(--wdtAccentTxtColor); box-shadow: unset; -webkit-box-shadow: unset; } body.woocommerce-page:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link):focus { box-shadow: unset; -webkit-box-shadow: unset; outline: unset; } .woocommerce-page .wc-block-cart table.wc-block-cart-items, .woocommerce-page .wc-block-cart table.wc-block-cart-items td, .woocommerce-page .wc-block-cart table.wc-block-cart-items th { margin: 0; } .woocommerce-page .wc-block-components-radio-control .wc-block-components-radio-control__input { top: 16px; } .woocommerce-page .wc-block-components-radio-control .wc-block-components-radio-control__input:focus { outline: 0 solid var(--wdtPrimaryColor); outline-offset: 2px; } .woocommerce-page .wc-block-components-radio-control .wc-block-components-radio-control__input:checked { border: 2px solid var(--wdtPrimaryColor); } /* cupon btn */ .woocommerce-page .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__button { margin: 0; transition: var(--wdtBaseTransition); -webkit-transition: var(--wdtBaseTransition); } .woocommerce-page .wc-block-components-totals-coupon__content .wc-block-components-validation-error { left: clamp(1.25rem, 1.125rem + 0.625vw, 1.875rem); bottom: -4px; } /* input style */ .woocommerce-page .wc-block-components-form .wc-block-components-text-input input[type="email"], .woocommerce-page .wc-block-components-form .wc-block-components-text-input input[type="number"], .woocommerce-page .wc-block-components-form .wc-block-components-text-input input[type="tel"], .woocommerce-page .wc-block-components-form .wc-block-components-text-input input[type="text"], .woocommerce-page .wc-block-components-form .wc-block-components-text-input input[type="url"], .woocommerce-page .wc-block-components-text-input input[type="email"], .woocommerce-page .wc-block-components-text-input input[type="number"], .woocommerce-page .wc-block-components-text-input input[type="tel"], .woocommerce-page .wc-block-components-text-input input[type="text"], .woocommerce-page .wc-block-components-text-input input[type="url"], .woocommerce-page .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input, .woocommerce-page .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input, .woocommerce-page .wc-block-components-textarea { background-color: var(--wdtAccentTxtColor); border-radius: var(--wdtRadius_Zero); border-color: rgb(var(--wdtBorderColorRgb),0.15); padding: var(--wdtInputPadding); color: var(--wdtHeadAltColor); } .woocommerce-page .wc-block-components-form .wc-block-components-text-input input[type="email"]:focus, .woocommerce-page .wc-block-components-form .wc-block-components-text-input input[type="number"]:focus, .woocommerce-page .wc-block-components-form .wc-block-components-text-input input[type="tel"]:focus, .woocommerce-page .wc-block-components-form .wc-block-components-text-input input[type="text"]:focus, .woocommerce-page .wc-block-components-form .wc-block-components-text-input input[type="url"]:focus, .woocommerce-page .wc-block-components-text-input input[type="email"]:focus, .woocommerce-page .wc-block-components-text-input input[type="number"]:focus, .woocommerce-page .wc-block-components-text-input input[type="tel"]:focus, .woocommerce-page .wc-block-components-text-input input[type="text"]:focus, .woocommerce-page .wc-block-components-text-input input[type="url"]:focus, .woocommerce-page .wc-block-checkout__add-note .wc-block-components-textarea:focus { box-shadow: unset; -webkit-box-shadow: unset; color: var(--wdtHeadAltColor); background-color: var(--wdtAccentTxtColor); border-color: var(--wdtSecondaryColor); } .woocommerce-page .wc-block-components-form .wc-block-components-text-input label, .woocommerce-page .wc-block-components-text-input label, .woocommerce-page .wc-block-components-combobox .wc-block-components-combobox-control label.components-base-control__label, .woocommerce-page .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control label.components-base-control__label { color: var(--wdtBodyTxtColor); left: clamp(1.25rem, 1.125rem + 0.625vw, 1.875rem); bottom: 0; margin: auto; height: fit-content; transform: unset; -webkit-transform: unset; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; opacity: 1; text-transform: capitalize; } .woocommerce-page .wc-block-components-form .wc-block-components-text-input input:autofill + label, .woocommerce-page .wc-block-components-form .wc-block-components-text-input.is-active label, .woocommerce-page .wc-block-components-text-input input:autofill + label, .woocommerce-page .wc-block-components-text-input.is-active label, .woocommerce-page .wc-block-components-combobox.is-active .wc-block-components-combobox-control label.components-base-control__label, .woocommerce-page .wc-block-components-combobox:focus-within .wc-block-components-combobox-control label.components-base-control__label, .woocommerce-page .wc-block-components-form .wc-block-components-combobox.is-active .wc-block-components-combobox-control label.components-base-control__label, .woocommerce-page .wc-block-components-form .wc-block-components-combobox:focus-within .wc-block-components-combobox-control label.components-base-control__label { transform: unset; -webkit-transform: unset; opacity: 0; } .woocommerce-page .wc-block-components-form .wc-block-components-text-input input:autofill, .woocommerce-page .wc-block-components-form .wc-block-components-text-input.is-active input[type="email"], .woocommerce-page .wc-block-components-form .wc-block-components-text-input.is-active input[type="number"], .woocommerce-page .wc-block-components-form .wc-block-components-text-input.is-active input[type="tel"], .woocommerce-page .wc-block-components-form .wc-block-components-text-input.is-active input[type="text"], .woocommerce-page .wc-block-components-form .wc-block-components-text-input.is-active input[type="url"], .woocommerce-page .wc-block-components-text-input input:autofill, .woocommerce-page .wc-block-components-text-input.is-active input[type="email"], .woocommerce-page .wc-block-components-text-input.is-active input[type="number"], .woocommerce-page .wc-block-components-text-input.is-active input[type="tel"], .woocommerce-page .wc-block-components-text-input.is-active input[type="text"], .woocommerce-page .wc-block-components-text-input.is-active input[type="url"] { padding: var(--wdtInputPadding); } .woocommerce-page .wc-block-components-validation-error { position: absolute; top: auto; bottom: 0; right: 0; } .woocommerce-page .wc-block-components-validation-error > p { padding: 4px; } .woocommerce-page .wc-block-components-combobox .wc-block-components-combobox-control .components-form-token-field__suggestions-list, .woocommerce-page .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control .components-form-token-field__suggestions-list { border-radius: var(--wdtRadius_Zero); border: 0; color: var(--wdtBodyTxtColor); box-shadow: 0 1px 0 1px var(--wdtSecondaryColor); } .woocommerce-page .wc-block-components-combobox .wc-block-components-combobox-control .components-form-token-field__suggestions-list .components-form-token-field__suggestion, .woocommerce-page .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control .components-form-token-field__suggestions-list .components-form-token-field__suggestion { color: var(--wdtBodyTxtColor); font-size: var(--wdtFontSize_Base); font-weight: var(--wdtFontWeight_Base); padding: 10px; transition: var(--wdtBaseTransition); -webkit-transition: var(--wdtBaseTransition); } .woocommerce-page .wc-block-components-combobox .wc-block-components-combobox-control .components-form-token-field__suggestions-list .components-form-token-field__suggestion.is-highlighted, .woocommerce-page .wc-block-components-combobox .wc-block-components-combobox-control .components-form-token-field__suggestions-list .components-form-token-field__suggestion:active, .woocommerce-page .wc-block-components-combobox .wc-block-components-combobox-control .components-form-token-field__suggestions-list .components-form-token-field__suggestion:focus, .woocommerce-page .wc-block-components-combobox .wc-block-components-combobox-control .components-form-token-field__suggestions-list .components-form-token-field__suggestion:hover, .woocommerce-page .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control .components-form-token-field__suggestions-list .components-form-token-field__suggestion.is-highlighted, .woocommerce-page .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control .components-form-token-field__suggestions-list .components-form-token-field__suggestion:active, .woocommerce-page .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control .components-form-token-field__suggestions-list .components-form-token-field__suggestion:focus, .woocommerce-page .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control .components-form-token-field__suggestions-list .components-form-token-field__suggestion:hover { background-color: var(--wdtPrimaryColor); color: var(--wdtLinkColor); } .woocommerce-page .wc-block-components-form .wc-block-components-text-input, .woocommerce-page .wc-block-components-text-input { margin-top: 20px; } .woocommerce-page .wc-block-components-shipping-calculator { padding: 20px 0 0; } /* is large */ .woocommerce-page .is-large.wc-block-cart .wc-block-cart-items th, .woocommerce-page .is-large.wc-block-cart .wc-block-cart-items td { padding: 10px 20px; border-style: solid; border-color: rgb(var(--wdtBorderColorRgb),0.15); border-width: 0 1px 0 0; } .woocommerce-page .is-large.wc-block-cart .wc-block-cart__totals-title, .woocommerce-page .is-medium.wc-block-cart .wc-block-cart__totals-title, .woocommerce-page .is-small.wc-block-cart .wc-block-cart__totals-title, .woocommerce-page .is-mobile.wc-block-cart .wc-block-cart__totals-title { padding: 10px 20px; font-weight: var(--wdtFontWeight_Ext); font-size: var(--wdtFontSize_H6); text-transform: capitalize; color: var(--wdtHeadAltColor); text-align: center; background-color: var(--wdtPrimaryColor); } .woocommerce-page .is-large.wc-block-cart .wc-block-cart-items td { padding: 30px 20px; } .woocommerce-page .is-large.wc-block-cart .wc-block-cart-items td:last-child, .woocommerce-page .is-large.wc-block-cart .wc-block-cart-items th:last-child { border-width: 0; padding-right: 20px; } .woocommerce-page .is-large.wc-block-cart .wc-block-cart-items { border: 1px solid rgb(var(--wdtBorderColorRgb),0.15); } .woocommerce-page .is-large:not(.wc-block-checkout) .wc-block-components-product-details__name, .woocommerce-page .is-medium:not(.wc-block-checkout) .wc-block-components-product-details__name, .woocommerce-page .is-small:not(.wc-block-checkout) .wc-block-components-product-details__name, .woocommerce-page .is-mobile:not(.wc-block-checkout) .wc-block-components-product-details__name, .woocommerce-page .is-large.wc-block-checkout .wc-block-components-product-details__name, .woocommerce-page .is-medium.wc-block-checkout .wc-block-components-product-details__name, .woocommerce-page .is-small.wc-block-checkout .wc-block-components-product-details__name, .woocommerce-page .is-mobile.wc-block-checkout .wc-block-components-product-details__name { font-weight: var(--wdtFontWeight_Ext); font-size: var(--wdtFontSize_H6); color: var(--wdtHeadAltColor); } .woocommerce-page .is-large .wc-block-components-sidebar .wc-block-components-panel, .woocommerce-page .is-large .wc-block-components-sidebar .wc-block-components-totals-coupon, .woocommerce-page .is-large .wc-block-components-sidebar .wc-block-components-totals-item, .woocommerce-page .is-large.wc-block-cart .wc-block-components-sidebar .wc-block-components-shipping-calculator, .woocommerce-page .is-large.wc-block-cart .wc-block-components-sidebar .wc-block-components-shipping-rates-control__package:not(.wc-block-components-panel), .woocommerce-page .is-medium .wc-block-components-sidebar .wc-block-components-panel, .woocommerce-page .is-medium .wc-block-components-sidebar .wc-block-components-totals-coupon, .woocommerce-page .is-medium .wc-block-components-sidebar .wc-block-components-totals-item, .woocommerce-page .is-medium.wc-block-cart .wc-block-components-sidebar .wc-block-components-shipping-calculator, .woocommerce-page .is-medium.wc-block-cart .wc-block-components-sidebar .wc-block-components-shipping-rates-control__package:not(.wc-block-components-panel), .woocommerce-page .is-small .wc-block-components-sidebar .wc-block-components-panel, .woocommerce-page .is-small .wc-block-components-sidebar .wc-block-components-totals-coupon, .woocommerce-page .is-small .wc-block-components-sidebar .wc-block-components-totals-item, .woocommerce-page .is-small.wc-block-cart .wc-block-components-sidebar .wc-block-components-shipping-calculator, .woocommerce-page .is-small.wc-block-cart .wc-block-components-sidebar .wc-block-components-shipping-rates-control__package:not(.wc-block-components-panel), .woocommerce-page .is-mobile .wc-block-components-sidebar .wc-block-components-panel, .woocommerce-page .is-mobile .wc-block-components-sidebar .wc-block-components-totals-coupon, .woocommerce-page .is-mobile .wc-block-components-sidebar .wc-block-components-totals-item, .woocommerce-page .is-mobile.wc-block-cart .wc-block-components-sidebar .wc-block-components-shipping-calculator, .woocommerce-page .is-mobile.wc-block-cart .wc-block-components-sidebar .wc-block-components-shipping-rates-control__package:not(.wc-block-components-panel) { padding-left: 20px; padding-right: 20px; } .woocommerce-page .is-large.wc-block-cart .wc-block-components-sidebar .wc-block-components-totals-item__description.wc-block-components-totals-shipping__via { padding-top: 10px; } .woocommerce-page .is-large.wc-block-cart .wc-block-components-sidebar .wc-block-components-totals-shipping__change-address__link { padding: var(--wdtPadding_Btn); background: var(--wdtPrimaryColor); text-decoration: none; } .woocommerce-page .is-large.wc-block-cart .wc-block-components-sidebar .wc-block-components-totals-shipping__change-address__link:hover, .woocommerce-page .is-large.wc-block-cart .wc-block-components-sidebar .wc-block-components-totals-shipping__change-address__link:focus { background: var(--wdtSecondaryColor); } .woocommerce-page .is-large.wc-block-cart .wc-block-components-sidebar .wc-block-components-totals-shipping__options, .woocommerce-page .is-medium.wc-block-cart .wc-block-components-sidebar .wc-block-components-totals-shipping__options, .woocommerce-page .is-small.wc-block-cart .wc-block-components-sidebar .wc-block-components-totals-shipping__options, .woocommerce-page .is-mobile.wc-block-cart .wc-block-components-sidebar .wc-block-components-totals-shipping__options { margin-top: 20px; } /* Is medium */ .is-medium.wc-block-cart .wc-block-components-radio-control__input, .is-small.wc-block-cart .wc-block-components-radio-control__input, .is-mobile.wc-block-cart .wc-block-components-radio-control__input { left: 0; margin: 0; } .woocommerce-page .is-medium.wc-block-cart .wc-block-components-sidebar .wc-block-cart__totals-title, .woocommerce-page .is-mobile.wc-block-cart .wc-block-components-sidebar .wc-block-cart__totals-title, .woocommerce-page .is-small.wc-block-cart .wc-block-components-sidebar .wc-block-cart__totals-title { display: block; } .woocommerce-page .is-medium table.wc-block-cart-items .wc-block-cart-items__row, .woocommerce-page .is-mobile table.wc-block-cart-items .wc-block-cart-items__row, .woocommerce-page .is-small table.wc-block-cart-items .wc-block-cart-items__row { border: 1px solid rgb(var(--wdtBorderColorRgb),0.15); padding: 30px 20px; grid-template-columns: 1fr; } .woocommerce-page .is-medium table.wc-block-cart-items .wc-block-cart-items__row:not(:last-child), .woocommerce-page .is-mobile table.wc-block-cart-items .wc-block-cart-items__row:not(:last-child), .woocommerce-page .is-small table.wc-block-cart-items .wc-block-cart-items__row:not(:last-child) { margin-bottom: 30px; } .woocommerce-page .is-medium table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image, .woocommerce-page .is-mobile table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image, .woocommerce-page .is-small table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image { grid-row: unset; grid-column: unset; padding: 0; } .woocommerce-page .is-medium table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product, .woocommerce-page .is-mobile table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product, .woocommerce-page .is-small table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product { grid-column-end: unset; grid-column-start: unset; grid-row-start: unset; padding: 30px 0; margin: 30px 0; border-style: solid; border-width: 1px 0; border-color: rgb(var(--wdtBorderColorRgb),0.15); } .woocommerce-page .is-medium table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total, .woocommerce-page .is-mobile table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total, .woocommerce-page .is-small table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total { grid-row-start: unset; } .woocommerce-page .is-medium .editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image img, .woocommerce-page .is-medium table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image img, .woocommerce-page .is-small .editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image img, .woocommerce-page .is-small table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image img, .woocommerce-page .is-mobile .editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image img, .woocommerce-page .is-mobile table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image img { max-width: 200px; } .woocommerce-page .is-medium.wc-block-components-sidebar-layout, .woocommerce-page .is-mobile.wc-block-components-sidebar-layout, .woocommerce-page .is-small.wc-block-components-sidebar-layout, .woocommerce-page .is-medium .wc-block-cart__sidebar, .woocommerce-page .is-mobile .wc-block-cart__sidebar, .woocommerce-page .is-small .wc-block-cart__sidebar, .woocommerce-page .is-large.wc-block-cart { margin-bottom: 0; } .woocommerce-page .is-mobile .wc-block-components-shipping-rates-control .wc-block-components-radio-control__option, .woocommerce-page .is-small .wc-block-components-shipping-rates-control .wc-block-components-radio-control__option { padding: 15px 20px 15px 50px; } /* checkout page */ .woocommerce-page .wp-block-woocommerce-checkout { padding-top: 0; } .woocommerce-page .wc-block-components-title.wc-block-components-title { font-size: clamp(1.25rem, 1.2rem + 0.25vw, 1.5rem); /* Min-20 & Max-24 */ } .woocommerce-page .wc-block-components-checkout-step__description { font-size: var(--wdtFontSize_Base); line-height: var(--wdtLineHeight_Base); margin: 0 0 20px; } .woocommerce-page .wc-block-components-checkout-step--with-step-number .wc-block-components-checkout-step__container::after { border-color: rgb(var(--wdtBorderColorRgb),0.15); } .woocommerce-page .wc-block-components-checkbox label { font-size: var(--wdtFontSize_Base); } .woocommerce-page .is-large .wc-block-checkout__billing-fields .wc-block-components-address-form, .woocommerce-page .is-large .wc-block-checkout__shipping-fields .wc-block-components-address-form, .woocommerce-page .is-medium .wc-block-checkout__billing-fields .wc-block-components-address-form, .woocommerce-page .is-medium .wc-block-checkout__shipping-fields .wc-block-components-address-form, .woocommerce-page .is-small .wc-block-checkout__billing-fields .wc-block-components-address-form, .woocommerce-page .is-small .wc-block-checkout__shipping-fields .wc-block-components-address-form { gap: 0 20px; } .woocommerce-page .is-large .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-select-input, .woocommerce-page .is-large .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-state-input, .woocommerce-page .is-large .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-text-input, .woocommerce-page .is-large .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-select-input, .woocommerce-page .is-large .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-state-input, .woocommerce-page .is-large .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-text-input, .woocommerce-page .is-medium .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-select-input, .woocommerce-page .is-medium .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-state-input, .woocommerce-page .is-medium .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-text-input, .woocommerce-page .is-medium .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-select-input, .woocommerce-page .is-medium .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-state-input, .woocommerce-page .is-medium .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-text-input, .woocommerce-page .is-small .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-select-input, .woocommerce-page .is-small .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-state-input, .woocommerce-page .is-small .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-text-input, .woocommerce-page .is-small .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-select-input, .woocommerce-page .is-small .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-state-input, .woocommerce-page .is-small .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-text-input { flex: 1 0 calc(50% - 10px); } .woocommerce-page .wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"] { border-radius: var(--wdtRadius_Zero); border-color: rgb(var(--wdtBorderColorRgb),0.15); height: 20px; width: 20px; min-height: 20px; min-width: 20px; top: 2px; position: relative; } .woocommerce-page .wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"]:focus, .woocommerce-page .wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"]:checked { border-color: var(--wdtSecondaryColor); } .woocommerce-page .wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"]:focus, .woocommerce-page .wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"]:checked { outline-color: var(--wdtSecondaryColor); } .woocommerce-page .wc-block-components-checkbox .wc-block-components-checkbox__mark { margin-left: 1px; margin-top: 2px; } .woocommerce-page .wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control-accordion-option--checked-option-highlighted, .woocommerce-page .wc-block-components-radio-control--highlight-checked label.wc-block-components-radio-control__option--checked-option-highlighted { border-radius: var(--wdtRadius_Zero); box-shadow: unset; border: 1px solid rgb(var(--wdtBorderColorRgb),0.15); padding: 15px 20px 15px 50px; } .woocommerce-page .wc-block-components-radio-control--highlight-checked label.wc-block-components-radio-control__option--checked-option-highlighted .wc-block-components-radio-control__input { transform: unset; -webkit-transform: unset; } .woocommerce-page .wc-block-components-notice-banner { border-radius: var(--wdtRadius_Zero); color: var(--wdtBodyTxtColor); line-height: var(--wdtLineHeight_Base); font-size: var(--wdtFontSize_Base); } .woocommerce-page .wc-block-components-notice-banner > svg { top: 5px; position: relative; padding: 0; } .woocommerce-page .wc-block-components-checkout-return-to-cart-button { color: var(--wdtLinkColor); } .woocommerce-page .wc-block-components-checkout-return-to-cart-button:hover { color: var(--wdtLinkHoverColor); } .woocommerce-page .wc-block-components-sidebar .wp-block-woocommerce-checkout-order-summary-block { background-color: var(--wdtAccentTxtColor); border-radius: 0; border-style: solid; border-color: rgb(var(--wdtBorderColorRgb),0.15); border-width: 1px 1px 1px; } .woocommerce-page .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-totals-wrapper:first-of-type { border-top: 0; } .woocommerce-page .wc-block-components-panel__button[aria-expanded="true"] { margin-bottom: 10px; padding-bottom: 10px; } .woocommerce-page .wc-block-checkout__sidebar .wc-block-components-product-name { font-size: var(--wdtFontSize_H6); color: var(--wdtHeadAltColor); } .woocommerce-page .wc-block-components-order-summary .wc-block-components-order-summary-item__individual-prices { font-size: var(--wdtFontSize_Ext); display: flex; justify-content: flex-start; padding-top: 12px; } .woocommerce-page .wp-block-woocommerce-checkout-totals-block .wc-block-components-product-details.wc-block-components-product-details { justify-content: flex-start; } .woocommerce-page .wc-block-components-order-summary .wc-block-components-order-summary-item__description .wc-block-components-product-metadata, .woocommerce-page .wc-block-components-order-summary .wc-block-components-order-summary-item__description p { margin-top: 20px; display: flex; } .woocommerce-page .wc-block-components-order-summary .wc-block-components-order-summary-item__total-price { font-weight: var(--wdtFontWeight_Ext); color: var(--wdtHeadAltColor); } .woocommerce-page .wc-block-components-order-summary .wc-block-components-order-summary-item { margin-top: 30px; padding-top: 30px; border-top: 1px solid rgb(var(--wdtBorderColorRgb),0.15); } .woocommerce-page .wc-block-components-order-summary .wc-block-components-order-summary-item:first-child { margin-top: 0; padding-top: 0; border: 0; } .woocommerce-page .wc-block-components-order-summary .wc-block-components-order-summary-item__image { margin-top: 16px; padding-bottom: 0; } .woocommerce-page .wc-block-components-order-summary .wc-block-components-order-summary-item__description { padding-bottom: 0; } .woocommerce-page .wc-block-components-order-summary .wc-block-components-order-summary-item__quantity { border-color: var(--wdtPrimaryColor); aspect-ratio: 1 / 1; } .woocommerce-page .is-mobile .wc-block-checkout__actions .wc-block-components-checkout-return-to-cart-button { display: block; } .woocommerce-page .is-mobile .wc-block-checkout__actions_row { flex-direction: column; } .woocommerce-page .is-mobile .wc-block-checkout__actions_row a.wc-block-components-checkout-return-to-cart-button { margin-bottom: 10px; } .woocommerce-page .wc-block-components-product-metadata .wc-block-components-product-metadata__description > p, .woocommerce-page .wc-block-components-product-metadata .wc-block-components-product-metadata__variation-data { margin: 0 !important; } .woocommerce-page .wp-block-woocommerce-checkout .wc-block-components-shipping-rates-control__package { margin: 20px 0 0; } .woocommerce-page .is-medium .wc-block-checkout__add-note, .woocommerce-page .is-mobile .wc-block-checkout__add-note, .woocommerce-page .is-small .wc-block-checkout__add-note { padding: 1em 0 2em; } .woocommerce-page .wc-block-components-totals-coupon__content .wc-block-components-button.wc-block-components-totals-coupon__button:not(.is-link) { margin-left: -1px; } .woocommerce-page .wc-block-components-address-form .wc-block-components-address-form__address_2-toggle { background-color: var(--wdtAccentTxtColor); border: 1px solid rgb(var(--wdtBorderColorRgb),0.15); padding: var(--wdtInputPadding); color: var(--wdtHeadAltColor); } .woocommerce-page .wc-block-components-address-form .wc-block-components-address-form__address_2-toggle:focus { border-color: var(--wdtSecondaryColor); } /* responsive */ @media (max-width:1280px) { .woocommerce-page .wc-block-components-sidebar-layout .wc-block-components-main { width: 65%; } .woocommerce-page .wc-block-components-sidebar { width: calc(35% - 30px); margin-left: 30px; } } @media (min-width:1025px) { /* With Sidebar */ .woocommerce-page .page-with-sidebar .wc-block-components-sidebar-layout .wc-block-components-main { width: 100%; } .woocommerce-page .page-with-sidebar .wc-block-components-sidebar, .woocommerce-page .page-with-sidebar .is-large.wc-block-cart .wc-block-components-sidebar { width: 100%; margin-left: 0; margin-top: 50px; } .woocommerce-page .page-with-sidebar .wc-block-components-sidebar-layout { flex-direction: column; } .woocommerce-page .page-with-sidebar .wc-block-components-sidebar-layout.wc-block-checkout { flex-direction: column-reverse; } .woocommerce-page .page-with-sidebar .wc-block-components-sidebar.wc-block-checkout__sidebar, .woocommerce-page .page-with-sidebar .is-large.wc-block-cart .wc-block-components-sidebar.wc-block-checkout__sidebar { margin-top: 0; margin-bottom: 50px; } .woocommerce-page .page-with-sidebar .is-medium .wc-block-checkout__sidebar, .woocommerce-page .page-with-sidebar .is-mobile .wc-block-checkout__sidebar, .woocommerce-page .page-with-sidebar .is-small .wc-block-checkout__sidebar { order: 1; } } @media (max-width:1024px) { .woocommerce-page .wc-block-components-sidebar-layout .wc-block-components-main { width: 100%; } .woocommerce-page .wc-block-components-sidebar { width: 100%; margin-left: 0; margin-top: 0; margin-bottom: 0; } .woocommerce-page .is-large.wc-block-cart .wc-block-components-sidebar { margin-top: 50px; } .woocommerce-page .wc-block-components-sidebar-layout { flex-direction: column; margin: 0; } .woocommerce-page .wc-block-components-sidebar-layout.wc-block-checkout { flex-direction: column-reverse; margin: 0; } .woocommerce-page .wc-block-components-sidebar.wc-block-checkout__sidebar { margin-bottom: 50px; margin-top: 0; } .woocommerce-page .page-with-sidebar .is-medium .wc-block-checkout__sidebar, .woocommerce-page .page-with-sidebar .is-mobile .wc-block-checkout__sidebar, .woocommerce-page .page-with-sidebar .is-small .wc-block-checkout__sidebar, .woocommerce-page .is-medium .wc-block-checkout__sidebar, .woocommerce-page .is-mobile .wc-block-checkout__sidebar, .woocommerce-page .is-small .wc-block-checkout__sidebar { order: 1; } } @media (max-width:767px) { .woocommerce-page .wc-block-components-sidebar { margin-top: 50px; } .woocommerce-page .is-large.wc-block-cart .wc-block-components-sidebar { margin-bottom: 0; } .woocommerce-page .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button, .woocommerce-page .wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input { width: 50px; min-width: 50px; } .woocommerce-page .is-large .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-select-input, .woocommerce-page .is-large .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-state-input, .woocommerce-page .is-large .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-text-input, .woocommerce-page .is-large .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-select-input, .woocommerce-page .is-large .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-state-input, .woocommerce-page .is-large .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-text-input, .woocommerce-page .is-medium .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-select-input, .woocommerce-page .is-medium .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-state-input, .woocommerce-page .is-medium .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-text-input, .woocommerce-page .is-medium .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-select-input, .woocommerce-page .is-medium .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-state-input, .woocommerce-page .is-medium .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-text-input, .woocommerce-page .is-small .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-select-input, .woocommerce-page .is-small .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-state-input, .woocommerce-page .is-small .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-text-input, .woocommerce-page .is-small .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-select-input, .woocommerce-page .is-small .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-state-input, .woocommerce-page .is-small .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-text-input { flex: 0 0 100%; } .woocommerce-page .is-large .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-select-input:nth-of-type(2), .woocommerce-page .is-large .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-state-input:nth-of-type(2), .woocommerce-page .is-large .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-text-input:nth-of-type(2), .woocommerce-page .is-large .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-select-input:nth-of-type(2), .woocommerce-page .is-large .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-state-input:nth-of-type(2), .woocommerce-page .is-large .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-text-input:nth-of-type(2), .woocommerce-page .is-medium .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-select-input:nth-of-type(2), .woocommerce-page .is-medium .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-state-input:nth-of-type(2), .woocommerce-page .is-medium .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-text-input:nth-of-type(2), .woocommerce-page .is-medium .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-select-input:nth-of-type(2), .woocommerce-page .is-medium .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-state-input:nth-of-type(2), .woocommerce-page .is-medium .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-text-input:nth-of-type(2), .woocommerce-page .is-small .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-select-input:nth-of-type(2), .woocommerce-page .is-small .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-state-input:nth-of-type(2), .woocommerce-page .is-small .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-text-input:nth-of-type(2), .woocommerce-page .is-small .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-select-input:nth-of-type(2), .woocommerce-page .is-small .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-state-input:nth-of-type(2), .woocommerce-page .is-small .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-text-input:nth-of-type(2) { margin-top: 20px; } } @media (max-width:479px) { .wc-block-components-totals-coupon__form { flex-wrap: wrap; } .woocommerce-page .wc-block-components-button.wc-block-components-totals-coupon__button:not(.is-link) { padding: var(--wdtPadding_Btn); margin-top: 10px; } .woocommerce-page .wc-block-components-sidebar { margin-bottom: 60px; } .woocommerce-page .wc-block-components-order-summary .wc-block-components-order-summary-item { flex-wrap: wrap; flex-direction: column; } .woocommerce-page .wc-block-components-order-summary .wc-block-components-order-summary-item__description { padding: 10px 0 0; } .woocommerce-page .wc-block-components-order-summary .wc-block-components-order-summary-item__total-price { margin-left: 0; margin-right: auto; text-align: left; margin-top: 20px; } .woocommerce-page .wc-block-components-totals-coupon__content .wc-block-components-validation-error { left: auto; right: clamp(1.25rem, 1.125rem + 0.625vw, 1.875rem); top: 30px; } .woocommerce-page .wc-block-components-totals-coupon__content .wc-block-components-button.wc-block-components-totals-coupon__button:not(.is-link) { margin-left: 0; } } /* ------------------------- Cart Page ------------------------- */ /* --------------- Empty Cart Page ----------------- */ /* title */ .woocommerce-cart .wc-block-cart__empty-cart__title.with-empty-cart-icon::before { background-color: var(--wdtPrimaryColor); width: clamp(3.75rem, 3.5rem + 1.25vw, 5rem); /*80px - 60px*/ height: clamp(3.75rem, 3.5rem + 1.25vw, 5rem); /*80px - 60px*/ mask-size: clamp(3.75rem, 3.5rem + 1.25vw, 5rem); /*80px - 60px*/; margin-bottom: clamp(1.25rem, 1.125rem + 0.625vw, 1.875rem); /*30px - 20px*/ } .woocommerce-cart .wp-block-woocommerce-empty-cart-block .wp-block-heading.with-empty-cart-icon { margin-top: 0; margin-bottom: 0; } .woocommerce-cart .wp-block-woocommerce-empty-cart-block hr.wp-block-separator ~ .wp-block-heading { margin-top: 0; margin-bottom: clamp(2.5rem, 2.25rem + 1.25vw, 3.75rem); /*60px - 40px*/ text-transform: capitalize; } .woocommerce-cart .wp-block-woocommerce-empty-cart-block hr.wp-block-separator { margin: clamp(1.25rem, 1.125rem + 0.625vw, 1.875rem) 0; /*30px - 20px*/ } /* product */ .woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid ul.wc-block-grid__products { display: grid; grid-template-columns: repeat(4,1fr); margin: 0; gap: 30px; } .woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product { max-width: 100%; padding: 0; background-color: var(--wdtAccentTxtColor); border: 1px solid rgb(var(--wdtBorderColorRgb),0.15); } .woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product a.wc-block-grid__product-link .wc-block-grid__product-image { margin: 0; } .woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product a.wc-block-grid__product-link .wc-block-grid__product-image img { padding: 50px 70px; border-bottom: 1px solid rgb(var(--wdtBorderColorRgb),0.15); } .woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product a.wc-block-grid__product-link .wc-block-grid__product-title { margin-top: 30px; margin-bottom: 14px; text-transform: capitalize; font-size: clamp(1.25rem, 1.2rem + 0.25vw, 1.5rem); font-weight: var(--wdtFontWeight_Alt); line-height: var(--wdtLineHeight_Alt); color: var(--wdtLinkColor); } .woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product .wc-block-grid__product-price { margin-bottom: 30px; font-size: var(--wdtFontSize_H6); color: var(--wdtHeadAltColor); line-height: var(--wdtLineHeight_Base); } .woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product a.wc-block-grid__product-link .wc-block-grid__product-onsale, .woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product .wc-block-grid__product-rating, .woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product .wc-block-grid__product-add-to-cart, .woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product .tinv-wishlist { display: none; } /* responsive */ @media (max-width:1280px) { .woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid ul.wc-block-grid__products { grid-template-columns: repeat(3,1fr); } } @media (max-width:1024px) { .woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid ul.wc-block-grid__products { grid-template-columns: repeat(2,1fr); } } @media (max-width:767px) { .woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid ul.wc-block-grid__products { gap: 20px; } } @media (max-width:600px) { .woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid ul.wc-block-grid__products { grid-template-columns: 1fr; gap: 30px; } } /* --------------- Empty Cart Page ----------------- */ /* -------------------------- Additional Sidebar -------------------------- */ #wdt-column-has-sidebar { width: 500px; } #wdt-cus-page-with-sidebar { width: calc(100% - 560px); } #wdt-cus-page-with-sidebar.wdt-cus-page-with-right-sidebar { margin-right: 60px; } #wdt-cus-page-with-sidebar.wdt-cus-page-with-left-sidebar { margin-left: 60px; } /* responsive */ @media (max-width:1540px) { #wdt-column-has-sidebar { width: 400px; } #wdt-cus-page-with-sidebar { width: calc(100% - 440px); } #wdt-cus-page-with-sidebar.wdt-cus-page-with-right-sidebar { margin-right: 40px; } #wdt-cus-page-with-sidebar.wdt-cus-page-with-left-sidebar { margin-left: 40px; } } @media (max-width: 1280px) { #wdt-column-has-sidebar { width: 350px; } #wdt-cus-page-with-sidebar { width: calc(100% - 390px); } #wdt-cus-page-with-sidebar.wdt-cus-page-with-right-sidebar { margin-right: 40px; } #wdt-cus-page-with-sidebar.wdt-cus-page-with-left-sidebar { margin-left: 40px; } } @media (max-width: 1024px) { #wdt-column-has-sidebar, #wdt-cus-page-with-sidebar { width: 100%; max-width: 900px; margin-left: auto; margin-right: auto; } #wdt-cus-page-with-sidebar.wdt-cus-page-with-right-sidebar { margin-right: auto; } #wdt-cus-page-with-sidebar.wdt-cus-page-with-left-sidebar { margin-left: auto; } #wdt-column-has-sidebar { margin-top: 80px; } .wdt-cus-innerpage-sidebar #wdt-column-has-sidebar, .wdt-cus-innerpage-sidebar #wdt-cus-page-with-sidebar { max-width: 100%; } } @media (max-width: 767px) { #wdt-column-has-sidebar { margin-top: 70px; } } @media (max-width: 479px) { #wdt-column-has-sidebar { margin-top: 60px; } } /* -------------------------- Additional Sidebar -------------------------- */ /* ---------------------- side bar working hours ------------------------- */ .wdt-cus-sidebar-working-hours .wdt-content-item .wdt-content-title h5 { font-size: clamp(1rem, 0.9rem + 0.5vw, 1.5rem); /* 24 - 16 */ color: var(--wdtSecondaryColor); } .wdt-cus-sidebar-working-hours .wdt-content-item .wdt-content-description { font-size: clamp(0.875rem, 0.85rem + 0.125vw, 1rem); color: var(--wdtHeadAltColor); } .wdt-cus-sidebar-working-hours .wdt-content-item > div[class*="group"] > .wdt-content-title { width: auto; } .wdt-cus-sidebar-working-hours .wdt-content-item .wdt-content-detail-group { display: flex; align-items: center; justify-content: space-between; } .wdt-cus-sidebar-working-hours .wdt-content-item .wdt-content-detail-group > div:not(:last-child), .wdt-cus-sidebar-working-hours .wdt-content-item > div[class*="group"] .wdt-content-title + .wdt-content-separator { margin: 0; } .wdt-cus-sidebar-working-hours .wdt-content-item .wdt-content-detail-group .wdt-content-title, .wdt-cus-sidebar-working-hours .wdt-content-item .wdt-content-detail-group .wdt-content-description { flex: 1 0 auto; } .wdt-cus-sidebar-working-hours .wdt-content-item .wdt-content-separator.separator-1 span { width: calc(100% - 20px); height: 2px; margin: 0 10px; background-color: transparent; background-image: linear-gradient(90deg, rgb(var(--wdtBorderColorRgb),0.15) 50%, rgb(var(--wdtBorderColorRgb),0) 50%); background-size: 10px 2px; } /* ---------------------- side bar working hours ------------------------- */ /* ------------------ Sidebar Form -------------------- */ .wdt-cus-sidebar-form input[type="submit"] { width: 100%; background-color: var(--wdtSecondaryColor); color: var(--wdtAccentTxtColor); } .wdt-cus-sidebar-form input[type="submit"]:hover, .wdt-cus-sidebar-form input[type="submit"]:focus { background-color: var(--wdtPrimaryColor); color: var(--wdtLinkColor); } /* ------------------ Sidebar Form -------------------- */ /* ------------------ Qualification Block --------------------- */ .wdt-cus-qualification-block .wdt-heading-holder > *:not(:last-child) { margin-bottom: 0 ; } .wdt-cus-qualification-block .wdt-heading-holder .wdt-heading-deco-wrapper .wdt-heading-deco-inner .wdt-heading-deco-icon .wdt-content-icon span { width: 100%; height: 100%; font-size: 40px; } .wdt-cus-qualification-block .wdt-heading-holder .wdt-heading-title-wrapper .wdt-heading-title { padding-right: 20px; } .wdt-cus-qualification-block .wdt-heading-holder .wdt-heading-deco-wrapper .wdt-heading-deco-inner .wdt-heading-deco-icon .wdt-content-icon span i, .wdt-cus-qualification-block .wdt-heading-holder .wdt-heading-deco-wrapper .wdt-heading-deco-inner .wdt-heading-deco-icon .wdt-content-icon span i svg { width: 1em; height: 1em; } /* ------------------ Qualification Block --------------------- */ /* ------------------- Blog Feature img border ----------------------- */ .elementor-widget-wdt-post-feature-image .single-preview-img img { border: 1px solid rgb(var(--wdtBorderColorRgb),0.15); } /* ------------------- Blog Feature img border ----------------------- */ /*---------------------- Block Quote Description -----------------------*/ .wdt-cus-block-quote-description.elementor-widget-text-editor .elementor-widget-container { border-style: solid; border-color: var(--wdtPrimaryColor); border-width: 0 0 0 3px; padding-left: 16px; } /*---------------------- Block Quote Description -----------------------*/ /* -------------------- Home page story Listing ----------------------- */ @media (max-width:1280px) { .dt-storiess-list.wdt-cus-stories-listing, .wdt-cus-team-listing-style02 .dt-sc-staff-items-container:has(> .dt-sc-staff-item.type4) { display: flex; flex-wrap: nowrap; gap: 0; justify-content: flex-start; overflow: auto; scroll-padding: 10px; scroll-snap-type: X mandatory; padding-bottom: 10px; scrollbar-width: thin; scrollbar-color: var(--wdtSecondaryColor) transparent; margin: 0 -10px; } .dt-storiess-list.wdt-cus-stories-listing .dt-sc-stories-item, .wdt-cus-team-listing-style02 .dt-sc-staff-items-container:has(> .dt-sc-staff-item.type4) .dt-sc-staff-item { scroll-snap-align: start; scroll-snap-stop: always; flex: 0 0 45%; margin: 0 10px; } } @media (max-width:767px) { .dt-storiess-list.wdt-cus-stories-listing .dt-sc-stories-item, .wdt-cus-team-listing-style02 .dt-sc-staff-items-container:has(> .dt-sc-staff-item.type4) .dt-sc-staff-item { flex: 0 0 60%; } } @media (max-width:479px) { .dt-storiess-list.wdt-cus-stories-listing .dt-sc-stories-item, .wdt-cus-team-listing-style02 .dt-sc-staff-items-container:has(> .dt-sc-staff-item.type4) .dt-sc-staff-item { flex: 0 0 90%; } } /* -------------------- Home page story Listing ----------------------- */ /* ------------------------- Blog Listing -------------------------- */ .wdt-cus-blog-listing .wdt-post-entry .blog-entry .entry-title h4 { font-size: clamp(1.25rem, 1.2rem + 0.25vw, 1.5rem); /* Min-20 & Max-24 */ } @media only screen and (min-width: 1281px) and (max-width: 1540px) { .wdt-cus-blog-listing .wdt-simple-style.wdt-post-entry.entry-grid-layout:not(:last-child) .blog-entry { margin-bottom: 0; } } @media only screen and (min-width: 1025px) and (max-width: 1280px) { .wdt-cus-blog-listing .wdt-simple-style.wdt-post-entry.entry-grid-layout:not(:last-child) .blog-entry { margin-bottom: 0; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { .wdt-cus-blog-listing .wdt-simple-style.wdt-post-entry.entry-grid-layout:not(:last-child) .blog-entry { margin-bottom: 0; } } @media (min-width:768px) { .wdt-cus-blog-listing .wdt-simple-style.wdt-post-entry.entry-grid-layout:not(:last-child) .blog-entry { margin-bottom: 0; } } @media (max-width: 1024px) { .wdt-cus-blog-listing .tpl-blog-holder .column { padding: 10px; } .wdt-cus-blog-listing .tpl-blog-holder, .wdt-cus-blog-listing .apply-equal-height.tpl-blog-holder:not(.swiper-wrapper) { margin: -10px; } } /* ------------------------- Blog Listing -------------------------- */ /* ---------------- Post Navigation ------------------- */ .elementor-widget-wdt-post-navigation .entry-post-navigation-wrapper .entry-post-navigation.type1 { display: grid; grid-template-columns: repeat(2, 50%); gap: 0; width: 100%; } .elementor-widget-wdt-post-navigation .entry-post-navigation-wrapper .entry-post-navigation.type1 > div { background-color: var(--wdtAccentTxtColor); border: 1px solid rgb(var(--wdtBorderColorRgb),0.15); min-height: clamp(3.75rem, 3.5rem + 1.25vw, 5rem); /* 80px - 60px */ display: flex; align-items: center; } .elementor-widget-wdt-post-navigation .entry-post-navigation-wrapper .entry-post-navigation.type1 > div.post-prev-link { border-right-width: 0; } .elementor-widget-wdt-post-navigation .entry-post-navigation-wrapper .entry-post-navigation.type1 > div .nav-title-wrap { display: inline-flex; align-items: center; height: 100%; } .elementor-widget-wdt-post-navigation .entry-post-navigation-wrapper .entry-post-navigation.type1 > div .nav-title-wrap p, .elementor-widget-wdt-post-navigation .entry-post-navigation-wrapper .entry-post-navigation.type1 > div.no-post .nav-title-wrap span { display: none; } .elementor-widget-wdt-post-navigation .entry-post-navigation-wrapper .entry-post-navigation.type1 > div .nav-title-wrap a { height: 100%; display: inline-flex; } .elementor-widget-wdt-post-navigation .entry-post-navigation-wrapper .entry-post-navigation.type1 > div .nav-title-wrap span { width: clamp(3.75rem, 3.5rem + 1.25vw, 5rem); /* 80px - 60px */ height: 100%; aspect-ratio: 1/1; position: relative; display: inline-flex; align-items: center; justify-content: center; overflow: hidden; transition: var(--wdtBaseTransition); -webkit-transition: var(--wdtBaseTransition); } .elementor-widget-wdt-post-navigation .entry-post-navigation-wrapper .entry-post-navigation.type1 > div.post-prev-link .nav-title-wrap span, .elementor-widget-wdt-post-navigation .entry-post-navigation-wrapper .entry-post-navigation.type1 > div.post-next-link:hover .nav-title-wrap span { background-color: var(--wdtSecondaryColor); color: var(--wdtPrimaryColor); } .elementor-widget-wdt-post-navigation .entry-post-navigation-wrapper .entry-post-navigation.type1 > div.post-prev-link:hover .nav-title-wrap span, .elementor-widget-wdt-post-navigation .entry-post-navigation-wrapper .entry-post-navigation.type1 > div.post-next-link .nav-title-wrap span { background-color: var(--wdtPrimaryColor); color: var(--wdtSecondaryColor); } .elementor-widget-wdt-post-navigation .entry-post-navigation-wrapper .entry-post-navigation.type1 > div .nav-title-wrap span:before { font-family: "manasu-wp-additional-icons"; font-style: normal; font-weight: normal; font-size: clamp(1.5rem, 1.425rem + 0.375vw, 1.875rem); /* Min-24 & Max-30 */ transform: translate(0, 0) rotate(0deg); -webkit-transform: translate(0, 0) rotate(0deg); transition: var(--wdtAltTransition); -webkit-transition: var(--wdtAltTransition); } .elementor-widget-wdt-post-navigation .entry-post-navigation-wrapper .entry-post-navigation.type1 > div.post-prev-link .nav-title-wrap span:before { content: '\0801'; } .elementor-widget-wdt-post-navigation .entry-post-navigation-wrapper .entry-post-navigation.type1 > div.post-prev-link:hover .nav-title-wrap span:before { animation: wdt-pagination-prev-arrow-animation 500ms ease-in-out; -webkit-animation: wdt-pagination-prev-arrow-animation 500ms ease-in-out; transform: translate(0, 0) rotate(-90deg); -webkit-transform: translate(0, 0) rotate(-90deg); } @keyframes wdt-pagination-prev-arrow-animation { 0% { transform: translate(0, 0) rotate(0deg); -webkit-transform: translate(0, 0) rotate(0deg); opacity: 1; } 50% { transform: translate(-50px, -50px) rotate(0deg); -webkit-transform: translate(-50px, -50px) rotate(0deg); opacity: 0; } 75% { transform: translate(50px, -50px) rotate(-90deg); -webkit-transform: translate(50px, -50px) rotate(-90deg); opacity: 0; } 100% { transform: translate(0, 0) rotate(-90deg); -webkit-transform: translate(0, 0) rotate(-90deg); opacity: 1; } } @-webkit-keyframes wdt-pagination-prev-arrow-animation { 0% { transform: translate(0, 0) rotate(0deg); -webkit-transform: translate(0, 0) rotate(0deg); opacity: 1; } 50% { transform: translate(-50px, -50px) rotate(0deg); -webkit-transform: translate(-50px, -50px) rotate(0deg); opacity: 0; } 75% { transform: translate(50px, -50px) rotate(-90deg); -webkit-transform: translate(50px, -50px) rotate(-90deg); opacity: 0; } 100% { transform: translate(0, 0) rotate(-90deg); -webkit-transform: translate(0, 0) rotate(-90deg); opacity: 1; } } .elementor-widget-wdt-post-navigation .entry-post-navigation-wrapper .entry-post-navigation.type1 > div.post-next-link { justify-content: flex-end; } .elementor-widget-wdt-post-navigation .entry-post-navigation-wrapper .entry-post-navigation.type1 > div.post-next-link .nav-title-wrap { flex-direction: row-reverse; } .elementor-widget-wdt-post-navigation .entry-post-navigation-wrapper .entry-post-navigation.type1 > div.post-next-link .nav-title-wrap span:before { content: '\0800'; } .elementor-widget-wdt-post-navigation .entry-post-navigation-wrapper .entry-post-navigation.type1 > div.post-next-link:hover .nav-title-wrap span:before { animation: wdt-pagination-next-arrow-animation 500ms ease-in-out; -webkit-animation: wdt-pagination-next-arrow-animation 500ms ease-in-out; transform: translate(0, 0) rotate(-90deg); -webkit-transform: translate(0, 0) rotate(-90deg); } @keyframes wdt-pagination-next-arrow-animation { 0% { transform: translate(0, 0) rotate(0deg); -webkit-transform: translate(0, 0) rotate(0deg); opacity: 1; } 50% { transform: translate(50px, 50px) rotate(0deg); -webkit-transform: translate(50px, 50px) rotate(0deg); opacity: 0; } 75% { transform: translate(-50px, 50px) rotate(-90deg); -webkit-transform: translate(-50px, 50px) rotate(-90deg); opacity: 0; } 100% { transform: translate(0, 0) rotate(-90deg); -webkit-transform: translate(0, 0) rotate(-90deg); opacity: 1; } } @-webkit-keyframes wdt-pagination-next-arrow-animation { 0% { transform: translate(0, 0) rotate(0deg); -webkit-transform: translate(0, 0) rotate(0deg); opacity: 1; } 50% { transform: translate(50px, 50px) rotate(0deg); -webkit-transform: translate(50px, 50px) rotate(0deg); opacity: 0; } 75% { transform: translate(-50px, 50px) rotate(-90deg); -webkit-transform: translate(-50px, 50px) rotate(-90deg); opacity: 0; } 100% { transform: translate(0, 0) rotate(-90deg); -webkit-transform: translate(0, 0) rotate(-90deg); opacity: 1; } } .elementor-widget-wdt-post-navigation .entry-post-navigation-wrapper .entry-post-navigation.type1 > div .nav-title-wrap h3 { margin: 0 clamp(1.25rem, 1.125rem + 0.625vw, 1.875rem); /*30px - 20px*/ font-size: clamp(1.25rem, 1.2rem + 0.25vw, 1.5rem); /* Min-20 & Max-24 */ padding: 10px 0; width: calc(100% - clamp(3.75rem, 3.5rem + 1.25vw, 5rem)); } .elementor-widget-wdt-post-navigation .entry-post-navigation-wrapper .entry-post-navigation.type1 > div.no-post .nav-title-wrap h3 { width: 100%; } .elementor-widget-wdt-post-navigation .entry-post-navigation-wrapper .entry-post-navigation.type1 > div.post-next-link .nav-title-wrap h3 { text-align: right; } /* responsive */ @media (max-width:767px) { .elementor-widget-wdt-post-navigation .entry-post-navigation-wrapper .entry-post-navigation.type1 { grid-template-columns: 1fr; gap: clamp(1.25rem, 1.125rem + 0.625vw, 1.875rem); /*Min-20 & Max-30*/ width: 100%; } .elementor-widget-wdt-post-navigation .entry-post-navigation-wrapper .entry-post-navigation.type1 > div.post-prev-link { border-right-width: 1px; } } /* ---------------- Post Navigation ------------------- */ /* ------------------ Interactive Showcase -------------------- */ .wdt-cus-title-aside-interactive-showcase .wdt-interactive-showcase-container { display: grid; grid-template-columns: 1fr 4fr; margin: 0; } .wdt-cus-title-aside-interactive-showcase .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper, .wdt-cus-title-aside-interactive-showcase .wdt-interactive-showcase-container .wdt-interactive-showcase-content-wrapper { padding: 0; height: 100%; } .wdt-cus-title-aside-interactive-showcase .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list { max-width: 100%; height: 100%; display: flex; flex-direction: column; } .wdt-cus-title-aside-interactive-showcase .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li .wdt-interactive-showcase-content-group, .wdt-cus-title-aside-interactive-showcase .wdt-interactive-showcase-container .wdt-interactive-showcase-content-wrapper .wdt-interactive-showcase-media-group { display: grid; } .wdt-cus-title-aside-interactive-showcase .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li .wdt-interactive-showcase-content-group > *, .wdt-cus-title-aside-interactive-showcase .wdt-interactive-showcase-container .wdt-interactive-showcase-content-wrapper .wdt-interactive-showcase-media-group > * { grid-area: 1/-1; } .wdt-cus-title-aside-interactive-showcase .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li .wdt-content-title { font-size: clamp(1.25rem, 1.2rem + 0.25vw, 1.5rem); /* Min-20 & Max-24 */ order: 2; font-weight: var(--wdtFontWeight_Ext); line-height: var(--wdtLineHeight_Alt); text-transform: capitalize; } .wdt-cus-title-aside-interactive-showcase .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li .wdt-content-sub-title { font-size: var(--wdtFontSize_Ext); text-transform: uppercase; letter-spacing: var(--wdtLetterSpacing_1X); margin-bottom: 10px; } .wdt-cus-title-aside-interactive-showcase .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li:not(:last-child) { margin-bottom: 0; border-width: 0 0 1px; border-style: solid; border-color: rgb(var(--wdtBorderColorRgb),0.15); } .wdt-cus-title-aside-interactive-showcase .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li { padding: 0; height: 100%; } .wdt-cus-title-aside-interactive-showcase .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li .wdt-interactive-showcase-content-group, .wdt-cus-title-aside-interactive-showcase .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li .wdt-interactive-showcase-content-group .wdt-content-image-wrapper .wdt-content-image { height: 100%; } .wdt-cus-title-aside-interactive-showcase .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li a { color: var(--wdtSecondaryColor); display: block; height: 100%; } .wdt-cus-title-aside-interactive-showcase .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li:hover a, .wdt-cus-title-aside-interactive-showcase .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li.wdt-interactive-showcase-active a { color: var(--wdtAccentTxtColor); } .wdt-cus-title-aside-interactive-showcase .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li::before { background-color: inherit; z-index: 1; pointer-events: none; opacity: 1; visibility: visible; transform: unset; transition: var(--wdtBaseTransition); -webkit-transition: var(--wdtBaseTransition); } .wdt-cus-title-aside-interactive-showcase .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li:hover::before, .wdt-cus-title-aside-interactive-showcase .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li.wdt-interactive-showcase-active::before { visibility: visible; transform: unset; background-color: var(--wdtSecondaryColor); opacity: 0.8; } .wdt-cus-title-aside-interactive-showcase .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li .wdt-interactive-showcase-content-group .wdt-interactive-content-wrapper { z-index: 1; display: flex; text-align: center; align-items: center; flex-wrap: wrap; flex-direction: column; height: fit-content; margin: auto; padding: 30px 20px; } .wdt-cus-title-aside-interactive-showcase .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li::after { display: none; } .wdt-cus-title-aside-interactive-showcase .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li .wdt-interactive-showcase-content-group .wdt-content-image-wrapper .wdt-content-image img { min-height: 230px; width: 100%; height: 100%; object-fit: cover; object-position: center; } /* content wrapper */ .wdt-cus-title-aside-interactive-showcase .wdt-interactive-showcase-container .wdt-interactive-showcase-content-wrapper { font-size: clamp(1.5rem, 1.2rem + 1.5vw, 3rem); /* Min-24 & Max-48 */ color: var(--wdtAccentTxtColor); background-color: transparent; background-image: linear-gradient(to top, rgb(var(--wdtSecondaryColorRgb), 0.6) 30%, rgb(var(--wdtSecondaryColorRgb), 0) 70%); position: relative; } .wdt-cus-title-aside-interactive-showcase .wdt-interactive-showcase-container .wdt-interactive-showcase-content-wrapper div[id*=wdt-interactive-showcase-] { background-color: inherit; background-image: inherit; } .wdt-cus-title-aside-interactive-showcase .wdt-interactive-showcase-container .wdt-interactive-showcase-content-wrapper .wdt-interactive-showcase-media-group { align-items: flex-end; position: relative; background-color: inherit; background-image: inherit; height: 100%; } .wdt-cus-title-aside-interactive-showcase .wdt-interactive-showcase-container .wdt-interactive-showcase-content-wrapper .wdt-interactive-showcase-media-group:has(> .wdt-interactive-showcase-content > .wdt-content-description):after, .wdt-cus-title-aside-interactive-showcase .wdt-interactive-showcase-container .wdt-interactive-showcase-content-wrapper .wdt-interactive-showcase-media-group:has(> .wdt-interactive-showcase-content > .wdt-interactive-showcase-button):after { content: ""; position: absolute; width: 100%; height: 100%; background-color: inherit; background-image: inherit; pointer-events: none; } .wdt-cus-title-aside-interactive-showcase .wdt-interactive-showcase-container .wdt-interactive-showcase-content-wrapper .wdt-interactive-showcase-media-group .wdt-interactive-showcase-content { z-index: 1; padding: clamp(1.875rem, 1.625rem + 1.25vw, 3.125rem) clamp(1.25rem, 1.125rem + 0.625vw, 1.875rem); /* Min-30 & Max-50 */ /* Min-20 & Max-30 */ } .wdt-cus-title-aside-interactive-showcase .wdt-interactive-showcase-container .wdt-interactive-showcase-content-wrapper .wdt-interactive-showcase-media-group .wdt-interactive-showcase-content .wdt-content-description:after, .wdt-cus-title-aside-interactive-showcase .wdt-interactive-showcase-container .wdt-interactive-showcase-content-wrapper .wdt-interactive-showcase-media-group .wdt-interactive-showcase-content .wdt-content-description:before { content: ""; position: relative; display: inline-block; width: clamp(1.625rem, 1.45rem + 0.875vw, 2.5rem); /* Min-26 & Max-40 */ height: clamp(1.625rem, 1.45rem + 0.875vw, 2.5rem); /* Min-26 & Max-40 */ background: var(--wdtPrimaryColor); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 100 63.5' style='enable-background:new 0 0 100 63.5;' xml:space='preserve'%3E%3Cpath d='M27.6,1.6c-1.9-0.6-3.9-0.9-6-0.9C11.1,0.6,2.1,8.4,1.1,18.3c-0.5,5.3,1.2,10.4,4.8,14.4c3.8,4.2,9.3,6.7,15,6.9 c-2.3,6.5-7.1,12.2-13.6,15.6c-1.6,0.9-2.5,2.8-2,4.6c0.5,1.8,2.1,3,3.9,3c0,0,0.1,0,0.1,0l0.3,0l0.3,0c0.6,0,1.3-0.1,1.9-0.1 c11.9-1.1,22.6-7.5,28.5-17.2c2.9-4.8,4.6-10.6,4.9-16.3C45.8,15.8,39.1,5.2,27.6,1.6L27.6,1.6z'/%3E%3Cpath d='M81.4,1.6c-1.9-0.6-3.9-0.9-6-0.9c-10.5,0-19.6,7.8-20.6,17.7c-0.5,5.3,1.2,10.4,4.8,14.4c3.8,4.2,9.3,6.7,15,6.9 c-2.3,6.5-7.1,12.2-13.6,15.6c-1.6,0.9-2.5,2.8-2,4.6c0.5,1.8,2.1,3,3.9,3c0,0,0.1,0,0.1,0l0.3,0l0.3,0c0.6,0,1.3-0.1,1.9-0.1 c11.9-1.1,22.6-7.5,28.5-17.2c2.9-4.8,4.6-10.6,4.9-16.3C99.6,15.8,92.9,5.2,81.4,1.6L81.4,1.6z'/%3E%3C/svg%3E"); -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 100 63.5' style='enable-background:new 0 0 100 63.5;' xml:space='preserve'%3E%3Cpath d='M27.6,1.6c-1.9-0.6-3.9-0.9-6-0.9C11.1,0.6,2.1,8.4,1.1,18.3c-0.5,5.3,1.2,10.4,4.8,14.4c3.8,4.2,9.3,6.7,15,6.9 c-2.3,6.5-7.1,12.2-13.6,15.6c-1.6,0.9-2.5,2.8-2,4.6c0.5,1.8,2.1,3,3.9,3c0,0,0.1,0,0.1,0l0.3,0l0.3,0c0.6,0,1.3-0.1,1.9-0.1 c11.9-1.1,22.6-7.5,28.5-17.2c2.9-4.8,4.6-10.6,4.9-16.3C45.8,15.8,39.1,5.2,27.6,1.6L27.6,1.6z'/%3E%3Cpath d='M81.4,1.6c-1.9-0.6-3.9-0.9-6-0.9c-10.5,0-19.6,7.8-20.6,17.7c-0.5,5.3,1.2,10.4,4.8,14.4c3.8,4.2,9.3,6.7,15,6.9 c-2.3,6.5-7.1,12.2-13.6,15.6c-1.6,0.9-2.5,2.8-2,4.6c0.5,1.8,2.1,3,3.9,3c0,0,0.1,0,0.1,0l0.3,0l0.3,0c0.6,0,1.3-0.1,1.9-0.1 c11.9-1.1,22.6-7.5,28.5-17.2c2.9-4.8,4.6-10.6,4.9-16.3C99.6,15.8,92.9,5.2,81.4,1.6L81.4,1.6z'/%3E%3C/svg%3E"); mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; mask-position: center; -webkit-mask-position: center; mask-size: contain; -webkit-mask-size: contain; animation: wdt-quotes-animation 0.3s linear infinite; } .wdt-cus-title-aside-interactive-showcase .wdt-interactive-showcase-container .wdt-interactive-showcase-content-wrapper .wdt-interactive-showcase-media-group .wdt-interactive-showcase-content .wdt-content-description:after { margin: 0 0 clamp(0.25rem, 0.2rem + 0.25vw, 0.5rem) clamp(0.25rem, 0.2rem + 0.25vw, 0.5rem); /* Min-4 & Max-8 */ animation: wdt-quotes-animation-right-side 1s linear infinite; -webkit-animation: wdt-quotes-animation-right-side 1s linear infinite; } @keyframes wdt-quotes-animation-right-side { 0%{ transform: scale(1) translateY(4px); -webkit-transform: scale(1) translateY(4px); } 50%{ transform: scale(1.05) translateY(0); -webkit-transform: scale(1.05) translateY(0); } 100%{ transform: scale(1) translateY(4px); -webkit-transform: scale(1) translateY(4px); } } @-webkit-keyframes wdt-quotes-animation-right-side { 0%{ transform: scale(1) translateY(4px); -webkit-transform: scale(1) translateY(4px); } 50%{ transform: scale(1.05) translateY(0); -webkit-transform: scale(1.05) translateY(0); } 100%{ transform: scale(1) translateY(4px); -webkit-transform: scale(1) translateY(4px); } } .wdt-cus-title-aside-interactive-showcase .wdt-interactive-showcase-container .wdt-interactive-showcase-content-wrapper .wdt-interactive-showcase-media-group .wdt-interactive-showcase-content .wdt-content-description:before { transform: rotate(-180deg); -webkit-transform: rotate(-180deg); margin: 0 clamp(0.25rem, 0.175rem + 0.375vw, 0.625rem) clamp(0.375rem, 0.325rem + 0.25vw, 0.625rem) 0; animation: wdt-quotes-animation-left-side 1s linear infinite; -webkit-animation: wdt-quotes-animation-left-side 1s linear infinite; } @keyframes wdt-quotes-animation-left-side { 0%{ transform: scale(1) translateY(4px) rotate(-180deg); -webkit-transform: scale(1) translateY(4px) rotate(-180deg); } 50%{ transform: scale(1.05) translateY(0) rotate(-180deg); -webkit-transform: scale(1.05) translateY(0) rotate(-180deg); } 100%{ transform: scale(1) translateY(4px) rotate(-180deg); -webkit-transform: scale(1) translateY(4px) rotate(-180deg); } } @-webkit-keyframes wdt-quotes-animation-left-side { 0%{ transform: scale(1) translateY(4px) rotate(-180deg); -webkit-transform: scale(1) translateY(4px) rotate(-180deg); } 50%{ transform: scale(1.05) translateY(0) rotate(-180deg); -webkit-transform: scale(1.05) translateY(0) rotate(-180deg); } 100%{ transform: scale(1) translateY(4px) rotate(-180deg); -webkit-transform: scale(1) translateY(4px) rotate(-180deg); } } .wdt-cus-title-aside-interactive-showcase .wdt-interactive-showcase-container .wdt-interactive-showcase-content-wrapper .wdt-interactive-showcase-media-group .wdt-content-image-wrapper, .wdt-cus-title-aside-interactive-showcase .wdt-interactive-showcase-container .wdt-interactive-showcase-content-wrapper .wdt-interactive-showcase-media-group .wdt-content-image-wrapper .wdt-content-image, .wdt-cus-title-aside-interactive-showcase .wdt-interactive-showcase-container .wdt-interactive-showcase-content-wrapper .wdt-interactive-showcase-media-group .wdt-content-image-wrapper .wdt-content-image span, .wdt-cus-title-aside-interactive-showcase .wdt-interactive-showcase-container .wdt-interactive-showcase-content-wrapper .wdt-interactive-showcase-media-group .wdt-content-image-wrapper .wdt-content-image a { height: 100%; } .wdt-cus-title-aside-interactive-showcase .wdt-interactive-showcase-container .wdt-interactive-showcase-content-wrapper .wdt-interactive-showcase-media-group .wdt-content-image-wrapper .wdt-content-image img { width: 100%; height: 100%; object-fit: cover; object-position: center; } .wdt-cus-title-aside-interactive-showcase .wdt-interactive-showcase-container .wdt-interactive-showcase-content-wrapper div[id*="wdt-interactive-showcase-"] { transform: unset; -webkit-transform: unset; visibility: hidden; opacity: 0; transition: visibility 0.2s linear, opacity 0.2s linear; } .wdt-cus-title-aside-interactive-showcase .wdt-interactive-showcase-container .wdt-interactive-showcase-content-wrapper div[id*="wdt-interactive-showcase-"].wdt-interactive-showcase-active { transform: unset; -webkit-transform: unset; visibility: visible; opacity: 1; transition: visibility 0.3s linear, opacity 0.3s linear; } /* btn */ .wdt-cus-title-aside-interactive-showcase .wdt-interactive-showcase-container .wdt-interactive-showcase-content-wrapper .wdt-interactive-showcase-media-group .wdt-interactive-showcase-content .wdt-interactive-showcase-button a { font-size: var(--wdtFontSize_Base); line-height: var(--wdtLineHeight_Ext); font-weight: var(--wdtFontWeight_Base); color: var(--wdtAccentTxtColor); padding: 0 20px 2px 0; position: relative; display: flex; width: fit-content; align-items: center; margin: clamp(0.75rem, 0.65rem + 0.5vw, 1.25rem) auto 0; /* Min-12 & Max-20 */ transition: var(--wdtBaseTransition); -webkit-transition: var(--wdtBaseTransition); } .wdt-cus-title-aside-interactive-showcase .wdt-interactive-showcase-container .wdt-interactive-showcase-content-wrapper .wdt-interactive-showcase-media-group .wdt-interactive-showcase-content .wdt-interactive-showcase-button a:after { content: '\e804'; position: absolute; top: 4px; bottom: 0; right: 0; font-family: "manasu-additional-icons"; font-style: normal; font-weight: normal; font-size: 10px; margin-left: 10px; color: inherit; transition: inherit; -webkit-transition: inherit; transform: rotate(0deg); -webkit-transform: rotate(0deg); } .wdt-cus-title-aside-interactive-showcase .wdt-interactive-showcase-container .wdt-interactive-showcase-content-wrapper .wdt-interactive-showcase-media-group .wdt-interactive-showcase-content .wdt-interactive-showcase-button a:hover:after, .wdt-cus-title-aside-interactive-showcase .wdt-interactive-showcase-container .wdt-interactive-showcase-content-wrapper .wdt-interactive-showcase-media-group .wdt-interactive-showcase-content .wdt-interactive-showcase-button a:focus:after { transform: rotate(45deg); -webkit-transform: rotate(45deg); } .wdt-cus-title-aside-interactive-showcase .wdt-interactive-showcase-container .wdt-interactive-showcase-content-wrapper .wdt-interactive-showcase-media-group .wdt-interactive-showcase-content .wdt-interactive-showcase-button a:before { content: ""; height: 1px; width: 80%; left: 0px; right: 0px; bottom: 0px; top: auto; background: currentColor; position: absolute; -webkit-transform: scale(1, 1); transform: scale(1, 1); -webkit-transition: var(--wdtBaseTransition); transition: var(--wdtBaseTransition); -webkit-transform-origin: left bottom; transform-origin: left bottom; transition-property: transform; -webkit-transition-property: transform; } .wdt-cus-title-aside-interactive-showcase .wdt-interactive-showcase-container .wdt-interactive-showcase-content-wrapper .wdt-interactive-showcase-media-group .wdt-interactive-showcase-content .wdt-interactive-showcase-button a:hover:before, .wdt-cus-title-aside-interactive-showcase .wdt-interactive-showcase-container .wdt-interactive-showcase-content-wrapper .wdt-interactive-showcase-media-group .wdt-interactive-showcase-content .wdt-interactive-showcase-button a:focus:before { background: currentColor; -webkit-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: right bottom; transform-origin: right bottom; } /* active animation */ /* description */ .wdt-cus-title-aside-interactive-showcase .wdt-interactive-showcase-container .wdt-interactive-showcase-content-wrapper div[id*="wdt-interactive-showcase-"] .wdt-interactive-showcase-media-group .wdt-interactive-showcase-content .wdt-content-description { transform: translateY(-100px) scale(1.3); -webkit-transform: translateY(-100px) scale(1.3); opacity: 0; perspective: 1000px; transform-style: preserve-3d; transition: opacity 0s linear, transform 0.3s linear; -webkit-transition: opacity 0s linear, transform 0.3s linear; } .wdt-cus-title-aside-interactive-showcase .wdt-interactive-showcase-container .wdt-interactive-showcase-content-wrapper div[id*="wdt-interactive-showcase-"].wdt-interactive-showcase-active .wdt-interactive-showcase-media-group .wdt-interactive-showcase-content .wdt-content-description { opacity: 1; transform: translateY(0) scale(1); -webkit-transform: translateY(0) scale(1); transition: opacity 0.3s linear, transform 0.6s linear; -webkit-transition: opacity 0.3s linear, transform 0.6s linear; } /* button */ .wdt-cus-title-aside-interactive-showcase .wdt-interactive-showcase-container .wdt-interactive-showcase-content-wrapper .wdt-interactive-showcase-media-group .wdt-interactive-showcase-content .wdt-interactive-showcase-button { transform: translateY(100%); -webkit-transform: translateY(100%); opacity: 0; transition: transform 0.3s linear, opacity 0s linear; -webkit-transition: transform 0.3s linear, opacity 0s linear; } .wdt-cus-title-aside-interactive-showcase .wdt-interactive-showcase-container .wdt-interactive-showcase-content-wrapper div[id*="wdt-interactive-showcase-"].wdt-interactive-showcase-active .wdt-interactive-showcase-media-group .wdt-interactive-showcase-content .wdt-interactive-showcase-button { transform: translateY(0); -webkit-transform: translateY(0); opacity: 1; transition: transform 0.3s linear 0.4s, opacity 0.3s linear 0.4s; -webkit-transition: transform 0.3s linear 0.4s, opacity 0.3s linear 0.4s; } /* Icon */ .wdt-cus-title-aside-interactive-showcase .wdt-interactive-showcase-container .wdt-interactive-showcase-content-wrapper div[id*="wdt-interactive-showcase-"] .wdt-interactive-showcase-media-group .wdt-interactive-showcase-content span i { position: absolute; left: 0; right: 0; top: 0; bottom: 0; cursor: pointer; width: clamp(3.125rem, 2.5rem + 3.125vw, 6.25rem); /* Min-50 & Max-100 */ height: clamp(3.125rem, 2.5rem + 3.125vw, 6.25rem); /* Min-50 & Max-100 */ font-size: clamp(1.125rem, 1.05rem + 0.375vw, 1.5rem); /* Min-18 & Max-24 */ border-radius: var(--wdtRadius_Full); -webkit-border-radius: var(--wdtRadius_Full); background-color: rgb(var(--wdtQuaternaryColorRgb), 0.8); color: var(--wdtSecondaryColor); display: inline-flex; align-items: center; justify-content: center; margin: auto; animation: wdt-pop-up-animation 0.6s linear infinite; -webkit-animation: wdt-pop-up-animation 0.6s linear infinite; transition: var(--wdtBaseTransition); -webkit-transition: var(--wdtBaseTransition); } .wdt-cus-title-aside-interactive-showcase .wdt-interactive-showcase-container .wdt-interactive-showcase-content-wrapper div[id*="wdt-interactive-showcase-"] .wdt-interactive-showcase-media-group .wdt-interactive-showcase-content span i:hover { animation-play-state: paused; background-color: rgb(var(--wdtQuaternaryColorRgb), 0.9); } /* responsive */ @media (max-width:1540px) { .wdt-cus-title-aside-interactive-showcase .wdt-interactive-showcase-container { grid-template-columns: 400px 1fr; } .wdt-cus-title-aside-interactive-showcase .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li .wdt-interactive-showcase-content-group .wdt-content-image-wrapper .wdt-content-image img { max-height: 200px; } } @media (max-width:1280px) { .wdt-cus-title-aside-interactive-showcase .wdt-interactive-showcase-container { grid-template-columns: 350px 1fr; } .wdt-cus-title-aside-interactive-showcase .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li .wdt-interactive-showcase-content-group .wdt-content-image-wrapper .wdt-content-image img { max-height: 160px; } } @media (max-width:1024px) { .wdt-cus-title-aside-interactive-showcase .wdt-interactive-showcase-container { grid-template-columns: 1fr; } .wdt-cus-title-aside-interactive-showcase .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list { display: grid; grid-template-columns: repeat(2,1fr); } .wdt-cus-title-aside-interactive-showcase .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li:not(:last-child) { border-width: 0 1px 1px 0; } .wdt-cus-title-aside-interactive-showcase .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li { border-width: 0 1px 1px 0; border-style: solid; border-color: rgb(var(--wdtBorderColorRgb),0.15); } .wdt-cus-title-aside-interactive-showcase .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li .wdt-interactive-showcase-content-group .wdt-content-image-wrapper .wdt-content-image img { max-height: 200px; } } @media (max-width: 479px) { .wdt-cus-title-aside-interactive-showcase .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list { display: grid; grid-template-columns: repeat(1,1fr); } .wdt-cus-title-aside-interactive-showcase .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li:not(:last-child), .wdt-cus-title-aside-interactive-showcase .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li { border-width: 0 0 1px 0; } } /* ------------------ Interactive Showcase -------------------- */ /* --------------------- Audio Block ------------------- */ .elementor-widget-wp-widget-media_audio .mejs-container { font-family: var(--wdtFontTypo_Base); font-size: var(--wdtFontSize_Base); font-weight: var(--wdtFontWeight_Base); height: 140px !important; background: var(--wdtAccentTxtColor); } /* controls */ .elementor-widget-wp-widget-media_audio .mejs-container .mejs-inner .mejs-controls { background: var(--wdtAccentTxtColor); margin: auto; top: 0; bottom: 0; padding: 30px; align-items: center; height: auto; } .elementor-widget-wp-widget-media_audio .mejs-container .mejs-inner .mejs-controls .mejs-time-rail { height: 10px; padding: 0; margin: 0; } .elementor-widget-wp-widget-media_audio .mejs-container .mejs-inner .mejs-controls .mejs-time-rail .mejs-time-total { margin: 0; } .elementor-widget-wp-widget-media_audio .mejs-container .mejs-inner .mejs-controls .mejs-time-rail .mejs-time-total .mejs-time-loaded, .elementor-widget-wp-widget-media_audio .mejs-container .mejs-inner .mejs-controls .mejs-time-rail .mejs-time-total { background: var(--wdtSecondaryColor); } .elementor-widget-wp-widget-media_audio .mejs-container .mejs-inner .mejs-controls .mejs-time-rail .mejs-time-total .mejs-time-current, .elementor-widget-wp-widget-media_audio .mejs-container .mejs-inner .mejs-controls .mejs-time-rail .mejs-time-total .mejs-time-hovered { background: var(--wdtPrimaryColor); } .elementor-widget-wp-widget-media_audio .mejs-container .mejs-inner .mejs-controls .mejs-time-rail .mejs-time-total .mejs-time-float { background: var(--wdtTertiaryColor); } .elementor-widget-wp-widget-media_audio .mejs-container .mejs-inner .mejs-controls .mejs-time { font-size: clamp(0.875rem, 0.85rem + 0.125vw, 1rem); /* Min-14 & Max-16 */ font-weight: var(--wdtFontWeight_Base); color: var(--wdtHeadAltColor); padding: 0 10px 0; height: auto; line-height: var(--wdtLineHeight_Ext); } .elementor-widget-wp-widget-media_audio .mejs-container .mejs-inner .mejs-controls .mejs-time-rail .mejs-time-total .mejs-time-handle .mejs-time-handle-content { border-color: var(--wdtPrimaryColor); } /* Play Button */ .elementor-widget-wp-widget-media_audio .mejs-container .mejs-inner .mejs-controls .mejs-button.mejs-playpause-button { position: relative; width: clamp(1.875rem, 1.625rem + 1.25vw, 3.125rem); /* Min-30 & Max-30 */ height: clamp(1.875rem, 1.625rem + 1.25vw, 3.125rem); /* Min-30 & Max-30 */ border-radius: var(--wdtRadius_Full); -webkit-border-radius: var(--wdtRadius_Full); background-color: var(--wdtPrimaryColor); transition: var(--wdtBaseTransition); -webkit-transition: var(--wdtBaseTransition); } .elementor-widget-wp-widget-media_audio .mejs-container .mejs-inner .mejs-controls .mejs-button.mejs-playpause-button:hover, .elementor-widget-wp-widget-media_audio .mejs-container .mejs-inner .mejs-controls .mejs-button.mejs-playpause-button:focus { background-color: var(--wdtSecondaryColor); } .elementor-widget-wp-widget-media_audio .mejs-container .mejs-inner .mejs-controls .mejs-button.mejs-playpause-button button { top: 0; bottom: 0; left: 0; right: 0; margin: auto; background: none; position: relative; width: 100%; height: 100%; } .elementor-widget-wp-widget-media_audio .mejs-container .mejs-inner .mejs-controls .mejs-button.mejs-playpause-button button:hover, .elementor-widget-wp-widget-media_audio .mejs-container .mejs-inner .mejs-controls .mejs-button.mejs-playpause-button button:focus { background-color: transparent; } .elementor-widget-wp-widget-media_audio .mejs-container .mejs-inner .mejs-controls .mejs-button.mejs-playpause-button button:after { content: '\e867'; position: absolute; top: 0; bottom: 0; left: 3px; right: 0; margin: auto; font-family: "Manasu Icons"; font-style: normal; font-weight: normal; color: var(--wdtLinkColor); font-size: clamp(0.875rem, 0.8rem + 0.375vw, 1.25rem); /* Min-14 & Max-20 */ width: fit-content; height: fit-content; transition: var(--wdtBaseTransition); -webkit-transition: var(--wdtBaseTransition); } .elementor-widget-wp-widget-media_audio .mejs-container .mejs-inner .mejs-controls .mejs-button.mejs-playpause-button:hover button:after, .elementor-widget-wp-widget-media_audio .mejs-container .mejs-inner .mejs-controls .mejs-button.mejs-playpause-button:focus button:after { color: var(--wdtAccentTxtColor); } .elementor-widget-wp-widget-media_audio .mejs-container .mejs-inner .mejs-controls .mejs-button.mejs-playpause-button.mejs-pause button:after { content: '\e86a'; } /* volume */ .elementor-widget-wp-widget-media_audio .mejs-container .mejs-inner .mejs-controls .mejs-button.mejs-volume-button { width: 20px; margin-right: 10px; margin-left: 10px; } .elementor-widget-wp-widget-media_audio .mejs-container .mejs-inner .mejs-controls .mejs-button.mejs-volume-button button { content: ""; width: 20px; height: 20px; margin: 10px 0; background-image: none; background-color: var(--wdtSecondaryColor); mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; mask-position: center; -webkit-mask-position: center; mask-size: contain; -webkit-mask-size: contain; } .elementor-widget-wp-widget-media_audio .mejs-container .mejs-inner .mejs-controls .mejs-button.mejs-volume-button.mejs-mute button { mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 50 37' style='enable-background:new 0 0 50 37;' xml:space='preserve'%3E%3Cpath d='M21.8,1.1L10,10.7l-6.6,0.6C2.1,11.5,1,12.6,1,14v9c0,1.4,1.1,2.5,2.4,2.7l6.6,0.6l11.8,9.7c1,0.8,2.4,0.1,2.4-1.2V2.2 C24.2,1,22.7,0.3,21.8,1.1z'/%3E%3Cpath d='M33.2,12.9c-0.7-1.1-2.2-1.4-3.2-0.5l-0.2,0.1c-0.7,0.6-0.9,1.7-0.5,2.5c0.6,1,0.9,2.2,0.9,3.4c0,1.3-0.4,2.4-0.9,3.4 c-0.5,0.8-0.3,1.9,0.5,2.5l0.2,0.1c1,0.9,2.5,0.7,3.2-0.5c0.9-1.6,1.5-3.5,1.5-5.6C34.6,16.5,34.1,14.6,33.2,12.9z'/%3E%3Cpath d='M38.5,7.9c-0.7-1-2.2-1.2-3.1-0.4l-0.1,0.1c-0.8,0.7-0.9,1.9-0.3,2.7c1.6,2.3,2.5,5.1,2.5,8.1c0,3-1,5.8-2.5,8.1 c-0.6,0.9-0.5,2,0.3,2.7l0.1,0.1c0.9,0.8,2.4,0.7,3.1-0.4c2.1-3,3.3-6.6,3.3-10.6C41.8,14.5,40.6,10.9,38.5,7.9z'/%3E%3Cpath d='M43.8,3c-0.8-1-2.1-1.1-3-0.3l-0.2,0.1c-0.8,0.7-0.9,1.9-0.3,2.8c2.7,3.6,4.3,8,4.3,12.8s-1.6,9.3-4.3,12.8 c-0.7,0.9-0.6,2.1,0.3,2.8l0.2,0.1c0.9,0.8,2.3,0.7,3-0.3c3.3-4.3,5.2-9.7,5.2-15.5C49,12.7,47.1,7.3,43.8,3z'/%3E%3C/svg%3E"); -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 50 37' style='enable-background:new 0 0 50 37;' xml:space='preserve'%3E%3Cpath d='M21.8,1.1L10,10.7l-6.6,0.6C2.1,11.5,1,12.6,1,14v9c0,1.4,1.1,2.5,2.4,2.7l6.6,0.6l11.8,9.7c1,0.8,2.4,0.1,2.4-1.2V2.2 C24.2,1,22.7,0.3,21.8,1.1z'/%3E%3Cpath d='M33.2,12.9c-0.7-1.1-2.2-1.4-3.2-0.5l-0.2,0.1c-0.7,0.6-0.9,1.7-0.5,2.5c0.6,1,0.9,2.2,0.9,3.4c0,1.3-0.4,2.4-0.9,3.4 c-0.5,0.8-0.3,1.9,0.5,2.5l0.2,0.1c1,0.9,2.5,0.7,3.2-0.5c0.9-1.6,1.5-3.5,1.5-5.6C34.6,16.5,34.1,14.6,33.2,12.9z'/%3E%3Cpath d='M38.5,7.9c-0.7-1-2.2-1.2-3.1-0.4l-0.1,0.1c-0.8,0.7-0.9,1.9-0.3,2.7c1.6,2.3,2.5,5.1,2.5,8.1c0,3-1,5.8-2.5,8.1 c-0.6,0.9-0.5,2,0.3,2.7l0.1,0.1c0.9,0.8,2.4,0.7,3.1-0.4c2.1-3,3.3-6.6,3.3-10.6C41.8,14.5,40.6,10.9,38.5,7.9z'/%3E%3Cpath d='M43.8,3c-0.8-1-2.1-1.1-3-0.3l-0.2,0.1c-0.8,0.7-0.9,1.9-0.3,2.8c2.7,3.6,4.3,8,4.3,12.8s-1.6,9.3-4.3,12.8 c-0.7,0.9-0.6,2.1,0.3,2.8l0.2,0.1c0.9,0.8,2.3,0.7,3-0.3c3.3-4.3,5.2-9.7,5.2-15.5C49,12.7,47.1,7.3,43.8,3z'/%3E%3C/svg%3E"); } .elementor-widget-wp-widget-media_audio .mejs-container .mejs-inner .mejs-controls .mejs-button.mejs-volume-button.mejs-unmute button { mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 50 42.6' style='enable-background:new 0 0 50 42.6;' xml:space='preserve'%3E%3Cpath d='M25,1.2L11.4,12.4l-7.6,0.7C2.2,13.2,1,14.5,1,16.1v10.3c0,1.6,1.2,2.9,2.8,3.1l7.6,0.7L25,41.4c1.1,0.9,2.8,0.1,2.8-1.3 V2.6C27.8,1.1,26.1,0.3,25,1.2z'/%3E%3Cpath d='M44.7,21.3l4.1-4.1c0.3-0.3,0.3-0.7,0-1l-2.4-2.4c-0.3-0.3-0.7-0.3-1,0l-4.1,4.1l-4.1-4.1c-0.3-0.3-0.7-0.3-1,0l-2.4,2.4 c-0.3,0.3-0.3,0.7,0,1l4.1,4.1l-4.1,4.1c-0.3,0.3-0.3,0.7,0,1l2.4,2.4c0.3,0.3,0.7,0.3,1,0l4.1-4.1l4.1,4.1c0.3,0.3,0.7,0.3,1,0 l2.4-2.4c0.3-0.3,0.3-0.7,0-1L44.7,21.3z'/%3E%3C/svg%3E"); -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 50 42.6' style='enable-background:new 0 0 50 42.6;' xml:space='preserve'%3E%3Cpath d='M25,1.2L11.4,12.4l-7.6,0.7C2.2,13.2,1,14.5,1,16.1v10.3c0,1.6,1.2,2.9,2.8,3.1l7.6,0.7L25,41.4c1.1,0.9,2.8,0.1,2.8-1.3 V2.6C27.8,1.1,26.1,0.3,25,1.2z'/%3E%3Cpath d='M44.7,21.3l4.1-4.1c0.3-0.3,0.3-0.7,0-1l-2.4-2.4c-0.3-0.3-0.7-0.3-1,0l-4.1,4.1l-4.1-4.1c-0.3-0.3-0.7-0.3-1,0l-2.4,2.4 c-0.3,0.3-0.3,0.7,0,1l4.1,4.1l-4.1,4.1c-0.3,0.3-0.3,0.7,0,1l2.4,2.4c0.3,0.3,0.7,0.3,1,0l4.1-4.1l4.1,4.1c0.3,0.3,0.7,0.3,1,0 l2.4-2.4c0.3-0.3,0.3-0.7,0-1L44.7,21.3z'/%3E%3C/svg%3E"); } .elementor-widget-wp-widget-media_audio .mejs-container .mejs-inner .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { background: rgb(var(--wdtSecondaryColorRgb),0.2); } .elementor-widget-wp-widget-media_audio .mejs-container .mejs-inner .mejs-controls .mejs-horizontal-volume-slider { height: 40px; } .elementor-widget-wp-widget-media_audio .mejs-container .mejs-inner .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total .mejs-horizontal-volume-current { background: var(--wdtSecondaryColor); } /* responsive */ @media (max-width:479px) { .elementor-widget-wp-widget-media_audio .mejs-container .mejs-inner .mejs-controls { padding: 20px; flex-wrap: wrap; } .elementor-widget-wp-widget-media_audio .mejs-container { height: 110px !important; } .elementor-widget-wp-widget-media_audio .mejs-container .mejs-inner .mejs-controls .mejs-button.mejs-playpause-button, .elementor-widget-wp-widget-media_audio .mejs-container .mejs-inner .mejs-controls .mejs-time, .elementor-widget-wp-widget-media_audio .mejs-container .mejs-inner .mejs-controls .mejs-button.mejs-volume-button, .elementor-widget-wp-widget-media_audio .mejs-container .mejs-inner .mejs-controls .mejs-horizontal-volume-slider { flex: 0 0 auto; } .elementor-widget-wp-widget-media_audio .mejs-container .mejs-inner .mejs-controls .mejs-time-rail { flex: 0 0 clamp(3.5rem, -15.8711rem + 96.8553vw, 13.125rem); height: 8px; } .elementor-widget-wp-widget-media_audio .mejs-container .mejs-inner .mejs-controls .mejs-button.mejs-volume-button { margin-left: 0; height: 60px; top: -2px; } .elementor-widget-wp-widget-media_audio .mejs-container .mejs-inner .mejs-controls .mejs-button.mejs-volume-button button { margin: 20px 0; } .elementor-widget-wp-widget-media_audio .mejs-container .mejs-inner .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { width: 100px; height: 4px; } .elementor-widget-wp-widget-media_audio .mejs-container .mejs-inner .mejs-controls .mejs-time-rail .mejs-time-total { height: 8px; } } /* --------------------- Audio Block ------------------- */ /* ----------------------- Image Fill Height ------------------------ */ .wdt-cus-img-fill-height.elementor-widget-image, .wdt-cus-img-fill-height.elementor-widget-image div { height: 100%; } .wdt-cus-img-fill-height.elementor-widget-image div img { height: 100%; object-fit: cover; object-position: center; } /* ----------------------- Image Fill Height ------------------------ */ /* ------------- Btn Hover Style --------------- */ .dt-sc-staff-items-container .dt-sc-staff-item.type4 .dt-sc-team-social-share .dt-sc-team-social li a, #footer .wdt-cus-footer-social-icons .elementor-icon-list-items .elementor-icon-list-item a { position: relative; overflow: hidden; } .dt-sc-staff-items-container .dt-sc-staff-item.type4 .dt-sc-team-social-share .dt-sc-team-social li a:after, #footer .wdt-cus-footer-social-icons .elementor-icon-list-items .elementor-icon-list-item a:after { content: ""; position: absolute; left: 0; right: 0; bottom: auto; top: 50%; width: auto; z-index: 0; background-color: currentColor; color: rgb(var(--wdtAccentTxtColorRgb), 0.05); -webkit-transition: inherit; transition: inherit; -webkit-transform: rotate(45deg) scale(1.25) translate(0,-50%); transform: rotate(45deg) scale(1.25) translate(0,-50%); -webkit-transform-origin: center top; transform-origin: center top; } #footer .wdt-cus-footer-social-icons .elementor-icon-list-items .elementor-icon-list-item a:after { color: rgb(var(--wdtHeadAltColorRgb), 0.05); } #footer .wdt-cus-footer-social-icons .elementor-icon-list-items .elementor-icon-list-item a span { z-index: 1; } .dt-sc-staff-items-container .dt-sc-staff-item.type4 .dt-sc-team-social-share .dt-sc-team-social li a:hover:after, .dt-sc-staff-items-container .dt-sc-staff-item.type4 .dt-sc-team-social-share .dt-sc-team-social li a:focus:after, #footer .wdt-cus-footer-social-icons .elementor-icon-list-items .elementor-icon-list-item a:hover:after, #footer .wdt-cus-footer-social-icons .elementor-icon-list-items .elementor-icon-list-item a:focus:after { height: auto; padding-top: 100%; } /* ------------- Btn Hover Style --------------- */ /* -------------------------- Heading Inview animation ----------------------------- */ .wdt-inview-section.elementor-widget-wdt-heading .wdt-heading-holder .wdt-heading-subtitle-wrapper { transform: translateY(50px); transition: var(--wdtBaseTransition); transition-delay: 300ms; opacity: 0; } .wdt-inview-section.elementor-widget-wdt-heading .wdt-heading-holder .wdt-heading-title-wrapper { transform: translateY(-50px); transition: var(--wdtBaseTransition); transition-delay: 300ms; } .wdt-item-is-inview.elementor-widget-wdt-heading .wdt-heading-holder .wdt-heading-subtitle-wrapper, .wdt-item-is-inview.elementor-widget-wdt-heading .wdt-heading-holder .wdt-heading-title-wrapper { transform: translateY(0); opacity: 1; } /* -------------------------- Heading Inview animation ----------------------------- */ /* ------------------- Slider Cursor Grab -------------------- */ .swiper .swiper-wrapper .swiper-slide { cursor: grab; } /* ------------------- Slider Cursor Grab -------------------- */ /* ------------------------ Snap scroll btn Style =------------------------- */ .wdt-column-pagination.wdt-snap-scroll-pagination { font-size: 0; } .wdt-column-pagination.wdt-snap-scroll-pagination button { margin: 0; padding: 0; font-size: 0; position: relative; width: 50px; height: 50px; overflow: hidden; } .wdt-column-pagination.wdt-snap-scroll-pagination button.wdt-pagination-prev { border-right: 1px solid rgb(var(--wdtAccentTxtColorRgb), 0.5); background-color: var(--wdtSecondaryColor); color: var(--wdtAccentTxtColor); } .wdt-column-pagination.wdt-snap-scroll-pagination button.wdt-pagination-prev:hover { background-color: var(--wdtPrimaryColor); color: var(--wdtLinkColor); } .wdt-column-pagination.wdt-snap-scroll-pagination button:after { position: relative; font-family: "manasu-wp-additional-icons"; font-style: normal; font-weight: normal; font-size: 16px; transform: translate(0, 0) rotate(0deg); -webkit-transform: translate(0, 0) rotate(0deg); display: block; width: fit-content; height: fit-content; margin: auto; transition: var(--wdtAltTransition); -webkit-transition: var(--wdtAltTransition); } .wdt-column-pagination.wdt-snap-scroll-pagination button.wdt-pagination-prev:after { content: '\0801'; } .wdt-column-pagination.wdt-snap-scroll-pagination button.wdt-pagination-next:after { content: '\0800'; } .wdt-column-pagination.wdt-snap-scroll-pagination button.wdt-pagination-prev:hover:after { animation: wdt-snap-scroll-prev-arrow-animation 500ms ease-in-out; -webkit-animation: wdt-snap-scroll-prev-arrow-animation 500ms ease-in-out; transform: translate(0, 0) rotate(-90deg); -webkit-transform: translate(0, 0) rotate(-90deg); } @keyframes wdt-snap-scroll-prev-arrow-animation { 0% { transform: translate(0, 0) rotate(0deg); -webkit-transform: translate(0, 0) rotate(0deg); opacity: 1; } 50% { transform: translate(-50px, -50px) rotate(0deg); -webkit-transform: translate(-50px, -50px) rotate(0deg); opacity: 0; } 75% { transform: translate(50px, -50px) rotate(-90deg); -webkit-transform: translate(50px, -50px) rotate(-90deg); opacity: 0; } 100% { transform: translate(0, 0) rotate(-90deg); -webkit-transform: translate(0, 0) rotate(-90deg); opacity: 1; } } @-webkit-keyframes wdt-snap-scroll-prev-arrow-animation { 0% { transform: translate(0, 0) rotate(0deg); -webkit-transform: translate(0, 0) rotate(0deg); opacity: 1; } 50% { transform: translate(-50px, -50px) rotate(0deg); -webkit-transform: translate(-50px, -50px) rotate(0deg); opacity: 0; } 75% { transform: translate(50px, -50px) rotate(-90deg); -webkit-transform: translate(50px, -50px) rotate(-90deg); opacity: 0; } 100% { transform: translate(0, 0) rotate(-90deg); -webkit-transform: translate(0, 0) rotate(-90deg); opacity: 1; } } .wdt-column-pagination.wdt-snap-scroll-pagination button.wdt-pagination-next:hover:after { animation: wdt-snap-scroll-next-arrow-animation 500ms ease-in-out; -webkit-animation: wdt-snap-scroll-next-arrow-animation 500ms ease-in-out; transform: translate(0, 0) rotate(-90deg); -webkit-transform: translate(0, 0) rotate(-90deg); } @keyframes wdt-snap-scroll-next-arrow-animation { 0% { transform: translate(0, 0) rotate(0deg); -webkit-transform: translate(0, 0) rotate(0deg); opacity: 1; } 50% { transform: translate(50px, 50px) rotate(0deg); -webkit-transform: translate(50px, 50px) rotate(0deg); opacity: 0; } 75% { transform: translate(-50px, 50px) rotate(-90deg); -webkit-transform: translate(-50px, 50px) rotate(-90deg); opacity: 0; } 100% { transform: translate(0, 0) rotate(-90deg); -webkit-transform: translate(0, 0) rotate(-90deg); opacity: 1; } } @-webkit-keyframes wdt-snap-scroll-next-arrow-animation { 0% { transform: translate(0, 0) rotate(0deg); -webkit-transform: translate(0, 0) rotate(0deg); opacity: 1; } 50% { transform: translate(50px, 50px) rotate(0deg); -webkit-transform: translate(50px, 50px) rotate(0deg); opacity: 0; } 75% { transform: translate(-50px, 50px) rotate(-90deg); -webkit-transform: translate(-50px, 50px) rotate(-90deg); opacity: 0; } 100% { transform: translate(0, 0) rotate(-90deg); -webkit-transform: translate(0, 0) rotate(-90deg); opacity: 1; } } /* ------------------------ Snap scroll btn Style =------------------------- */ /* ------- Slider 1 --------- */ /* ratings */ .wdt-cus-slider-rating-text .wdt-content-item .wdt-content-description { font-size: var(--wdtFontSize_H6); color: var(--wdtHeadAltColor); } .wdt-cus-slider-rating-text .wdt-content-item .wdt-content-detail-group { display: flex; align-items: center; margin: -6px; flex-wrap: wrap; } .wdt-cus-slider-rating-text .wdt-content-item .wdt-content-detail-group > * { padding: 6px; } .wdt-cus-slider-rating-text .wdt-content-item .wdt-content-detail-group > div:not(:last-child) { margin-bottom: 0; } /* ------- Slider 1 --------- */ /* -------------- Signature Block ---------------- */ .wdt-cus-signature-block .wdt-content-item .wdt-content-icon-wrapper .wdt-content-icon span { font-size: 100%; width: 150px; height: 100%; color: var(--wdtHeadAltColor); } .wdt-cus-signature-block .wdt-content-item .wdt-content-icon-wrapper .wdt-content-icon span i, .wdt-cus-signature-block .wdt-content-item .wdt-content-icon-wrapper .wdt-content-icon span i svg { width: inherit; height: inherit; } /* -------------- Signature Block ---------------- */ /* ---------------------- Product Tab Custom Style ------------------------- */ .woocommerce div.product .elementor-widget-wdt-shop-product-single-tabs .wdt-product-tabs { margin: 0; } .woocommerce div.product .elementor-widget-wdt-shop-product-single-tabs .wdt-product-tabs .woocommerce-tabs .panel, .woocommerce div.product .elementor-widget-wdt-shop-product-single-tabs .wdt-product-tabs .woocommerce-tabs ul.tabs { margin: 0 0 100px; } /* responsive */ @media (max-width:1540px) { .woocommerce div.product .elementor-widget-wdt-shop-product-single-tabs .wdt-product-tabs .woocommerce-tabs .panel, .woocommerce div.product .elementor-widget-wdt-shop-product-single-tabs .wdt-product-tabs .woocommerce-tabs ul.tabs { margin: 0 0 80px; } } @media (max-width:1280px) { .woocommerce div.product .elementor-widget-wdt-shop-product-single-tabs .wdt-product-tabs .woocommerce-tabs .panel, .woocommerce div.product .elementor-widget-wdt-shop-product-single-tabs .wdt-product-tabs .woocommerce-tabs ul.tabs { margin: 0 0 70px; } } @media (max-width:1024px) { .woocommerce div.product .elementor-widget-wdt-shop-product-single-tabs .wdt-product-tabs .woocommerce-tabs .panel, .woocommerce div.product .elementor-widget-wdt-shop-product-single-tabs .wdt-product-tabs .woocommerce-tabs ul.tabs { margin: 0 0 60px; } } @media (max-width:767px) { .woocommerce div.product .elementor-widget-wdt-shop-product-single-tabs .wdt-product-tabs .woocommerce-tabs .panel, .woocommerce div.product .elementor-widget-wdt-shop-product-single-tabs .wdt-product-tabs .woocommerce-tabs ul.tabs { margin: 0 0 50px; } } /* ---------------------- Product Tab Custom Style ------------------------- */ /* --------------- Light Box Image ----------------- */ .elementor-slideshow__footer .elementor-slideshow__title { font-size: var(--wdtFontSize_Base); font-weight: var(--wdtFontWeight_Base); color: var(--wdtAccentTxtColor); } .elementor-lightbox .swiper .elementor-swiper-button-prev, .elementor-lightbox .swiper .elementor-swiper-button-next { padding: 0 10px; width: auto; } .dialog-lightbox-widget.elementor-lightbox .elementor-lightbox-image { padding: 0 40px; border-radius: var(--wdtRadius_Zero); -webkit-border-radius: var(--wdtRadius_Zero); } /* --------------- Light Box Image ----------------- */ /* ---------------- Popup box overflow ------------------ */ html:has(> body > .wdt-popup-box-window) { overflow: hidden; } /* ---------------- Popup box overflow ------------------ */ /* ---------- Testimonial ----------- */ .wdt-cus-testimonial-type-3 .wdt-content-item .wdt-content-image > span, .wdt-cus-testimonial-type-3 .wdt-content-item .wdt-content-image > a { width: 120px; border-radius: var(--wdtRadius_Full); -webkit-border-radius: var(--wdtRadius_Full); border: 1px solid rgb(var(--wdtBorderColorRgb),0.15); } /* --------------- Input Type Date --------------- */ form.wpcf7-form input[type="date"] { text-transform: uppercase; } form.wpcf7-form input[type="date" i]::-webkit-calendar-picker-indicator { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 92.6 100' style='enable-background:new 0 0 92.6 100;' xml:space='preserve'%3E%3Cpath d='M40.9,40.9h-7.3v7.3h7.3V40.9z'/%3E%3Cpath d='M59,40.9h-7.3v7.3H59V40.9z'/%3E%3Cpath d='M73.5,40.9h-7.3v7.3h7.3V40.9z'/%3E%3Cpath d='M40.9,59.1h-7.3v7.3h7.3V59.1z'/%3E%3Cpath d='M22.7,59.1h-7.3v7.3h7.3V59.1z'/%3E%3Cpath d='M59,59.1h-7.3v7.3H59V59.1z'/%3E%3Cpath d='M73.5,59.1h-7.3v7.3h7.3V59.1z'/%3E%3Cpath d='M40.9,73.6h-7.3v7.3h7.3V73.6z'/%3E%3Cpath d='M59,73.6h-7.3v7.3H59V73.6z'/%3E%3Cpath d='M22.7,73.6h-7.3v7.3h7.3V73.6z'/%3E%3Cpath d='M26.3,19.1c-2,0-3.6-1.7-3.6-3.7V4.7c0-2.1,1.6-3.7,3.6-3.7c2,0,3.6,1.7,3.6,3.7v10.7C30,17.5,28.3,19.1,26.3,19.1 L26.3,19.1z'/%3E%3Cpath d='M66.3,19.1c-2,0-3.6-1.7-3.6-3.7V4.7c0-2.1,1.6-3.7,3.6-3.7c2,0,3.6,1.7,3.6,3.7v10.7C69.9,17.5,68.3,19.1,66.3,19.1 L66.3,19.1z'/%3E%3Cpath d='M74.7,8.3h-0.9v4.9c0,3.4-2.7,6.1-6.1,6.1s-6.1-2.7-6.1-6.1V8.3H31v4.9c0,3.4-2.7,6.1-6.1,6.1s-6.1-2.7-6.1-6.1V8.3h-0.9 c-9.4,0-17,7.6-17,17V82c0,9.4,7.6,17,17,17h56.7c9.4,0,17-7.6,17-17V25.3C91.7,15.9,84,8.3,74.7,8.3z M84.9,82 c0,5.6-4.6,10.2-10.2,10.2H17.9c-5.6,0-10.2-4.6-10.2-10.2V32.2h77.1V82z'/%3E%3C/svg%3E"); } form.wpcf7-form span.wpcf7-form-control-wrap:has(input[type="date"])::before { content: ""; position: absolute; right: 1px; left: auto; width: 30%; height: calc(100% - 2px); background: var(--wdtAccentTxtColor); pointer-events: none; top: 0; bottom: 0; margin: auto; z-index: 1; } .wdt-dark-form form.wpcf7-form span.wpcf7-form-control-wrap:has(input[type="date"])::before, .wdt-dark-bg form.wpcf7-form span.wpcf7-form-control-wrap:has(input[type="date"])::before { background: var(--wdtSecondaryColor); } /* --------------- Input Type Date --------------- */ /* ----------------- Chrome Width Issue ------------------ */ .wdt-content-item > div[data-elementor-type="page"], .wdt-content-item > div[data-elementor-type="section"], .wdt-content-item > div { width: 100%; } /* ----------------- Chrome Width Issue ------------------ */