.is-style-abnomize-flat-button .wp-block-button__link, .is-style-abnomize-flat-button .wp-block-button__link:active, .is-style-abnomize-flat-button .wp-block-button__link:focus, .is-style-abnomize-flat-button .wp-block-button__link:hover, .is-style-abnomize-flat-button .wp-block-button__link:visited { border-radius: 0; box-shadow: none; margin-bottom: 0; margin-top: 0 } .is-style-abnomize-box-shadow { box-shadow: var(--wp--preset--shadow--natural) } .is-style-abnomize-list-underline li { border-bottom: 1px solid } .is-style-abnomize-list-underline ul { border-top: 1px solid } .is-style-abnomize-list-underline ul li { border: none } details.is-style-abnomize-plus>summary { list-style-type: "+ " } details[open].is-style-abnomize-plus>summary { list-style-type: "- " } details.is-style-abnomize-plus>summary::marker { font-family: var(--wp--preset--font-family--monospace); font-size: 1em; font-weight: 700 } .wc-block-grid .wc-block-grid__product-onsale, .wc-block-grid__product-image .wc-block-grid__product-onsale, .woocommerce span.onsale { background-color: var(--wp--preset--color--primary); border: none; border-radius: 100%; color: var(--wp--preset--color--contrast); font-size: 1rem; height: 3.7rem; line-height: 3.236; text-align: center; text-transform: capitalize; width: 3.7rem } .woocommerce div.product .stock { color: var(--wp--preset--color--primary) } img { max-width: 100%; } h1.wp-block-heading { line-height: 1.3; font-size: 2rem; font-weight: 600; } ul.wc-block-product-categories-list li ul { padding: 0px; } .woocommerce span.onsale { min-height: auto; min-width: 3.236em; padding-top: 7px; font-size: 1em; font-weight: 700; position: absolute; text-align: center; line-height: 3.236; top: -.5em; left: -.5em; margin: 0; border-radius: 5px; background-color: #b3af54; color: #fff; font-size: .857em; z-index: 9; box-shadow: 0 0 3px 0px #ff1919; } .wc-block-grid .wc-block-grid__product-onsale, .wc-block-grid__product-image .wc-block-grid__product-onsale, .woocommerce span.onsale { background-color: rgb(255 7 7); border: none; color: rgb(255 255 255); font-size: 12px; height: 1.6rem; line-height: 1.5; text-align: center; text-transform: capitalize; width: 2.7rem } a.components-button.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained, .woocommerce div.product form.cart button.single_add_to_cart_button, button.single_add_to_cart_button.button.alt.wp-element-button { background-color: #8abc00; font-size: 15px; border-radius: 4px; border-color: var(--wp--preset--color--transparent); border-width: 4px; border-style: solid; color: #ffffff; line-height: inherit; padding: calc(0.5em + 2px) calc(1em + 2px); text-decoration: none; box-shadow: var(--wp--preset--shadow--natural); } button.components-button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained { background-color: #8abc00; font-size: 15px; border-radius: 4px; border-color: var(--wp--preset--color--transparent); border-width: 4px; border-style: solid; color: #ffffff; line-height: inherit; padding: calc(0.6em + 1px) calc(0.333em + 6px); text-decoration: none; box-shadow: var(--wp--preset--shadow--natural); } .wc-block-add-to-cart-form .input-text { font-size: 14px; padding: 13px 15px; border: 1px solid #ddd; } .woocommerce div.product form.cart .variations label { font-size: 15px; } ol.flex-control-nav.flex-control-thumbs { display: flex; padding: 0; } .woocommerce .wp-block-woocommerce-product-image-gallery .woocommerce-product-gallery.images li { list-style: none; border: 1px solid #ddd; margin: 10px; } .woocommerce .wp-block-woocommerce-product-image-gallery .woocommerce-product-gallery.images li:hover { cursor: pointer; } .woocommerce-tabs.wc-tabs-wrapper li.description_tab a::before { content: ""; display: inline-block; width: 16px; height: 16px; background: url('data:image/svg+xml,') no-repeat center center; background-size: contain; padding-right: 6px; /* Adjust as needed */ vertical-align: middle; } .woocommerce-tabs.wc-tabs-wrapper li.additional_information_tab a::before { content: ""; display: inline-block; width: 16px; height: 16px; background: url('data:image/svg+xml,') no-repeat center center; background-size: contain; padding-right: 6px; /* Adjust as needed */ vertical-align: middle; } .woocommerce-tabs.wc-tabs-wrapper li.reviews_tab a::before { content: ""; display: inline-block; width: 16px; height: 16px; background: url('data:image/svg+xml,') no-repeat center center; background-size: contain; padding-right: 6px; /* Adjust as needed */ vertical-align: middle; } .wc-block-product-categories__dropdown select { width: 100%; } .wc-block-product-categories__dropdown select, .woocommerce table.variations tr td select { height: 2.5rem; padding: 6px; font-size: 14px; border: 1px solid #ddd; box-shadow: inset 0 0 20px 0px #ebebeb; border-radius: 3px; } .woocommerce div.product form.cart .reset_variations { font-size: 13px; text-decoration: underline; color: var(--wp--preset--color--luminous-vivid-orange); } .woocommerce div.product p.stock { font-size: 14px; border: 1px solid; display: inline-block; padding: 5px; } nav.woocommerce-breadcrumb { font-size: 14px; } .wp-block-woocommerce-checkout-order-summary-block { border: 1px solid #ddd; border-radius: 5px; } input.wpcf7-form-control, textarea.wpcf7-form-control { padding: 12px 8px; border: 1px solid #ddd; border-radius: 5px; box-shadow: inset 0 0 3px 0px #e5e5e5; width: 60%; } input.wpcf7-form-control.wpcf7-submit { background: #2196F3; color: #fff; border: 0; box-shadow: none; padding: 12px 18px; cursor: pointer; width: 150px; font-size: 1.2rem; } input.wpcf7-form-control.wpcf7-submit:hover { background: #4078a3; } table.variations tr th { min-width: 90px; padding: 10px 13px; } .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__button { background: #2196F3; color: #ffffff; padding: 5px 14px; font-size: 14px; } .woocommerce .wp-block-woocommerce-product-image-gallery .woocommerce-product-gallery.images li img { max-width: 100px; padding: 5px; } table.variations a.reset_variations { padding: 5px; font-size: 14px; color: #E91E63; } nav.woocommerce-MyAccount-navigation>ul>li>a { background: #ebebeb; padding: 8px; color: #575757; width: 88%; font-weight: bold; border-radius: 5px; align-items: center; display: flex; position: relative; } .woocommerce-account .woocommerce-MyAccount-navigation li { padding: 5px 0; } li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--dashboard a::before { content: ""; display: inline-block; width: 16px; height: 16px; background: url('data:image/svg+xml,') no-repeat center center; background-size: contain; padding-right: 6px; /* Adjust as needed */ } li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--orders a::before { content: ""; display: inline-block; width: 16px; height: 16px; background: url('data:image/svg+xml,') no-repeat center center; background-size: contain; padding-right: 6px; /* Adjust as needed */ } li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--downloads a::before { content: ""; display: inline-block; width: 16px; height: 16px; background: url('data:image/svg+xml,') no-repeat center center; background-size: contain; padding-right: 6px; /* Adjust as needed */ } li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--edit-address a::before { content: ""; display: inline-block; width: 16px; height: 16px; background: url('data:image/svg+xml,') no-repeat center center; background-size: contain; padding-right: 6px; /* Adjust as needed */ } li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--payment-methods a::before { content: ""; display: inline-block; width: 16px; height: 16px; background: url('data:image/svg+xml,') no-repeat center center; background-size: contain; padding-right: 6px; /* Adjust as needed */ } li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--edit-account a::before { content: ""; display: inline-block; width: 16px; height: 16px; background: url('data:image/svg+xml,') no-repeat center center; background-size: contain; padding-right: 6px; /* Adjust as needed */ } li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--customer-logout a::before { content: ""; display: inline-block; width: 16px; height: 16px; background: url('data:image/svg+xml,') no-repeat center center; background-size: contain; padding-right: 6px; /* Adjust as needed */ } td.download-file a { text-decoration: underline; } td.download-file a::before { content: ""; display: inline-block; width: 16px; height: 16px; background: url('data:image/svg+xml,') no-repeat center center; background-size: contain; padding-right: 6px; vertical-align: middle; } .sidebar { background: #fff; border-radius: 4px; } .productshort-list { list-style: none; padding: 0; margin: 0; } .productshort-list li { position: relative; margin-bottom: 10px; } .productshort-list li svg { margin: -3px 0px; } .woocommerce a.button.livedemo { padding: 5px; border-radius: 4px; border: 2px solid #607D8B; font-size: 15px; } .livedemo:hover, .livedemo2:hover { opacity: .8; } .woocommerce-product-short-description { font-size: 13px; } .woocommerce-product-short-description svg { margin: -3px; padding-right: 6px; } figure { max-width: 100%; } .sec-text { font-size: 16px; line-height: 24px; color: #2abc5c; display: flex; align-items: center; } button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained { background: #2196F3; padding: 7px 9px; } .wc-block-mini-cart__footer .wc-block-mini-cart__footer-actions { max-height: 52px; } .is-style-abnomize-button-styleone { border: none; display: block; outline: none; overflow: hidden; position: relative; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.20); } .is-style-abnomize-button-styleone span { position: relative; z-index: 1; } .is-style-abnomize-button-styleone:after { content: ""; position: absolute; left: 0; top: 0; height: 490%; width: 140%; opacity: 0.5; background: #cfdee0; -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; -webkit-transform: translateX(-98%) translateY(-25%) rotate(45deg); transform: translateX(-98%) translateY(-25%) rotate(45deg); } .is-style-abnomize-button-styleone:hover:after { -webkit-transform: translateX(-9%) translateY(-25%) rotate(45deg); transform: translateX(-9%) translateY(-25%) rotate(45deg); } /***Button two**/ .is-style-abnomize-button-styletwo { transition: all 0.3s; position: relative; } .is-style-abnomize-button-styletwo span { transition: all 0.3s; } .is-style-abnomize-button-styletwo ::before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 1; opacity: 0; transition: all 0.3s; border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: rgba(255, 255, 255, 0.5); border-bottom-color: rgba(255, 255, 255, 0.5); transform: scale(0.1, 1); } .is-style-abnomize-button-styletwo :hover span { letter-spacing: 2px; } .is-style-abnomize-button-styletwo :hover::before { opacity: 1; transform: scale(1, 1); } .is-style-abnomize-button-styletwo ::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 1; transition: all 0.3s; background-color: rgba(255, 255, 255, 0.1); } .is-style-abnomize-button-styletwo :hover::after { opacity: 0; transform: scale(0.1, 1); } /***button Eleven***/ /* Container to center the button */ /* Button styles */ .is-style-abnomize-button-styleeleven .wp-element-button { color: rgb(16, 24, 50); display: inline-block; position: relative; background-color: transparent; text-transform: uppercase; border: 3px solid #00bcdd; border-image: linear-gradient(45deg, #00bcdd 0%, #ff00ff 100%); border-image-slice: 1 1 0 0; z-index: 1; box-shadow: -0.5em 0.5em rgba(16, 24, 50, 0); transform-origin: left bottom; transition: all 200ms ease-in-out; } /* Before and After pseudo-elements for 3D border effect */ .is-style-abnomize-button-styleeleven .wp-element-button:before, .is-style-abnomize-button-styleeleven .wp-element-button:after { border: 3px solid #00bcdd; /* Blue color */ content: ''; display: block; position: absolute; z-index: -1; } /* Side border */ .is-style-abnomize-button-styleeleven .wp-element-button:before { border-image: linear-gradient(45deg, #00bcdd 0%, #00d3dd 100%); /* Adjusted blue color */ border-image-slice: 1 1 0 1; left: -0.59em; top: 0.15em; width: 0.31em; height: 100%; transform: skewY(-45deg); } /* Bottom border */ .is-style-abnomize-button-styleeleven .wp-element-button:after { border-image: linear-gradient(45deg, #00bcdd 0%, #ff00ff 100%); border-image-slice: 1 1 1 0; bottom: -0.61em; right: 0.16em; width: 100%; height: 0.31em; transform: skewX(-45deg); } /* Hover effect with shadow and translation */ .is-style-abnomize-button-styleeleven .wp-element-button:hover { background-color: white; background-size: 90%; transform: translate(0.5em, -0.5em); box-shadow: -1em 1em 0.15em rgba(16, 24, 50, 0.9); /* Slate color */ } /* Hover effect for borders */ .is-style-abnomize-button-styleeleven .wp-element-button:hover:before { height: calc(100% - 0.13em); border-image-slice: 1; } .is-style-abnomize-button-styleeleven .wp-element-button:hover:after { width: calc(100% - 0.13em); border-image-slice: 1; } /***button Ten***/ /* Styling for the button */ .is-style-abnomize-button-styleten .wp-element-button { position: relative; display: inline-block; text-decoration: none; border: 1px solid #7b6c77; border-radius: 3.75rem; background-image: linear-gradient(-180deg, #FF89D6 0%, #C01F9E 100%); background-color: #ffffff; box-shadow: 0 1rem 1.25rem 0 rgb(255 136 224 / 50%), 0 -0.25rem 1.5rem rgba(110, 15, 155, 1) inset, 0 0.75rem 0.5rem rgba(255, 255, 255, 0.4) inset, 0 0.25rem 0.5rem 0 rgba(180, 70, 207, 1) inset; } .is-style-abnomize-button-styleten .wp-element-button span { color: transparent; background-image: linear-gradient(0deg, #EE82DA 0%, #FEFAFD 100%); -webkit-background-clip: text; background-clip: text; filter: drop-shadow(0 2px 2px hsla(290, 100%, 20%, 1)); } /* Adding a top shine effect */ .is-style-abnomize-button-styleten .wp-element-button::before { content: ""; display: block; height: 0.25rem; position: absolute; top: 0.5rem; left: 50%; transform: translateX(-50%); width: calc(100% - 4.5rem); background-color: #fff; border-radius: 100%; opacity: 0.7; background-image: linear-gradient(-270deg, rgba(255, 255, 255, 0.00) 0%, #FFFFFF 20%, #FFFFFF 80%, rgba(255, 255, 255, 0.00) 100%); } .is-style-abnomize-button-styleten .wp-element-button::after { content: ""; display: block; height: 0.25rem; position: absolute; bottom: 0.75rem; left: 50%; transform: translateX(-50%); width: calc(100% - 7.5rem); background-color: #fff; border-radius: 100%; filter: blur(1px); opacity: 0.05; background-image: linear-gradient(-270deg, rgba(255, 255, 255, 0.00) 0%, #FFFFFF 20%, #FFFFFF 80%, rgba(255, 255, 255, 0.00) 100%); } /***button nine***/ .is-style-abnomize-button-stylenine .wp-element-button { -webkit-appearance: none; user-select: none; display: flex; outline: none; background-image: linear-gradient(to top, #D8D9DB 0%, #fff 80%, #FDFDFD 100%); border-radius: 30px; border: 1px solid #8F9092; box-shadow: 0 4px 3px 1px #FCFCFC, 0 6px 8px #D6D7D9, 0 -4px 4px #CECFD1, 0 -6px 4px #FEFEFE, inset 0 0 3px 0 #CECFD1; transition: all 0.2s ease; color: #606060; text-shadow: 0 1px #fff; } .is-style-abnomize-button-stylenine .wp-element-button::before, .is-style-abnomize-button-stylenine .wp-element-button::after { content: ''; position: absolute; top: 0; right: 0; height: 2px; width: 0; background-color: #f0094a; box-shadow: -1px -1px 5px 0px #fff, 7px 7px 20px 0px rgba(0, 0, 0, 0.2), 4px 4px 5px 0px rgba(0, 0, 0, 0.1); transition: width 400ms ease; } .is-style-abnomize-button-stylenine .wp-element-button:hover:not([disabled]) { box-shadow: 0 4px 3px 1px #FCFCFC, 0 6px 8px #D6D7D9, 0 -4px 4px #CECFD1, 0 -6px 4px #FEFEFE, inset 0 0 3px 3px #CECFD1; background-color: transparent; } .is-style-abnomize-button-stylenine .wp-element-button:focus:not(:active) { animation: active .9s alternate infinite; outline: none; } .is-style-abnomize-button-stylenine .wp-element-button:active:not([disabled]) { box-shadow: 0 4px 3px 1px #FCFCFC, 0 6px 8px #D6D7D9, 0 -4px 4px #CECFD1, 0 -6px 4px #FEFEFE, inset 0 0 5px 3px #999, inset 0 0 30px #aaa; transform: scale(0.95); } .is-style-abnomize-button-stylenine .wp-element-button:disabled { opacity: 0.6; cursor: not-allowed; } @keyframes active { from { box-shadow: 0 4px 3px 1px #FCFCFC, 0 6px 8px #D6D7D9, 0 -4px 4px #CECFD1, 0 -6px 4px #FEFEFE, inset 0 0 10px 0px rgba(0, 0, 250, .6); } to { box-shadow: 0 4px 3px 1px #FCFCFC, 0 6px 8px #D6D7D9, 0 -4px 4px #CECFD1, 0 -6px 4px #FEFEFE, inset 0 0 3px 3px #CECFD1; } } /***button eight***/ .is-style-abnomize-button-styleeight { position: relative; } .is-style-abnomize-button-styleeight .wp-element-button { border: none; background: rgb(255, 27, 0); background: linear-gradient(0deg, rgba(255, 27, 0, 1) 0%, rgba(251, 75, 2, 1) 100%); position: relative; /* Important for the absolute positioning of the pseudo-elements */ } .is-style-abnomize-button-styleeight .wp-element-button:hover { color: #f0094a; background: transparent; box-shadow: none; } .is-style-abnomize-button-styleeight .wp-element-button::before, .is-style-abnomize-button-styleeight .wp-element-button::after { content: ''; position: absolute; top: 0; right: 0; height: 2px; width: 0; background: #f0094a; box-shadow: -1px -1px 5px 0px #fff, 7px 7px 20px 0px rgba(0, 0, 0, 0.2), 4px 4px 5px 0px rgba(0, 0, 0, 0.1); transition: width 400ms ease; /* Transition for pseudo-elements */ } .is-style-abnomize-button-styleeight .wp-element-button::after { right: inherit; top: inherit; left: 0; bottom: 0; } .is-style-abnomize-button-styleeight .wp-element-button:hover::before, .is-style-abnomize-button-styleeight .wp-element-button:hover::after { width: 100%; transition: width 800ms ease; } /***button seven***/ .is-style-abnomize-button-styleseven .wp-element-button:hover { box-shadow: 0 8px 22px 0 rgb(37 44 97 / 15%), 0 4px 6px 0 rgb(93 100 148 / 20%); } .is-style-abnomize-button-styleseven .wp-element-button { outline: 0; border: 0; font-weight: 600; color: rgb(72, 76, 122); border-radius: 50px; background-image: linear-gradient(180deg, #fff, #f5f5fa); box-shadow: 0 4px 11px 0 rgb(37 44 97 / 15%), 0 1px 3px 0 rgb(93 100 148 / 20%); transition: all .2s ease-out; } /***button six***/ .is-style-abnomize-button-stylesix .wp-element-button:hover { background-color: #2c974b; border-color: #1b1f2326; transition-duration: 0.1s; } .is-style-abnomize-button-stylesix .wp-element-button { display: inline-block; outline: 0; cursor: pointer; vertical-align: middle; border: 1px solid; border-radius: 6px; color: #ffffff; background-color: #2ea44f; border-color: #1b1f2326; box-shadow: rgba(27, 31, 35, 0.04) 0px 1px 0px 0px, rgba(255, 255, 255, 0.25) 0px 1px 0px 0px inset; transition: 0.2s cubic-bezier(0.3, 0, 0.5, 1); transition-property: color, background-color, border-color; } /***button five***/ .is-style-abnomize-button-stylefive .wp-element-button:hover { background: rgba(0, 118, 255, 0.9); box-shadow: 0 6px 20px rgb(0 118 255 / 23%); } .is-style-abnomize-button-stylefive .wp-element-button { border: none; border-radius: 7px; background-color: #0070f3; color: white; box-shadow: 0 4px 14px 0 rgb(0 118 255 / 39%); transition: background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease; } /***button four***/ .is-style-abnomize-button-stylefour .wp-element-button:hover { background-color: #e6375a; background-image: none !important; } .is-style-abnomize-button-stylefour .wp-element-button { border: 0; color: #ffffff; background-image: linear-gradient(to right, #e052a0, #f15c41) !important; border-radius: 3px; } .is-style-abnomize-button-styletwo .wp-element-button:hover { border-color: transparent; background: var(--wp--preset--color--primary); background-color: var(--wp--preset--color--primary); box-shadow: var(--wp--preset--shadow--natural); color: #ffffff; } .is-style-abnomize-button-styletwo .wp-element-button { background: transparent; box-shadow: none; border-color: var(--wp--preset--color--primary); color: var(--wp--preset--color--primary); } /***button three***/ .is-style-abnomize-button-stylethree { outline: none; border: none; border-radius: 5px; box-shadow: 0 9px #5a5a5a; } .is-style-abnomize-button-stylethree:active { box-shadow: 0 5px #5a5a5a; transform: translateY(4px); } /****Button Rounded***/ .is-style-abnomize-button-styleround .wp-element-button { border-radius: 9999px; padding: calc(.667em + 2px) calc(1.333em + 2px); box-shadow: 0px 32px 40px 0px rgba(1, 55, 162, 0.24); border-width: 1px; } .is-style-abnomize-button-styleround .wp-element-button:hover { background-color: transparent; color: var(--wp--preset--color--primary); box-shadow: none; border-width: 1px; } .headersearch button { background-color: transparent; padding: 2px; } .headersearch .wp-block-search__button svg, .headersearch button svg.search-icon { fill: black; } .is-style-abnomize-list-plane { list-style: none; padding: 0; } .is-style-abnomize-list-plane a { text-decoration: none; } .is-style-abnomize-list-left-border { list-style: none; padding: 0; } .is-style-abnomize-list-left-border li { border-left: 4px solid #2196F3; padding-left: 5px; margin-bottom: 3px; } .is-style-abnomize-list-check { list-style: none; padding: 0; } .is-style-abnomize-list-check li::before { content: ""; display: inline-block; width: 16px; height: 16px; background: url('data:image/svg+xml,') no-repeat center center; background-size: contain; padding-right: 6px; /* Adjust as needed */ } .wp-block-heading.abnomize-section-header { border-radius: 3px; } .abnomize-post-cover img { transition: all ease 0.65s; transition-duration: 0.5s; transition-delay: 0.2s; } .abnomize-post-cover { transition: all ease 0.65s; } .abnomize-post-cover:hover img.wp-post-image { transform: scale(1.25); transition: all .4s ease-in-out; } .taxonomy-category.is-style-categories-background-with-round a { padding: 1px 5px; border-radius: 3px; position: relative; overflow: hidden; background-color: #5182f5a8; text-decoration: none; color: #ffffff; margin: 0 5px 0 0; display: inline-block; } .wp-block-image.middle img { vertical-align: middle; } .frontcats .wc-block-product-categories-list--has-images .wc-block-product-categories-list-item { margin: 6px 8px 10px 30px; display: inline-block; max-width: 100px; text-align: center; } .frontcats .wc-block-product-categories-list--has-images .wc-block-product-categories-list-item__image { margin: 0; max-width: 100px; } /****Shadows*********/ .is-style-abnomize-box-shadowone { overflow: hidden; box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px } .is-style-abnomize-box-shadowtwo { overflow: hidden; box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.25) 0px 25px 50px -12px } .is-style-abnomize-box-shadowthree { box-shadow: rgba(149, 157, 165, 0.3) 0px 12px 48px 0px } .is-style-abnomize-box-shadowfour { box-shadow: 3px 3px 6px 0px #CCDBE8 inset, -3px -3px 6px 1px rgba(255, 255, 255, 0.5) inset; } .is-style-abnomize-box-shadowfive { box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset; } .is-style-abnomize-box-shadowsix { box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset; } .is-style-abnomize-box-shadowseven { box-shadow: rgba(0, 0, 0, 0.4) 5px 5px, rgba(0, 0, 0, 0.3) 10px 10px, rgba(0, 0, 0, 0.2) 15px 15px, rgba(0, 0, 0, 0.1) 20px 20px, rgba(0, 0, 0, 0.05) 25px 25px; } .is-style-abnomize-box-shadoweight { box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px; } .is-style-abnomize-box-shadownine { box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset; } .is-style-abnomize-box-shadowten { box-shadow: rgba(0, 0, 0, 0.35) 0px -50px 36px -28px inset; } .is-style-abnomize-box-shadoweleven { box-shadow: rgba(0, 0, 0, 0.56) 0px 22px 70px 4px; } .is-style-abnomize-box-shadowtwelve { box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px; } /** Image style****/ /* Container Styles */ .wp-block-image.is-style-abnomize-image-styleone { position: relative; width: 640px; /* Adjust as needed */ height: 480px; /* Adjust as needed */ margin: 150px auto 0; background: transparent; transform: rotate(-30deg) skew(25deg) scale(0.8); transition: transform 0.5s; overflow: visible; /* Allow pseudo-elements to be visible even after transform */ max-width: 95vh; } /* Main Image Styling */ .wp-block-image.is-style-abnomize-image-styleone img { width: 100%; height: auto; display: block; position: relative; z-index: 3; /* Ensure main image is on top */ transition: transform 0.5s, opacity 0.5s; max-width: 95vh; } /* Pseudo-Elements for Additional Layers */ .wp-block-image.is-style-abnomize-image-styleone::before, .wp-block-image.is-style-abnomize-image-styleone::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; opacity: 0; transition: transform 0.5s, opacity 0.5s; z-index: 1; /* Below the main image */ } /* Specific Styling for ::before */ .wp-block-image.is-style-abnomize-image-styleone::before { transform: translate(40px, -40px); } /* Specific Styling for ::after */ .wp-block-image.is-style-abnomize-image-styleone::after { transform: translate(80px, -80px); } /* Hover Effects */ .wp-block-image.is-style-abnomize-image-styleone:hover img { transform: translate(120px, -120px); opacity: 0.4; z-index: 1; } .wp-block-image.is-style-abnomize-image-styleone:hover::before { transform: translate(160px, -160px); opacity: 0.6; z-index: 2; } .wp-block-image.is-style-abnomize-image-styleone:hover::after { transform: translate(200px, -200px); opacity: 1; z-index: 3; } /****************/ /* Container style to apply hover effect */ .wp-block-gallery.is-style-abnomize-gallery-styleone { display: flex; gap: 2%; justify-content: space-between; flex-wrap: nowrap; /* Prevent wrapping */ } .wp-block-gallery.is-style-abnomize-gallery-styleone .wp-block-image { flex: 1 0 15%; /* Default smaller size for non-hovered images */ overflow: hidden; transition: 0.5s ease-in-out; box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1); max-width: 100%; /* Prevents images from overflowing */ } .wp-block-gallery.is-style-abnomize-gallery-styleone .wp-block-image img { width: 200%; /* Zoomed in for non-hovered state */ height: auto; transition: 0.5s ease-in-out; object-fit: cover; } /***************************************************************/ /* Hover behavior for all images, including the first one */ .wp-block-gallery.is-style-abnomize-gallery-styleone .wp-block-image:hover { flex: 1 1 50%; /* Expand hovered image */ } /* Ensure the first image has a default flex value */ .wp-block-gallery.is-style-abnomize-gallery-styleone .wp-block-image:first-child { flex: 1 1 50% !important; /* Default size for the first image */ } /* Make the first image smaller when any image is hovered */ .wp-block-gallery.is-style-abnomize-gallery-styleone .wp-block-image:hover~.wp-block-image:first-child { flex: 1 0 15% !important; } /*****************************************************************/ .wp-block-gallery.is-style-abnomize-gallery-styleone .wp-block-image:hover img { width: 100%; /* Image fits the expanded size */ } .wp-block-gallery.is-style-abnomize-gallery-styleone .wp-block-image:not(:hover) img { width: 200%; /* Zoomed in for non-hovered state */ height: auto; } /* Ensure the last image stays inline and doesn't drop to a new line */ .wp-block-gallery.is-style-abnomize-gallery-styleone .wp-block-image:last-child { margin-right: 0; } /* Style the captions */ .wp-block-gallery.is-style-abnomize-gallery-styleone .wp-block-image figcaption { padding: 20px; } /********************/ .is-style-abnomize-gallery-styletwo { display: flex; flex-wrap: nowrap; /* Prevent wrapping */ overflow: hidden; } .wp-block-gallery.is-style-abnomize-gallery-styletwo .wp-block-image:last-child { margin-right: 0 !important; } .is-style-abnomize-gallery-styletwo .wp-block-image { height: 40vh; position: relative; transition: all 0.4s; } .is-style-abnomize-gallery-styletwo .wp-block-image .wp-element-caption { background: transparent !important; font-size: 3rem !important; position: absolute !important; text-align: left !important; bottom: 0px !important; left: 0px !important; margin: 0; transform: rotate(-90deg); transform-origin: 0 0; transition: all 0.4s; } .is-style-abnomize-gallery-styletwo .wp-block-image img { height: 100%; width: 100%; object-fit: cover; } .is-style-abnomize-gallery-styletwo .wp-block-image:hover { width: 50vw !important; } .is-style-abnomize-gallery-styletwo .wp-block-image:hover .wp-element-caption { bottom: 30px; transform: rotate(0); transform-origin: 0 30px; } /* Dynamic width for nth-child */ .is-style-abnomize-gallery-styletwo .wp-block-image:nth-child(n) { width: calc((50vw / var(--num-items)) - (desired-margin)); } .abnomize-contactform input.wpcf7-form-control, .abnomize-contactform textarea.wpcf7-form-control { width: 90%; } .abnomize-contactform input.wpcf7-form-control.wpcf7-submit { width: 180px; } .is-style-abnomize-image-styletwo img { border-radius: 1rem; } .is-style-abnomize-image-styletwo { box-shadow: 0 1px 5px 5px rgba(255, 193, 111, 0.5); border-radius: 1rem; } .is-style-abnomize-title-gradient { background: -webkit-linear-gradient(0deg, #f76591, #ffc16f); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .woocommerce-product-gallery a.woocommerce-product-gallery__trigger { position: absolute; z-index: 1; background: #fbfbfb; border: 1px solid #ddd; padding: 5px 7px; left: -10px; top: -10px; border-radius: 50%; text-decoration: none; } .woocommerce .wp-block-woocommerce-product-image-gallery span.onsale { right: -1rem; left: unset; z-index: 1; } time:before, .post-style-one time::before { content: ""; display: inline-block; width: 16px; height: 16px; background: url('data:image/svg+xml,') no-repeat center center; background-size: contain; padding-right: 10px; vertical-align: middle; } a.wp-block-post-author-name__link:before, .post-style-one .wp-block-post-author-name::before { content: ""; display: inline-block; width: 16px; height: 16px; background: url('data:image/svg+xml,') no-repeat center center; background-size: contain; padding-right: 10px; vertical-align: middle; } .taxonomy-category a:before, span.wp-block-post-terms__prefix:before { content: ""; display: inline-block; width: 16px; height: 16px; background: url('data:image/svg+xml,') no-repeat center center; background-size: contain; padding-right: 10px; vertical-align: sub; } .wp-block-social-links.is-style-abnomize-social-square-fixed .wp-block-social-link.wp-social-link { border-radius: 0; width: 46%; padding: 10px 0px; margin: 4px 2px; } .wp-block-social-links.is-style-abnomize-social-square-fixed { display: block; text-align: center; } .wp-block-social-links.is-style-abnomize-social-square .wp-block-social-link.wp-social-link { border-radius: 0; } .mySlides { display: none; } /* Slideshow container */ .slideshow-container { position: relative; margin: auto; overflow: hidden; } .slideshow-container ul { list-style: none; padding: 0; margin: 0; } .slideshow-container ul li { list-style: none; } /* Slide animation */ .fade { animation-name: fade; animation-duration: 1.5s; } @keyframes fade { from { opacity: 0.4; } to { opacity: 1; } } /* Navigation buttons */ .tickernavi { position: absolute; top: 15%; right: 0; display: flex; justify-content: space-between; padding: 0 8px; color: #333; font-size: 18px; cursor: pointer; user-select: none; } .tickernavi .prev, .tickernavi .next { background: rgba(255, 255, 255, 0.8); padding: 5px 10px; border-radius: 3px; transition: background 0.3s; } .tickernavi .prev:hover, .tickernavi .next:hover { background: #ddd; }