File: /home/slfopp7cb1df/public_html/klasiboi.com/wp-content/themes/shopmighty/assets/css/blocks.css
a,
button,
img,
.wp-block-group,
.wp-block-columns,
.wp-block-column {
transition: all ease 0.23s;
}
.wp-block-image.is-style-shopmighty-boxshadow img,
.wp-block-column.is-style-shopmighty-boxshadow,
.wp-block-columns.is-style-shopmighty-boxshadow,
.wp-block-group.is-style-shopmighty-boxshadow {
box-shadow: 0 0 40px rgba(0, 0, 0, 0.12);
}
.wp-block-image.is-style-shopmighty-boxshadow-medium img,
.wp-block-column.is-style-shopmighty-boxshadow-medium,
.wp-block-columns.is-style-shopmighty-boxshadow-medium,
.wp-block-group.is-style-shopmighty-boxshadow-medium {
box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
}
.wp-block-image.is-style-shopmighty-boxshadow-large img,
.wp-block-column.is-style-shopmighty-boxshadow-large,
.wp-block-columns.is-style-shopmighty-boxshadow-large,
.wp-block-group.is-style-shopmighty-boxshadow-large {
box-shadow: 0 0 40px rgba(0, 0, 0, 0.15);
}
.wp-block-image.is-style-shopmighty-boxshadow-hover img:hover,
.wp-block-column.is-style-shopmighty-boxshadow-hover:hover,
.wp-block-columns.is-style-shopmighty-boxshadow-hover:hover,
.wp-block-group.is-style-shopmighty-boxshadow-hover:hover {
box-shadow: 0 0 40px rgba(0, 0, 0, 0.06);
}
.taxonomy-category.is-style-categories-background-with-round a {
padding: 3px 8px;
border-radius: 4px;
position: relative;
overflow: hidden;
background-color: var(--wp--preset--color--black-color);
color: #fff;
}
.taxonomy-category.is-style-categories-background-with-round a:hover {
background-color: var(--wp--preset--color--primary);
}
.taxonomy-category.is-style-categories-background-with-round a {
margin: 0 5px 5px 0;
display: inline-block;
}
.taxonomy-category.is-style-categories-background-with-round .wp-block-post-terms__separator {
display: none;
}
/*styling post title for hover*/
.is-style-title-hover-primary-color.wp-block-post-title a:hover {
color: var(--wp--preset--color--primary);
}
.is-style-title-hover-secondary-color.wp-block-post-title a:hover {
color: var(--wp--preset--color--secondary);
}
/*button hover style*/
.wp-block-button.is-style-button-hover-primary-color a:hover {
color: var(--wp--preset--color--primary) !important;
border-color: var(--wp--preset--color--primary) !important;
}
.wp-block-button.is-style-button-hover-secondary-color a:hover {
color: var(--wp--preset--color--secondary) !important;
border-color: var(--wp--preset--color--secondary) !important;
}
.wp-block-button.is-style-button-hover-primary-bgcolor a.wp-block-button__link.wp-element-button:hover {
background-color: var(--wp--preset--color--primary) !important;
opacity: 1;
color: var(--wp--preset--color--light-color) !important;
border-color: var(--wp--preset--color--primary) !important;
}
.wp-block-button.is-style-button-hover-secondary-bgcolor a.wp-block-button__link.wp-element-button:hover {
background-color: var(--wp--preset--color--secondary) !important;
opacity: 1;
color: var(--wp--preset--color--light-color) !important;
border-color: var(--wp--preset--color--secondary) !important;
}
/*Styling read more block for hover*/
.is-style-readmore-hover-primary-color.wp-block-read-more:hover,
.is-style-hide-bullet-list-link-hover-style-primary a:hover {
color: var(--wp--preset--color--primary) !important;
}
.is-style-readmore-hover-secondary-color.wp-block-read-more:hover,
.is-style-hide-bullet-list-link-hover-style-secondary a:hover {
color: var(--wp--preset--color--secondary) !important;
}
.is-style-readmore-hover-primary-fill.wp-block-read-more,
.is-style-readmore-hover-secondary-fill.wp-block-read-more {
border-radius: 20px;
}
.is-style-readmore-hover-primary-fill.wp-block-read-more:hover {
background-color: var(--wp--preset--color--primary) !important;
color: #fff !important;
}
.is-style-readmore-hover-secondary-fill.wp-block-read-more:hover {
background-color: var(--wp--preset--color--secondary) !important;
color: #fff !important;
}
/*style list for ul*/
.is-style-list-style-no-bullet,
.is-style-hide-bullet-list-link-hover-style-primary,
.is-style-hide-bullet-list-link-hover-style-secondary {
list-style-type: none;
}
/*image hover effect*/
figure.wp-block-image.is-style-shopmighty-image-hover-rotate img:hover {
transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
}
.wp-block-image.is-style-shopmighty-image-hover-pulse img:hover {
animation: shopmightyPulse 2s infinite;
-moz-animation: shopmightyPulse 2s infinite;
-o-animation: shopmightyPulse 2s infinite;
-webkit-animation: shopmightyPulse 2s infinite;
animation-timing-function: linear;
-moz-animation-timing-function: linear;
-webkit-animation-timing-function: linear;
-o-animation-timing-function: linear;
}
.wp-block-image.is-style-shopmighty-image-pulse img {
animation: shopmightyPulse 2s infinite;
-moz-animation: shopmightyPulse 2s infinite;
-o-animation: shopmightyPulse 2s infinite;
-webkit-animation: shopmightyPulse 2s infinite;
animation-timing-function: linear;
-moz-animation-timing-function: linear;
-webkit-animation-timing-function: linear;
-o-animation-timing-function: linear;
}
@keyframes shopmightyPulse {
0% {
transform: scale(0.8);
}
50% {
transform: scale(1.05);
}
100% {
transform: scale(0.8);
}
}
.wp-block-gallery.shopmighty-brands-logos .wp-block-image {
align-items: center;
}
.wp-block-gallery.is-style-enable-grayscale-mode-on-image .wp-block-image img {
filter: grayscale(1);
-webkit-filter: grayscale(1);
transition: all ease-in 0.23s;
-webkit-transition: all ease-in 0.23s;
-moz-transition: all ease-in 0.23s;
-o-transition: all ease-in 0.23s;
}
.wp-block-gallery.is-style-enable-grayscale-mode-on-image .wp-block-image img:hover {
filter: grayscale(0);
-webkit-filter: grayscale(0);
}
.wp-site-blocks > * + * {
margin-block-start: 0 !important;
}
.shopmighty-duotone-primary {
filter: var(--wp--preset--duotone--primary);
}
.wp-block-social-links.is-style-social-icon-border li a {
border: 1px solid;
border-radius: 50%;
}
.is-style-shopmighty-page-list-bullet-hide-style.wp-block-page-list,
.wp-block-categories-list.is-style-shopmighty-categories-bullet-hide-style {
list-style: none;
margin: 0;
padding: 0;
}
.wp-block-cover.is-style-shopmighty-cover-round-style {
border-radius: 7px;
overflow: hidden;
}
figure.wp-block-image.shopmighty-service-icon {
background: var(--wp--preset--color--primary);
width: 80px;
height: 80px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 10px;
}
.wp-block-cover.is-style-shopmighty-cover-unset-overflow {
overflow: unset;
}
.wp-block-buttons.is-style-button-transofom-on-hover .wp-block-button a.wp-block-button__link,
.wp-block-buttons.is-style-button-zoom-on-hover .wp-block-button a.wp-block-button__link {
transition: all ease 0.23s;
}
.wp-block-buttons.is-style-button-transofom-on-hover .wp-block-button a.wp-block-button__link:hover {
transform: translateY(-3px);
box-shadow: 0 2px 20px rgba(0, 0, 0, 0.15);
}
.wp-block-buttons.is-style-button-zoom-on-hover .wp-block-button a.wp-block-button__link:hover {
transform: translateY(-3px) scale(1.03);
}
.wp-block-group.is-style-shopmighty-gradient-border,
.wp-block-button.is-style-button-with-gradient-border a.wp-block-button__link {
border-color: transparent !important;
background: linear-gradient(white, white) padding-box, linear-gradient(to right, var(--wp--preset--color--primary), var(--wp--preset--color--secondary)) border-box;
}
.wp-block-group.is-style-shopmighty-gradient-border.has-background-alt-background-color,
.wp-block-button.is-style-button-with-gradient-border a.wp-block-button__link.has-background-alt-background-color {
border-color: transparent !important;
background: linear-gradient(var(--wp--preset--color--background-alt), var(--wp--preset--color--background-alt)) padding-box, linear-gradient(to right, var(--wp--preset--color--primary), var(--wp--preset--color--secondary)) border-box;
}
.wp-block-group.is-style-shopmighty-gradient-border.has-primary-background-color,
.wp-block-button.is-style-button-with-gradient-border a.wp-block-button__link.has-primary-background-color {
border-color: transparent !important;
background: linear-gradient(var(--wp--preset--color--primary), var(--wp--preset--color--primary)) padding-box, linear-gradient(to right, var(--wp--preset--color--primary), var(--wp--preset--color--secondary)) border-box;
}
.wp-block-group.is-style-shopmighty-gradient-border.has-secondary-background-color,
.wp-block-button.is-style-button-with-gradient-border a.wp-block-button__link.has-secondary-background-color {
border-color: transparent !important;
background: linear-gradient(var(--wp--preset--color--secondary), var(--wp--preset--color--secondary)) padding-box, linear-gradient(to right, var(--wp--preset--color--primary), var(--wp--preset--color--secondary)) border-box;
}
.wp-block-group.is-style-shopmighty-gradient-border.has-dark-shade-background-color,
.wp-block-button.is-style-button-with-gradient-border a.wp-block-button__link.has-dark-shade-background-color {
border-color: transparent !important;
background: linear-gradient(var(--wp--preset--color--dark-shade), var(--wp--preset--color--dark-shade)) padding-box, linear-gradient(to right, var(--wp--preset--color--primary), var(--wp--preset--color--secondary)) border-box;
}
.wp-block-group.is-style-shopmighty-gradient-border.has-primary-shade-one-background-color,
.wp-block-button.is-style-button-with-gradient-border a.wp-block-button__link.has-primary-shade-one-background-color {
border-color: transparent !important;
background: linear-gradient(var(--wp--preset--color--primary-shade-one), var(--wp--preset--color--primary-shade-one)) padding-box, linear-gradient(to right, var(--wp--preset--color--primary), var(--wp--preset--color--secondary)) border-box;
}
.wp-block-group.is-style-shopmighty-gradient-border.has-primary-shade-2-background-color,
.wp-block-button.is-style-button-with-gradient-border a.wp-block-button__link.has-primary-shade-2-background-color {
border-color: transparent !important;
background: linear-gradient(var(--wp--preset--color--primary-shade-2), var(--wp--preset--color--primary-shade-2)) padding-box, linear-gradient(to right, var(--wp--preset--color--primary), var(--wp--preset--color--secondary)) border-box;
}
.wp-block-group.is-style-shopmighty-gradient-border.has-black-color-background-color,
.wp-block-button.is-style-button-with-gradient-border a.wp-block-button__link.has-black-color-background-color {
border-color: transparent !important;
background: linear-gradient(var(--wp--preset--color--black-color), var(--wp--preset--color--black-color)) padding-box, linear-gradient(to right, var(--wp--preset--color--primary), var(--wp--preset--color--secondary)) border-box;
}
.wp-block-button.is-style-button-with-gradient-border a.wp-block-button__link:hover {
background: var(--wp--preset--color--secondary) !important;
color: #fff !important;
}
.wp-block-button.is-style-button-with-arrow-icon a.wp-element-button,
.wp-block-button.is-style-button-with-uparrow-icon a.wp-element-button {
position: relative;
}
.wp-block-button.is-style-button-with-arrow-icon a.wp-element-button:after,
.wp-block-button.is-style-button-with-uparrow-icon a.wp-element-button:after {
content: "";
width: 24px;
height: 8px;
background-color: var(--wp--preset--color--light-color);
-webkit-mask-image: url(../images/arrow_icon.svg);
mask-image: url(../images/arrow_icon.svg);
mask-repeat: no-repeat;
mask-position: center center;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center center;
display: inline-block;
left: 0;
top: 0px;
border-radius: 50px;
transition: all ease 0.23s;
margin-left: 8px;
}
.wp-block-button.is-style-button-with-uparrow-icon a.wp-element-button:after {
-webkit-mask-image: url(../images/upward-arrow.svg);
mask-image: url(../images/upward-arrow.svg);
height: 12px;
}
.wp-block-button.is-style-button-with-arrow-icon a.wp-element-button.has-black-color-color:after,
.wp-block-button.is-style-button-with-uparrow-icon a.wp-element-button.has-black-color-color:after {
background-color: var(--wp--preset--color--black-color);
}
.wp-block-button.is-style-button-with-arrow-icon a.wp-element-button.has-dark-shade-color:after,
.wp-block-button.is-style-button-with-uparrow-icon a.wp-element-button.has-dark-shade-color:after {
background-color: var(--wp--preset--color--dark-shade);
}
.wp-block-button.is-style-button-with-arrow-icon a.wp-element-button.has-primary-color:after,
.wp-block-button.is-style-button-with-uparrow-icon a.wp-element-button.has-primary-color:after {
background-color: var(--wp--preset--color--primary);
}
.wp-block-button.is-style-button-with-arrow-icon a.wp-element-button.has-secondary-color:after,
.wp-block-button.is-style-button-with-uparrow-icon a.wp-element-button.has-secondary-color:after {
background-color: var(--wp--preset--color--secondary);
}
.wp-block-button.is-style-button-with-arrow-icon a.wp-element-button.has-heading-color-color:after,
.wp-block-button.is-style-button-with-uparrow-icon a.wp-element-button.has-heading-color-color:after {
background-color: var(--wp--preset--color--heading-color);
}
.wp-block-button.is-style-button-with-arrow-icon a.wp-element-button.has-background-alt-color:after,
.wp-block-button.is-style-button-with-uparrow-icon a.wp-element-button.has-background-alt-color:after {
background-color: var(--wp--preset--color--background-alt);
}
.wp-block-button.is-style-button-with-arrow-icon a.wp-element-button:hover:after {
margin-left: 12px;
}
ul.wp-block-list.is-style-list-style-check-circle,
ul.wp-block-list.is-style-list-style-check-circle-white {
list-style: none;
}
ul.wp-block-list.is-style-list-style-check-circle li,
ul.wp-block-list.is-style-list-style-check-circle-white li {
position: relative;
padding-left: 24px;
}
ul.wp-block-list.is-style-list-style-check-circle li:before,
ul.wp-block-list.is-style-list-style-check-circle-white li:before {
content: "";
position: absolute;
width: 16px;
background-color: var(--wp--preset--color--primary);
height: 16px;
border-radius: 50%;
left: 0;
top: 50%;
margin-top: -8px;
}
ul.wp-block-list.is-style-list-style-check-circle-white li:before {
background-color: var(--wp--preset--color--light-color);
}
ul.wp-block-list.is-style-list-style-check-circle li:after,
ul.wp-block-list.is-style-list-style-check-circle-white li:after {
content: "";
width: 10px;
height: 10px;
background-color: var(--wp--preset--color--light-color);
-webkit-mask-image: url(../images/check_icon.svg);
mask-image: url(../images/check_icon.svg);
mask-repeat: no-repeat;
mask-position: center center;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center center;
display: inline-block;
left: 0;
top: 50% !important;
border-radius: 50px;
transition: all ease 0.23s;
position: absolute;
margin-top: -5px;
mask-size: contain;
margin-left: 3px;
}
ul.wp-block-list.is-style-list-style-check-circle-white li:after {
background-color: var(--wp--preset--color--primary);
}
figure.wp-block-image.is-style-shopmighty-image-hover-zoom img,
.wp-block-cover.is-style-shopmighty-cover-overlay-style span.wp-block-cover__background,
.wp-block-cover.is-style-shopmighty-cover-overlay-style img.wp-block-cover__image-background,
.wp-block-cover.is-style-shopmighty-cover-hover-style img.wp-block-cover__image-background,
.wp-block-group.is-style-shopmighty-product-holder .wp-block-group.is-style-shopmighty-product-group img.attachment-woocommerce_single,
.wp-block-group.is-style-shopmighty-product-group .wp-block-button.wc-block-components-product-button {
transition: all ease 0.23s;
}
figure.wp-block-image.is-style-shopmighty-image-hover-zoom img:hover {
transform: translateY(-3px) scale(1.03);
}
.wp-block-cover.is-style-shopmighty-cover-overlay-style:hover span.wp-block-cover__background {
opacity: 0.6 !important;
}
.wp-block-cover.is-style-shopmighty-cover-overlay-style .wp-block-cover__inner-container {
opacity: 0;
transition: all ease 0.23s;
margin-bottom: -100px;
}
.wp-block-cover.is-style-shopmighty-cover-overlay-style:hover .wp-block-cover__inner-container {
opacity: 1;
margin-bottom: 0;
}
.wp-block-cover.is-style-shopmighty-cover-overlay-style:hover img.wp-block-cover__image-background,
.wp-block-cover.is-style-shopmighty-cover-hover-style:hover img.wp-block-cover__image-background {
transform: scale(1.1);
}
.wp-block-group.is-style-shopmighty-product-group {
position: relative;
overflow: hidden;
}
.wp-block-group.is-style-shopmighty-product-group .wp-block-button.wc-block-components-product-button {
position: absolute;
bottom: -100px;
width: 90%;
left: 5%;
opacity: 0;
}
.wp-block-group.is-style-shopmighty-product-holder:hover .wp-block-group.is-style-shopmighty-product-group img.attachment-woocommerce_single {
opacity: 0.6;
}
.wp-block-group.is-style-shopmighty-product-holder:hover .wp-block-button.wc-block-components-product-button {
bottom: 13px;
opacity: 1;
}
.wp-block-group.is-style-shopmighty-product-group:hover .wp-block-button.wc-block-components-product-button .wp-block-button__link:hover {
background-color: var(--wp--preset--color--primary) !important;
color: #fff !important;
}
.wp-block-group.shopmighty-slider {
overflow: hidden;
position: relative;
}
.shopmighty-slider .swiper-slide {
display: flex;
}
.wp-block-group.shopmighty-slider-controls {
position: unset;
}
.wp-block-group.shopmighty-slider .wp-block-cover.swiper-slide {
margin-block-start: 0 !important;
}
.shopmighty-pagination.swiper-pagination-clickable.swiper-pagination-bullets {
position: absolute;
bottom: 20px;
z-index: 1;
width: 100%;
text-align: center;
left: 50%;
transform: translateX(-50%);
}
.shopmighty-pagination.swiper-pagination-clickable.swiper-pagination-bullets span.swiper-pagination-bullet {
width: 10px;
height: 10px;
}
.shopmighty-pagination.swiper-pagination-clickable.swiper-pagination-bullets span.swiper-pagination-bullet.swiper-pagination-bullet-active {
background: var(--wp--preset--color--primary);
}
.wp-block-group.shopmighty-slider .shopmighty-button-prev,
.wp-block-group.shopmighty-slider .shopmighty-button-next {
width: 40px;
height: 40px;
border-radius: 6px;
background: #000;
color: #fff;
transition: all ease 0.23s;
opacity: 0;
top: 50%;
margin: -20px 0 0 0;
}
.wp-block-group.shopmighty-slider:hover .shopmighty-button-prev,
.wp-block-group.shopmighty-slider:hover .shopmighty-button-next {
opacity: 1;
}
.wp-block-group.shopmighty-slider:hover .shopmighty-button-prev {
left: 30px;
}
.wp-block-group.shopmighty-slider:hover .shopmighty-button-next {
right: 30px;
}
.wp-block-group.shopmighty-slider .shopmighty-button-prev:hover,
.wp-block-group.shopmighty-slider .shopmighty-button-next:hover {
background: var(--wp--preset--color--primary);
}
.wp-block-group.shopmighty-slider .shopmighty-button-prev:after,
.wp-block-group.shopmighty-slider .shopmighty-button-next:after {
font-size: 20px;
}
.shopmighty-slider-controls.wp-block-group.block-editor-block-list__layout .wp-block.wp-block-html {
display: none;
}
.shopmighty-slider-controls.wp-block-group.block-editor-block-list__layout .wp-block.is-selected.wp-block-html {
display: block !important;
}
.wp-block-button.is-style-button-with-uparrow-icon a.wp-block-button__link.has-heading-color-color:hover {
background: var(--wp--preset--color--heading-color) !important;
color: #fff !important;
}
.wp-block-button.is-style-button-with-uparrow-icon a.wp-block-button__link.has-heading-color-color:hover:after {
background: #fff !important;
}
.wp-block-button.is-style-button-with-uparrow-icon a.wp-block-button__link.has-primary-color:hover {
background: var(--wp--preset--color--primary) !important;
color: #fff !important;
}
.wp-block-button.is-style-button-with-uparrow-icon a.wp-block-button__link.has-primary-color:hover:after {
background: #fff !important;
}