.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%;
}
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;
}
/****list Style***/
.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: var(--wp--preset--color--primary);
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;
}