.mgproductd h2, .mgproductd h1 { position: inherit; } .mgproductd h2:before, .mgproductd h1:before { position: inherit; display: none; } .theme-woovina .dropdown-menu { position: inherit; display: block; min-width: 10rem; padding: inherit; margin: inherit; font-size: inherit; list-style: none; border: inherit; } .mgproductd img { background: #fafafa; } a { transition: 0.3s; } .flex { display: flex; } .align-flex-end { justify-content: flex-end; text-align: right; } .align-center { justify-content: center; text-align: center; } .align-flex-start { justify-content: flex-start; } .no-load { opacity: 0; max-heigh: 300px; } .mgpdi-shadow { box-shadow: 0 0.2rem 2.8rem rgb(36 36 36 / 10%); --webkit--box-shadow: 0 0.2rem 2.8rem rgba(36, 36, 36, 0.1); } .mgpdeg-product-price del { color: red; opacity: 0.5; } .mgpde-has-hover { position: relative; } .mgpde-card { overflow: hidden; } .mgpde-hover { transform: scale(0); visibility: inherit; transition: 0.2s; } .mgpde-imghover { transition: 0.5s; } .mgpde-has-hover:hover .mgpde-hover { transform: scale(1); opacity: 1; visibility: visible; } .mgpdeg-card-text .mgpde-category a { display: inline-block; } .wooaddons-no-rating { min-height: 25px; } .flex-right { align-items: flex-end; justify-content: flex-end; } .flex-center { align-items: center; justify-content: center; } .mgpde-rating { display: inline-block; } span.mgp-rating-count { font-size: 14px; color: #888; } .mgpde-card-text span.price { font-size: 14px; font-weight: 700; display: inline-block; } .mgpde-shadow { border-radius: 2px; -webkit-box-shadow: 0px 3px 40px rgb(0 0 0 / 20%); box-shadow: 0px 3px 40px rgb(0 0 0 / 20%); } .mgpde-card .mgpde-card-img, .mgpde-card .mgpde-card-text { padding: 1.2rem 1.2rem 2.5rem; } .mgpde-card .mgpde-card-img { padding-bottom: 0.5rem; } .mgpde-category a { color: #9e9e9e; font-size: 90%; } .mgpde-category a:hover { color: #111; } .mgpde-ptitle { font-size: 20px; margin: 5px 0; line-height: 20px; } a.mgpde-ptitle-link { color: #555; } a.mgpde-ptitle-link:hover { color: #000; } .wooaddons-badge { position: absolute; left: 0; top: 0; z-index: 11; background: darkcyan; color: #fff; padding: 2px 7px; font-size: 12px; border-radius: 10px; } /*Woocommerce star rating*/ .mgpdeg-product-rating { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .mg-rating-out { margin: 0 0 5px; } .mgpdeg-product-rating .wd-product-ratting { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; margin-left: -3px; margin-right: -3px; } .mgpdeg-product-rating .wd-product-ratting i { font-size: 13px; line-height: 14px; font-weight: 400; padding-left: 3px; padding-right: 3px; color: #aaaaaa; } .mgpdeg-product-rating .wd-product-ratting i:last-child { margin-right: 0; } .mgpdeg-product-rating .wd-product-ratting .wd-product-user-ratting { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; position: absolute; left: 5px; top: 0; z-index: 3; margin-left: -5px; margin-right: -5px; } .mgpdeg-product-rating .wd-product-ratting .wd-product-user-ratting i { color: #dc9a0e; } .mgpde-meta { font-size: 14px; color: #555; } .mgpde-meta { font-size: 14px; color: #555; } .mgpdeg-product-price .price { font-size: 15px; font-weight: 700; } .mgproductd p { font-size: 1rem; } .mgproductd button { font-size: 14px; } .mgproductd .button { font-size: 15px; padding: 12px 20px; } /*Grid style */ .mgp-display-badge { position: absolute; top: 5%; background: #fff; text-align: center; display: inline-block; padding: 4px 10px; left: 6%; color: #000000; text-transform: uppercase; font-size: 12px; font-weight: 600; z-index: 99; box-shadow: 0 0.2rem 2.8rem rgb(36 36 36 / 10%); --webdit--box-shadow: 0 0.2rem 2.8rem rgb(36 36 36 / 10%); } .mgpde-card { position: relative; } /*Style two*/ .mgpde-items.style2 .mgpdeg-card-img, .mgpde-items.style3 .mgpdeg-card-img { padding: 0; position: relative; overflow: hidden; } .mgpde-items .mgpdeg-card-img figure img { width: 100%; } .woocommerce.mgpdeg-cart-btn .button { background: #000; color: #fff; border: 1px solid #000; margin-top: 0.8rem; font-size: 14px; } .woocommerce.mgpdeg-cart-btn .button:hover { background: rgba(0, 0, 0, 0); color: #000; } .mgpde-items.style2 .woocommerce.mgpdeg-cart-btn { position: absolute; bottom: -40px; left: 0; right: 0; margin-left: 0; margin-right: 0; text-align: center; opacity: 0; transition: 0.3s; } .mgpde-items.style2 .mgpdeg-card:hover .woocommerce.mgpdeg-cart-btn { bottom: 10px; opacity: 1; } .mgpde-items.style2 .wooaddons-badge { position: absolute; top: 0; left: -40px; margin-left: 0; margin-right: 0; text-align: center; opacity: 0; transition: 0.3s; } .mgpde-items.style2 .mgpdeg-card:hover .wooaddons-badge { left: 2px; opacity: 1; } .mgpde-items.style2 .woocommerce.mgpdeg-cart-btn a.button { border-radius: 20px; background: #000; color: #fff; padding: 12px 24px; } /*Products list card*/ .mgpl-img img { width: 100%; } figure a { display: inherit; } .mgpde-card-text.mgpdel-card-text { display: flex; flex-direction: column; height: 100%; padding: 1rem 1rem 1rem 0.5rem; justify-content: center; } .mgpdel-product-rating { margin-bottom: 15px; } .mgpde-card-img { position: relative; overflow: hidden; } .woocommerce.mgpdel-cart-btn a { margin: 0; } .row.mgp-img-right { flex-direction: row-reverse; } .row.mgp-img-right .mgpde-card-text { padding: 2rem; } .mgpl-style2 .mgpde-meta.mgpde-category a { border: 2px solid #888; padding: 2px 6px; margin: 0 0 0.5rem 0; display: inline-block; border-radius: 50px; line-height: inherit; } .mgpl-style2 .mgpde-ptitle { font-size: 28px; } /*Style Three Button*/ .mgpdeg-price-btn { position: relative; display: flex; width: 100%; overflow: hidden; min-height: 35px; justify-content: center; flex-flow: row wrap; } .mgpdeg-price-btn .woocommerce.mgpdeg-cart-link a.button, .mgpdeg-price-btn .woocommerce.mgpdeg-cart-link a.added_to_cart { background: transparent; border: 0; color: #000; text-transform: uppercase; font-size: 14px; padding: 0; } .mgpdeg-price-btn .woocommerce.mgpdeg-cart-link a.loading:after { text-align: center; left: auto; right: -20px; top: 0; } .mgpdeg-price-btn > span.price, .mgpdeg-price-btn .mgpdeg-cart-link { position: absolute; left: 0; padding: 10px 0; display: inline-block; right: 0; transition: 0.5s; } .mgpdeg-price-btn > span.price { top: 0; } .mgpdeg-price-btn .mgpdeg-cart-link { bottom: -50px; } .style3 .mgpdeg-card:hover .mgpdeg-price-btn .mgpdeg-cart-link { bottom: 0; } .style3 .mgpdeg-card:hover .mgpdeg-price-btn > span.price { top: -50px; } /* * *Hover image effects * * */ /* Hover Circle Image Effect*/ .mgpr-hvr-circle figure { position: relative; } .mgpr-hvr-circle figure:before { position: absolute; top: 50%; left: 50%; z-index: 2; display: block; content: ""; width: 0; height: 0; background: rgba(255, 255, 255, 0.2); border-radius: 100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0; } .mgpr-hvr-circle figure:hover:before { -webkit-animation: circle 0.75s; animation: circle 0.75s; } @-webkit-keyframes circle { 0% { opacity: 1; } 40% { opacity: 1; } 100% { width: 200%; height: 200%; opacity: 0; } } @keyframes circle { 0% { opacity: 1; } 40% { opacity: 1; } 100% { width: 200%; height: 200%; opacity: 0; } } /*Image sine effect*/ .mgpr-hvr-shine figure { position: relative; } .mgpr-hvr-shine figure:before { position: absolute; top: 0; left: -95%; z-index: 2; display: block; content: ""; width: 50%; height: 100%; background: -webkit-linear-gradient( left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100% ); background: linear-gradient( to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100% ); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); } .mgpr-hvr-shine figure:hover:before { -webkit-animation: shine 0.75s; animation: shine 0.75s; } @-webkit-keyframes shine { 100% { left: 125%; } } @keyframes shine { 100% { left: 125%; } } /* Flashing hover effect*/ .mgpr-hvr-flashing figure:hover img { opacity: 1; -webkit-animation: flash 1.5s; animation: flash 1.5s; } @-webkit-keyframes flash { 0% { opacity: 0.4; } 100% { opacity: 1; } } @keyframes flash { 0% { opacity: 0.4; } 100% { opacity: 1; } } /* Opacity hover effects */ .mgpr-hvr-hover figure img { opacity: 1; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .mgpr-hvr-hover figure:hover img { opacity: 0.5; } /* Blur hover effects */ .mgpr-hvr-blur figure img { -webkit-filter: grayscale(0) blur(0); filter: grayscale(0) blur(0); -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .mgpr-hvr-blur figure:hover img { -webkit-filter: grayscale(100%) blur(3px); filter: grayscale(100%) blur(3px); } /* Rotate hover effect*/ .mgpr-hvr-rotate figure img { -webkit-transform: rotate(0) scale(1); transform: rotate(0) scale(1); -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .mgpr-hvr-rotate figure:hover img { -webkit-transform: rotate(15deg) scale(1.4); transform: rotate(15deg) scale(1.4); } /* Slide hover effect */ .mgpr-hvr-slide figure img { margin-left: 30px; -webkit-transform: scale(1.5); transform: scale(1.5); -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .mgpr-hvr-slide figure:hover img { margin-left: 0; } /* Zoom Out #2 */ .mgpr-hvr-zoom-out figure img { -webkit-transform: scale(1.3); transform: scale(1.3); height: auto; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .mgpr-hvr-zoom-out figure:hover img { -webkit-transform: scale(1); transform: scale(1); } /* Zoom In effect */ .mgpr-hvr-zoom-in figure img { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .mgpr-hvr-zoom-in figure:hover img { -webkit-transform: scale(1.3); transform: scale(1.3); } /*Products slider style*/ span.slide-cat a { color: #fff; border-bottom: 1px solid #fff; padding: 3px 0 4px; font-size: 14px; margin-bottom: 10px; } a.btn.vbs-btn { border: 1px solid #000; color: #000; margin: 10px; padding: 10px 30px; font-size: 16px; } .mgpd-slider .swiper-slide.xshop-pslider { background-repeat: no-repeat !important; background-size: cover !important; background-position: center center !important; } span.slide-cat a { color: #555; } a.btn.vbs-btn:hover { color: #000; background: #fff; opacity: 1; } .swiper-slide.mgpds-item { background: #ededed; } span.slide-cat { display: inline-block; } .mgpds-sliderbg span.slide-cat a { color: #555; } .mgpds-sliderbg .bskpde-product-price span.price { font-weight: 700; font-size: 18px; } a.btn.vbs-btn.xpsbtn { border: 2px solid #555; color: #555; margin-left: 0; } a.btn.vbs-btn.xpsbtn:hover { background: #555; color: #fff; } .mgpd-slider .swiper-button-next, .mgpd-slider .swiper-button-prev { background-image: none; } .mgpd-slider .swiper-button-next:after, .mgpd-slider .swiper-button-prev:after { display: none; } .mgpd-slider .swiper-button-next i, .mgpd-slider .swiper-button-prev i { font-size: 24px; box-shadow: 0 0.2rem 2.8rem rgba(36, 36, 36, 0.1); } .mgpd-slider .mgpds-item { position: relative; } .btn-success.mgps-btn, .btn-success.mgps-btn:hover { border: none; } .mgpds-content.mgpds-pdetails { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; max-width: 1300px; } .mgpds-content.mgst-left { position: absolute; top: 50%; left: 5%; transform: translate(5%, -50%); text-align: left; } .mgpds-item .mgpds-content { opacity: 0; transition: 0.9s; } .mgpds-item.swiper-slide-active .mgpds-content { opacity: 1; } .mgps-title { text-shadow: 2px 4px 3px rgba(0, 0, 0, 0.3); font-size: 40px; text-transform: uppercase; font-weight: 700; color: #000; } .mgpds-text { width: 60%; } .mgpds-pdetails { display: flex; padding: 10px 40px; align-items: center; } .mgpds-img-before { margin-left: 4%; } .mgpds-img-after { margin-right: 4%; } .mgpds-img-after, .mgpds-img-before { width: 36%; overflow: hidden; } .mgpds-img-after img, .mgpds-img-before img { width: 100%; height: auto; } .mgps-subtitle { text-shadow: 2px 4px 3px rgba(0, 0, 0, 0.3); font-size: 18px; color: #000; line-height: 20px; } .mgps-btn { box-shadow: 2px 4px 3px rgba(0, 0, 0, 0.3); } .mgps-overlay { padding: 20px 10px; background: rgba(0, 0, 0, 0.3); } .swiper-pagination-bullet { opacity: 1 !important; } .mgpd-slider .alert.alert-danger { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 30px; color: #000; } @media (max-width: 767px) { .mgpds-pdetails { flex-direction: column; } .mgpds-text, .mgpds-img-after, .mgpds-img-before { margin: 0; text-align: center; } .mgpds-text { margin-bottom: 1rem; width: 100%; padding: 5px 10px; } .mgpds-img-before { width: 60%; } p.mgps-subtitle { display: none; } .mgps-title { font-size: 30px; } } .mgpc-pcarousel .swiper-button-prev, .mgpd-testimonial-carousel .swiper-button-prev, .mgpc-pcarousel .swiper-container-rtl .swiper-button-next, .mgpd-testimonial-carousel .swiper-container-rtl .swiper-button-next, .mgpc-pcarousel .swiper-button-next, .mgpd-testimonial-carousel .swiper-button-next, .mgpd-testimonial-carousel .swiper-container-rtl .swiper-button-prev, .mgpc-pcarousel .swiper-container-rtl .swiper-button-prev { background: transparent; } .mgpc-pcarousel .swiper-button-prev i, .mgpd-testimonial-carousel .swiper-button-prev i, .mgpc-pcarousel .swiper-container-rtl .swiper-button-next i, .mgpd-testimonial-carousel .swiper-container-rtl .swiper-button-next i, .mgpc-pcarousel .swiper-button-next i, .mgpd-testimonial-carousel .swiper-button-next i, .mgpd-testimonial-carousel .swiper-container-rtl .swiper-button-prev i, .mgpc-pcarousel .swiper-container-rtl .swiper-button-prev i { font-size: 24px; } .mgpc-pcarousel .swiper-button-prev:after, .mgpc-pcarousel .swiper-container-rtl .swiper-button-next:after, .mgpc-pcarousel .swiper-button-next:after, .mgpc-pcarousel .swiper-container-rtl .swiper-button-prev:after, .mgpd-testimonial-carousel .swiper-button-prev:after, .mgpd-testimonial-carousel .swiper-container-rtl .swiper-button-next:after, .mgpd-testimonial-carousel .swiper-button-next:after, .mgpd-testimonial-carousel .swiper-container-rtl .swiper-button-prev:after{ display: none; } .mgpd-testimonial-carousel .swiper-pagination-bullets { position: inherit; margin: 0; padding: 10px 0; color: #fff; margin-bottom: 5px; } .elementor-testimonial-wrapper { overflow: hidden; text-align: center } .elementor-testimonial-wrapper .elementor-testimonial-content { font-size: 1.3em; margin-bottom: 20px } .elementor-testimonial-wrapper .elementor-testimonial-name { line-height: 1.5; display: block } .elementor-testimonial-wrapper .elementor-testimonial-job { font-size: .85em; display: block } .elementor-testimonial-wrapper .elementor-testimonial-meta { width: 100%; line-height: 1 } .elementor-testimonial-wrapper .elementor-testimonial-meta-inner { display: inline-block } .elementor-testimonial-wrapper .elementor-testimonial-meta .elementor-testimonial-details, .elementor-testimonial-wrapper .elementor-testimonial-meta .elementor-testimonial-image { display: table-cell; vertical-align: middle } .elementor-testimonial-wrapper .elementor-testimonial-meta .elementor-testimonial-image img { width: 60px; height: 60px; border-radius: 50%; -o-object-fit: cover; object-fit: cover; max-width: none } .elementor-testimonial-wrapper .elementor-testimonial-meta.elementor-testimonial-image-position-aside .elementor-testimonial-image { padding-right: 15px } .elementor-testimonial-wrapper .elementor-testimonial-meta.elementor-testimonial-image-position-aside .elementor-testimonial-details { text-align: left } .elementor-testimonial-wrapper .elementor-testimonial-meta.elementor-testimonial-image-position-top .elementor-testimonial-details, .elementor-testimonial-wrapper .elementor-testimonial-meta.elementor-testimonial-image-position-top .elementor-testimonial-image { display: block } .elementor-testimonial-wrapper .elementor-testimonial-meta.elementor-testimonial-image-position-top .elementor-testimonial-image { margin-bottom: 20px } .elementor-testimonial-wrapper.elementor-testimonial-text-align-left { text-align: left; } .elementor-testimonial-wrapper.elementor-testimonial-text-align-center { text-align: center; } .elementor-testimonial-wrapper.elementor-testimonial-text-align-right { text-align: right; } /*Feature cat style1*/ /*Feature categories style*/ .mpdkit-cat-info h2 { font-size: 16px; text-transform: uppercase; margin-bottom: 10px; } .mpdkit-cat-info h2 a { color: inherit; text-decoration: inherit; } .mpdkit-cat-img { position: relative; } span.mpdkit-cat-badge { position: absolute; bottom: -10px; left: 10px; background: #fff; color: #000; padding: 2px 10px; border-radius: 20px; border: 2px solid #555; font-size: 14px; font-weight: 300; } span.mpdkit-cat-badge.mpdkit-cat-left-bottom { bottom: -10px; top: auto; left: 10px; right: auto; } span.mpdkit-cat-badge.mpdkit-cat-left-top { bottom: auto; top: 0; left: 0; right: auto; margin: 5px 0 0 10px; } span.mpdkit-cat-badge.mpdkit-cat-right-top { bottom: auto; top: 0; left: auto; right: 0; margin: 5px 10px 0 0; } span.mpdkit-cat-badge.mpdkit-cat-right-bottom { bottom: -10px; top: auto; left: auto; right: 10px; } span.mpdkit-cat-badge.mpdkit-cat-top { bottom: auto; top: 0; left: 0; } .mpdc-catg-style1 .mpdkit-cat-item { position: relative; } .mpdc-catg-style1 .mpdkit-cat-info { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; } .mpdc-catg-style1 .mpdkit-cat-info h2 a{ background: #fff; padding: 10px 20px; } .mpdc-catg-style1 .mpdkit-cat-info p { background: #fff; padding: 10px; text-align: center; } .mpdc-catg-style2 .mpdkit-cat-item.mgpdi-shadow { border: 1px solid #ccc; } /*Awesome products list */ .mpdal-imgrap .mgp-display-badge { padding: 0px 5px; left: 3px; top: 10px; color: #061108; } .mpdal-cart-btn a.button { padding: 0; border: inherit; margin: 0; } .mgpl-img-circle .mpdal-imgrap figure { border-radius: 50%; } .mpdal-category a { font-size: 80%; color: #555; } .mpdal-block-inner.flex { position: relative; } .mgpl-position-right .mpdal-block-inner.flex { justify-content: flex-end; text-align: right; } .mgpl-position-right .mpdal-imgrap{ margin-right: 0; } .mgpl-img-circle img { border-radius: 50%; border: 1px solid #ccc; } .mpdal-imgrap { position: relative; margin-right: 1rem; } h6.mpdal-ptitle { margin-bottom: 5px; } .mpdal-meta-middle .mpdal-ptitle { margin: 0; } .mpdal-meta-top .mgpde-rating { margin-bottom: 5px; } .mpdal-meta-middle .mpdal-product-rating { margin: -5px 0 10px 0; } .mpdal-text-wrapper { display: flex; flex-direction: column; justify-content: flex-start; } .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: -5px; } .tab-content>.active { display: block; opacity: 1; visibility: visible; } /*Fixed client theme issue*/ @media (min-width: 1025px){ html body .kalles_toolbar.flex { display: none !important; } }