.swp-shop-single-inner ins {
text-decoration: none;
}
.owl-carousel img {
width: auto !important;
margin: 0 auto;
}
.swp-shop-single-inner {
margin-bottom: 30px;
position: relative;
overflow: hidden;
}
.swp-shop-single-inner a {
text-decoration: none;
}
.swp-shop-single-inner .icon-img {
line-height: 0;
margin-bottom: 20px;
overflow: hidden;
position: relative;
}
.swp-shop-single-inner .icon-img img {
max-width: 100%;
transform: scale(1.02);
transition: 0.7s;
}
.swp-shop-single-inner:hover .icon-img img {
transform: scale(1.06);
}
.swp-shop-single-inner .content-box {
z-index: 2;
}
.swp-shop-single-inner .content-box .inner-title {
line-height: 1.2;
margin: 0;
color: #2e2e36;
font-size: 16px;
margin-bottom: 7px;
}
.swp-shop-single-inner .content-box .inner-title a {
color: #2e2e36;
transition: 0.4s;
}
.swp-shop-single-inner .content-box .inner-title:hover a {
color: var(--swp-main-color);
}
.swp-shop-single-inner .content-box p,
.swp-shop-single-inner .content-box del {
color: #74787c;
margin-bottom: 0;
font-size: 15px;
display: inline-block;
}
.swp-shop-single-inner .content-box .price {
margin-right: 15px;
} .swp-shop-single-inner.style-1 {
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.07);
border-radius: 8px;
}
.swp-shop-single-inner.style-1 .icon-img {
margin-bottom: 0;
}
.swp-shop-single-inner.style-1 .icon-img .swp-readmore-arrow-wrap {
position: absolute;
top: 60%;
transform: translateY(-50%);
visibility: hidden;
opacity: 0;
transition: 0.4s;
width: 100%;
text-align: center;
}
.swp-shop-single-inner.style-1:hover .icon-img .swp-readmore-arrow-wrap {
visibility: visible;
opacity: 1;
top: 50%;
}
.swp-shop-single-inner.style-1 .content-box {
padding: 30px;
} .swp-shop-single-inner.style-2 { }
.swp-shop-single-inner.style-2 .icon-img {
margin-bottom: 0;
}
.swp-shop-single-inner.style-2 .content-box {
position: relative;
}
.swp-shop-single-inner.style-2 .content-box .swp-readmore-arrow-wrap {
position: absolute;
top: -30px;
transform: translateY(-50%);
visibility: hidden;
opacity: 0;
transition: 0.4s;
width: 100%;
text-align: center;
z-index: 2;
}
.swp-shop-single-inner.style-2:hover .content-box .swp-readmore-arrow-wrap {
visibility: visible;
opacity: 1;
top: -0px;
}
.swp-shop-single-inner.style-2 .content-box {
padding: 30px 0;
}
.swp-shop-single-inner.style-2 .content-box .content-details {
transition: 0.4s;
}
.swp-shop-single-inner.style-2:hover .content-box .content-details {
opacity: 0.2;
} .swp-shop-single-inner.style-3 .icon-img {
margin-bottom: 0;
}
.swp-shop-single-inner.style-3 .icon-img .swp-readmore-arrow-wrap {
position: absolute;
bottom: -30px;
transform: translateY(-50%);
visibility: hidden;
opacity: 0;
transition: 0.4s;
width: 100%;
text-align: center;
}
.swp-shop-single-inner.style-3:hover .icon-img .swp-readmore-arrow-wrap {
visibility: visible;
opacity: 1;
bottom: 0;
}
.swp-shop-single-inner.style-3:hover .icon-img img {
opacity: 0.4 !important;
}
.swp-shop-single-inner.style-3:hover .icon-img .swp-readmore-arrow-wrap img {
opacity: 1 !important;
}
.swp-shop-single-inner.style-3 .content-box {
padding: 30px;
} .swp-shop-single-inner.style-4 .icon-img {
margin-bottom: 0;
}
.swp-shop-single-inner.style-4 .icon-img .swp-readmore-arrow-wrap {
position: absolute;
left: -30px;
transform: translateY(-50%);
visibility: hidden;
opacity: 0;
transition: 0.4s;
width: 100%;
text-align: center;
width: 50px;
top: 50%;
}
.swp-shop-single-inner.style-4:hover .icon-img .swp-readmore-arrow-wrap {
visibility: visible;
opacity: 1;
left: 20px;
}
.swp-shop-single-inner.style-4:hover .icon-img img {
opacity: 0.4 !important;
}
.swp-shop-single-inner.style-4:hover .icon-img .swp-readmore-arrow-wrap img {
opacity: 1 !important;
}
.swp-shop-single-inner.style-4 .content-box {
padding: 30px;
} .swp-shop-single-inner.style-5 {
border: 1px solid #f3f3f3;
transition: 0.4s;
}
.swp-shop-single-inner.style-5 .icon-img {
margin-bottom: 30px;
}
.swp-shop-single-inner.style-5 .icon-img .swp-readmore-arrow-wrap {
position: absolute;
bottom: -40px;
transform: translateY(-50%);
visibility: hidden;
opacity: 0;
transition: 0.4s;
width: 100%;
text-align: center;
}
.swp-shop-single-inner.style-5:hover .icon-img .swp-readmore-arrow-wrap {
visibility: visible;
opacity: 1;
bottom: -20px;
}
.swp-shop-single-inner.style-5:hover .icon-img img {
opacity: 0.1 !important;
}
.swp-shop-single-inner.style-5:hover .icon-img .swp-readmore-arrow-wrap img {
opacity: 1 !important;
}
.swp-shop-single-inner.style-5 {
padding: 30px;
}
.swp-shop-single-inner.style-5:hover {
border: 1px solid var(--swp-main-color);
}
.swp-shop-single-inner.style-5 .swp-badge-btn-right {
right: 0;
top: 0;
} .swp-shop-single-inner.style-6 .icon-img .swp-readmore-arrow-wrap {
position: absolute;
bottom: -40px;
transform: translateY(-50%);
visibility: hidden;
opacity: 0;
transition: 0.4s;
width: 100%;
text-align: left;
}
.swp-shop-single-inner.style-6:hover .icon-img .swp-readmore-arrow-wrap {
visibility: visible;
opacity: 1;
bottom: -20px;
}
.swp-shop-single-inner.style-6:hover .icon-img img {
opacity: 0.1 !important;
}
.swp-shop-single-inner.style-6:hover .icon-img .swp-readmore-arrow-wrap img {
opacity: 1 !important;
} .swp-shop-single-inner.style-7 .icon-img {
margin-bottom: 0;
}
.swp-shop-single-inner.style-7 .content-box {
position: relative;
}
.swp-shop-single-inner.style-7 .content-box .swp-readmore-arrow-wrap {
visibility: hidden;
opacity: 0;
transition: 0.4s;
margin-top: 20px;
}
.swp-shop-single-inner.style-7:hover .content-box .swp-readmore-arrow-wrap {
visibility: visible;
opacity: 1;
margin-top: 6px;
}
.swp-shop-single-inner.style-7 .content-box {
padding: 30px 0;
}
.swp-shop-single-inner.style-7 .content-box del {
color: var(--swp-main-color);
}
.swp-shop-single-inner.style-7 .content-box .content-details {
transition: 0.4s;
} .swp-shop-single-inner.style-8 {
border: 1px solid #f3f3f3;
transition: 0.4s;
}
.swp-shop-single-inner.style-8 .icon-img {
margin-bottom: 30px;
}
.swp-shop-single-inner.style-8 .icon-img .swp-readmore-arrow-wrap {
position: absolute;
bottom: -40px;
transform: translateY(-50%);
visibility: hidden;
opacity: 0;
transition: 0.4s;
width: 100%;
text-align: center;
}
.swp-shop-single-inner.style-8:hover .icon-img .swp-readmore-arrow-wrap {
visibility: visible;
opacity: 1;
bottom: -20px;
}
.swp-shop-single-inner.style-8:hover .icon-img img {
opacity: 0.1 !important;
}
.swp-shop-single-inner.style-8:hover .icon-img .swp-readmore-arrow-wrap img {
opacity: 1 !important;
}
.swp-shop-single-inner.style-8 {
padding: 30px;
}
.swp-shop-single-inner.style-8:hover {
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.07);
}
.swp-shop-single-inner.style-8 .swp-badge-btn-right {
right: 0;
top: 0;
} .swp-shop-single-inner.style-9 {
border: 1px solid #f3f3f3;
transition: 0.4s;
background: #f3f3f3;
}
.swp-shop-single-inner.style-9 .icon-img {
margin-bottom: 30px;
}
.swp-shop-single-inner.style-9 .icon-img .swp-readmore-arrow-wrap {
position: absolute;
bottom: -40px;
transform: translateY(-50%);
visibility: hidden;
opacity: 0;
transition: 0.4s;
width: 100%;
text-align: center;
}
.swp-shop-single-inner.style-9:hover .icon-img .swp-readmore-arrow-wrap {
visibility: visible;
opacity: 1;
bottom: -20px;
}
.swp-shop-single-inner.style-9:hover .icon-img img {
opacity: 0.1 !important;
}
.swp-shop-single-inner.style-9:hover .icon-img .swp-readmore-arrow-wrap img {
opacity: 1 !important;
}
.swp-shop-single-inner.style-9 {
padding: 30px;
}
.swp-shop-single-inner.style-9:hover {
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.07);
}
.swp-shop-single-inner.style-9 .swp-badge-btn-right {
right: 0;
top: 0;
} .swp-shop-single-inner.style-11 .icon-img {
margin-bottom: 0;
}
.swp-shop-single-inner.style-11 .content-box {
position: absolute;
margin: 30px;
bottom: 0;
left: 0;
right: 0;
background: #fff;
padding: 30px 20px;
} .swp-shop-single-inner.style-16 .icon-img {
margin-bottom: 0;
}
.swp-shop-single-inner.style-16 .icon-img .swp-readmore-arrow-wrap {
position: absolute;
bottom: -30px;
transform: translateY(-50%);
visibility: hidden;
opacity: 0;
transition: 0.4s;
width: 100%;
text-align: center;
padding: 30px;
}
.swp-shop-single-inner.style-16:hover .icon-img .swp-readmore-arrow-wrap {
visibility: visible;
opacity: 1;
bottom: 0;
}
.swp-shop-single-inner.style-16:hover .icon-img img {
opacity: 0.4 !important;
}
.swp-shop-single-inner.style-16:hover .icon-img .swp-readmore-arrow-wrap img {
opacity: 1 !important;
}
.swp-shop-single-inner.style-16 .content-box {
padding: 30px;
}
.swp-shop-single-inner.style-16 .swp-readmore-arrow-btn {
max-width: 100%;
} .swp-shop-single-inner.style-22 .icon-img {
margin-bottom: 0;
}
.swp-shop-single-inner.style-22 .content-box {
position: absolute;
margin: 30px;
bottom: -30px;
left: 0;
right: 0;
background: #fff;
padding: 30px 20px;
transition: 0.4s;
visibility: hidden;
opacity: 0;
}
.swp-shop-single-inner.style-22:hover .content-box {
bottom: -0;
visibility: visible;
opacity: 1;
} .swp-shop-single-inner.style-23 .icon-img {
margin-bottom: 0;
}
.swp-shop-single-inner.style-23 .content-box {
margin: 0 30px;
bottom: 0;
left: 0;
right: 0;
background: #fff;
padding: 30px 20px;
transform: translateY(-50%);
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.07);
transition: 0.4s;
}
.swp-shop-single-inner.style-23:hover .content-box {
margin: 0 30px;
bottom: 0;
left: 0;
right: 0;
background: #15b1c0;
}
.swp-shop-single-inner.style-23:hover .content-box .inner-title,
.swp-shop-single-inner.style-23:hover .content-box .inner-title a,
.swp-shop-single-inner.style-23:hover .content-box p,
.swp-shop-single-inner.style-23:hover .content-box del {
color: #fff;
} @media all and (max-width: 1199px) {
.swp-shop-single-inner .content-box .inner-title {
font-size: 15px;
}
.swp-shop-single-inner .content-box p {
font-size: 14px;
}
.swp-shop-single-inner .content-box del {
font-size: 14px;
}
}
@media all and (max-width: 992px) {
.swp-shop-single-inner .icon-img img {
width: 100%;
}
}
@media all and (max-width: 767px) {
.swp-shop-single-inner.style-11 .content-box {
padding: 30px 15px;
}
}
@media all and (max-width: 575px) {
.swp-tab-menu ul li {
margin-bottom: 8px;
}
.swp-shop-single-inner.style-23 .content-box {
margin: 0 20px;
}
.swp-tab-menu.style-two ul li {
margin-bottom: 0;
}
}
.added .fa-shopping-cart:before {
content: "\f00c";
}
.swp-readmore-arrow-wrap .swp-add-to-cart.loading i {
position: relative;
}
.swp-readmore-arrow-wrap .swp-add-to-cart.loading i:before {
font-family: "Font Awesome 5 Free";
content: "\f110";
vertical-align: top;
font-weight: 900;
position: absolute;
top: -10px;
left: -5px;
-webkit-animation: spin 2s linear infinite;
animation: spin 2s linear infinite;
}
.swp-readmore-arrow-wrap .yith-wcwl-add-to-wishlist {
margin-top: 0;
}
.swp-readmore-arrow-wrap .yith-wcwl-add-button > a i,
.swp-readmore-arrow-wrap .yith-wcwl-add-to-wishlist .feedback .yith-wcwl-icon {
margin-right: 0;
}
.swp-readmore-arrow-wrap .yith-wcwl-add-button > a i.fa-heart {
font-weight: 400;
color: var(--swp-main-color);
}
.swp-readmore-arrow-wrap .yith-wcwl-add-button > a:hover i,
.swp-readmore-arrow-wrap
.swp-readmore-arrow:hover
.yith-wcwl-add-button
> a
i.fa-heart {
color: #fff;
}
.add_to_cart_button.swp-readmore-arrow-btn.added,
.added_to_cart.wc-forward {
display: none;
}
.swp-button .added_to_cart.wc-forward {
display: inline-block;
max-width: 100%;
}
.custom-message {
position: fixed;
bottom: 50px;
right: 20px;
padding: 12px 18px;
font-weight: 500;
background-color: #4caf50;
color: white;
border-radius: 5px;
z-index: 999999;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
font-size: 16px;
font-family: var(--heading--font-family);
font-weight: bold;
display: flex;
align-items: center;
}
.custom-message i {
font-size: 20px;
margin-right: 5px;
}
.swp-shop-single-inner .star-rating {
max-width: 100%;
margin: 0 auto;
}
.style-6 .star-rating {
margin: 0;
}
.swp-shop-single-inner .star-rating span:before,
.swp-shop-single-inner .star-rating::before,
.swp-shop-single-inner p.stars a:hover:after,
.swp-shop-single-inner p.stars a:after {
letter-spacing: 2px;
}
.swp-shop-single-inner .star-rating {
font-size: 16px;
width: 6em;
} .swp-shop-single-inner .star-rating {
overflow: hidden;
position: relative;
height: 1.618em;
line-height: 1.618;
width: 6.4em;
font-family: star;
font-weight: 500;
}
.swp-shop-single-inner .star-rating::before {
content: "\53\53\53\53\53";
opacity: 0.25;
float: left;
top: 0;
left: 0;
position: absolute;
}
.swp-shop-single-inner .star-rating span {
overflow: hidden;
float: left;
top: 0;
left: 0;
position: absolute;
padding-top: 1.5em;
}
.swp-shop-single-inner .star-rating span::before {
content: "\53\53\53\53\53";
top: 0;
position: absolute;
left: 0;
color: var(--swp-main-color);
}
.swp-shop-single-inner p.stars a {
position: relative;
height: 1em;
width: 1em;
text-indent: -999em;
display: inline-block;
text-decoration: none;
margin-right: 1px;
font-weight: 400;
}
.swp-shop-single-inner p.stars a::before {
display: block;
position: absolute;
top: 0;
left: 0;
width: 1em;
height: 1em;
line-height: 1;
font-family: star;
content: "\53";
color: #404040;
text-indent: 0;
opacity: 0.25;
}
.swp-shop-single-inner p.stars a:hover ~ a::before {
content: "\53";
color: #404040;
opacity: 0.25;
}
.swp-shop-single-inner p.stars:hover a::before {
content: "\53";
color: var(--swp-main-color);
opacity: 1;
}
.swp-shop-single-inner p.stars.selected a.active::before {
content: "\53";
color: var(--swp-main-color);
opacity: 1;
}
.swp-shop-single-inner p.stars.selected a.active ~ a::before {
content: "\53";
color: #404040;
opacity: 0.25;
}
.swp-shop-single-inner p.stars.selected a:not(.active)::before {
content: "\53";
color: var(--swp-main-color);
opacity: 1;
}
.swp-shop-single-inner .star-rating span:before,
.swp-shop-single-inner .star-rating::before,
.swp-shop-single-inner p.stars a:hover:after,
.swp-shop-single-inner p.stars a:after {
color: var(--swp-main-color) !important;
letter-spacing: 5px;
}
.owl-nav.disabled {
display: none !important;
} .swp-page-navigation .pagination {
display: inline-flex;
margin: 0;
padding: 0;
}
.swp-page-navigation .pagination .pagination-arrow a {
transition: 0.4s;
border: 0;
}
.swp-page-navigation .pagination .pagination-arrow a:hover {
border: 0;
}
.swp-page-navigation .pagination li {
list-style: none;
}
.swp-page-navigation .pagination li a,
.swp-page-navigation a,
.swp-page-navigation span {
height: 48px;
width: 48px;
line-height: 50px;
margin-right: 10px;
border: 0;
border-radius: 0;
text-align: center;
text-decoration: none;
transition: 0.4s;
display: block;
color: rgba(255, 255, 255, 0.8);
font-size: 18px;
border-radius: 0;
background: #2e2e36;
}
.swp-page-navigation .pagination li:last-child a {
margin-right: 0;
}
.swp-page-navigation .pagination li a:active,
.swp-page-navigation .pagination li a:focus,
.swp-page-navigation .pagination li a:hover,
.swp-page-navigation a:hover {
background: var(--swp-main-color);
color: #fff;
}
.swp-page-navigation .pagination li a.active,
.swp-page-navigation span {
background: var(--swp-main-color);
}
nav.swp-page-navigation {
display: inline-flex;
align-content: center;
justify-content: center;
}