@charset "UTF-8";
@charset "UTF-8";


.lb-parallax-section {
transition: background 0s, border 0.3s, border-radius 0.3s, box-shadow 0.3s !important;
}
.melawell-bg-map {
background-image: url(//mflabs.in/wp-content/themes/musclefuel/assets/css/assets/images/bg-map.svg);
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
}
.dark-mode .melawell-bg-map {
background-image: url(//mflabs.in/wp-content/themes/musclefuel/assets/css/assets/images/wbg-map.svg);
}
.elementor-accordion .elementor-tab-content {
border-color: var(--border);
}
.elementor-accordion .elementor-accordion-item {
border-color: var(--border);
}
.elementor-button {
transition-duration: 0s;
}
[class*=elementor-dots-style-] .swiper-container {
padding-bottom: 40px;
}
.swiper-pagination {
width: 100%;
}
.swiper-pagination-bullet {
width: 30px;
height: 20px;
border-radius: 0;
background-color: transparent;
border-bottom: 2px solid var(--accent);
position: relative;
margin: 0 6px;
}
.swiper-pagination-bullet-active {
border-bottom: 5px solid var(--primary);
background-color: transparent;
}
.swiper-pagination-bullet:after {
content: "";
display: block;
position: absolute;
height: 30px;
width: 100%;
z-index: 100;
}
.elementor-dots-style-2 .swiper-pagination-bullet {
width: 10px;
height: 10px;
border: 0;
background: var(--accent);
border-radius: 50%;
}
.elementor-dots-style-2 .swiper-pagination-bullet.swiper-pagination-bullet-active {
border: 0;
background: var(--primary);
}
.elementor-dots-style-2 .swiper-pagination-bullet:after {
display: none;
}
.products-carousel {
position: relative;
}
.products-carousel > .swiper-container {
padding-left: 1px;
}
.products-carousel ul.products,
.products-carousel .wc-block-grid__products {
flex-wrap: nowrap;
margin-left: 0;
margin-right: 0;
}
.products-carousel .swiper-container-initialized li.product {
flex-basis: unset !important;
max-width: unset !important;
padding: 0;
}
.products-carousel .swiper-pagination {
left: 0;
right: 0;
bottom: 0;
}
.products-carousel li.product {
margin-bottom: 0 !important;
}
.products-carousel > .elementor-swiper-button {
top: 50% !important;
}
.woocommerce-Tabs-panel--more_seller_product .products-carousel .swiper-container, .related .products-carousel .swiper-container {
padding-bottom: 50px;
}
.swiper-inner {
position: relative;
}
.swiper-wrapper.flex-wrap {
margin: 0 calc(var(--grid-gutter) / -2);
width: auto;
}
.elementor-swiper-button {
background: #F1F1F1;
width: 56px;
height: 56px;
text-align: center;
color: var(--light);
display: block;
font-size: 20px;
border-radius: 50%;
top: 50%;
z-index: 96;
transform: translateY(-50%);
}
.elementor-lightbox .elementor-swiper-button {
background: transparent !important;
box-shadow: none;
}
.elementor-lightbox .elementor-swiper-button-prev {
left: 0;
transform: translate(50%, -50%);
}
.elementor-lightbox .elementor-swiper-button-prev:before {
content: "\e003";
}
.elementor-lightbox .elementor-swiper-button-next {
right: 0;
transform: translate(-50%, -50%);
}
.elementor-swiper-button i {
display: none;
}
.elementor-swiper-button:before {
font-family: "melawell-icon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
vertical-align: middle;
content: "\e004";
line-height: 56px;
}
.elementor-swiper-button-prev {
left: 0;
transform: translate(-50%, -50%);
}
.elementor-swiper-button-prev:before {
content: "\e003";
}
.elementor-swiper-button-next {
right: 0;
transform: translate(50%, -50%);
}
.elementor-swiper-button:hover {
background-color: var(--primary);
color: #fff;
}
.elementor-arrows-style-2 .elementor-swiper-button {
box-shadow: none;
background: transparent;
font-size: 30px;
}
.elementor-arrows-style-2 .elementor-swiper-button.elementor-swiper-button-prev:before {
content: "\e007";
}
.elementor-arrows-style-2 .elementor-swiper-button.elementor-swiper-button-next:before {
content: "\e008";
}
.elementor-arrows-style-2 .elementor-swiper-button:hover {
color: var(--primary);
}
.elementor-arrows-style-3 .elementor-swiper-button {
box-shadow: none;
}
.elementor-arrows-style-3 .elementor-swiper-button.elementor-swiper-button {
width: 33px;
height: 33px;
font-size: 16px;
background: #E9ECF2;
}
.elementor-arrows-style-3 .elementor-swiper-button.elementor-swiper-button:hover {
background: var(--primary);
}
.elementor-arrows-style-3 .elementor-swiper-button.elementor-swiper-button:before {
line-height: 33px;
font-weight: 700;
}
.elementor-arrows-position-bottom .elementor-swiper-button,
.elementor-arrows-position-top .elementor-swiper-button {
left: 50%;
transform: translateX(calc(-100% - 5px));
}
.elementor-arrows-position-bottom .elementor-swiper-button-next,
.elementor-arrows-position-top .elementor-swiper-button-next {
transform: translateX(5px);
}
.elementor-arrows-position-top {
padding-top: 55px;
}
.elementor-arrows-position-top .elementor-swiper-button {
top: 0;
}
.elementor-arrows-position-top.elementor-arrows-position-h-right .elementor-swiper-button-prev,
.elementor-arrows-position-top.elementor-arrows-position-h-right .elementor-swiper-button-next {
left: auto !important;
right: 5px !important;
}
.elementor-arrows-position-bottom {
padding-bottom: 66px;
}
.elementor-arrows-position-bottom .elementor-swiper-button {
top: auto;
bottom: 0;
}
.scrollbar-wrapper {
display: flex;
margin-top: var(--grid-gutter);
}
.scrollbar-wrapper ~ .elementor-swiper-button {
display: none !important;
}
.scrollbar-wrapper .swiper-scrollbar {
height: 1px;
}
.elementor-arrows-position-inside .scrollbar-wrapper .swiper-scrollbar {
max-width: calc(100% - 120px);
flex: 0 0 calc(100% - 120px);
}
.scrollbar-wrapper .swiper-scrollbar-drag {
height: 3px;
top: -1px;
background: var(--primary);
border-radius: 0;
}
.dark-swiper .scrollbar-wrapper .swiper-scrollbar {
background: rgba(255, 255, 255, 0.2);
}
.scrollbar-wrapper .button-nav-group {
max-width: 120px;
flex: 0 0 120px;
margin-left: 20px;
}
.scrollbar-wrapper .elementor-swiper-button {
position: static;
width: 45px;
height: 45px;
line-height: 43px;
text-align: center;
border-radius: 45px;
border: 1px solid var(--border);
}
.scrollbar-wrapper .elementor-swiper-button:hover {
background-color: var(--primary);
border-color: var(--primary);
}
.scrollbar-wrapper .elementor-swiper-button:hover i {
color: #fff !important;
}
.scrollbar-wrapper .elementor-swiper-button i {
line-height: 43px;
width: 100%;
font-size: 18px;
color: var(--border);
}
.scrollbar-wrapper .elementor-swiper-button.elementor-swiper-button-prev {
margin-right: 7px;
}
.dark-swiper .scrollbar-wrapper .elementor-swiper-button {
border-color: rgba(255, 255, 255, 0.2);
}
.dark-swiper .scrollbar-wrapper .elementor-swiper-button i {
color: rgba(255, 255, 255, 0.2);
}
.elementor-widget-melawell-quick-link ul {
margin: 0;
padding: 0;
list-style: none;
}
.elementor-widget-melawell-quick-link ul li {
display: inline-block;
}
.elementor-widget-melawell-quick-link ul li.title {
font-weight: 500;
}
.elementor-widget-melawell-quick-link ul li.quick-link-item {
--quicklink_hover: var(--primary);
}
.elementor-widget-melawell-quick-link ul li.quick-link-item a {
color: var(--text);
background-image: linear-gradient(to right, var(--primary) 0%, var(--primary) 100%);
background-position: 0 calc(100% - 0em);
background-size: 0 1px;
background-repeat: no-repeat;
transition: background-size 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
background-image: linear-gradient(to right, var(--quicklink_hover) 0%, var(--quicklink_hover) 100%);
}
.elementor-widget-melawell-quick-link ul li.quick-link-item a:hover {
background-size: 100% 1px;
text-decoration: none;
}
.elementor-widget-melawell-quick-link ul li.quick-link-item a:hover {
color: var(--quicklink_hover);
}
.elementor-widget-melawell-quick-link li.title {
margin-right: 10px;
}
.elementor-widget-melawell-quick-link .divider {
display: inline-block;
margin: 0 10px;
}
.hide-count-cart-yes .site-header-cart .cart-contents .count {
display: none;
}
.hide-price-cart-yes .site-header-cart .cart-contents .amount {
display: none;
}
.post-style-1 .post-thumbnail {
overflow: hidden;
margin-bottom: 24px;
}
.post-style-1 .post-thumbnail img {
transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1);
}
.post-style-1 .entry-content .entry-title {
font-size: 18px;
line-height: 1.7777777778;
font-weight: 700;
margin-bottom: 14px;
}
.post-style-1:hover .post-thumbnail img {
transform: scale(1.15);
}
.post-style-2 .post-inner {
position: relative;
}
.post-style-2.no-thumbnail .post-inner {
width: 100%;
display: block;
padding-top: 120%;
background-color: rgba(0, 0, 0, 0.2);
}
.post-style-2 .post-thumbnail {
overflow: hidden;
padding-top: 120%;
position: relative;
}
.post-style-2 .post-thumbnail img {
transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1);
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 1;
}
.post-style-2 .post-thumbnail:before {
content: "";
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
background-color: rgba(0, 0, 0, 0.2);
z-index: 2;
pointer-events: none;
}
.post-style-2 .entry-content {
position: absolute;
left: 0;
right: 0;
bottom: 0;
padding: 24px 30px;
z-index: 3;
}
.post-style-2 .entry-content .entry-title {
font-size: 20px;
line-height: 1.6;
font-weight: 700;
margin-bottom: 12px;
color: #fff;
}
.post-style-2 .entry-content .entry-title a {
--primary: #fff;
color: #fff;
background-image: linear-gradient(to right, var(--primary) 0%, var(--primary) 100%);
background-position: 0 calc(100% - 0em);
background-size: 0 1px;
background-repeat: no-repeat;
transition: background-size 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
}
.post-style-2 .entry-content .entry-title a:hover {
background-size: 100% 1px;
text-decoration: none;
}
.post-style-2 .entry-content .meta-categories {
margin-bottom: 10px;
}
.post-style-2 .entry-content .entry-meta {
color: #fff;
}
.post-style-2 .entry-content .entry-meta a {
color: #fff;
}
.post-style-2 .entry-content .more-link {
--primary: #fff;
color: #fff;
}
.post-style-2:hover .post-thumbnail img {
transform: scale(1.15);
}
.elementor-widget-melawell-section-slider .elementor-section.elementor-section-stretched {
left: 50% !important;
margin-left: -50vw;
}
.elementor-widget-melawell-section-slider .swiper-pagination-bullet-active {
background-color: var(--primary);
border-radius: 6px;
}
.elementor-widget-melawell-section-slider .swiper-container-vertical .swiper-pagination-bullet-active {
height: 32px;
}
.elementor-widget-melawell-section-slider .swiper-container-horizontal .swiper-pagination-bullet-active {
width: 32px;
}
@media (max-width: 1023px) {
.elementor-widget-melawell-section-slider.disable-on-mobile-yes .elementor-swiper-button,
.elementor-widget-melawell-section-slider.disable-on-mobile-yes .swiper-pagination {
display: none;
}
.elementor-widget-melawell-section-slider.disable-on-mobile-yes .swiper-wrapper {
display: block;
max-height: unset !important;
}
.elementor-widget-melawell-section-slider.disable-on-mobile-yes .elementor-widget-container .swiper-container {
max-height: 999em !important;
}
}
@media (min-width: 768px) {
.elementor-section-slider-height-full .swiper-container {
height: 100vh;
}
}
.elementor-widget-melawell-nav-menu {
position: static;
}
.elementor-widget-melawell-nav-menu .site-navigation {
position: static;
}
.elementor-widget-melawell-nav-menu .site-navigation .sub-menu.mega-containerwidth {
width: calc(var(--container) - var(--grid-gutter));
left: 0;
}
.mega-menu .elementor-icon-list-items li.elementor-icon-list-item {
min-width: unset !important;
}
.mega-menu .elementor-icon-list-items li.elementor-icon-list-item a:not(.elementor-button-link) {
width: unset !important;
padding: 0;
}
.mega-menu .elementor-image-box-wrapper a:not(.elementor-button-link) {
width: unset !important;
}
.nav-vertiacl-menu-layout-content-style-2 .elementor-nav-vertiacl-menu-wrapper .vertical-navigation .vertical-menu {
opacity: 1;
visibility: visible;
z-index: 990;
}
.vertical-navigation {
position: relative;
height: 100%;
transition: all 0.1s ease;
}
.vertical-navigation .dropdown-toggle:empty {
display: none;
}
.vertical-navigation:after {
content: "";
display: block;
height: 10px;
width: 100%;
bottom: -10px;
background: transparent;
position: absolute;
}
.vertical-navigation:hover .vertical-navigation-header i {
color: #fff;
background: var(--primary);
border-radius: 20px 0 20px 20px;
}
.vertical-navigation .vertical-navigation-header {
font-size: 15px;
font-weight: 500;
color: var(--accent);
display: flex;
align-items: center;
height: 100%;
cursor: pointer;
background: rgba(255, 255, 255, 0.1);
position: relative;
}
.vertical-navigation .vertical-navigation-header:before {
font-family: "melawell-icon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
vertical-align: middle;
content: "\e002";
position: absolute;
top: 50%;
right: 24px;
transform: translateY(-50%);
font-weight: 700;
font-size: 14px;
}
.vertical-navigation .vertical-navigation-header i {
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
font-size: 16px;
vertical-align: middle;
margin-right: 12px;
display: inline-block;
width: 36px;
height: 36px;
border-radius: 20px;
text-align: center;
line-height: 36px;
}
.vertical-navigation .vertical-menu {
position: absolute;
top: 100%;
left: 0;
width: 100%;
opacity: 0;
visibility: hidden;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
transform: translateY(15px);
}
.vertical-navigation .vertical-menu .menu {
position: relative;
list-style: none;
margin: 0;
padding: 10px 0;
border: 0.5px solid var(--border);
}
.vertical-navigation .vertical-menu .menu > li > a {
position: relative;
padding: 12px 20px;
display: flex;
-webkit-box-align: center;
align-items: center;
border-bottom: 0.5px solid var(--border);
}
.vertical-navigation .vertical-menu .menu > li:last-child > a {
border-bottom: 0;
}
.vertical-navigation .vertical-menu .menu > li.has-mega-menu > a:after, .vertical-navigation .vertical-menu .menu > li.menu-item-has-children > a:after {
font-family: "melawell-icon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
vertical-align: middle;
content: "\e004";
float: right;
line-height: 24px;
color: var(--accent);
margin-left: auto;
}
.vertical-navigation:hover .vertical-menu {
opacity: 1;
visibility: visible;
z-index: 99;
transform: translateY(0);
}
.vertical-navigation ul.menu {
list-style: none;
margin: 0;
background-color: #FFFFFF;
}
.vertical-navigation ul.menu .sub-menu {
position: absolute;
padding: 13px 0;
left: 100%;
top: 0;
visibility: hidden;
opacity: 0;
list-style: none;
margin: 0;
background: #fff;
width: 260px;
box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.07);
z-index: 10;
}
.vertical-navigation ul.menu .sub-menu > li {
padding: 5px 25px;
}
.vertical-navigation ul.menu .sub-menu > li > a {
font-size: 14px;
color: var(--text);
position: relative;
transition: all 0.3s ease;
}
.vertical-navigation ul.menu .sub-menu > li:hover > a {
color: var(--primary);
}
.vertical-navigation ul.menu .sub-menu > li.current-menu-item > a {
color: var(--primary);
}
.vertical-navigation ul.menu > li:last-child:before {
display: none;
}
.vertical-navigation ul.menu > li > a {
color: var(--accent);
font-size: 13px;
display: block;
font-weight: 500;
}
.vertical-navigation ul.menu > li > a .menu-icon {
font-size: 24px;
margin-right: 15px;
color: var(--accent);
}
.vertical-navigation ul.menu > li:hover > .sub-menu {
opacity: 1;
visibility: visible;
min-height: 100%;
}
.vertical-navigation ul.menu > li:hover > a {
color: var(--primary);
}
.vertical-navigation ul.menu > li:hover > a .menu-icon {
color: var(--primary);
}
.vertical-navigation ul.menu > li:hover > a:after {
color: var(--primary) !important;
}
.vertical-navigation ul.menu > li.current-menu-item > a {
color: var(--primary);
}
.vertical-navigation ul.menu > li.current-menu-item > a .menu-icon {
color: var(--primary);
}
.elementor-video-popup {
display: inline-flex;
align-items: center;
}
.elementor-video-wrapper {
text-align: center;
}
.elementor-video-popup {
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
padding: 28px 31px;
border-radius: 50%;
border: 5px solid #fff;
}
.elementor-video-icon {
display: inline-flex;
align-items: center;
justify-content: center;
line-height: 1em;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.elementor-video-icon i {
font-size: 24px;
color: var(--accent);
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.elementor-search-form-wrapper form {
margin: 0;
}
.elementor-search-form-wrapper .melawell-search-product-form {
display: flex;
width: 100%;
border: 1px solid var(--border);
border-radius: 30px;
overflow: hidden;
}
.elementor-search-form-wrapper .melawell-search-product-form .product-cat {
position: relative;
}
.elementor-search-form-wrapper .melawell-search-product-form .product-cat .product-cat-label {
position: relative;
white-space: nowrap;
color: #fff;
}
.elementor-search-form-wrapper .melawell-search-product-form .product-cat .product-cat-label .box {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
padding: 12px 25px;
background: var(--background);
line-height: 26px;
color: var(--accent);
height: 100%;
cursor: pointer;
border-right: 0;
font-size: 15px;
}
.elementor-search-form-wrapper .melawell-search-product-form .product-cat .product-cat-label i {
margin-right: 10px;
}
.elementor-search-form-wrapper .melawell-search-product-form .product-cat select {
position: absolute;
opacity: 0;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.elementor-search-form-wrapper .melawell-search-product-form .search-wrapper {
display: flex;
flex: 1;
position: relative;
background: var(--background);
}
.elementor-search-form-wrapper .melawell-search-product-form .search-wrapper .search-field {
float: left;
width: 100%;
border: 0;
background: #fff;
padding: 12px 0 12px 1em;
}
.elementor-search-form-wrapper .melawell-search-product-form button[type=submit] {
float: right;
font-weight: 500;
padding: 12px 30px;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
@media (max-width: 767px) {
.elementor-search-form-wrapper .melawell-search-product-form .product-cat {
display: none;
}
}
.site-header-search .button-search-popup {
font-size: 24px;
color: var(--accent);
line-height: 1;
}
.site-header-search .button-search-popup i {
vertical-align: top;
}
.site-header-search .button-search-popup:hover {
color: var(--primary);
}
.search-popup-active {
overflow: hidden;
}
.site-search-popup {
position: fixed;
width: 100vw;
height: 100vh;
top: 0;
left: 0;
z-index: 99999;
background-color: rgba(0, 0, 0, 0.7);
transition: all ease-in-out 0.3s;
opacity: 0;
visibility: hidden;
pointer-events: none;
}
.site-search-popup .site-search {
position: relative;
}
.site-search-popup .product-cat {
display: none;
}
.site-search-popup .site-search-popup-wrap {
display: flex;
align-items: center;
justify-content: center;
position: relative;
padding: 40px;
background-color: #fff;
transform: translateY(-100%);
transition: all ease-in-out 0.3s;
}
@media (min-width: 1024px) {
.site-search-popup .site-search-popup-wrap {
padding: 80px;
}
}
.site-search-popup .site-search-popup-wrap .site-search-popup-close {
position: absolute;
right: 10px;
top: 10px;
font-size: 20px;
line-height: 1;
width: 18px;
height: 18px;
}
@media (min-width: 1024px) {
.site-search-popup .site-search-popup-wrap .site-search-popup-close {
top: 20px;
right: 30px;
}
}
.site-search-popup .site-search-popup-wrap .site-search-popup-close:before, .site-search-popup .site-search-popup-wrap .site-search-popup-close:after {
content: "\20";
position: absolute;
top: 50%;
display: inline-block;
margin-top: -1px;
width: 18px;
height: 2px;
background-color: var(--accent);
transition: background-color 0.2s ease-in-out, transform 0.2s ease-in-out, width 0.2s ease-in-out;
right: 0;
transform: rotate(-45deg);
}
.site-search-popup .site-search-popup-wrap .site-search-popup-close:before {
transform: rotate(45deg);
}
.site-search-popup .site-search-popup-wrap .site-search-popup-close:hover:before, .site-search-popup .site-search-popup-wrap .site-search-popup-close:hover:after {
transform: rotate(0);
}
.site-search-popup .site-search-popup-wrap .site-search {
display: block;
max-width: 600px;
width: 100%;
}
@media (max-width: 767px) {
.site-search-popup .site-search-popup-wrap .site-search {
max-width: 300px;
}
}
.site-search-popup .site-search-popup-wrap .site-search .widget {
margin-bottom: 0;
border: none;
}
.site-search-popup .site-search-popup-wrap .site-search .ajax-search-result {
max-height: 50vh;
}
.search-popup-active .site-search-popup {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.search-popup-active .site-search-popup .site-search-popup-wrap {
transform: translateY(0);
}
.woocommerce-product-search.loading:before {
display: none;
}
.woocommerce-product-search.loading .search-wrapper:after {
border-width: 1px;
border-color: #666 #666 #666 transparent;
border-radius: 50%;
border-style: solid;
-webkit-animation: mf-spin-fast 1s linear infinite;
animation: mf-spin-fast 1s linear infinite;
content: "";
width: 20px;
height: 20px;
font-weight: 400;
position: absolute;
top: 50%;
right: 15px;
margin-top: -10px;
z-index: 999;
}
.elementor-widget-melawell-search.style-icon .product-cat {
display: none;
}
.elementor-widget-melawell-search.style-icon .melawell-search-product-form .search-wrapper .search-field {
padding: 8px 0 8px 1em;
}
.elementor-widget-melawell-search.style-icon .melawell-search-product-form button[type=submit] {
min-width: 36px;
padding: 0;
margin: 2px;
background: var(--text);
border-radius: 50%;
color: #fff;
}
.elementor-widget-melawell-search.style-icon .melawell-search-product-form button[type=submit] span {
display: none;
}
.elementor-widget-melawell-search.style-icon .melawell-search-product-form button[type=submit] i {
color: #fff;
font-size: 15px;
line-height: 32px;
}
.elementor-widget-melawell-search.style-icon .melawell-search-product-form button[type=submit]:hover {
background: var(--accent);
}
.elementor-widget-melawell-search.style-button .melawell-search-product-form button[type=submit] i {
display: none;
}
.elementor-widget-melawell-search.style-button .search-wrapper:before {
font-family: "melawell-icon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
vertical-align: middle;
content: "\e046";
line-height: 50px;
font-size: 24px;
margin-left: 16px;
}
@keyframes mf-spin-fast {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
50% {
-webkit-transform: rotate(900deg);
transform: rotate(900deg);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
to {
-webkit-transform: rotate(1800deg);
transform: rotate(1800deg);
}
}
@-webkit-keyframes mf-spin-fast {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
50% {
-webkit-transform: rotate(900deg);
transform: rotate(900deg);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
to {
-webkit-transform: rotate(1800deg);
transform: rotate(1800deg);
}
}
@-o-keyframes mf-spin-fast {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
50% {
-webkit-transform: rotate(900deg);
transform: rotate(900deg);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
to {
-webkit-transform: rotate(1800deg);
transform: rotate(1800deg);
}
}
@-ms-keyframes mf-spin-fast {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
50% {
-webkit-transform: rotate(900deg);
transform: rotate(900deg);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
to {
-webkit-transform: rotate(1800deg);
transform: rotate(1800deg);
}
}
.mobile-navigation {
clear: both;
}
.mobile-navigation #menu-main-menu > li > .sub-menu {
background-color: var(--background2);
}
.mobile-navigation ul {
margin: 0;
list-style: none;
font-size: 14px;
}
.mobile-navigation ul > li:first-child {
border: none;
}
.mobile-navigation ul li {
position: relative;
border-style: solid;
border-width: 1px 0 0 0;
border-color: rgba(255, 255, 255, 0.1);
}
.mobile-navigation ul li a {
padding: 10px 20px;
display: block;
color: var(--accent);
border-bottom: 1px solid var(--border);
}
.mobile-navigation ul li button::after {
transition: all, ease, 0.9s;
}
.mobile-navigation ul li button.toggled-on::after {
transform: rotate(180deg);
}
.mobile-navigation ul .sub-menu {
display: none;
padding-left: 30px;
}
.mobile-navigation ul .sub-menu li a {
padding: 10px 0.5em;
font-size: 13px;
}
.mobile-navigation .dropdown-toggle {
background: transparent;
position: absolute;
top: 0;
right: 0;
display: block;
padding: 0.5em 15px;
border: none;
border-radius: 0;
height: 39px;
}
.mobile-navigation .dropdown-toggle:before {
color: var(--accent);
}
.mobile-navigation .dropdown-toggle:focus, .mobile-navigation .dropdown-toggle:hover {
outline: none;
background-color: transparent;
}
.mobile-navigation ul li button::before {
font-family: "melawell-icon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
vertical-align: middle;
content: "\e002";
}
.mobile-navigation ul li button:after {
content: none;
}
.elementor-canvas-menu-wrapper .menu-mobile-nav-button {
line-height: 0;
display: inline-block;
color: var(--accent);
}
.elementor-canvas-menu-wrapper .menu-mobile-nav-button:hover {
color: var(--primary_hover);
}
.melawell-mobile-nav {
display: flex;
flex-direction: column;
justify-content: space-between;
position: fixed;
width: 350px;
top: 0;
bottom: 0;
left: 0;
z-index: 99999;
overflow: hidden;
overflow-y: auto;
background-color: var(--background);
transition: transform 0.25s ease;
-webkit-transform: translate3d(-350px, 0, 0);
transform: translate3d(-350px, 0, 0);
}
.melawell-mobile-nav .mobile-nav-close {
color: var(--accent);
clear: both;
background: var(--background2);
position: absolute;
top: 0;
right: 0;
width: 70px;
text-align: center;
line-height: 65px;
font-size: 20px;
}
.melawell-mobile-nav .mobile-nav-tabs {
clear: both;
padding: 0;
background: var(--background2);
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
margin-bottom: 15px;
}
.melawell-mobile-nav .mobile-nav-tabs ul {
display: flex;
align-items: center;
flex-direction: row;
list-style: none;
margin: 0;
justify-content: space-between;
margin-right: 70px;
}
.melawell-mobile-nav .mobile-nav-tabs ul li {
display: flex;
align-items: center;
position: relative;
text-align: left;
font-weight: 500;
line-height: 15px;
padding: 25px 20px;
color: var(--accent);
cursor: pointer;
}
.melawell-mobile-nav .mobile-nav-tabs ul li span {
position: relative;
}
.melawell-mobile-nav .mobile-nav-tabs ul li.active span:before {
content: "";
position: absolute;
left: -5%;
bottom: -25px;
height: 2px;
width: 110%;
background: var(--primary);
}
.melawell-mobile-nav .mobile-menu-tab {
display: none;
}
.melawell-mobile-nav .mobile-menu-tab.active {
display: block;
}
.melawell-mobile-nav .melawell-language-switcher-mobile {
line-height: 0;
padding: 0 0.5em;
}
.melawell-mobile-nav .melawell-language-switcher-mobile .menu {
list-style: none;
margin: 0;
padding: 10px 0;
border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.melawell-mobile-nav .melawell-language-switcher-mobile .item {
display: inline-block;
margin-bottom: 5px;
margin-top: 5px;
}
.melawell-mobile-nav .melawell-language-switcher-mobile .item .language-switcher-head {
padding-right: 5px;
}
.melawell-mobile-nav .melawell-language-switcher-mobile .item a {
display: block;
padding: 0 5px;
}
.melawell-mobile-nav .melawell-language-switcher-mobile .item:last-child {
margin-right: 0;
}
.melawell-mobile-nav .melawell-language-switcher-mobile .item img {
width: 24px;
height: 16px;
object-fit: cover;
}
.mobile-nav-active .melawell-mobile-nav {
transform: none;
}
.admin-bar .melawell-mobile-nav {
top: 0;
}
@media (min-width: 783px) {
.admin-bar .melawell-mobile-nav {
top: 32px;
}
}
@media (min-width: 601px) and (max-width: 782px) {
.admin-bar .melawell-mobile-nav {
top: 46px;
}
}
.melawell-mobile-nav .search-form {
margin-top: 1em;
}
.melawell-overlay {
position: fixed;
width: 100vw;
height: 100vh;
top: 0;
bottom: 0;
left: 0;
z-index: 997;
opacity: 0;
background-color: rgba(0, 0, 0, 0.7);
visibility: hidden;
transition: opacity 0.25s ease, visibility 0s ease;
}
.mobile-nav-active .melawell-overlay {
visibility: visible;
opacity: 1;
}
.menu-mobile-nav-button {
display: block;
font-size: 15px;
color: var(--accent);
}
.menu-mobile-nav-button i {
font-size: 22px;
}
html {
overflow-x: hidden;
}
#page {
transition: all 0.25s ease;
}
.mobile-nav-active {
overflow: hidden;
}
.mobile-nav-active #page {
margin-left: 300px;
margin-right: -300px;
}
a.elementor-button, button.elementor-button {
line-height: initial;
border-radius: 0;
}
.elementor-widget-button.button-style-melawell-yes .elementor-button,
.elementor-widget-melawell-button-popup.button-style-melawell-yes .elementor-button {
position: relative;
background-color: transparent;
color: var(--accent);
padding: 0;
}
.elementor-widget-button.button-style-melawell-yes .elementor-button .elementor-button-content-wrapper:after,
.elementor-widget-melawell-button-popup.button-style-melawell-yes .elementor-button .elementor-button-content-wrapper:after {
font-family: "melawell-icon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
vertical-align: middle;
content: "\e008";
order: 100;
margin-left: 20px;
border: 1px solid;
border-radius: 50%;
width: 60px;
height: 60px;
line-height: 60px;
text-align: center;
}
@media (max-width: 880px) {
.elementor-widget-button.button-style-melawell-yes .elementor-button .elementor-button-content-wrapper:after,
.elementor-widget-melawell-button-popup.button-style-melawell-yes .elementor-button .elementor-button-content-wrapper:after {
width: 40px;
height: 40px;
line-height: 40px;
font-size: 14px;
}
}
@media (max-width: 550px) {
.elementor-widget-button.button-style-melawell-yes .elementor-button .elementor-button-content-wrapper:after,
.elementor-widget-melawell-button-popup.button-style-melawell-yes .elementor-button .elementor-button-content-wrapper:after {
width: 22px;
height: 22px;
line-height: 22px;
font-size: 10px;
margin-left: 10px;
}
}
.elementor-widget-button.button-style-melawell-yes .elementor-button:hover,
.elementor-widget-melawell-button-popup.button-style-melawell-yes .elementor-button:hover {
color: var(--primary);
}
@keyframes border-slide {
0% {
width: 100%;
}
50% {
width: 0;
}
100% {
left: 0;
right: unset;
width: 100%;
}
}
@-webkit-keyframes border-slide {
0% {
width: 100%;
}
50% {
width: 0;
}
100% {
left: 0;
right: unset;
width: 100%;
}
}
:root {
--bg-contact-label: var(--background);
}
.wpcf7-form {
margin-bottom: 0;
position: relative;
}
.wpcf7-form label {
display: inline-block;
font-weight: 500;
font-size: 15px;
}
.wpcf7-form input:not(.wpcf7-submit), .wpcf7-form textarea {
width: 100%;
}
.wpcf7-form .contact-column {
display: grid;
column-gap: 1em;
grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 767px) {
.wpcf7-form .contact-column {
grid-template-columns: repeat(1, 1fr);
}
}
.wpcf7-form .contact-column > input {
margin-bottom: 1em;
}
.wpcf7-form select:not([size]):not([multiple]) {
background-color: transparent;
margin-bottom: 20px;
min-height: 55px;
padding: 0 20px;
}
.wpcf7-form select:not([size]):not([multiple]) option {
color: var(--accent);
}
.wpcf7-form label, .wpcf7-form input, .wpcf7-form textarea {
transition: all 0.2s;
touch-action: manipulation;
}
.wpcf7-form input[type=submit] {
display: block;
margin-top: 1em;
}
.wpcf7-form p:last-child {
margin-bottom: 0;
}
.wpcf7 .ajax-loader {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.elementor-team-wrapper {
text-align: center;
}
.elementor-team-wrapper .team-caption-footer {
position: relative;
}
.elementor-team-wrapper .team-icon-details-inner {
display: flex;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
align-items: center;
justify-content: center;
}
.elementor-team-wrapper .team-icon-socials {
display: flex;
align-items: center;
justify-content: center;
z-index: 9;
opacity: 0;
transform: translateX(-20px);
transition: transform 1s 0.35s, opacity 1s 0.35s;
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.elementor-team-wrapper .team-icon-socials .team-icon-socials-title {
font-weight: 500;
font-size: 14px;
line-height: 30px;
}
.elementor-team-wrapper .team-icon-socials ul {
list-style: none;
display: flex;
justify-content: center;
align-items: center;
margin: 0;
}
.elementor-team-wrapper .team-icon-socials ul li {
padding: 0;
line-height: 1;
list-style: none;
margin-left: 15px;
}
.elementor-team-wrapper .team-icon-socials ul li a {
font-size: 16px;
}
.elementor-team-wrapper .team-icon-socials ul li a:hover {
color: var(--accent);
}
.elementor-team-wrapper .team-image {
position: relative;
overflow: hidden;
margin-bottom: 20px;
}
.elementor-team-wrapper .team-image img {
margin: 0 auto;
border-radius: 50%;
width: 160px;
height: 160px;
object-fit: cover;
border: 3px solid var(--primary);
}
.elementor-team-wrapper .team-caption {
position: relative;
}
.elementor-team-wrapper .team-name {
font-size: 24px;
line-height: 1.5;
font-weight: 500;
color: var(--accent);
font-family: "Aktiv Grotesk Corp", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}
.elementor-team-wrapper .team-job {
font-weight: 400;
color: var(--text);
transition: transform 1s 0.35s, opacity 1s 0.35s;
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.elementor-team-wrapper:hover .team-icon-socials {
opacity: 1;
transform: translateX(0);
}
.elementor-team-wrapper:hover .team-job {
opacity: 0;
transform: translateX(20px);
pointer-events: none;
}
.elementor-widget-melawell-tabs.elementor-tabs-view-vertical .elementor-tabs-content-wrapper {
border: none;
}
.elementor-widget-melawell-tabs.elementor-tabs-view-vertical .elementor-tabs-wrapper {
padding: 30px;
margin-right: 30px;
height: fit-content;
background: var(--background2);
}
.elementor-widget-melawell-tabs.elementor-tabs-view-vertical .elementor-tab-desktop-title.elementor-active:before {
content: none;
}
.elementor-widget-melawell-tabs.elementor-tabs-view-vertical .elementor-tab-desktop-title.elementor-active:after {
content: none;
}
.elementor-widget-melawell-tabs .elementor-tabs-content-wrapper {
border: none;
}
.elementor-widget-melawell-tabs .elementor-tab-desktop-title {
border: none;
}
.elementor-widget-melawell-tabs .elementor-tabs-wrapper .elementor-tab-title {
border-bottom: 1px solid var(--border);
}
.elementor-widget-melawell-tabs .elementor-tabs-wrapper .elementor-tab-title:last-child {
border-bottom: none;
}
.elementor-widget-melawell-tabs .elementor-tab-title {
padding: 20px 0;
font-weight: 400;
font-size: 15px;
text-transform: uppercase;
color: var(--accent);
}
.elementor-widget-melawell-tabs .elementor-tab-title.elementor-active {
color: var(--primary);
}
.elementor-widget-melawell-tabs .elementor-tab-content {
padding: 0;
border: none;
}
.elementor-widget-melawell-tabs .elementor-tab-mobile-title {
padding: 20px;
margin-bottom: 15px;
border: none;
background: #F4F5F5;
}
@media (min-width: 768px) {
.elementor-widget-melawell-tabs .elementor-tabs .elementor-tab-mobile-title {
display: none !important;
}
}
.melawell-language-switcher ul {
list-style-type: none;
margin: 0;
padding: 0;
font-size: 12px;
}
.melawell-language-switcher span {
color: var(--text);
}
.melawell-language-switcher span .title {
font-weight: 500;
}
.melawell-language-switcher a {
display: block;
}
.melawell-language-switcher img {
display: inline-block;
margin-right: 5px;
height: 12px;
object-fit: cover;
}
.melawell-language-switcher .item > div {
display: flex;
cursor: pointer;
align-items: center;
}
.melawell-language-switcher .item > div i {
font-size: 10px;
margin-right: 5px;
color: var(--text);
}
.melawell-language-switcher .sub-item {
display: none;
position: absolute;
left: 0;
z-index: 999;
text-align: left;
top: calc(100% + 5px);
padding: 10px 0;
background-color: var(--background2);
box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.05);
}
.melawell-language-switcher .sub-item:before {
position: absolute;
content: "";
display: block;
width: 100%;
height: 1rem;
top: -1rem;
}
.melawell-language-switcher .sub-item a {
display: flex;
align-items: center;
padding: 10px 15px;
min-width: 126px;
white-space: nowrap;
}
.melawell-language-switcher .sub-item a:hover, .melawell-language-switcher .sub-item a:focus {
background-color: rgba(0, 0, 0, 0.05);
}
.melawell-language-switcher li.item {
position: relative;
}
.melawell-language-switcher li.item > div span.title:after {
margin-left: 0.5em;
margin-top: -1px;
}
.melawell-language-switcher li.item:hover .sub-item {
display: block;
}
.language-switcher-style-hover-right-yes .melawell-language-switcher .sub-item {
right: 0;
left: unset;
}
.elementor-widget-melawell-mailchmip .mc4wp-form-fields {
display: flex;
flex-wrap: wrap;
}
.elementor-widget-melawell-mailchmip .mc4wp-form-fields input[type=email] {
flex: 1;
}
.elementor-widget-melawell-mailchmip .mc4wp-form-fields input[type=submit] {
margin-left: 16px;
}
@media (max-width: 420px) {
.elementor-widget-melawell-mailchmip .mc4wp-form-fields input[type=submit],
.elementor-widget-melawell-mailchmip .mc4wp-form-fields input[type=email] {
width: 100%;
}
.elementor-widget-melawell-mailchmip .mc4wp-form-fields input[type=submit] {
margin-left: 0;
margin-top: 10px;
}
}
.elementor-widget-melawell-mailchmip form {
margin-bottom: 0;
}
.elementor_library-template-default .entry-header,
.elementor_library-template-default #post-navigation,
.elementor_library-template-default .entry-taxonomy {
display: none;
}
.header-absolute {
position: absolute;
width: 100%;
z-index: 99 !important;
background-color: transparent !important;
}
.header-absolute.elementor-section.elementor-section-stretched {
position: absolute;
}
.single-product .melawell-breadcrumb-build, .home .melawell-breadcrumb-build {
display: none;
}
.single-product .melawell-breadcrumb-build > .elementor-container, .single-post .melawell-breadcrumb-build > .elementor-container {
min-height: unset !important;
}
.sticky-header {
--header-height: 150px;
--opacity: 1;
--shrink-me: 0.40;
--sticky-background-color: #2B3446;
--transition: .3s ease-in-out;
transition: background-color var(--transition), background-image var(--transition), backdrop-filter var(--transition), opacity var(--transition);
}
.sticky-header.elementor-sticky--effects {
background-color: var(--sticky-background-color) !important;
background-image: none !important;
opacity: var(--opacity) !important;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
}
.sticky-header > .elementor-container {
transition: min-height var(--transition);
}
.sticky-header.elementor-sticky--effects > .elementor-container {
min-height: calc(var(--header-height) * var(--shrink-me)) !important;
height: calc(var(--header-height) * var(--shrink-me));
}
.sticky-header .elementor-nav-menu .elementor-item {
transition: padding var(--transition);
}
.sticky-header.elementor-sticky--effects .elementor-nav-menu .elementor-item {
padding-bottom: 10px !important;
padding-top: 10px !important;
}
.sticky-header > .elementor-container .logo img {
transition: max-width var(--transition);
}
.sticky-header.elementor-sticky--effects .logo img {
max-width: calc(100% * var(--shrink-me));
}
:root {
--scroll-bar: 8px;
}
body:not(.has-scrollbar) [data-elementor-type=wp-page] .elementor-section.elementor-section-stretched {
width: 100vw !important;
margin-left: calc(-50vw + 50%) !important;
margin-right: calc(-50vw + 50%) !important;
left: 0 !important;
}
body.has-scrollbar [data-elementor-type=wp-page] .elementor-section.elementor-section-stretched {
width: calc(100vw - 20px) !important;
margin-left: calc(-50vw + 50% + 10px) !important;
margin-right: calc(-50vw + 50% + 10px);
left: 0 !important;
}
@supports (--css: variables) {
body.has-scrollbar [data-elementor-type=wp-page] .elementor-section.elementor-section-stretched {
width: calc(100vw - var(--scroll-bar)) !important;
margin-left: calc(-50vw + 50% + (var(--scroll-bar) / 2)) !important;
margin-right: calc(-50vw + 50% + (var(--scroll-bar) / 2)) !important;
left: 0 !important;
}
}
.elementor-button-wrapper .elementor-button-content-wrapper {
align-items: center;
}
.elementor-button-wrapper .elementor-button-icon {
line-height: 1;
}
[data-elementor-type=wp-page] .elementor-section-wrap {
overflow: hidden;
}
@media (max-width: 1320px) {
.site-main {
overflow: hidden;
}
}
.site-main [data-elementor-type=wp-page] .elementor-section-wrap {
overflow: inherit;
}
.elementor-widget-counter .elementor-counter-number-wrapper {
font-size: 80px;
line-height: 62px;
font-weight: 400;
margin-bottom: 12px;
justify-content: flex-start;
font-family: "Aktiv Grotesk Corp", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}
.elementor-widget-counter .elementor-counter-number-prefix, .elementor-widget-counter .elementor-counter-number-suffix {
flex-grow: unset;
}
.elementor-widget-counter .elementor-counter-title {
font-weight: 400;
font-size: 15px;
line-height: 30px;
text-transform: uppercase;
text-align: left;
color: var(--accent);
font-family: "Aktiv Grotesk Corp", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}
.elementor-widget-icon-list ul.elementor-icon-list-items {
margin: 0;
}
.elementor-widget-icon-list ul.elementor-icon-list-items li.elementor-icon-list-item {
margin-bottom: 0;
padding-left: 0;
}
.elementor-widget-icon-list.elementor-icon-list-position-right .elementor-icon-list-item {
flex-direction: row-reverse;
}
.elementor-widget-icon-list.elementor-icon-list-position-right .elementor-icon-list-item a {
flex-direction: row-reverse;
}
.elementor-widget-icon-list.elementor-icon-list-position-right .elementor-icon-list-text {
flex: 1;
}
.heading-style-melawell-yes .elementor-heading-title {
writing-mode: vertical-rl;
transform: rotate(180deg);
}
.elementor-widget-melawell-thumbnail .elementor-widget-container img {
width: 100%;
object-fit: cover;
}
.project-detail-wrapper .project-type {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}
.project-detail-wrapper .title {
margin-bottom: 0;
font-size: 18px;
color: var(--accent);
}
.project-detail-wrapper .type {
color: var(--light);
}
.elementor-widget-melawell-countdown .elementor-melawell-countdown {
display: flex;
flex-wrap: wrap;
justify-content: center;
flex-direction: row;
margin-right: auto;
margin-left: auto;
}
.elementor-widget-melawell-countdown .elementor-countdown-item {
display: flex;
flex-direction: column;
justify-content: center;
position: relative;
}
.elementor-widget-melawell-countdown .elementor-countdown-item:not(:last-child) .elementor-countdown-digits {
position: relative;
}
.elementor-widget-melawell-countdown .elementor-countdown-item:not(:last-child) .elementor-countdown-digits:after {
content: "\3a";
position: absolute;
top: 50%;
right: -10px;
transform: translateY(-50%);
}
.elementor-widget-melawell-countdown .elementor-countdown-digits {
font-weight: 500;
line-height: 1;
}
.melawell-elementor-image-gallery .column-item {
margin-bottom: 30px;
}
.melawell-elementor-image-gallery .image-holder {
position: relative;
display: block;
height: 100%;
}
.melawell-elementor-image-gallery .image-holder:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0);
transition: all 0.3s ease;
}
.melawell-elementor-image-gallery .image-holder img {
height: 100%;
width: 100%;
object-fit: cover;
}
.melawell-elementor-image-gallery .image-holder .gallery-item-overlay {
position: absolute;
top: 15px;
bottom: 15px;
left: 15px;
right: 15px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
opacity: 0;
transition: opacity 0.2s, transform 0.35s;
transform: translate3d(0, 40px, 0);
}
.elementor-image-gallery-hide-title-yes .melawell-elementor-image-gallery .image-holder .gallery-item-overlay {
display: none;
}
.melawell-elementor-image-gallery .image-holder .gallery-item-overlay h6 {
font-size: 18px;
font-weight: 500;
color: #fff;
text-transform: uppercase;
margin-bottom: 4px;
}
.melawell-elementor-image-gallery .image-holder .gallery-item-overlay span {
color: #ccc;
}
.melawell-elementor-image-gallery .image-holder:hover:before {
background: rgba(0, 0, 0, 0.7);
}
.melawell-elementor-image-gallery .image-holder:hover .gallery-item-overlay {
opacity: 1;
transform: translate3d(0, 0, 0);
}
.elementor-widget-melawell-side-template .site-header-button .button-content {
display: flex;
flex-direction: column;
justify-content: center;
}
.elementor-widget-melawell-side-template .site-header-button .button-content > span {
display: block;
width: 25px;
height: 2px;
margin-bottom: 6px;
background-color: #000000;
transition: all 0.3s ease;
}
.elementor-widget-melawell-side-template .site-header-button .button-content > span.icon-2 {
width: 20px;
}
.elementor-widget-melawell-side-template .site-header-button .button-content > span.icon-3 {
margin-bottom: 0;
}
.elementor-widget-melawell-side-template .site-header-button .button-content:hover > span {
width: 25px;
}
.site-header-account .account-dropdown.active {
pointer-events: auto;
opacity: 1;
visibility: visible;
z-index: 999;
}
.button-side-heading {
text-align: right;
padding: 20px 0;
}
.button-side-heading .close-button-side {
width: 30px;
height: 30px;
display: inline-flex;
justify-content: center;
align-items: center;
font-size: 24px;
line-height: 1;
border: 1px solid transparent;
}
.button-side-heading .close-button-side i:before {
color: var(--light);
}
.button-side-heading .close-button-side:hover {
border-color: var(--primary);
}
.button-side-heading .close-button-side:hover i:before {
color: var(--primary);
}
.header-button-canvas {
display: flex;
flex-direction: column;
right: 0;
position: fixed;
top: 0;
bottom: 0;
overflow: hidden;
overflow-y: auto;
width: 300px;
padding: 0 30px;
background-color: var(--dark);
transition: transform 0.25s ease;
z-index: 99999999;
transform: translate3d(300px, 0, 0);
}
@media (min-width: 1024px) {
.header-button-canvas {
width: 450px;
padding: 0 50px;
transform: translate3d(450px, 0, 0);
}
}
.button-side-overlay {
position: fixed;
width: 100vw;
height: 100vh;
top: 0;
bottom: 0;
left: 0;
z-index: 997;
opacity: 0;
background-color: rgba(0, 0, 0, 0.7);
visibility: hidden;
transition: opacity 0.25s ease, visibility 0s ease;
}
.header-button-canvas.active {
transform: none;
z-index: 999999999;
}
.header-button-canvas.active + .button-side-overlay {
visibility: visible;
opacity: 1;
}
.button-popup-content {
background-color: var(--background);
max-width: 700px;
padding: 60px;
margin: 20px auto;
position: relative;
width: auto;
}
@media (max-width: 500px) {
.button-popup-content {
padding: 60px 15px 30px;
}
}
.button-popup-content .mfp-close {
font-size: 48px;
width: 60px;
height: 60px;
opacity: 1;
line-height: 60px;
}
.button-popup-content .mfp-close:hover {
color: var(--primary);
}
.mfp-zoom-in .button-popup-content {
opacity: 0;
transition: all 0.2s ease-in-out;
transform: scale(0.8);
}
.mfp-zoom-in.mfp-ready .button-popup-content {
opacity: 1;
transform: scale(1);
}
.mfp-zoom-in.mfp-ready.mfp-bg {
opacity: 0.8;
}
.mfp-zoom-in.mfp-bg {
opacity: 0;
transition: all 0.3s ease-out;
}
.mfp-zoom-in.mfp-removing .button-popup-content {
transform: scale(0.8);
opacity: 0;
}
.mfp-zoom-in.mfp-removing.mfp-bg {
opacity: 0;
}
.elementor-widget-melawell-map-location .elementor-widget-container .melawell-addons-map-location {
margin: auto;
object-fit: cover;
}
.elementor-widget-melawell-map-location .elementor-widget-container .melawell-map-location-content {
position: absolute;
}
.elementor-widget-melawell-map-location .elementor-widget-container .melawell-map-location-icon {
line-height: 1;
text-align: center;
}
.elementor-widget-melawell-map-location .elementor-widget-container .melawell-map-location-icon .icon {
font-size: 10px;
cursor: pointer;
color: var(--primary);
}
.elementor-widget-melawell-map-location .elementor-widget-container .melawell-map-location-icon .title {
display: block;
position: absolute;
bottom: calc(100% + 100px);
left: 50%;
transform: translateX(-50%);
font-size: 14px;
line-height: 20px;
text-transform: uppercase;
font-weight: 400;
opacity: 1;
visibility: visible;
color: var(--accent);
}
.elementor-widget-melawell-map-location .elementor-widget-container .melawell-map-location-icon .title:before {
content: "";
display: inline-block;
position: absolute;
width: 1px;
height: 105px;
bottom: -105px;
left: 50%;
background-color: var(--primary);
transform: translate(-50%, 0);
}
.elementor-widget-melawell-map-location .elementor-widget-container .melawell-map-location-icon .title span {
position: absolute;
top: -10px;
left: 0;
display: flex;
align-items: center;
}
.elementor-widget-melawell-map-location .elementor-widget-container .melawell-map-location-icon .title span:before {
content: "";
display: inline-block;
height: 1px;
width: 25px;
margin-right: 5px;
background-color: var(--primary);
}
.melawell-modern-heading {
max-width: 100%;
}
.melawell-modern-heading .heading-primary-wrap,
.melawell-modern-heading .heading-secondary-wrap {
line-height: 1;
}
.melawell-modern-heading .heading-primary,
.melawell-modern-heading .heading-secondary,
.melawell-modern-heading .heading-description,
.melawell-modern-heading .heading-divider {
display: inline-block;
margin-bottom: 0;
}
.melawell-modern-heading .heading-secondary-wrap {
margin-bottom: 10px;
}
.melawell-modern-heading a {
display: block;
color: inherit;
font-size: inherit;
}
.melawell-modern-heading a:hover {
color: inherit;
font-size: inherit;
}
.melawell-modern-heading mark span {
margin-left: 5px;
}
.melawell-modern-heading .heading-secondary {
font-size: 13px;
letter-spacing: 0.3em;
font-weight: 500;
color: var(--primary);
line-height: 2.3;
text-transform: uppercase;
}
.melawell-modern-heading .heading-divider-wrap {
line-height: 0;
margin-top: 10px;
}
.melawell-modern-heading .heading-devider__curly {
margin-top: 7px;
}
.melawell-modern-heading .heading-divider {
height: 2px;
width: 90px;
background: var(--primary);
}
.heading-description-wrap {
margin-top: 30px;
}
.melawell-modern-heading--style-01 .melawell-modern-heading {
border-left: 3px solid var(--primary);
padding-left: 30px;
}
.melawell-link-animate-border .heading-primary a:hover mark:before {
transform: scaleX(0) translateZ(0);
transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.melawell-link-animate-border .heading-primary a:hover mark:after {
transform: scaleX(1) translateZ(0);
transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s, -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s;
}
.melawell-link-animate-border .heading-primary a mark {
position: relative;
display: inline-block;
line-height: 1;
padding: 3px 0;
}
.melawell-link-animate-border .heading-primary a mark:before, .melawell-link-animate-border .heading-primary a mark:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
background: #e0e0e0;
transform-origin: right;
transform: scaleX(1) translateZ(0);
transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s, -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s;
}
.melawell-link-animate-border .heading-primary a mark:after {
transform-origin: left;
}
.melawell-link-animate-border .heading-primary a mark:after {
transform: scaleX(0) translateZ(0);
transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.melawell-link-animate-border-02 .heading-primary a:hover mark:before {
width: 100%;
left: 0;
right: auto;
}
.melawell-link-animate-border-02 .heading-primary a mark {
position: relative;
display: inline-block;
line-height: 1;
padding: 3px 0;
}
.melawell-link-animate-border-02 .heading-primary a mark:before {
content: "";
width: 0;
height: 1px;
position: absolute;
left: auto;
right: 0;
bottom: 0;
transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
background: #e0e0e0;
}
.elementor-widget-melawell-modern-slider .elementor-widget-container {
overflow: hidden;
}
.melawell-modern-slider {
--ken-burn-speed: 5000ms;
}
.melawell-modern-slider .melawell-box {
height: 800px;
overflow: hidden;
display: block;
}
.melawell-modern-slider .melawell-box-inner {
max-width: var(--container);
margin: 0 auto;
height: 100%;
}
.melawell-modern-slider .skeleton-body,
.melawell-modern-slider .skeleton-item {
height: 100%;
}
.melawell-modern-slider .slide-bg-wrap {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.melawell-modern-slider .slide-bg {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: #111;
}
.melawell-modern-slider .container,
.melawell-modern-slider .row {
height: 100%;
}
.melawell-modern-slider .slide-content {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
height: 100%;
max-width: 100%;
margin: 0 auto;
}
.melawell-modern-slider .sub-title,
.melawell-modern-slider .title,
.melawell-modern-slider .description {
color: #fff;
}
.melawell-modern-slider .slide-layers {
max-width: 550px;
padding: 30px;
}
@media (min-width: 1024px) {
.melawell-modern-slider .slide-layers {
padding: 80px;
}
}
.melawell-modern-slider .sub-title-wrap {
margin: 0 0 21px;
}
.melawell-modern-slider .sub-title {
display: inline-block;
font-size: 16px;
font-weight: 500;
line-height: 1.5;
margin: 0;
}
.melawell-modern-slider .title {
font-size: 48px;
line-height: 1.3;
margin: 0;
}
.melawell-modern-slider .description-wrap {
margin-top: 13px;
}
.melawell-modern-slider .description {
font-size: 18px;
line-height: 1.55;
}
.melawell-modern-slider .button-wrap {
margin-top: 51px;
}
.melawell-slide-bg-animation-ken-burns .slide-bg-wrap {
-webkit-transform: scale(1.3);
transform: scale(1.3);
backface-visibility: hidden;
}
.melawell-slide-bg-animation-ken-burns.swiper-ken-burn-active .slide-bg-wrap {
transform: scale(1) !important;
}
.melawell-slide-bg-animation-ken-burns.swiper-slide-active .slide-bg-wrap {
transform: scale(1);
transition: transform var(--ken-burn-speed) cubic-bezier(0.1, 0.2, 0.7, 1);
}
.elementor-widget-melawell-modern-slider .swiper-container {
padding-bottom: 0;
}
.elementor-widget-melawell-modern-slider .swiper-container .elementor-swiper-button {
background-color: var(--background) !important;
width: 90px;
height: 90px;
top: auto;
bottom: -45px;
left: 0;
opacity: 1;
text-align: center;
color: var(--accent);
display: block;
font-size: 20px;
}
.elementor-widget-melawell-modern-slider .swiper-container .elementor-swiper-button i {
display: none;
}
.elementor-widget-melawell-modern-slider .swiper-container .elementor-swiper-button:before {
font-family: "melawell-icon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
vertical-align: middle;
content: "";
line-height: 90px;
transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1);
position: relative;
z-index: 1;
}
.elementor-widget-melawell-modern-slider .swiper-container .elementor-swiper-button:after {
content: "";
position: absolute;
top: 0;
left: 0;
display: inline-block;
width: 100%;
height: 100%;
background-color: var(--primary);
transform: scaleX(0);
transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1);
}
.elementor-widget-melawell-modern-slider .swiper-container .elementor-swiper-button-prev:before {
transform: rotate(180deg);
}
.elementor-widget-melawell-modern-slider .swiper-container .elementor-swiper-button-prev:after {
transform-origin: right center;
}
.elementor-widget-melawell-modern-slider .swiper-container .elementor-swiper-button-prev:hover:before {
transform: translateX(-6px) rotate(180deg);
}
.elementor-widget-melawell-modern-slider .swiper-container .elementor-swiper-button-prev:hover:after {
transform: scaleX(1);
}
.elementor-widget-melawell-modern-slider .swiper-container .elementor-swiper-button-next {
left: 90px;
background: var(--dark) !important;
color: #fff;
}
.elementor-widget-melawell-modern-slider .swiper-container .elementor-swiper-button-next:after {
transform-origin: left center;
}
.elementor-widget-melawell-modern-slider .swiper-container .elementor-swiper-button-next:hover:before {
transform: translateX(6px);
}
.elementor-widget-melawell-modern-slider .swiper-container .elementor-swiper-button-next:hover:after {
transform: scaleX(1);
}
.elementor-widget-melawell-modern-slider .swiper-container .elementor-swiper-button:hover {
background-color: transparent;
color: #fff;
}
@media (max-width: 768px) {
.elementor-widget-melawell-modern-slider .swiper-container .elementor-swiper-button {
width: 60px;
height: 60px;
bottom: -30px;
font-size: 15px;
}
.elementor-widget-melawell-modern-slider .swiper-container .elementor-swiper-button-next {
left: 60px;
}
.elementor-widget-melawell-modern-slider .swiper-container .elementor-swiper-button:before {
line-height: 62px;
}
}
.slide-layer-transition .animated .title-wrap-line,
.slide-layer-transition .animated .slide-layer {
transform: translateY(0);
opacity: 1;
visibility: visible;
transition: all 0.6s cubic-bezier(0.1, 0.2, 0.7, 1);
}
.slide-layer-transition .animated .slide-layer-wrap + .slide-layer-wrap .slide-layer {
transition-delay: 0.2s;
}
.slide-layer-transition .animated .slide-layer-wrap + .slide-layer-wrap + .slide-layer-wrap .slide-layer {
transition-delay: 0.4s;
}
.slide-layer-transition .slide-layer {
opacity: 0;
visibility: hidden;
transform: translateY(30px);
transition: all 0.1s;
}
:root {
--e-image-carousel-slides-to-show: 4;
}
.flickity-enabled {
position: relative;
}
.flickity-enabled:focus {
outline: 0;
}
.flickity-viewport {
overflow: hidden;
position: relative;
height: 100%;
width: 100%;
}
.flickity-slider {
position: absolute;
width: 100%;
height: 100%;
}
.flickity-enabled.is-draggable {
-webkit-tap-highlight-color: transparent;
tap-highlight-color: transparent;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.flickity-enabled.is-draggable .flickity-viewport {
cursor: move;
cursor: -webkit-grab;
cursor: grab;
}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
cursor: -webkit-grabbing;
cursor: grabbing;
}
.melawell-image-marquee {
display: flex;
}
.melawell-image-marquee .flickity-slider {
display: flex;
}
.melawell-image-marquee .swiper-slide {
max-width: calc(100% / var(--e-image-carousel-slides-to-show));
flex: 0 0 calc(100% / var(--e-image-carousel-slides-to-show));
}
.elementor-widget-melawell-testimonials .elementor-testimonial-image {
margin-right: 16px;
}
.elementor-widget-melawell-testimonials .elementor-testimonial-image img {
width: 56px;
height: 56px;
border-radius: 50%;
object-fit: cover;
}
.elementor-widget-melawell-testimonials .elementor-testimonial-item {
padding: 40px;
border-radius: 8px;
background-color: #fff;
}
.elementor-widget-melawell-testimonials .testimonial-content {
font-size: 18px;
margin-bottom: 40px;
}
.elementor-widget-melawell-testimonials .caption {
display: flex;
align-items: center;
padding-top: 40px;
border-top: 1px solid var(--border);
}
.elementor-widget-melawell-testimonials .caption .name {
font-size: 16px;
font-weight: 500;
margin-bottom: 8px;
}
.elementor-widget-melawell-testimonials .caption .job {
font-size: 14px;
line-height: 1.4285714286;
color: var(--light);
}
.elementor-widget-melawell-testimonials .caption .elementor-testimonial-rating {
margin-left: auto;
color: #FFA724;
}
@media (min-width: 1024px) {
.melawell-testimonial-style-1 .elementor-testimonial-item {
padding: 40px 80px;
}
}
.melawell-testimonial-style-2 .testimonial-content {
font-size: 16px;
font-weight: 400;
}
.elementor-widget-melawell-banner .elementor-cta__content {
position: relative;
padding: 24px;
align-items: flex-end;
align-content: flex-end;
text-align: left;
}
.elementor-widget-melawell-banner .elementor-cta__content .elementor-cta__content-item {
margin-bottom: 10px;
}
.elementor-widget-melawell-banner .elementor-cta__content .elementor-cta__content-item:last-child {
margin-bottom: 0;
}
.elementor-widget-melawell-banner .elementor-cta__title .span-text {
background-image: linear-gradient(to right, var(--primary) 0%, var(--primary) 100%);
background-position: 0 calc(100% - 0em);
background-size: 0 1px;
background-repeat: no-repeat;
transition: background-size 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
background-size: 0 100%;
display: inline;
-ms-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.elementor-widget-melawell-banner .elementor-cta__title .span-text:hover {
background-size: 100% 1px;
text-decoration: none;
}
.elementor-widget-melawell-banner .elementor-cta__description {
font-size: 16px;
line-height: 24px;
font-weight: 400;
color: var(--text);
}
.elementor-widget-melawell-banner .elementor-cta__subtitle {
font-size: 12px;
line-height: 1.25;
font-weight: 500;
color: var(--accent);
}
.elementor-widget-melawell-banner .elementor-cta__button {
font-size: 16px;
line-height: 1.5;
font-weight: 500;
color: var(--accent);
}
.elementor-widget-melawell-banner .elementor-cta__button i {
margin-left: 10px;
}
.elementor-widget-melawell-banner .elementor-cta__bg-overlay {
position: absolute;
bottom: 0;
width: 100%;
height: 100%;
pointer-events: none;
left: 0;
}
.elementor-widget-melawell-banner.content-stretch-yes {
height: 100%;
}
.elementor-widget-melawell-banner.content-stretch-yes .elementor-widget-container, .elementor-widget-melawell-banner.content-stretch-yes .elementor-shopic-banner {
height: 100%;
}
.elementor-widget-melawell-banner:hover .elementor-cta__bg-overlay {
opacity: 0.5;
}
.elementor-widget-melawell-banner:hover .elementor-cta__title .span-text {
background-size: 100% 100%;
color: #fff !important;
}
.button-banner-style-melawell-outline .elementor-button {
padding: 0;
border-radius: 0;
background-color: transparent;
}
.button-banner-style-melawell-outline .elementor-button:hover {
background-color: transparent;
}
.elementor-bg-transform-move-down-custom .elementor-bg {
height: calc(100% + 50px);
-ms-transform: translateY(-50px);
-o-transform: translateY(-50px);
-moz-transform: translateY(-50px);
-webkit-transform: translateY(-50px);
transform: translateY(-50px);
}
.elementor-bg-transform-move-down-custom:hover .elementor-bg {
-ms-transform: translateY(0);
-o-transform: translateY(0);
-moz-transform: translateY(0);
-webkit-transform: translateY(0);
transform: translateY(0);
}
.elementor-bg-transform-move-up-custom .elementor-bg {
height: calc(100% + 50px);
}
.elementor-bg-transform-move-up-custom:hover .elementor-bg {
-ms-transform: translateY(-50px);
-o-transform: translateY(-50px);
-moz-transform: translateY(-50px);
-webkit-transform: translateY(-50px);
transform: translateY(-50px);
}
.elementor-bg-transform-move-left-custom .elementor-bg {
width: calc(100% + 50px);
}
.elementor-bg-transform-move-left-custom:hover .elementor-bg {
-ms-transform: translateX(-50px);
-o-transform: translateX(-50px);
-moz-transform: translateX(-50px);
-webkit-transform: translateX(-50px);
transform: translateX(-50px);
}
.elementor-bg-transform-move-right-custom .elementor-bg {
width: calc(100% + 50px);
-ms-transform: translateX(-50px);
-o-transform: translateX(-50px);
-moz-transform: translateX(-50px);
-webkit-transform: translateX(-50px);
transform: translateX(-50px);
}
.elementor-bg-transform-move-right-custom:hover .elementor-bg {
-ms-transform: translateX(0);
-o-transform: translateX(0);
-moz-transform: translateX(0);
-webkit-transform: translateX(0);
transform: translateX(0);
}
.elementor-bg-transform-zoom-in:hover .elementor-bg {
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
-moz-transform: scale(1.2);
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.elementor-bg-transform-zoom-out .elementor-bg {
width: calc(100% + 50px);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
-moz-transform: scale(1.2);
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.elementor-bg-transform-zoom-out:hover .elementor-bg {
-ms-transform: scale(1);
-o-transform: scale(1);
-moz-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
}
.elementor-cta {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow: hidden;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.elementor-cta--skin-classic .elementor-cta {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.elementor-cta--skin-classic .elementor-cta__bg-wrapper {
position: relative;
min-height: 200px;
width: 100%;
}
.elementor-cta--skin-classic .elementor-cta__content {
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
width: 100%;
}
.elementor-cta--skin-cover .elementor-cta {
display: block;
}
.elementor-cta--skin-cover .elementor-cta__bg-wrapper {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
width: 100%;
}
.elementor-cta--skin-cover .elementor-cta__content {
min-height: 334px;
}
.elementor-cta--layout-image-above .elementor-cta {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.elementor-cta--layout-image-above .elementor-cta__bg-wrapper {
width: 100%;
}
.elementor-cta--layout-image-left .elementor-cta, .elementor-cta--layout-image-right .elementor-cta {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.elementor-cta--layout-image-left .elementor-cta__bg-wrapper, .elementor-cta--layout-image-right .elementor-cta__bg-wrapper {
width: auto;
min-width: 50%;
}
.elementor-cta--layout-image-left .elementor-cta__content, .elementor-cta--layout-image-right .elementor-cta__content {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.elementor-cta--layout-image-left .elementor-cta {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.elementor-cta--layout-image-right .elementor-cta {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.elementor-cta__bg {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
transition: all 0.4s ease;
}
.elementor-cta__bg-wrapper {
z-index: 1;
overflow: hidden;
}
.elementor-cta__bg {
-webkit-background-size: cover;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
z-index: 1;
}
.elementor-cta__bg-overlay {
z-index: 2;
}
.elementor-cta__content {
z-index: 1;
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: center;
align-content: center;
padding: 50px;
width: 100%;
}
.elementor-cta__content, .elementor-cta__content-item {
position: relative;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.elementor-cta__content-item {
width: 100%;
margin: 0;
}
.elementor-cta__content-item {
margin-bottom: 15px;
}
.elementor-cta__content-item:last-child {
margin-bottom: 0;
}
.elementor-widget-melawell-banner.elementor-cta--valign-top .elementor-cta__content {
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.elementor-widget-melawell-banner.elementor-cta--valign-middle .elementor-cta__content {
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.elementor-widget-melawell-banner.elementor-cta--valign-bottom .elementor-cta__content {
-ms-flex-line-pack: end;
align-content: flex-end;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
@media (max-device-width: 1024px) {
.elementor-cta {
cursor: pointer;
}
}
.footer-handheld a {
display: block;
color: var(--accent);
text-align: center;
padding: 10px 5px;
}
.footer-handheld a:hover {
color: var(--primary);
}
.footer-handheld .title {
font-weight: 500;
font-size: 12px;
display: block;
}
.footer-handheld i {
font-size: 20px;
display: block;
}
.footer-handheld .count {
text-indent: 0;
display: block;
width: 17px;
height: 17px;
line-height: 17px;
box-sizing: content-box;
font-size: 12px;
position: absolute;
top: 3px;
left: calc(50% + 3px);
border-radius: 100%;
border: 1px solid;
background-color: var(--primary);
color: #fff;
}
.elementor-widget-melawell-product-categories .cat-title {
font-size: 16px;
line-height: 1.5;
color: var(--accent);
margin-bottom: 4px;
}
.elementor-widget-melawell-product-categories .cat-total {
font-size: 13px;
line-height: 1.3846153846;
letter-spacing: 0.004em;
margin-bottom: 4px;
color: var(--text);
}
.elementor-widget-melawell-product-categories.product-categories-style-1 .elementor-categories-item {
border: 1px solid transparent;
}
.elementor-widget-melawell-product-categories.product-categories-style-1 .elementor-categories-item:hover {
border-color: var(--primary);
}
.elementor-widget-melawell-product-categories.product-categories-style-1 .product-cat {
height: 100%;
}
.elementor-widget-melawell-product-categories.product-categories-style-1 .product-cat-link {
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.elementor-widget-melawell-product-categories.product-categories-style-2 .cat-title {
font-size: 15px;
line-height: 1.5333333333;
margin-bottom: 0;
display: flex;
align-items: center;
justify-content: space-between;
font-weight: 500;
}
.elementor-widget-melawell-product-categories.product-categories-style-2 .cat-title:after {
font-family: "melawell-icon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
vertical-align: middle;
content: "\e008";
}
.elementor-widget-melawell-product-categories.product-categories-style-2 .cat-total,
.elementor-widget-melawell-product-categories.product-categories-style-2 .category-product-img {
display: none;
}
.elementor-widget-melawell-product-categories.product-categories-style-2 .product-cat-caption {
padding: 12px 16px;
border-radius: 8px;
background-color: #f8f8f8;
}
.elementor-widget-melawell-product-categories.product-categories-style-2 .product-cat-link:hover .product-cat-caption {
background-color: var(--primary);
}
.elementor-widget-melawell-product-categories.product-categories-style-2 .product-cat-link:hover .cat-title {
color: #fff;
}
.melawell-image-hotspots-container {
overflow: hidden;
}
.melawell-image-hotspots-main-icons-tooltips-wrapper {
top: 0;
left: 0;
position: absolute;
bottom: 0;
right: 0;
}
.melawell-image-hotspots-main-icons {
cursor: pointer;
display: block;
position: absolute;
transform: translate(-50%, -50%);
top: 50%;
left: 50%;
}
.melawell-image-hotspots-main-icons .melawell-image-hotspots-icon {
cursor: pointer;
display: block;
text-align: center;
font-size: 30px;
padding: 3px 0 0;
line-height: 0.6;
border-color: black;
}
.melawell-image-hotspots-main-icons .melawell-image-hotspots-image-icon {
width: 40px;
height: 40px;
}
.melawell-image-hotspots-main-icons .melawell-image-hotspots-text {
cursor: pointer;
display: block;
text-align: center;
border-radius: 0;
margin: 0;
padding: 0 10px 0 10px;
border-color: black;
}
.melawell-image-hotspots-tooltips-wrapper {
display: none;
position: absolute;
z-index: 9999;
}
.tooltipster-sidetip {
z-index: 9999;
width: auto !important;
}
.tooltipster-box div.melawell-image-hotspots-tooltips-text {
border-color: black;
overflow: hidden;
}
.tooltipster-sidetip div.tooltipster-box {
background: transparent;
box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.18);
}
.tooltipster-sidetip div.melawell-image-hotspots-tooltips-text {
padding: 20px;
}
.tooltipster-sidetip div.melawell-image-hotspots-tooltips-text * {
margin: 0;
padding: 0;
}
.tooltipster-box .melawell-image-hotspots-tooltips-text * {
margin: 0;
}
.melawell-image-hotspots-main-icons.melawell-image-hotspots-anim::before {
content: "";
position: absolute;
z-index: -1;
transform: scale(1);
pointer-events: none;
animation: pa-hotspot-pulse 2s infinite;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
@keyframes pa-hotspot-pulse {
0% {
transform: scale(1);
opacity: 1;
}
100% {
transform: scale(1.5);
opacity: 0;
}
}
.tooltipster-box .tooltipster-content {
background: #fff;
}
.melawell-tooltipster-base.tooltipster-top .tooltipster-arrow-background {
border-top-color: #fff;
}
.melawell-tooltipster-base.tooltipster-bottom .tooltipster-arrow-background {
border-bottom-color: #fff;
}
.melawell-tooltipster-base.tooltipster-right .tooltipster-arrow-background {
border-right-color: #fff;
}
.melawell-tooltipster-base.tooltipster-left .tooltipster-arrow-background {
border-left-color: #fff;
}
.tooltipster-content .product-item {
display: block;
max-width: 170px;
}
.tooltipster-content .product-item img {
margin-bottom: 10px;
}
.tooltipster-content .product-item > span {
display: block;
font-size: 14px;
line-height: 24px;
}
.tooltipster-content .product-item .product-title {
font-weight: 500;
}
.tooltipster-content .product-item .price {
font-weight: 700;
}
.lookbook-wrapper {
display: flex;
min-height: 300px;
}
.lookbook-wrapper:hover .lookbook-inner {
opacity: 1;
transform: translateY(0);
}
.lookbook-wrapper .lookbook-inner {
background: var(--background);
width: 100%;
margin: 30px;
display: flex;
justify-content: center;
align-items: center;
-ms-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
-o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
-moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
-webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
transform: translateY(30px);
opacity: 0;
}
.lookbook-wrapper .lookbook-inner .lookbook-box {
padding: 30px;
}
.lookbook-wrapper .lookbook-inner ul.products {
max-width: 300px;
}
.lookbook-wrapper .lookbook-inner ul.products li.product {
flex: 0 0 100%;
max-width: 100%;
}

@font-face {
font-family: "star";
src: url(//mflabs.in/wp-content/themes/musclefuel/assets/css/../../../../plugins/woocommerce/assets/fonts/star.eot);
src: url(//mflabs.in/wp-content/themes/musclefuel/assets/css/../../../../plugins/woocommerce/assets/fonts/star.eot?#iefix) format("embedded-opentype"), url(//mflabs.in/wp-content/themes/musclefuel/assets/css/../../../../plugins/woocommerce/assets/fonts/star.woff) format("woff"), url(//mflabs.in/wp-content/themes/musclefuel/assets/css/../../../../plugins/woocommerce/assets/fonts/star.ttf) format("truetype"), url(//mflabs.in/wp-content/themes/musclefuel/assets/css/../../../../plugins/woocommerce/assets/fonts/star.svg#star) format("svg");
font-weight: normal;
font-style: normal;
font-display:swap;}
@keyframes slideInDown {
from {
transform: translate3d(0, 0, 0);
}
to {
transform: translate3d(0, 100%, 0);
visibility: visible;
}
}
@keyframes slideOutUp {
from {
transform: translate3d(0, 100%, 0);
visibility: hidden;
}
to {
transform: translate3d(0, 0, 0);
}
}
.price {
display: flex;
align-items: center;
line-height: 1.2;
flex-wrap: wrap;
}
.price ins {
color: var(--secondary);
font-weight: 500;
}
.price del {
color: var(--text);
order: 2;
margin-left: 6px;
font-size: 14px;
font-weight: 400;
}
.site-search {
font-size: 14px;
color: var(--text);
clear: both;
display: none;
}
.site-search .widget_product_search input[type=text],
.site-search .widget_product_search input[type=search] {
padding: 1em 1.41575em;
line-height: 1;
}
.site-search .widget_product_search #searchsubmit {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
word-wrap: normal !important;
} @media (max-width: 767px) {
table.shop_table_responsive thead {
display: none;
}
}
@media (max-width: 767px) {
table.shop_table_responsive tr {
border-bottom: 1px solid var(--border);
}
table.shop_table_responsive tr:last-child {
border-bottom: 0;
}
table.shop_table_responsive tr td, table.shop_table_responsive tr th {
border: 0;
}
table.shop_table_responsive tr th {
display: none;
}
}
table.shop_table_responsive tr.product-purchase-note {
font-size: 14px;
font-style: italic;
}
table.shop_table_responsive tr td {
display: block;
clear: both;
}
table.shop_table_responsive tr td::before, table.shop_table_responsive tr td::after {
content: "";
display: table;
}
table.shop_table_responsive tr td::after {
clear: both;
}
table.shop_table_responsive tr td.woocommerce-orders-table__cell-order-total .amount {
color: var(--primary);
font-weight: 500;
}
table.shop_table_responsive tr td[data-title]::before {
content: attr(data-title) ": ";
font-weight: 500;
display: block;
}
table.shop_table_responsive tr td.product-remove a {
text-align: left;
}
table.shop_table_responsive tr td.actions::before, table.shop_table_responsive tr td.download-actions::before {
display: none;
}
table.shop_table_responsive tr td.download-actions .button {
display: block;
text-align: center;
}
table.shop_table_responsive.my_account_orders .order-actions {
text-align: right;
}
table.shop_table_responsive.my_account_orders .order-actions::before {
display: none;
}   .rtl .widget_price_filter .price_label,
.rtl .widget_price_filter .price_label span {
direction: ltr;
unicode-bidi: embed;
}  .woocommerce-form__label-for-checkbox {
cursor: pointer;
display: block;
}
.woocommerce-form__label-for-checkbox .woocommerce-form__input-checkbox {
margin-right: 0.3342343017em;
}
.select2-dropdown {
border: 1px solid;
border-color: var(--border);
}
.select2-container--default .select2-search--dropdown .select2-search__field {
border: 0.5px solid var(--border) !important;
}
.form-row label {
color: var(--accent);
display: block;
margin-bottom: 0.5em;
font-weight: 500;
font-size: 14px;
}
.form-row .select2-container--default .select2-selection--single {
font-size: 14px;
border: 0.5px solid var(--border);
min-height: 50px;
background: var(--background2);
font-weight: 400;
}
.form-row .select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 50px;
color: var(--text);
padding-right: 1em;
padding-left: 1em;
}
.form-row .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 50px;
right: 1em;
}
.form-row input,
.form-row textarea,
.form-row select {
width: 100%;
}
.form-row input[type=checkbox],
.form-row input[type=radio] {
width: auto;
}
.form-row .button {
width: auto;
}
.form-row.create-account label {
display: inline-block;
}
.form-row.woocommerce-validated input.input-text {
box-shadow: inset 2px 0 0 #0f834d;
}
.form-row.woocommerce-invalid input.input-text {
box-shadow: inset 2px 0 0 #e2401c;
}
.form-row.woocommerce-invalid input.input-checkbox {
outline: 2px solid #e2401c;
outline-offset: 1px;
}
.form-row.woocommerce-invalid .select2-selection {
border-color: #e2401c;
border-width: 2px;
}
.form-row-last {
margin-right: 0 !important;
}
.form-row-wide {
clear: both;
width: 100%;
}
.required {
color: #e2401c;
}
.demo_store {
position: fixed;
left: 0;
bottom: 69px;
right: 0;
margin: 0;
padding: 1em 1.41575em;
background-color: #3d9cd2;
color: #fff;
z-index: 9998;
}
.demo_store a {
color: #fff;
font-weight: 400;
text-decoration: underline;
}
.demo_store a:hover {
text-decoration: none;
}
.demo_store a.woocommerce-store-notice__dismiss-link {
display: block;
}
.star-rating {
overflow: hidden;
position: relative;
height: 1.618em;
line-height: 1.618;
font-size: 14px;
width: 6.3em;
font-family: "star";
font-weight: 400;
}
.star-rating::before {
content: "s s s s s";
opacity: 0.25;
float: left;
top: 0;
left: 0;
position: absolute;
}
.star-rating span {
overflow: hidden;
float: left;
top: 0;
left: 0;
position: absolute;
padding-top: 1.5em;
}
.star-rating span::before {
content: "S S S S S";
top: 0;
position: absolute;
left: 0;
color: #FFB627;
}
p.stars {
display: inline-block;
margin: 0;
}
p.stars a {
position: relative;
height: 1em;
width: 1em;
text-indent: -999em;
display: inline-block;
text-decoration: none;
margin-right: 1px;
font-weight: 400;
line-height: 1;
}
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: var(--text);
text-indent: 0;
opacity: 0.25;
}
p.stars a:hover ~ a::before {
content: "\53";
color: var(--text);
opacity: 0.25;
}
p.stars:hover a::before {
content: "\53";
color: var(--primary);
opacity: 1;
}
p.stars.selected a.active::before {
content: "\53";
color: var(--primary);
opacity: 1;
}
p.stars.selected a.active ~ a::before {
content: "\53";
color: var(--text);
opacity: 0.25;
}
p.stars.selected a:not(.active)::before {
content: "\53";
color: var(--primary);
opacity: 1;
}
li.product .product-label-outofstock {
background: #767676;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 1;
min-width: 120px;
text-align: center;
}
li.product .product-label-outofstock .out-of-stock {
font-size: 12px;
padding: 7px;
text-align: center;
text-transform: uppercase;
color: #fff;
margin-bottom: 8px;
line-height: 22px;
}
li.product .product-labels {
position: absolute;
top: calc(var(--grid-gutter) / 2);
left: calc(var(--grid-gutter) / 2);
z-index: 3;
display: flex;
flex-direction: column;
align-items: flex-start;
}
li.product .product-labels .product-label {
padding: 2px 12px;
text-align: center;
font-size: 12px;
color: #fff;
line-height: 20px;
font-weight: 500;
border-radius: 20px;
margin-bottom: 5px;
}
li.product .product-labels .product-label.onsale {
background: #E43C16;
}
li.product .product-labels .product-label.featured {
background: #07A10C;
}
.quantity .qty {
width: 4.235801032em;
text-align: center;
}
@keyframes deal-progress {
from {
width: 0;
background: var(--secondary);
}
to {
width: 100%;
background: var(--secondary);
}
}
.deal-sold {
margin-top: 20px;
}
.deal-progress .progress-bar {
width: 100%;
height: 6px;
background-color: #f1f1f1;
position: relative;
overflow: hidden;
border-radius: 9px;
}
.deal-progress .progress-value {
position: absolute;
top: 0;
bottom: 0;
left: 0;
}
.deal-progress .progress-value:before {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 100%;
animation: deal-progress 1.2s 0.3s;
animation-fill-mode: forwards;
}
.deal-sold-text {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 8px;
color: var(--light);
}
.deal-sold-text span {
color: var(--accent);
}
.melawell-sorting {
margin-bottom: 35px;
display: flex;
flex-wrap: wrap;
align-items: center;
padding: 0 0 6px;
border-bottom: 1px solid var(--border);
box-sizing: border-box;
justify-content: space-between;
}
.melawell-sorting > * {
margin-bottom: 5px;
}
.melawell-sorting .woocommerce-notices-wrapper {
width: 100%;
margin-bottom: 0;
}
.melawell-sorting .gridlist-toggle {
font-size: 20px;
position: relative;
display: flex;
align-items: center;
}
.melawell-sorting .gridlist-toggle:before {
content: "";
margin: 0 24px;
width: 1px;
height: 24px;
vertical-align: middle;
display: inline-block;
background-color: var(--border);
}
.melawell-sorting .gridlist-toggle a {
display: block;
color: var(--light);
}
.melawell-sorting .gridlist-toggle a.grid {
margin-left: 16px;
}
.melawell-sorting .gridlist-toggle a.active {
color: var(--primary);
cursor: no-drop;
}
.melawell-sorting .gridlist-toggle a:hover {
color: var(--primary);
}
.melawell-sorting .filter-toggle {
order: 0;
margin-right: 10px;
}
.melawell-sorting .woocommerce-result-count {
margin-right: auto;
color: var(--accent);
}
.melawell-sorting .woocommerce-ordering {
position: relative;
display: flex;
align-items: center;
margin-right: 0;
}
.melawell-sorting .woocommerce-ordering label {
display: none;
}
.melawell-sorting .woocommerce-ordering .current-filter {
color: var(--accent);
}
.melawell-sorting .woocommerce-ordering .current-filter:after {
font-family: "melawell-icon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
vertical-align: middle;
content: "\e002";
margin-left: 10px;
}
.melawell-sorting .woocommerce-ordering select {
opacity: 0;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.melawell-sorting .melawell-products-per-page {
margin-left: 30px;
margin-right: 30px;
position: relative;
align-items: center;
display: none;
}
.melawell-sorting .melawell-products-per-page label {
font-weight: 400;
margin-right: 12px;
white-space: nowrap;
}
.melawell-sorting .melawell-products-per-page select {
font-weight: 400;
color: var(--accent);
font-size: 13px;
border-radius: 3px;
background-size: 9px;
padding-top: 8px;
padding-bottom: 6px;
padding-left: 10px;
}
@media (max-width: 1200px) {
.melawell-sorting .melawell-products-per-page label,
.melawell-sorting .woocommerce-ordering label {
display: none;
}
}
.melawell-sorting + .melawell-active-filters {
margin-top: -20px;
margin-bottom: 20px;
}
@media (min-width: 768px) {
.melawell-sorting select {
width: auto;
}
.melawell-sorting .woocommerce-result-count {
margin-right: auto;
}
}
.melawell-pagination-wrapper {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.melawell-pagination-wrapper > * {
margin-top: 0;
margin-bottom: 15px;
}
.related,
.upsells {
margin-bottom: 10px;
margin-top: 30px;
position: relative;
}
.related > h2:first-child,
.upsells > h2:first-child {
margin-bottom: 40px;
padding-bottom: 8px;
color: var(--accent);
font-size: 22px;
line-height: 30px;
border-bottom: 1px solid var(--border);
}
.related ul.products:not(.swiper-wrapper),
.upsells ul.products:not(.swiper-wrapper) {
display: grid;
grid-template-columns: repeat(4, 1fr);
}
@media (min-width: 1024px) {
.related ul.products li.product,
.upsells ul.products li.product {
margin-bottom: 0;
}
}
.hentry .woocommerce-message,
.hentry .woocommerce-info,
.hentry .woocommerce-error,
.hentry .woocommerce-noreviews,
.hentry p.no-comments {
margin-left: 0;
}
.hentry .woocommerce-message strong,
.hentry .woocommerce-info strong,
.hentry .woocommerce-error strong,
.hentry .woocommerce-noreviews strong,
.hentry p.no-comments strong {
color: #fff;
}
.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.woocommerce-noreviews,
p.no-comments {
margin: 0 0 30px 0 !important;
padding: 1em 1.618em;
background-color: #0f834d;
border-radius: 2px;
color: #fff;
clear: both;
border-left: 0.6180469716em solid rgba(0, 0, 0, 0.15);
}
.woocommerce-message::before, .woocommerce-message::after,
.woocommerce-info::before,
.woocommerce-info::after,
.woocommerce-error::before,
.woocommerce-error::after,
.woocommerce-noreviews::before,
.woocommerce-noreviews::after,
p.no-comments::before,
p.no-comments::after {
content: "";
display: table;
}
.woocommerce-message::after,
.woocommerce-info::after,
.woocommerce-error::after,
.woocommerce-noreviews::after,
p.no-comments::after {
clear: both;
}
.woocommerce-message a,
.woocommerce-info a,
.woocommerce-error a,
.woocommerce-noreviews a,
p.no-comments a {
color: #fff;
}
.woocommerce-message a:hover,
.woocommerce-info a:hover,
.woocommerce-error a:hover,
.woocommerce-noreviews a:hover,
p.no-comments a:hover {
color: #fff;
opacity: 0.7;
}
.woocommerce-message a.button:hover,
.woocommerce-info a.button:hover,
.woocommerce-error a.button:hover,
.woocommerce-noreviews a.button:hover,
p.no-comments a.button:hover {
opacity: 1;
}
.woocommerce-message .button,
.woocommerce-info .button,
.woocommerce-error .button,
.woocommerce-noreviews .button,
p.no-comments .button {
float: right;
padding: 0;
background: none;
color: #fff;
box-shadow: none;
line-height: 1.618;
margin-left: 1em;
padding-left: 1em;
border-width: 0;
border-left-width: 1px;
border-left-style: solid;
border-left-color: rgba(255, 255, 255, 0.25) !important;
border-radius: 0;
}
.woocommerce-message .button:hover,
.woocommerce-info .button:hover,
.woocommerce-error .button:hover,
.woocommerce-noreviews .button:hover,
p.no-comments .button:hover {
background: none;
color: #fff;
opacity: 0.7;
}
.woocommerce-message strong,
.woocommerce-info strong,
.woocommerce-error strong,
.woocommerce-noreviews strong,
p.no-comments strong {
color: #fff;
}
.woocommerce-message pre,
.woocommerce-info pre,
.woocommerce-error pre,
.woocommerce-noreviews pre,
p.no-comments pre {
background-color: rgba(0, 0, 0, 0.1);
}
.woocommerce-error {
list-style: none;
}
.woocommerce-info,
.woocommerce-noreviews,
p.no-comments {
background-color: #3d9cd2;
}
.woocommerce-error {
background-color: #e2401c;
}
.widget_shopping_cart dl.variation {
margin-left: 96px;
border-left: 1px dashed var(--border);
padding-left: 15px;
}
dl.variation dt {
margin-right: 5px;
font-weight: 400 !important;
display: inline-block;
}
.widget_shopping_cart dl.variation dt {
line-height: 20px;
}
.widget_shopping_cart dl.variation dt .amount {
font-family: "Aktiv Grotesk Corp", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}
dl.variation dd {
margin: 0;
color: var(--primary);
font-weight: 500;
display: inline-block;
}
.widget_shopping_cart dl.variation dd {
line-height: 20px;
}
dl.variation dd p {
margin-bottom: 0 !important;
}
.wc-item-meta {
font-size: 0.875em;
margin-left: 0;
list-style: none;
}
.wc-item-meta li::before, .wc-item-meta li::after {
content: "";
display: table;
}
.wc-item-meta li::after {
clear: both;
}
.wc-item-meta li strong,
.wc-item-meta li p {
display: inline-block;
} .melawell-product-section {
margin-bottom: 1.618em;
}
.melawell-product-section .section-title {
text-align: center;
margin-bottom: 1em;
}
.melawell-product-section:last-child {
margin-bottom: 0;
} .melawell-product-navigation {
position: relative;
display: flex;
align-items: center;
}
.melawell-product-navigation > a {
color: var(--light);
}
.melawell-product-navigation > a.prev-product {
margin-right: 8px;
}
.melawell-product-navigation > a:hover > span {
color: var(--primary);
}
.melawell-product-navigation > a:hover > span i {
color: var(--primary);
}
.melawell-product-navigation > a:hover .product-item {
opacity: 1;
visibility: visible;
pointer-events: auto;
top: 100%;
}
.melawell-product-navigation .navigation-title {
display: flex;
align-items: center;
}
.melawell-product-navigation .navigation-title span {
padding: 0 8px;
}
.melawell-product-navigation a:nth-child(2):hover {
color: var(--accent);
}
.melawell-product-navigation .product-item {
position: absolute;
left: 0;
top: calc(100% + 10px);
opacity: 0;
visibility: visible;
pointer-events: none;
width: 230px;
background: #fff;
box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
display: flex;
align-items: center;
text-align: left;
transition: all ease-in-out 0.3s;
overflow: hidden;
z-index: 99;
}
.product-navigation-flex-end .melawell-product-navigation .product-item {
right: 0;
left: unset;
}
.product-navigation-flex-start .melawell-product-navigation .product-item {
left: 0;
right: unset;
}
.product-navigation-center .melawell-product-navigation .product-item {
left: 50%;
right: unset;
transform: translateX(-50%);
}
.melawell-product-navigation .product-item img {
max-width: 80px;
}
.melawell-product-navigation .product-item .melawell-product-navigation-content {
padding: 0 15px;
}
.melawell-product-navigation .product-item .melawell-product-navigation__title {
color: var(--accent);
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
max-height: 2.4em;
font-weight: 700;
line-height: 1.2;
margin-bottom: 5px;
font-size: 12px;
font-family: "Aktiv Grotesk Corp", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
letter-spacing: 0.03em;
}
.melawell-product-navigation .product-item .melawell-product-navigation__title:hover {
color: var(--primary);
}
.melawell-product-navigation .product-item .price {
display: flex;
align-items: baseline;
font-size: 14px;
color: var(--secondary);
}
.melawell-product-navigation .product-item .price del {
color: var(--light);
order: 2;
margin-left: 0.327em;
font-weight: 400;
font-size: 12px;
}
.melawell-product-navigation .product-item .price ins {
order: 1;
margin-left: 0;
font-weight: 700;
font-size: 14px;
} .melawell-sticky-add-to-cart {
display: none;
}
@media (max-width: 1023px) {
.melawell-archive-product #secondary {
display: none;
}
}
.melawell-active-filters .widgettitle {
display: none;
}
.melawell-active-filters li {
display: inline-block !important;
margin-bottom: 5px;
margin-right: 12px;
border: 1px solid var(--border);
padding: 2px 10px;
position: relative;
}
.melawell-active-filters li:last-child {
margin-right: 0;
}
.melawell-active-filters a {
color: var(--accent);
font-weight: 500;
font-size: 14px;
}
.melawell-active-filters a:before {
font-family: "melawell-icon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
vertical-align: middle;
content: "\e08a";
margin-top: -2px;
position: absolute;
top: -3px;
right: -10px;
background: red;
color: #fff;
padding: 3px 5px;
font-size: 9px;
border-radius: 10px;
max-width: 15px;
}
.melawell-active-filters a:hover {
color: var(--primary);
}
.quantity.buttons_added {
position: relative;
border: 1px solid var(--border);
display: flex;
align-items: center;
margin-right: 8px;
width: 119px;
height: 52px;
border-radius: 8px;
font-size: 14px;
}
.quantity.buttons_added.hidden {
display: none;
}
.quantity.buttons_added button {
width: 33.33%;
height: 52px;
text-align: center;
color: var(--accent);
background: transparent;
border-radius: 0;
padding: 0;
}
.quantity.buttons_added .qty {
border-radius: 0;
border: none;
-moz-appearance: textfield;
text-align: center;
font-size: 14px;
padding: 0;
width: 33.33%;
color: var(--accent);
background-color: transparent;
}
.quantity.buttons_added .qty::-webkit-outer-spin-button, .quantity.buttons_added .qty::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.quantity.buttons_added .qty:focus {
border-color: var(--primary);
}
.widget_product_search {
position: relative;
}
.ajax-search-result {
position: absolute;
top: 100%;
left: 0;
width: 100%;
max-height: 500px;
z-index: 999;
transform: translateY(10px);
display: none;
}
.ajax-search-result .inner {
height: 100%;
overflow-y: scroll;
background-color: white;
box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.2);
}
.ajax-search-result:before {
position: absolute;
content: "";
display: block;
width: 0;
height: 0;
border-bottom: 6px solid;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 0;
top: -6px;
left: 30%;
border-bottom-color: #fff;
}
.product-item-search {
padding: 10px 0;
border-bottom: 1px solid;
border-bottom-color: var(--border);
}
.product-item-search:hover {
background: var(--background2);
}
.product-item-search .product-link {
display: flex;
}
.product-item-search .product-link img {
width: 60px;
margin-left: 15px;
}
.product-item-search .product-content {
margin-left: 15px;
}
.product-item-search .product-title {
font-size: 14px;
margin-bottom: 5px;
font-weight: 500;
font-family: "Aktiv Grotesk Corp", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}
.product-item-search .product-title:hover {
color: var(--primary);
}
.product-item-search:last-child {
border-bottom: none;
}
.product-item-search .price {
color: var(--primary);
}
.product-item-search .amount {
font-size: 14px;
font-weight: 500;
}
.ajax-search .site-header-search .button-search-popup {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
border: none;
width: 100%;
height: unset;
}
.ajax-search .site-header-search i {
font-size: 20px;
line-height: 1;
margin-bottom: 10px;
color: var(--accent);
}
.ajax-search .site-header-search .content {
font-size: 12px;
line-height: 14px;
font-weight: 500;
color: var(--accent);
}
.ajax-search .site-header-search:hover i {
color: var(--accent);
} .products-no-gutter ul.products {
margin-left: 0;
margin-right: 0;
}
.products-no-gutter .products-list ul.products {
margin-left: calc(var(--grid-gutter) / -2);
margin-right: calc(var(--grid-gutter) / -2);
}
.added_to_cart.wc-forward {
display: none;
}
ul.products,
.wc-block-grid__products {
margin-left: calc(var(--grid-gutter) / -2);
margin-right: calc(var(--grid-gutter) / -2);
margin-bottom: 0;
clear: both;
display: flex;
flex-wrap: wrap;
}
ul.products li.product,
ul.products .wc-block-grid__product,
.wc-block-grid__products li.product,
.wc-block-grid__products .wc-block-grid__product {
padding-left: calc(var(--grid-gutter) / 2);
padding-right: calc(var(--grid-gutter) / 2);
list-style: none;
margin-bottom: var(--grid-gutter);
position: relative;
width: 100%;
font-family: "Aktiv Grotesk Corp", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
z-index: 2;
}
ul.products li.product .product-block,
ul.products .wc-block-grid__product .product-block,
.wc-block-grid__products li.product .product-block,
.wc-block-grid__products .wc-block-grid__product .product-block {
border: 1px solid #eee;
position: relative;
transition: all 0.4s ease-in-out;
height: 100%;
background: var(--background);
}
ul.products li.product .added_to_cart.wc-forward,
ul.products .wc-block-grid__product .added_to_cart.wc-forward,
.wc-block-grid__products li.product .added_to_cart.wc-forward,
.wc-block-grid__products .wc-block-grid__product .added_to_cart.wc-forward {
display: none;
}
ul.products li.product .woocommerce-LoopProduct-link,
ul.products .wc-block-grid__product .woocommerce-LoopProduct-link,
.wc-block-grid__products li.product .woocommerce-LoopProduct-link,
.wc-block-grid__products .wc-block-grid__product .woocommerce-LoopProduct-link {
display: block;
}
ul.products li.product .price,
ul.products .wc-block-grid__product .price,
.wc-block-grid__products li.product .price,
.wc-block-grid__products .wc-block-grid__product .price {
color: var(--accent);
font-size: 18px;
font-weight: 500;
}
ul.products li.product h2,
ul.products li.product h3,
ul.products li.product .woocommerce-loop-product__title,
ul.products li.product .wc-block-grid__product-title,
ul.products .wc-block-grid__product h2,
ul.products .wc-block-grid__product h3,
ul.products .wc-block-grid__product .woocommerce-loop-product__title,
ul.products .wc-block-grid__product .wc-block-grid__product-title,
.wc-block-grid__products li.product h2,
.wc-block-grid__products li.product h3,
.wc-block-grid__products li.product .woocommerce-loop-product__title,
.wc-block-grid__products li.product .wc-block-grid__product-title,
.wc-block-grid__products .wc-block-grid__product h2,
.wc-block-grid__products .wc-block-grid__product h3,
.wc-block-grid__products .wc-block-grid__product .woocommerce-loop-product__title,
.wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-title {
font-size: 15px;
line-height: 22px;
margin-bottom: 10px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
ul.products li.product h2 a,
ul.products li.product h3 a,
ul.products li.product .woocommerce-loop-product__title a,
ul.products li.product .wc-block-grid__product-title a,
ul.products .wc-block-grid__product h2 a,
ul.products .wc-block-grid__product h3 a,
ul.products .wc-block-grid__product .woocommerce-loop-product__title a,
ul.products .wc-block-grid__product .wc-block-grid__product-title a,
.wc-block-grid__products li.product h2 a,
.wc-block-grid__products li.product h3 a,
.wc-block-grid__products li.product .woocommerce-loop-product__title a,
.wc-block-grid__products li.product .wc-block-grid__product-title a,
.wc-block-grid__products .wc-block-grid__product h2 a,
.wc-block-grid__products .wc-block-grid__product h3 a,
.wc-block-grid__products .wc-block-grid__product .woocommerce-loop-product__title a,
.wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-title a {
color: var(--accent);
font-weight: 500;
}
ul.products li.product h2 a:hover,
ul.products li.product h3 a:hover,
ul.products li.product .woocommerce-loop-product__title a:hover,
ul.products li.product .wc-block-grid__product-title a:hover,
ul.products .wc-block-grid__product h2 a:hover,
ul.products .wc-block-grid__product h3 a:hover,
ul.products .wc-block-grid__product .woocommerce-loop-product__title a:hover,
ul.products .wc-block-grid__product .wc-block-grid__product-title a:hover,
.wc-block-grid__products li.product h2 a:hover,
.wc-block-grid__products li.product h3 a:hover,
.wc-block-grid__products li.product .woocommerce-loop-product__title a:hover,
.wc-block-grid__products li.product .wc-block-grid__product-title a:hover,
.wc-block-grid__products .wc-block-grid__product h2 a:hover,
.wc-block-grid__products .wc-block-grid__product h3 a:hover,
.wc-block-grid__products .wc-block-grid__product .woocommerce-loop-product__title a:hover,
.wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-title a:hover {
color: var(--primary_hover);
}
ul.products li.product .count-review,
ul.products .wc-block-grid__product .count-review,
.wc-block-grid__products li.product .count-review,
.wc-block-grid__products .wc-block-grid__product .count-review {
display: flex;
align-items: center;
margin-top: 8px;
}
ul.products li.product .count-review > span,
ul.products .wc-block-grid__product .count-review > span,
.wc-block-grid__products li.product .count-review > span,
.wc-block-grid__products .wc-block-grid__product .count-review > span {
margin-left: 3px;
font-size: 12px;
}
ul.products li.product .star-rating,
ul.products .wc-block-grid__product .star-rating,
.wc-block-grid__products li.product .star-rating,
.wc-block-grid__products .wc-block-grid__product .star-rating {
font-size: 12px;
margin-bottom: 0;
}
ul.products li.product img,
ul.products .wc-block-grid__product img,
.wc-block-grid__products li.product img,
.wc-block-grid__products .wc-block-grid__product img {
display: block;
margin: 0 auto;
width: 100%;
}
ul.products li.product.product-category h2,
ul.products li.product.product-category h3,
ul.products li.product.product-category .woocommerce-loop-category__title,
ul.products .wc-block-grid__product.product-category h2,
ul.products .wc-block-grid__product.product-category h3,
ul.products .wc-block-grid__product.product-category .woocommerce-loop-category__title,
.wc-block-grid__products li.product.product-category h2,
.wc-block-grid__products li.product.product-category h3,
.wc-block-grid__products li.product.product-category .woocommerce-loop-category__title,
.wc-block-grid__products .wc-block-grid__product.product-category h2,
.wc-block-grid__products .wc-block-grid__product.product-category h3,
.wc-block-grid__products .wc-block-grid__product.product-category .woocommerce-loop-category__title {
font-size: 1.1em;
}
ul.products li.product.product-category img,
ul.products .wc-block-grid__product.product-category img,
.wc-block-grid__products li.product.product-category img,
.wc-block-grid__products .wc-block-grid__product.product-category img {
margin-bottom: 1.618em;
}
ul.products li.product .button-group,
ul.products .wc-block-grid__product .button-group,
.wc-block-grid__products li.product .button-group,
.wc-block-grid__products .wc-block-grid__product .button-group {
display: flex;
margin-top: auto;
}
ul.products li.product .content-product-margin,
ul.products .wc-block-grid__product .content-product-margin,
.wc-block-grid__products li.product .content-product-margin,
.wc-block-grid__products .wc-block-grid__product .content-product-margin {
position: absolute;
top: -1px;
right: -1px;
bottom: -1px;
left: -1px;
visibility: hidden;
opacity: 0;
background-color: #ffffff;
box-shadow: 1px 2px 24px rgba(0, 0, 0, 0.08);
transition: opacity 0.3s ease, visibility 0s ease, transform 0.3s ease;
}
ul.products li.product .product-info-bottom,
ul.products .wc-block-grid__product .product-info-bottom,
.wc-block-grid__products li.product .product-info-bottom,
.wc-block-grid__products .wc-block-grid__product .product-info-bottom {
position: absolute;
top: 100%;
right: 0;
left: 0;
visibility: hidden;
opacity: 0;
padding: 0 20px 20px;
transition: opacity 0.3s ease, visibility 0s ease, transform 0.3s ease;
background-color: #fff;
}
ul.products li.product .product-info-bottom .info-inner,
ul.products .wc-block-grid__product .product-info-bottom .info-inner,
.wc-block-grid__products li.product .product-info-bottom .info-inner,
.wc-block-grid__products .wc-block-grid__product .product-info-bottom .info-inner {
padding-top: 16px;
border-top: 1px solid var(--border);
}
li.product .product-block:hover .product-info-bottom,
li.product .product-block:hover .content-product-margin {
visibility: visible;
opacity: 1;
}
li.product .product-block:hover .product-transition .shop-action {
transform: translateY(0);
}
li.product .product-block:hover a[class*=product_type_] {
background: var(--primary_hover);
color: #fff;
border-top-left-radius: 0;
}
li.product .product-block:hover h2 a,
li.product .product-block:hover h3 a,
li.product .product-block:hover .woocommerce-loop-product__title a,
li.product .product-block:hover .wc-block-grid__product-title a {
background-size: 100% 1px;
text-decoration: none;
}
li.product .product-block:hover a[class*=product_type_] {
transform: translateY(0);
opacity: 1;
}
li.product .product-block:hover .product-img-wrap .inner {
-ms-transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
-o-transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
-moz-transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
-webkit-transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
li.product .product-block:hover .product-img-wrap.bottom-to-top .inner {
-ms-transform: translate3d(0, -100%, 0);
-o-transform: translate3d(0, -100%, 0);
-moz-transform: translate3d(0, -100%, 0);
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
li.product .product-block:hover .product-img-wrap.top-to-bottom .inner {
-ms-transform: translate3d(0, 100%, 0);
-o-transform: translate3d(0, 100%, 0);
-moz-transform: translate3d(0, 100%, 0);
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
li.product .product-block:hover .product-img-wrap.left-to-right .inner {
-ms-transform: translate3d(100%, 0, 0);
-o-transform: translate3d(100%, 0, 0);
-moz-transform: translate3d(100%, 0, 0);
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
li.product .product-block:hover .product-img-wrap.right-to-left .inner {
-ms-transform: translate3d(-100%, 0, 0);
-o-transform: translate3d(-100%, 0, 0);
-moz-transform: translate3d(-100%, 0, 0);
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
li.product .product-block:hover .product-img-wrap.swap .product-image {
opacity: 0;
}
li.product .product-block:hover .product-img-wrap.swap .product-image img {
transform: rotateY(180deg);
}
li.product .product-block:hover .product-img-wrap.swap .product-image.second-image {
opacity: 1;
}
li.product .product-block:hover .product-img-wrap.swap .product-image.second-image img {
transform: rotateY(0deg);
}
li.product .product-block:hover .product-img-wrap.fade .product-image {
opacity: 0;
}
li.product .product-block:hover .product-img-wrap.fade .product-image.second-image {
opacity: 1;
}
li.product .product-block:hover .product-img-wrap.zoom-in .product-image.second-image {
transform: scale(1);
}
li.product .product-block:hover .product-img-wrap.zoom-out .product-image {
transform: scale(0);
}
li.product .product-block:hover .product-img-wrap.zoom-out .product-image.second-image {
transform: scale(1);
}
li.product .posted-in {
font-size: 10px;
line-height: 18px;
text-transform: uppercase;
margin-bottom: 4px;
}
li.product .posted-in a {
color: var(--text);
}
li.product .posted-in a:hover {
color: var(--primary);
}
li.product a[class*=product_type_] {
position: absolute;
top: 5px;
right: 0;
text-align: center;
z-index: 100;
width: 44px;
height: 44px;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
border-radius: 30px;
padding: 0;
background: rgba(15, 98, 249, 0.08);
color: var(--primary);
}
li.product a[class*=product_type_]:before {
font-family: "melawell-icon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
vertical-align: middle;
content: "\e00b";
vertical-align: bottom;
line-height: 44px;
font-size: 20px;
}
li.product .product-transition .shop-action {
position: absolute;
bottom: 0;
left: 0;
transition: all ease 0.3s;
z-index: 7;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
background: var(--background2);
transform: translateY(100%);
}
li.product .product-transition .woosw-btn {
-webkit-transition: all 0.55s ease-in-out;
-o-transition: all 0.55s ease-in-out;
transition: all 0.55s ease-in-out;
z-index: 7;
padding: 0;
font-size: 0;
color: var(--text);
box-sizing: border-box;
display: block;
position: absolute;
border-radius: 50%;
top: calc(var(--grid-gutter) / 2);
right: calc(var(--grid-gutter) / 2);
background: transparent;
}
li.product .product-transition .woosw-btn:before {
font-size: 20px;
text-align: center;
font-family: "melawell-icon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
vertical-align: middle;
content: "\e02c";
}
li.product .product-transition .woosw-btn.woosw-adding:before {
opacity: 0;
}
li.product .product-transition .woosw-btn.woosw-adding::after {
font-family: "melawell-icon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
vertical-align: middle;
content: "\e080" !important;
animation: fa-spin 0.75s linear infinite;
height: 20px;
width: 20px;
line-height: 20px;
font-size: 20px;
position: absolute;
top: 50%;
left: 50%;
margin-left: -10px;
margin-top: -10px;
display: block;
}
li.product .product-transition .woosw-btn.woosw-added {
color: red;
}
li.product .product-transition .woosw-btn.woosw-added:before {
content: "\e02b";
}
li.product .product-transition .woosw-btn.woosw-added:before {
margin-right: 0;
}
li.product .product-transition .woosw-btn.woosw-added:hover {
color: #fff;
}
li.product .shop-action .woosc-btn,
li.product .shop-action .woosq-btn {
z-index: 7;
padding: 0;
font-size: 0;
color: var(--accent);
box-sizing: border-box;
width: 44px;
height: 44px;
display: block;
position: relative;
background: transparent;
margin: 0 5px;
}
li.product .shop-action .woosc-btn:before,
li.product .shop-action .woosq-btn:before {
font-size: 20px;
text-align: center;
font-family: "melawell-icon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
vertical-align: middle;
}
li.product .shop-action .woosc-btn:hover:before, li.product .shop-action .woosc-btn:focus:before, li.product .shop-action .woosc-btn:active:before, li.product .shop-action .woosc-btn.woosc-btn-added:before,
li.product .shop-action .woosq-btn:hover:before,
li.product .shop-action .woosq-btn:focus:before,
li.product .shop-action .woosq-btn:active:before,
li.product .shop-action .woosq-btn.woosc-btn-added:before {
color: var(--primary_hover);
}
li.product .shop-action .woosc-btn:before,
li.product .shop-action .wooscp-btn:before {
content: "\e016";
}
li.product .shop-action .woosq-btn:before {
content: "\e01e";
}
li.product .shop-action:not(.quick-shop-shown):hover .product-transition .shop-action {
opacity: 1;
transform: translateY(-50%);
}
li.product .shop-action:not(.quick-shop-shown):hover .product-image img {
opacity: 0.85;
}
li.product .product-caption-action {
display: flex;
flex-direction: column;
margin-top: auto;
padding-right: 44px;
position: relative;
}
li.product .product-caption-action .price {
order: -1;
}
li.product.product-style-special .product-block {
border-radius: 8px;
border: 1px solid var(--secondary) !important;
padding: 40px;
}
li.product.product-style-special .product-block .product-caption {
padding: 0;
}
li.product.product-style-special .special-title {
font-size: 22px;
line-height: 30px;
font-weight: 700;
color: var(--accent);
margin-bottom: 8px;
}
li.product.product-style-special .deal-text {
font-size: 12px;
line-height: 16px;
color: var(--light);
margin-bottom: 16px;
}
.product-block {
display: flex;
flex-direction: column;
box-sizing: border-box;
}
.product-img-wrap {
overflow: hidden;
position: relative;
}
.product-img-wrap:before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-ms-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
-o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
-moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
-webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
opacity: 0.75;
}
.product-img-wrap .inner {
width: 100%;
height: 100%;
-ms-animation-fill-mode: both;
-o-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-ms-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
-o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
-moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
-webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
.product-img-wrap .product-image {
opacity: 1;
-ms-opacity: 1;
-o-opacity: 1;
-moz-opacity: 1;
-webkit-opacity: 1;
filter: alpha(opacity=100);
-ms-transition: opacity 1.5s cubic-bezier(0.19, 1, 0.22, 1) 0ms;
-o-transition: opacity 1.5s cubic-bezier(0.19, 1, 0.22, 1) 0ms;
-moz-transition: opacity 1.5s cubic-bezier(0.19, 1, 0.22, 1) 0ms;
-webkit-transition: opacity 1.5s cubic-bezier(0.19, 1, 0.22, 1) 0ms;
transition: opacity 1.5s cubic-bezier(0.19, 1, 0.22, 1) 0ms;
}
.product-img-wrap .product-image img {
-ms-transition: opacity 1.5s cubic-bezier(0.19, 1, 0.22, 1) 0ms;
-o-transition: opacity 1.5s cubic-bezier(0.19, 1, 0.22, 1) 0ms;
-moz-transition: opacity 1.5s cubic-bezier(0.19, 1, 0.22, 1) 0ms;
-webkit-transition: opacity 1.5s cubic-bezier(0.19, 1, 0.22, 1) 0ms;
transition: opacity 1.5s cubic-bezier(0.19, 1, 0.22, 1) 0ms;
}
.product-img-wrap .product-image.second-image {
position: absolute;
width: 100%;
height: 100%;
}
.product-img-wrap.top-to-bottom .product-image {
bottom: 100%;
}
.product-img-wrap.left-to-right .product-image {
top: 0;
right: 100%;
}
.product-img-wrap.right-to-left .product-image {
top: 0;
left: 100%;
}
.product-img-wrap.swap .product-image {
top: 0;
left: 0;
transition: all 0.7s ease;
}
.product-img-wrap.swap .product-image img {
transition: all 0.7s ease;
transform: rotateY(0deg);
}
.product-img-wrap.swap .product-image.second-image {
z-index: 2;
opacity: 0;
}
.product-img-wrap.swap .product-image.second-image img {
transform: rotateY(-180deg);
}
.product-img-wrap.fade .product-image {
top: 0;
left: 0;
transition: all 0.5s ease;
}
.product-img-wrap.fade .product-image.second-image {
opacity: 0;
z-index: 2;
}
.product-img-wrap.zoom-in .product-image {
top: 0;
left: 0;
transition: all 0.5s ease;
}
.product-img-wrap.zoom-in .product-image.second-image {
transform: scale(0);
z-index: 2;
}
.product-img-wrap.zoom-out .product-image {
top: 0;
left: 0;
transition: all 0.5s ease;
}
.product-img-wrap.zoom-out .product-image.second-image {
z-index: -1;
}
.product-block .product-caption {
width: 100%;
padding: 15px 20px 20px;
flex: 1;
display: flex;
flex-direction: column;
z-index: 3;
}
.hentry .entry-content .wc-block-grid__products .wc-block-grid__product > a,
.hentry .entry-content ul.products li.product > a {
text-decoration: none;
}
.product-transition {
position: relative;
overflow: hidden;
}
.product-transition .woocommerce-loop-product__link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
transition: all 0.4s ease-in-out;
}
.opal-product-tooltipster {
display: block !important;
}
.opal-product-tooltipster .tooltipster-content {
background-color: #000;
color: #fff;
padding: 0 15px;
font-size: 13px;
}
.opal-product-tooltipster.tooltipster-base.tooltipster-top .tooltipster-arrow-background {
border-top-color: #000;
}
.opal-product-tooltipster.tooltipster-base.tooltipster-left .tooltipster-arrow {
transform: translateY(-5px);
}
.opal-product-tooltipster.tooltipster-base.tooltipster-left .tooltipster-arrow-background {
border-left-color: #000;
}
.inventory_status {
color: #36d745;
}
.inventory_status.out-stock {
color: var(--light);
}
.product-block .blockUI.blockOverlay:before,
.product-block .loader:before {
top: 50%;
left: 50%;
opacity: 1 !important;
font-family: "melawell-icon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
vertical-align: middle;
content: "\e080";
animation: fa-spin 0.75s linear infinite;
font-size: 20px;
width: 20px;
height: 20px;
line-height: 1;
position: absolute;
display: block !important;
margin-left: -10px;
margin-top: -10px;
color: #000;
}
.product-block .blockUI.blockOverlay {
opacity: 1 !important;
overflow: hidden;
background-image: none !important;
background: #fff !important;
}
.wooscp-area .wooscp-inner .wooscp-table .wooscp-table-inner .wooscp-table-items table tbody tr td {
padding: 15px;
}
.mfp-close-btn-in .mfp-close {
padding: 0;
background-color: transparent;
}
.quick-shop-wrapper {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 99999989;
background: rgba(0, 0, 0, 0.7);
opacity: 0;
font-size: 14px;
visibility: hidden;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
box-sizing: border-box;
}
.quick-shop-wrapper .quick-shop-wrapper-inner {
display: block;
width: 100%;
height: 100%;
position: relative;
}
.quick-shop-wrapper .quick-shop-content {
width: 90%;
max-width: 737px;
height: auto;
max-height: 90%;
position: absolute;
background: #fff;
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 0);
-webkit-transform: translate3d(-50%, -50%, 0);
padding: 0;
display: flex;
flex-direction: column;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.quick-shop-wrapper .quick-shop-form {
display: flex;
align-items: stretch;
flex-direction: column;
padding-top: 25px;
width: 100%;
height: 100%;
overflow-y: auto;
}
.quick-shop-wrapper .quick-shop-form .woosc-btn,
.quick-shop-wrapper .quick-shop-form .wooscp-btn,
.quick-shop-wrapper .quick-shop-form .woosw-btn {
display: none;
}
.quick-shop-wrapper .quick-shop-form .variations td {
padding: 5px 0;
}
.quick-shop-wrapper .quick-shop-form .variations td.label label {
font-weight: 500;
}
.quick-shop-wrapper .woocommerce-loop-product__title {
padding-left: 30px;
padding-right: 30px;
}
.quick-shop-wrapper .variations_form {
display: flex;
flex: 1 1 auto;
flex-direction: column;
justify-content: space-between;
margin-bottom: 0;
padding-left: 30px;
padding-right: 30px;
}
.quick-shop-wrapper .variations_form:before {
content: "";
}
.quick-shop-wrapper .variations_form .woocommerce-variation {
-webkit-animation: none;
animation: none;
}
.quick-shop-wrapper .variations_form .woocommerce-variation-description p {
margin-bottom: 10px;
}
.quick-shop-wrapper .variations_form .woocommerce-variation-price .price,
.quick-shop-wrapper .variations_form .woocommerce-variation-availability p.stock {
margin-right: 5px;
margin-bottom: 10px;
margin-left: 5px;
}
.quick-shop-wrapper .variations_form .woocommerce-variation-price .price {
display: flex;
align-items: baseline;
font-size: 26px;
margin-bottom: 0.6em;
font-weight: 700;
color: var(--primary);
}
.quick-shop-wrapper div.quantity {
display: none !important;
}
.quick-shop-wrapper .woocommerce-variation-add-to-cart {
position: relative;
display: flex;
align-items: stretch;
flex-direction: row;
justify-content: space-between;
order: 1;
margin-right: -30px;
margin-left: -30px;
}
.quick-shop-wrapper .single_add_to_cart_button {
flex: 1 1 auto;
border-radius: 0 !important;
}
.quick-shop-wrapper table.variations {
margin-bottom: 10px;
}
.quick-shop-wrapper table.variations .reset_variations {
bottom: -30px;
}
.quick-shop-wrapper .variation-swatch-selected .variations {
margin-bottom: 40px;
}
.quick-shop-wrapper .quick-shop-close {
position: absolute;
top: 5px;
right: 10px;
z-index: 5;
height: 30px;
opacity: 0;
transition: opacity 0.2s ease 0s;
background-color: #fff;
}
.quick-shop-shown {
overflow: hidden;
}
.quick-shop-shown .quick-shop-wrapper {
opacity: 1;
visibility: visible;
}
.quick-shop-shown .quick-shop-close {
opacity: 1;
transition: all 0.25s ease 0.35s;
padding-right: 16px;
}
.loading-quick-shop .product-transition::after {
font-family: "melawell-icon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
vertical-align: middle;
content: "\e080";
animation: fa-spin 0.75s linear infinite;
height: 20px;
width: 20px;
line-height: 20px;
font-size: 20px;
position: absolute;
top: 50%;
left: 50%;
margin-left: -10px;
margin-top: -10px;
display: block;
color: var(--accent);
z-index: 10;
}
.loading-quick-shop .product-transition .woocommerce-loop-product__link {
background-color: rgba(255, 255, 255, 0.95);
}
.cross-button {
position: relative;
display: inline-block;
cursor: pointer;
line-height: 30px;
}
.cross-button:after, .cross-button:before {
content: "\20";
position: absolute;
top: 50%;
right: 0;
display: inline-block;
margin-top: -1px;
width: 12px;
height: 2px;
background-color: #000;
transition: background-color 0.2s ease-in-out, transform 0.2s ease-in-out, width 0.2s ease-in-out;
}
.cross-button:after {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.cross-button:before {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.cross-button:hover:after, .cross-button:hover:before {
-webkit-transform: rotate(0);
transform: rotate(0);
}
@-webkit-keyframes rotate {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes rotate {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.preloader .product-transition,
.preloader .woocommerce-loop-product__title > a,
.preloader .short-description,
.preloader .star-rating,
.preloader .button-group,
.preloader .posted-in,
.preloader .price > span,
.preloader .product-attributes .item,
.preloader .shop-action,
.preloader .product-label {
position: relative;
}
.preloader .product-transition:after,
.preloader .woocommerce-loop-product__title > a:after,
.preloader .short-description:after,
.preloader .star-rating:after,
.preloader .button-group:after,
.preloader .posted-in:after,
.preloader .price > span:after,
.preloader .product-attributes .item:after,
.preloader .shop-action:after,
.preloader .product-label:after {
content: "";
position: absolute;
z-index: 996;
animation-duration: 1s;
animation-fill-mode: forwards;
animation-iteration-count: infinite;
animation-name: placeHolderShimmer;
animation-timing-function: linear;
background: #f6f7f8;
background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
background-size: 800px 104px;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@keyframes placeHolderShimmer {
0% {
background-position: -468px 0;
}
100% {
background-position: 468px 0;
}
}
.product-attributes {
display: flex;
margin-bottom: 12px;
}
.product-attributes .item {
margin-right: 10px;
}
.product-attributes .color-item {
position: relative;
width: 20px;
height: 20px;
display: inline-block;
border-radius: 50%;
}
.product-attributes .color-item[style="background-color:#ffffff"], .product-attributes .color-item[style="background-color:"] {
box-shadow: 0 0 0 1px inset var(--border);
}
.product-attributes .image-item img {
border: 1px solid #fff;
width: 20px !important;
height: 20px !important;
object-fit: cover;
border-radius: 50%;
filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.05));
}
.product-attributes .name {
font-size: 11px;
border: 1px solid var(--border);
border-radius: 30px;
padding: 1px 10px;
color: var(--accent);
display: block;
}
@-webkit-keyframes rightToLeft {
0% {
transform: translateX(40px);
}
100% {
transform: translateX(0);
}
}
.woocommerce-products-header {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
.woocommerce-products-header h1.page-title {
margin-bottom: 0;
font-weight: 700;
font-size: 32px;
line-height: 36px;
}
.woocommerce-products-header .woocommerce-result-count {
margin-bottom: 0;
text-align: right;
}
.woocommerce-products-header .term-description {
flex: 0 0 100%;
order: 1;
}
.woocommerce-products-header h1.page-title,
.woocommerce-products-header .woocommerce-result-count {
order: 2;
flex: 0 0 50%;
max-width: 50%;
}
@media (max-width: 767px) {
.woocommerce-products-header h1.page-title,
.woocommerce-products-header .woocommerce-result-count {
flex: 0 0 100%;
max-width: 50%;
}
} .single-product .pswp__button {
background-image: none;
}
.single-product .melawell-single-mobile-header {
display: none;
}
.single-product div.product {
position: relative;
}
.single-product div.product::before, .single-product div.product::after {
content: "";
display: table;
}
.single-product div.product::after {
clear: both;
}
.single-product div.product .images,
.single-product div.product .summary,
.single-product div.product .woocommerce-product-gallery {
margin-bottom: 2.617924em;
margin-top: 0;
}
.single-product div.product .content-single-wrapper:after {
content: "";
display: table;
clear: both;
}
.single-product div.product .woocommerce-product-gallery {
position: relative;
}
.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
position: absolute;
bottom: 30px;
right: 20px;
height: 45px;
width: 45px;
border-radius: 50%;
z-index: 80;
border: 1px solid var(--accent);
text-align: center;
text-indent: -9999px;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}
.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger:hover {
border: 1px solid var(--primary);
}
.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger:before {
font-family: "melawell-icon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
vertical-align: middle;
content: "\e065";
display: block;
line-height: 45px;
text-indent: 0;
color: var(--accent);
font-size: 19px;
}
.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger img {
display: none !important;
}
.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger + .woocommerce-product-gallery__wrapper {
width: 100%;
border: 1px solid var(--border);
}
.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger + .woocommerce-product-gallery__wrapper img.wp-post-image {
display: block;
}
.single-product div.product .woocommerce-product-gallery .product-video-360__btn {
position: absolute;
z-index: 9;
}
.single-product div.product .woocommerce-product-gallery .product-video-360__btn.btn-video {
bottom: 95px;
right: 20px;
height: 45px;
width: 45px;
border-radius: 50%;
z-index: 80;
border: 1px solid var(--accent);
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper {
position: relative;
display: block;
height: 100%;
}
.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper .wp-post-image {
width: 100%;
}
.single-product div.product .woocommerce-product-gallery .flex-viewport {
margin-bottom: 5px;
}
.single-product div.product .woocommerce-product-gallery .flex-viewport .woocommerce-product-gallery__wrapper {
padding: 0;
border: none;
}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs {
margin: 0;
padding: 0;
position: relative;
display: flex;
flex-wrap: wrap;
}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs .slick-arrow {
display: none !important;
}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li {
list-style: none;
cursor: pointer;
display: block !important;
position: relative;
}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img {
margin-right: 10px;
margin-bottom: 10px;
border: 1px solid var(--border);
display: block;
}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img.flex-active {
border-color: var(--primary);
}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li:hover img {
border-color: var(--primary);
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery-vertical .flex-control-thumbs img, .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery-horizontal .flex-control-thumbs img {
max-width: 90px;
width: 90px;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery-vertical.woocommerce-product-gallery--with-images .woocommerce-product-gallery__trigger, .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery-horizontal.woocommerce-product-gallery--with-images .woocommerce-product-gallery__trigger {
bottom: unset;
top: 20px;
}
@media (min-width: 768px) {
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery-vertical.woocommerce-product-gallery--with-images .woocommerce-product-gallery__trigger, .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery-horizontal.woocommerce-product-gallery--with-images .woocommerce-product-gallery__trigger {
top: unset;
bottom: 140px;
}
}
@media (min-width: 768px) {
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery-vertical {
display: flex;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery-vertical .flex-control-nav {
order: -1;
width: 90px;
margin-right: 10px;
flex-direction: column;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery-vertical .flex-control-nav li {
margin-bottom: 10px;
margin-right: 0;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery-vertical .flex-viewport {
width: calc(100% - 100px);
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery-vertical.woocommerce-product-gallery--with-images .product-labels {
left: 120px;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery-vertical.woocommerce-product-gallery--with-images .woocommerce-product-gallery__trigger {
bottom: 30px;
}
}
.single-product div.product .woocommerce-product-gallery-grid .woocommerce-product-gallery__wrapper {
display: flex;
flex-wrap: wrap;
margin-left: -2px;
margin-right: -2px;
border: none;
}
.single-product div.product .woocommerce-product-gallery-grid .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image {
flex-basis: 50%;
width: 50%;
padding-left: 2px;
padding-right: 2px;
margin-bottom: 4px;
}
.single-product div.product .woocommerce-product-gallery-grid .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image:first-child {
flex-basis: 100%;
width: 100%;
}
.single-product div.product .woocommerce-product-gallery-grid .product-video-360 {
top: 30px;
}
.single-product div.product .woocommerce-product-gallery-sticky .woocommerce-product-gallery__wrapper {
display: flex;
flex-wrap: wrap;
border: none;
}
.single-product div.product .woocommerce-product-gallery-sticky .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image {
flex-basis: 100%;
width: 100%;
margin-bottom: 4px;
}
.single-product div.product .woocommerce-product-gallery-sticky .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image a {
display: block;
cursor: zoom-in;
}
.single-product div.product .woocommerce-product-gallery-sticky .product-video-360 {
bottom: auto;
top: 30px;
}
.single-product div.product .woocommerce-product-gallery-slider .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image:not(.single-product div.product .woocommerce-product-gallery-slider .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image:first-child) {
display: none;
}
.single-product div.product .woocommerce-product-gallery-slider .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image a {
display: block;
cursor: zoom-in;
}
.single-product div.product .woocommerce-product-gallery .product-labels {
position: absolute;
z-index: 9;
top: 20px;
left: 19px;
}
.single-product div.product .woocommerce-product-gallery .product-labels .out-of-stock,
.single-product div.product .woocommerce-product-gallery .product-labels .featured {
display: none;
}
.single-product div.product .woocommerce-product-gallery .product-label {
color: var(--accent);
padding: 0 10px;
display: inline-block;
background-color: var(--background);
font-weight: 500;
font-size: 12px;
line-height: 22px;
border-radius: 20px;
}
.single-product div.product .woocommerce-product-gallery .product-label.onsale {
background: #E43C16;
color: #fff;
}
.single-product div.product .summary.entry-summary .woosw-btn,
.single-product div.product .summary.entry-summary .woosc-btn {
padding: 0;
background: transparent;
font-size: 14px;
line-height: 20px;
color: var(--light);
margin-top: 10px;
}
.single-product div.product .summary.entry-summary .woosw-btn:before,
.single-product div.product .summary.entry-summary .woosc-btn:before {
margin-right: 5px;
line-height: inherit;
vertical-align: middle;
font-weight: bold;
font-family: "melawell-icon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
vertical-align: middle;
margin-top: -2px;
}
.single-product div.product .summary.entry-summary .woosw-btn:hover,
.single-product div.product .summary.entry-summary .woosc-btn:hover {
color: var(--accent);
}
.single-product div.product .summary.entry-summary .woosw-btn {
margin-right: 15px;
}
.single-product div.product .summary.entry-summary .woosw-btn:before {
content: "\e02c";
}
.single-product div.product .summary.entry-summary .woosc-btn:before {
content: "\e016";
}
.single-product div.product .images .woocommerce-product-gallery__image {
box-sizing: border-box;
}
.single-product div.product .images .flex-viewport {
box-sizing: border-box;
margin-bottom: 10px;
border: 1px solid var(--border);
}
.single-product div.product .images .flex-viewport .woocommerce-product-gallery__image {
border: 0;
border-radius: 0;
}
.single-product div.product .images .woocommerce-main-image {
margin-bottom: 1.618em;
display: block;
}
.single-product div.product .images .thumbnails a.zoom {
display: block;
width: 22.05%;
margin-right: 3.8%;
float: left;
margin-bottom: 1em;
}
.single-product div.product .images .thumbnails a.zoom.last {
margin-right: 0;
}
.single-product div.product .images .thumbnails a.zoom.first {
clear: both;
}
.single-product div.product .woosg-qty,
.single-product div.product form.cart {
margin-bottom: 24px;
display: flex;
flex-wrap: wrap;
align-items: center;
border: 1px solid var(--border);
border-radius: 8px;
padding: 6px 16px 16px;
}
.single-product div.product .woosg-qty::before, .single-product div.product .woosg-qty::after,
.single-product div.product form.cart::before,
.single-product div.product form.cart::after {
content: "";
display: table;
}
.single-product div.product .woosg-qty::after,
.single-product div.product form.cart::after {
clear: both;
}
.single-product div.product .woosg-qty.variations_form,
.single-product div.product form.cart.variations_form {
padding: 0;
border: none;
}
.single-product div.product .woosg-qty .quantity,
.single-product div.product form.cart .quantity {
margin-top: 10px;
}
.single-product div.product .woosg-qty table.woocommerce-grouped-product-list .stock,
.single-product div.product form.cart table.woocommerce-grouped-product-list .stock {
font-size: 14px;
}
.single-product div.product .woosg-qty table.woocommerce-grouped-product-list .woocommerce-grouped-product-list-item__quantity,
.single-product div.product form.cart table.woocommerce-grouped-product-list .woocommerce-grouped-product-list-item__quantity {
float: none;
margin-right: 0;
width: 140px;
padding-right: 20px;
}
@media (max-width: 1023px) {
.single-product div.product .woosg-qty table.woocommerce-grouped-product-list .woocommerce-grouped-product-list-item__quantity,
.single-product div.product form.cart table.woocommerce-grouped-product-list .woocommerce-grouped-product-list-item__quantity {
width: 100px;
}
.single-product div.product .woosg-qty table.woocommerce-grouped-product-list .woocommerce-grouped-product-list-item__quantity a,
.single-product div.product form.cart table.woocommerce-grouped-product-list .woocommerce-grouped-product-list-item__quantity a {
font-size: 11px;
}
}
.single-product div.product .woosg-qty table.woocommerce-grouped-product-list .woocommerce-grouped-product-list-item__quantity a.button,
.single-product div.product form.cart table.woocommerce-grouped-product-list .woocommerce-grouped-product-list-item__quantity a.button {
width: 100%;
text-align: center;
padding: 14px 10px;
text-transform: uppercase;
word-break: initial;
font-weight: 500;
font-size: 12px;
background-color: var(--accent);
color: #fff;
vertical-align: middle;
}
.single-product div.product .woosg-qty table.woocommerce-grouped-product-list .woocommerce-grouped-product-list-item__quantity a.button:hover,
.single-product div.product form.cart table.woocommerce-grouped-product-list .woocommerce-grouped-product-list-item__quantity a.button:hover {
background-color: var(--primary);
}
.single-product div.product .woosg-qty table.woocommerce-grouped-product-list .woocommerce-grouped-product-list-item__quantity .quantity,
.single-product div.product form.cart table.woocommerce-grouped-product-list .woocommerce-grouped-product-list-item__quantity .quantity {
margin-right: 20px;
margin-top: 0;
}
.single-product div.product .woosg-qty table.group_table tr,
.single-product div.product form.cart table.group_table tr {
border-bottom: 1px solid;
border-color: var(--border);
}
.single-product div.product .woosg-qty table.group_table td,
.single-product div.product form.cart table.group_table td {
padding: 20px 0;
vertical-align: middle;
}
.single-product div.product .woosg-qty table.group_table .quantity_label,
.single-product div.product form.cart table.group_table .quantity_label {
display: none;
}
.single-product div.product .woosg-qty table.group_table .woocommerce-grouped-product-image,
.single-product div.product form.cart table.group_table .woocommerce-grouped-product-image {
padding: 20px 10px;
}
.single-product div.product .woosg-qty table.group_table .woocommerce-grouped-product-image img,
.single-product div.product form.cart table.group_table .woocommerce-grouped-product-image img {
max-width: 48px;
margin: auto;
}
.single-product div.product .woosg-qty table.group_table .woocommerce-grouped-product-list-item__label,
.single-product div.product form.cart table.group_table .woocommerce-grouped-product-list-item__label {
padding-right: 10px;
}
.single-product div.product .woosg-qty table.group_table .woocommerce-grouped-product-list-item__label a,
.single-product div.product form.cart table.group_table .woocommerce-grouped-product-list-item__label a {
color: var(--accent);
word-break: break-word;
}
.single-product div.product .woosg-qty table.group_table .woocommerce-grouped-product-list-item__label a:hover,
.single-product div.product form.cart table.group_table .woocommerce-grouped-product-list-item__label a:hover {
color: var(--primary);
}
.single-product div.product .woosg-qty table.group_table .woocommerce-grouped-product-list-item__price,
.single-product div.product form.cart table.group_table .woocommerce-grouped-product-list-item__price {
text-align: right;
}
.single-product div.product .woosg-qty table.group_table .woocommerce-grouped-product-list-item__price del .woocommerce-Price-amount,
.single-product div.product form.cart table.group_table .woocommerce-grouped-product-list-item__price del .woocommerce-Price-amount {
font-weight: 400;
color: var(--light);
font-size: 14px;
}
.single-product div.product .woosg-qty table.group_table .woocommerce-grouped-product-list-item__price ins .woocommerce-Price-amount,
.single-product div.product form.cart table.group_table .woocommerce-grouped-product-list-item__price ins .woocommerce-Price-amount {
color: #ef3636;
font-weight: 500;
font-size: 18px;
}
.single-product div.product .woosg-qty table.group_table .woocommerce-Price-amount,
.single-product div.product form.cart table.group_table .woocommerce-Price-amount {
font-size: 18px;
word-break: normal;
font-weight: 500;
color: var(--primary);
}
.single-product div.product .single_add_to_cart_button {
margin-top: 10px;
white-space: nowrap;
border: none;
font-weight: 500;
font-size: 14px;
line-height: 20px;
color: #FFFFFF;
text-transform: capitalize;
padding: 16px 30px;
background-color: var(--primary);
margin-right: 15px;
}
.single-product div.product .single_add_to_cart_button:hover {
background-color: var(--primary_hover);
}
.single-product div.product .product_title {
font-size: 28px;
margin-bottom: 24px;
display: inline;
}
.single-product div.product p.price {
font-size: 22px;
margin-bottom: 24px;
margin-top: 10px;
font-weight: 500;
display: flex;
align-items: baseline;
position: relative;
color: var(--secondary);
line-height: 1.3636363636;
}
.single-product div.product p.price del {
font-size: 16px;
margin-left: 8px;
}
.single-product div.product p.price ~ .stock {
display: none;
}
.single-product div.product p.price ~ .stock.out-of-stock {
font-size: 14px;
line-height: 24px;
display: inline-block;
text-align: center;
padding: 14px 20px;
color: #FA2B4A;
margin-bottom: 20px;
margin-top: 10px;
min-width: 280px;
border: 1px solid;
text-transform: capitalize;
}
.single-product div.product .woocommerce-product-details__short-description {
margin-bottom: 30px;
}
.single-product div.product .woocommerce-product-details__short-description > ul, .single-product div.product .woocommerce-product-details__short-description > ol {
margin-left: 1em;
}
.single-product div.product table.variations {
table-layout: fixed;
margin-top: 10px;
margin-bottom: 0;
position: relative;
}
.single-product div.product table.variations th,
.single-product div.product table.variations td {
display: list-item;
padding: 0;
list-style: none;
background-color: transparent;
}
.single-product div.product table.variations select {
max-width: 100%;
vertical-align: middle;
}
.single-product div.product table.variations label {
display: inline-block;
color: var(--text);
font-weight: 500;
}
.single-product div.product table.variations .woo-selected-variation-item-name {
color: var(--accent);
font-weight: 500;
margin-bottom: 20px;
}
.single-product div.product table.variations a.reset_variations {
display: inline-block;
font-size: 14px;
text-decoration: underline;
}
.single-product div.product table.variations td.label label {
font-weight: 500;
font-size: 12px;
line-height: 18px;
color: var(--accent);
margin: 0 0 5px 0;
text-transform: uppercase;
}
.single-product div.product table.variations td.label .woo-selected-variation-item-name {
display: none;
}
.single-product div.product table.variations td.value {
margin-bottom: 20px;
}
.single-product div.product .single_variation .price {
display: flex;
align-items: baseline;
font-size: 22px;
margin-bottom: 0.6em;
font-weight: 500;
color: var(--secondary);
}
.single-product div.product .single_variation .price del {
order: 2;
margin-left: 0.327em;
font-size: 16px;
color: var(--light);
}
.single-product div.product .single_variation .price ins {
order: 1;
margin-left: 0;
font-weight: 500;
font-size: 18px;
color: var(--primary);
}
.single-product div.product .single_variation_wrap {
width: 100%;
}
.single-product div.product .variations_button {
display: flex;
flex-wrap: wrap;
}
.single-product div.product .variations_button::before, .single-product div.product .variations_button::after {
content: "";
display: table;
}
.single-product div.product .variations_button::after {
clear: both;
}
.single-product div.product .woocommerce-product-rating {
line-height: 18px;
margin-bottom: 10px;
margin-top: 15px;
}
.single-product div.product .woocommerce-product-rating::before, .single-product div.product .woocommerce-product-rating::after {
content: "";
display: table;
}
.single-product div.product .woocommerce-product-rating::after {
clear: both;
}
.single-product div.product .woocommerce-product-rating a {
font-size: 12px;
text-transform: capitalize;
color: var(--light);
display: inline-block;
}
.single-product div.product .woocommerce-product-rating a:hover {
color: var(--primary);
text-decoration: underline;
}
.single-product div.product .woocommerce-product-rating .star-rating {
font-size: 12px;
display: inline-block;
vertical-align: middle;
}
.single-product div.product .product-custom-meta {
list-style: none;
margin-left: 0;
font-size: 14px;
}
.single-product div.product .product-custom-meta li {
display: inline-block;
position: relative;
}
.single-product div.product .product-custom-meta li:after {
height: 10px;
width: 1px;
background: var(--text);
content: "";
display: inline-block;
margin: 0 5px 0 7px;
}
.single-product div.product .product-custom-meta li:last-child:after {
display: none;
}
.single-product div.product .product-custom-meta li .name {
color: var(--light);
font-weight: 500;
}
.single-product div.product .product-custom-meta li .sku,
.single-product div.product .product-custom-meta li a {
color: var(--accent);
}
.single-product div.product .product-custom-meta li .sku:hover,
.single-product div.product .product-custom-meta li a:hover {
color: var(--primary);
}
.single-product div.product .product-custom-meta li .stock {
color: #0f834d;
}
.single-product div.product .product_meta {
margin-top: 24px;
}
.single-product div.product .product_meta > span {
font-weight: 400;
font-size: 14px;
line-height: 26px;
color: var(--text);
display: block;
}
.single-product div.product .product_meta > span:last-child {
margin-bottom: 0;
}
.single-product div.product .product_meta > span a {
font-weight: 400;
text-transform: none;
color: var(--accent);
}
.single-product div.product .product_meta > span a:hover {
color: var(--primary);
}
.single-product div.product .melawell-social-share {
padding-top: 25px;
border-top: 1px solid var(--border);
}
.single-product .time-sale {
margin-top: 20px;
margin-bottom: 20px;
}
.single-product .time-sale .deal-text {
font-weight: 500;
color: var(--primary);
margin-bottom: 8px;
font-size: 14px;
}
.single-product .time-sale .melawell-countdown {
display: flex;
flex-wrap: wrap;
margin-left: -10px;
margin-right: -10px;
}
.single-product .time-sale .melawell-countdown .countdown-item {
padding: 0 10px;
text-align: center;
}
.single-product .time-sale .melawell-countdown .countdown-item .countdown-digits {
font-size: 16px;
color: var(--accent);
display: flex;
align-items: center;
justify-content: center;
font-weight: 500;
}
.single-product .time-sale .melawell-countdown .countdown-item .countdown-label {
display: none;
}
.single-product .woocommerce-tabs {
display: block;
}
.single-product .woocommerce-tabs.product-accordions {
border: none;
padding-bottom: 0;
margin-bottom: 30px;
}
.single-product .woocommerce-tabs ul.tabs {
margin: 0 0 24px 0;
list-style: none;
border-bottom: 1px solid var(--border);
}
@media (max-width: 767px) {
.single-product .woocommerce-tabs ul.tabs {
display: none;
}
}
.single-product .woocommerce-tabs ul.tabs li {
display: inline-block;
margin: 0 40px 0 0;
position: relative;
}
.single-product .woocommerce-tabs ul.tabs li:last-child {
margin-right: 0;
}
.single-product .woocommerce-tabs ul.tabs li a {
padding: 0 0 10px 0;
display: block;
position: relative;
font-size: 16px;
line-height: 1.8571428571;
color: var(--light);
font-weight: 500;
}
.single-product .woocommerce-tabs ul.tabs li a:after {
content: "";
position: absolute;
width: 100%;
height: 2px;
left: 0;
bottom: -1px;
}
.single-product .woocommerce-tabs ul.tabs li a:hover {
color: var(--accent);
}
.single-product .woocommerce-tabs ul.tabs li a:hover:after {
background: var(heading);
}
.single-product .woocommerce-tabs ul.tabs li.active a {
opacity: 1;
color: var(--accent);
}
.single-product .woocommerce-tabs ul.tabs li.active a:after {
background: var(--primary);
}
@media (max-width: 767px) {
.single-product .woocommerce-tabs .woocommerce-product-attributes {
margin-bottom: 0;
}
.single-product .woocommerce-tabs .woocommerce-product-attributes tr:last-child td, .single-product .woocommerce-tabs .woocommerce-product-attributes tr:last-child th {
border-bottom: 0;
}
.single-product .woocommerce-tabs .woocommerce-product-attributes td, .single-product .woocommerce-tabs .woocommerce-product-attributes th {
font-size: 14px;
padding: 15px;
border: 0;
border-bottom: 1px solid var(--border);
}
.single-product .woocommerce-tabs .woocommerce-product-attributes .woocommerce-product-attributes-item__value {
text-align: right;
}
}
.single-product .woocommerce-tabs.product-accordions .accordion-head {
padding: 30px;
position: relative;
cursor: pointer;
border-bottom: 1px solid;
border-color: var(--border);
}
.single-product .woocommerce-tabs.product-accordions .accordion-head:hover .accordion-title {
color: var(--primary);
}
.single-product .woocommerce-tabs.product-accordions .accordion-head.active:before {
background-color: var(--primary);
}
.single-product .woocommerce-tabs.product-accordions .accordion-head.active:after {
height: 0;
opacity: 0;
background-color: var(--primary);
}
.single-product .woocommerce-tabs.product-accordions .accordion-head:before {
content: "";
position: absolute;
top: 50%;
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
background-color: var(--accent);
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
left: 0;
width: 16px;
height: 2px;
}
.single-product .woocommerce-tabs.product-accordions .accordion-head:after {
content: "";
position: absolute;
top: 50%;
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
background-color: var(--accent);
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
left: 7px;
height: 16px;
width: 2px;
opacity: 1;
}
.single-product .woocommerce-tabs.product-accordions .accordion-title {
display: block;
position: relative;
font-size: 20px;
font-weight: 700;
color: var(--accent);
margin-bottom: 0;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.single-product .woocommerce-tabs.product-accordions .accordion-body {
padding: 35px 0;
display: none;
}
.single-product .woocommerce-tabs.product-accordions .accordion-body.active {
border-bottom: 1px solid;
border-color: var(--border);
}
.single-product .woocommerce-tabs.product-accordions .accordion-body h2:first-of-type {
display: none;
}
.single-product .woocommerce-tabs.product-accordions .accordion-body #reviews #comments,
.single-product .woocommerce-tabs.product-accordions .accordion-body #reviews #review_form_wrapper {
width: 100%;
float: none;
padding-right: 0;
}
.single-product .woocommerce-tabs.product-accordions .accordion-body .list-unstyled {
margin-left: 0;
}
.single-product .woocommerce-tabs.product-accordions .accordion-body ul.list-unstyled {
margin: 0;
}
.single-product .woocommerce-tabs.product-accordions .accordion-body ul.list-unstyled li {
margin-bottom: 5px;
}
.single-product .woocommerce-tabs.product-accordions .accordion-body ul.list-unstyled li.store-name > span:not(.details), .single-product .woocommerce-tabs.product-accordions .accordion-body ul.list-unstyled li.seller-name > span:not(.details), .single-product .woocommerce-tabs.product-accordions .accordion-body ul.list-unstyled li.store-address > span:not(.details) {
font-weight: 700;
color: var(--accent);
}
.single-product .woocommerce-tabs.product-accordions .accordion-body ul.list-unstyled .seller-rating {
vertical-align: middle;
}
.single-product .woocommerce-tabs.product-accordions .accordion-body ul.list-unstyled .seller-rating .text {
vertical-align: text-bottom;
}
.single-product .woocommerce-tabs.product-accordions .accordion-body ul.list-unstyled .star-rating {
display: inline-block;
}
.single-product .woocommerce-tabs.product-accordions table td, .single-product .woocommerce-tabs.product-accordions table th {
word-break: unset;
}
.single-product .woocommerce-tabs .woocommerce-Tabs-panel {
margin-left: auto;
margin-right: auto;
margin-bottom: 0;
padding-bottom: 25px;
position: relative;
}
.single-product .woocommerce-tabs .woocommerce-Tabs-panel--description {
margin-left: auto;
margin-right: auto;
}
.single-product .woocommerce-tabs .woocommerce-Tabs-panel--description .gallery .gallery-item .gallery-caption {
color: var(--accent);
font-size: 18px;
margin-top: 10px;
}
.single-product .woocommerce-tabs .woocommerce-Tabs-panel--description > ul, .single-product .woocommerce-tabs .woocommerce-Tabs-panel--description > ol {
margin-left: 1em;
}
.single-product .woocommerce-tabs .woocommerce-Tabs-panel--seller {
margin-left: auto;
margin-right: auto;
}
.single-product .woocommerce-tabs .woocommerce-Tabs-panel--seller ul.list-unstyled {
margin: 0;
list-style: none;
}
.single-product .woocommerce-tabs .woocommerce-Tabs-panel--seller ul.list-unstyled li {
margin-bottom: 5px;
}
.single-product .woocommerce-tabs .woocommerce-Tabs-panel--seller ul.list-unstyled li.store-name > span:not(.details), .single-product .woocommerce-tabs .woocommerce-Tabs-panel--seller ul.list-unstyled li.seller-name > span:not(.details), .single-product .woocommerce-tabs .woocommerce-Tabs-panel--seller ul.list-unstyled li.store-address > span:not(.details) {
font-weight: 700;
color: var(--accent);
}
.single-product .woocommerce-tabs .woocommerce-Tabs-panel--seller ul.list-unstyled .seller-rating {
vertical-align: middle;
}
.single-product .woocommerce-tabs .woocommerce-Tabs-panel--seller ul.list-unstyled .seller-rating .text {
vertical-align: text-bottom;
}
.single-product .woocommerce-tabs .woocommerce-Tabs-panel--seller ul.list-unstyled .star-rating {
display: inline-block;
}
.single-product .woocommerce-tabs .comment-form-cookies-consent {
display: inline-block;
}
.single-product .woocommerce-tabs .panel > h2:first-of-type {
display: none;
}
.single-product .woocommerce-tabs #review_form label {
margin-bottom: 0.5em;
font-size: 14px;
color: var(--accent);
}
.single-product .woocommerce-tabs #review_form .form-submit {
margin-bottom: 20px;
}
.single-product .woocommerce-tabs h2.resp-accordion {
display: block;
font-size: 16px;
padding: 1em 0;
border-bottom: 1px solid;
font-family: "Aktiv Grotesk Corp", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
border-color: var(--border);
}
@media (min-width: 768px) {
.single-product .woocommerce-tabs h2.resp-accordion {
display: none;
}
}
.single-product .woocommerce-tabs h2.resp-accordion.active {
border-bottom: 2px solid;
border-color: var(--primary);
}
@media (max-width: 767px) {
.single-product .woocommerce-tabs {
border: 1px solid var(--border);
}
.single-product .woocommerce-tabs .woocommerce-Tabs-panel {
padding: calc(var(--grid-gutter) / 2);
}
.single-product .woocommerce-tabs h2.resp-accordion {
padding: 16px calc(var(--grid-gutter) / 2);
margin: 0;
background: var(--background2);
display: flex;
align-items: center;
justify-content: space-between;
}
.single-product .woocommerce-tabs h2.resp-accordion:after {
font-family: "melawell-icon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
vertical-align: middle;
content: "\e001";
}
.single-product .woocommerce-tabs h2.resp-accordion.active {
border-bottom: 0;
background: var(--primary);
color: #fff;
}
.single-product .woocommerce-tabs h2.resp-accordion.active:after {
content: "\e03c";
}
.single-product .woocommerce-tabs #review_form .description {
margin-left: -60px !important;
}
}
.single-product .summary.entry-summary .woocommerce-tabs {
margin-top: 60px;
}
.single-product .summary.entry-summary .woocommerce-tabs ul.tabs {
margin: 0 0 40px 0;
display: flex;
flex-wrap: wrap;
}
.single-product .summary.entry-summary .woocommerce-tabs ul.tabs li {
margin-right: 40px;
}
.single-product .summary.entry-summary .woocommerce-tabs ul.tabs li:last-child {
margin-right: 0;
}
.single-product .summary.entry-summary .woocommerce-tabs ul.tabs li a {
font-family: "Aktiv Grotesk Corp", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
font-weight: 500;
font-size: 16px;
}
.single-product .deal-sold-text {
font-size: 14px;
color: var(--light);
font-weight: 500;
margin-bottom: 6px;
}
.single-product .deal-sold-text span {
color: var(--accent);
}
.single-product .product-extra-info {
padding: 30px 0;
}
.single-product .product-extra-info > div {
padding: 30px 0;
border-top: 1px solid;
border-top-color: var(--border);
}
.single-product .product-extra-info ul {
margin-bottom: 0;
}
.single-product .product-extra-info .brand-wrap {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.single-product .product-extra-info .title-brand {
margin-right: 30px;
}
.single-product .product-extra-info img {
padding: 10px 0;
}
.single-product .product-brand {
float: right;
margin-left: 15px;
}
.single-product .product-brand img {
max-width: 88px;
border: 1px solid var(--border);
margin-bottom: calc(var(--grid-gutter) / 2);
}
.single-product.single-product-style-2 .content-single-wrapper {
width: 100vw;
position: relative;
left: 50%;
margin-left: -50vw;
background: #F5F5F5;
padding: 100px 0;
margin-bottom: 120px;
}
@media (min-width: 1320px) {
.single-product.single-product-style-2 .content-single-wrapper .summary {
padding-right: calc(calc(100vw - calc(var(--container) - 30px)) / 2) !important;
}
}
.single-product.single-product-style-3 .content-single-wrapper {
width: 100vw;
position: relative;
left: 50%;
margin-left: -50vw;
}
@media (min-width: 1320px) {
.single-product.single-product-style-3 .content-single-wrapper .summary {
padding-right: calc(calc(100vw - calc(var(--container) - 30px)) / 2) !important;
}
}
.stock:empty::before {
display: none;
}
.stock.in-stock {
color: #0f834d;
}
.stock.out-of-stock {
font-weight: 500;
}
a.reset_variations {
display: inline-block;
margin-left: 1em;
} #reviews {
outline: none;
font-size: 14px;
margin: 0 auto;
}
#reviews #comments {
padding-top: 0;
padding-bottom: 0;
}
#reviews #comments + #review_form_wrapper {
margin-top: 30px;
}
#reviews .comment-title {
font-size: 18px;
margin-bottom: 25px;
font-weight: 500;
color: var(--accent);
display: block;
}
#reviews .comment-reply-title {
display: none;
}
#reviews .commentlist {
list-style: none;
margin: 15px 0 0;
}
#reviews .commentlist li {
margin-bottom: 30px;
padding-bottom: 8px;
list-style: none;
clear: both;
border-bottom: 1px solid var(--border);
}
#reviews .commentlist li::before, #reviews .commentlist li::after {
content: "";
display: table;
}
#reviews .commentlist li::after {
clear: both;
}
#reviews .commentlist li .comment_container::before, #reviews .commentlist li .comment_container::after {
content: "";
display: table;
}
#reviews .commentlist li .comment_container::after {
clear: both;
}
#reviews .commentlist li .comment_container .comment-text {
width: calc(100% - 90px);
float: right;
display: flex;
flex-wrap: wrap;
}
#reviews .commentlist li .comment_container .comment-text .star-rating {
font-size: 0.875em;
}
#reviews .commentlist li .comment_container .comment-text .meta {
order: -1;
margin-bottom: 10px;
margin-right: auto;
}
#reviews .commentlist li .comment_container .comment-text .description {
margin-top: 5px;
width: 100%;
}
#reviews .commentlist li:last-child {
border-bottom: 0;
margin-bottom: 0;
}
#reviews .commentlist li time {
color: var(--light);
}
#reviews .commentlist li .avatar {
width: 60px;
height: 60px;
float: left;
margin-right: 30px;
border-radius: 50%;
object-fit: cover;
}
#reviews .commentlist li p.meta strong {
font-size: 14px;
color: var(--accent);
font-weight: 500;
}
#reviews .commentlist li p.meta time {
display: block;
font-size: 14px;
}
#reviews .commentlist li p.meta time:before {
margin-right: 5px;
line-height: 1;
margin-top: -3px;
}
#reviews .commentlist li p.meta .verified {
font-style: normal;
font-size: 0.875em;
}
#reviews .commentlist li p.meta .woocommerce-review__dash {
display: none;
}
#reviews .commentlist li ul.children {
margin: 0;
width: 82.2222222222%;
float: right;
margin-right: 0;
padding-top: 1.618em;
}
#reviews .commentlist li ul.children .avatar {
width: 13.5135135135%;
float: left;
margin-right: 8.1081081081%;
}
#reviews .commentlist li ul.children .comment-text {
width: 78.3783783784%;
float: right;
margin-right: 0;
}
#reviews .commentlist li ul.children li {
margin-bottom: 1.618em;
}
#reviews .commentlist li ul.children li:last-child {
margin-bottom: 0;
}
#reviews .comment-form-rating {
clear: both;
margin-bottom: 1em;
display: flex;
align-items: center;
}
#reviews .comment-form-rating label {
display: block;
font-weight: 500;
margin-bottom: 10px;
color: var(--accent);
margin-right: 8px;
}
#reviews .comment-form-rating .stars {
margin-bottom: 10px;
}
#reviews .comment-form-comment,
#reviews .comment-form-author,
#reviews .comment-form-email,
#reviews .comment-form-cookies-consent,
#reviews .comment-notes {
margin-bottom: 1.41575em;
}
#reviews .comment-form-cookies-consent:before {
content: "";
display: block;
clear: left;
}
#reviews #review_form .comment-title {
margin-bottom: 6px;
}
table.shop_attributes {
color: var(--accent);
}
table.shop_attributes tr:nth-of-type(odd) {
background-color: rgba(0, 0, 0, 0.05);
}
table.shop_attributes td, table.shop_attributes th {
font-size: 14px;
line-height: 1.8571428571;
border: none !important;
padding: 1em 1.41575em;
}
.melawell-sticky-add-to-cart {
background-color: var(--background);
}
.melawell-sticky-add-to-cart__content-title strong {
font-family: "Aktiv Grotesk Corp", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
color: var(--accent);
}
.melawell-sticky-add-to-cart__content-price {
display: inline-flex;
font-size: 16px;
font-weight: 700;
font-family: "Aktiv Grotesk Corp", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
color: var(--primary);
margin-bottom: 4px;
}
.melawell-sticky-add-to-cart__content-price ins {
order: -1;
margin-left: 0;
margin-right: 0.6180469716em;
background-color: transparent;
color: #ef3636;
font-weight: 700;
}
.melawell-sticky-add-to-cart__content-price del {
font-weight: 400;
color: var(--accent);
}
.melawell-sticky-add-to-cart .melawell-sticky-add-to-cart__content-button {
font-size: 12px;
}
.sizechart-popup {
width: 630px;
max-width: 100vw;
overflow-y: auto;
position: fixed;
left: 50%;
padding: 60px;
background: #fff;
top: 50%;
transform: translate(-50%, -50%);
z-index: 998;
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: all ease-in-out 0.3s;
}
.sizechart-popup.active {
opacity: 1;
pointer-events: auto;
visibility: visible;
}
.sizechart-popup.active + .sizechart-overlay {
opacity: 1;
visibility: visible;
}
.sizechart-popup .sizechart-close {
position: absolute;
right: 20px;
top: 20px;
font-size: 24px;
line-height: 1;
}
.sizechart-popup .sizechart-close i {
color: var(--accent);
}
.sizechart-popup .sizechart-close:hover i {
color: var(--primary);
}
.sizechart-button {
text-decoration: underline;
margin-bottom: 1em;
display: inline-block;
color: var(--accent);
}
.sizechart-button i {
margin-right: 4px;
font-size: 23px;
}
.sizechart-button:hover {
color: var(--primary);
}
.sizechart-overlay {
position: fixed;
width: 100vw;
height: 100vh;
top: 0;
bottom: 0;
z-index: 997;
opacity: 0;
background-color: rgba(0, 0, 0, 0.7);
visibility: hidden;
transition: opacity 0.25s ease, visibility 0s ease;
}
.summary-top {
display: flex;
margin-bottom: 24px;
}
.summary-top .melawell-product-pagination-wrap {
margin-left: 30px;
}
.pt-allowshow .pt-allowshow-item {
margin-bottom: 50px;
}
.pt-allowshow .pt-allowshow-title {
font-size: 14px;
line-height: 26px;
font-weight: 700;
margin-bottom: 50px;
font-family: "Aktiv Grotesk Corp", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
color: var(--accent);
}
.pt-allowshow .pt-allowshow-content {
margin-left: 110px;
}
.pt-allowshow .pt-allowshow-content #reviews {
max-width: 100vw;
}
.pswp__bg,
.pswp__img--placeholder--blank {
background: var(--background);
} .pswp__ui {
position: absolute;
visibility: hidden;
width: 100%;
bottom: 50px;
opacity: 0;
transform: translateY(35px);
left: 0;
text-align: center;
transition: all 0.15s ease-in-out;
}
.pswp__button[disabled] {
opacity: 0;
pointer-events: none;
}
.pswp--animated-in .pswp__ui {
visibility: visible;
opacity: 1;
transform: translateY(0);
display: flex;
align-items: center;
justify-content: center;
}
.pswp--animated-in .pswp__ui--hidden {
visibility: hidden;
opacity: 0;
}
.pswp__button--close {
margin: 0 18px;
}
.pswp__button svg {
pointer-events: none;
}
.pswp__error-msg {
position: absolute;
top: 40%;
margin: 0 15px;
padding: 8px 15px;
background: #e6554d;
color: #ffffff;
text-align: center;
}
.pswp__caption,
.pswp__share-modal,
.pswp__top-bar {
display: none;
}
.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
opacity: 1;
}
.pswp__button--arrow--left, .pswp__button--arrow--right {
margin-top: 0;
}
button.pswp__button.RoundButton {
position: relative;
width: 45px;
height: 45px;
border: none;
border-radius: 50%;
background: white !important;
color: #000;
cursor: pointer;
text-align: center;
z-index: 1;
box-shadow: 0 2px 10px #36363626 !important;
vertical-align: middle;
line-height: 0;
transform: scale(1.001);
transition: background 0.15s ease-in-out, opacity 0.15s ease-in-out, transform 0.2s ease-in-out, color 0.2s ease-in-out;
overflow: hidden;
}
button.pswp__button.RoundButton svg {
display: inline-block;
vertical-align: middle;
stroke-width: 1px;
background: none;
pointer-events: none;
height: 15px;
width: 15px;
fill: currentColor;
}
button.pswp__button.RoundButton.RoundButton--large {
width: 55px;
height: 55px;
}
.RoundButton[data-animate-left]:hover svg, [data-animate-left].flickity-prev-next-button:hover svg,
.flickity-prev-next-button.previous:hover svg {
-webkit-animation: buttonFromRightToLeft 0.5s ease-in-out forwards;
animation: buttonFromRightToLeft 0.5s ease-in-out forwards;
}
.RoundButton[data-animate-right]:hover svg, [data-animate-right].flickity-prev-next-button:hover svg,
.flickity-prev-next-button.next:hover svg {
-webkit-animation: buttonFromLeftToRight 0.5s ease-in-out forwards;
animation: buttonFromLeftToRight 0.5s ease-in-out forwards;
}
.RoundButton[data-animate-bottom]:hover svg, [data-animate-bottom].flickity-prev-next-button:hover svg {
-webkit-animation: buttonFromTopToBottom 0.5s ease-in-out forwards;
animation: buttonFromTopToBottom 0.5s ease-in-out forwards;
}
@-webkit-keyframes buttonFromLeftToRight {
0% {
transform: translateX(0%);
}
25% {
opacity: 0;
transform: translateX(100%);
}
50% {
opacity: 0;
transform: translateX(-100%);
}
75% {
opacity: 1;
transform: translateX(0%);
}
}
@keyframes buttonFromLeftToRight {
0% {
transform: translateX(0%);
}
25% {
opacity: 0;
transform: translateX(100%);
}
50% {
opacity: 0;
transform: translateX(-100%);
}
75% {
opacity: 1;
transform: translateX(0%);
}
}
@-webkit-keyframes buttonFromRightToLeft {
0% {
transform: translateX(0%);
}
25% {
opacity: 0;
transform: translateX(-100%);
}
50% {
opacity: 0;
transform: translateX(100%);
}
75% {
opacity: 1;
transform: translateX(0%);
}
}
@keyframes buttonFromRightToLeft {
0% {
transform: translateX(0%);
}
25% {
opacity: 0;
transform: translateX(-100%);
}
50% {
opacity: 0;
transform: translateX(100%);
}
75% {
opacity: 1;
transform: translateX(0%);
}
}
@-webkit-keyframes buttonFromTopToBottom {
0% {
transform: translateY(0%);
}
25% {
opacity: 0;
transform: translateY(100%);
}
50% {
opacity: 0;
transform: translateY(-100%);
}
75% {
opacity: 1;
transform: translateY(0%);
}
}
@keyframes buttonFromTopToBottom {
0% {
transform: translateY(0%);
}
25% {
opacity: 0;
transform: translateY(100%);
}
50% {
opacity: 0;
transform: translateY(-100%);
}
75% {
opacity: 1;
transform: translateY(0%);
}
} .product_list_widget {
list-style: none;
margin-left: 0;
}
.product_list_widget li {
margin-bottom: 17px;
}
.product_list_widget li::before, .product_list_widget li::after {
content: "";
display: table;
}
.product_list_widget li::after {
clear: both;
}
.product_list_widget li img {
max-width: 80px;
background-color: #f7f4ef;
float: left;
margin-right: 13px;
}
.product_list_widget li > a {
display: block;
line-height: 20px;
color: var(--accent);
}
.product_list_widget li > a:hover {
color: var(--primary);
}
.product_list_widget li .product-title {
font-weight: 500;
margin-bottom: 6px;
font-size: 14px;
}
.product_list_widget li .amount {
color: var(--primary);
font-weight: 500;
}
.product_list_widget li del .amount {
font-size: 0.85em;
font-weight: 500;
color: var(--text);
}
.product_list_widget .reviewer {
font-size: 0.875em;
}
.product_list_widget .product-content {
margin-left: 20px;
flex: 1;
}
.product_list_widget .product-content del {
color: var(--light);
}
.product_list_widget .product-content del .amount {
font-size: 0.875em;
font-weight: 400;
color: var(--light);
}
.product_list_widget .product-content .amount {
font-family: "Aktiv Grotesk Corp", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
color: var(--primary);
}
.product_list_widget .star-rating {
margin-bottom: 5px;
font-size: 18px;
}
.product_list_widget .product-title {
margin-top: 0.6180469716em;
margin-bottom: 0.875em;
line-height: 1.41575em;
font-family: "Aktiv Grotesk Corp", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
font-size: 16px;
}
.product_list_widget .product-title span {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
color: var(--accent);
}
.product_list_widget .product-title span:hover {
color: var(--primary);
}
.product_list_widget a {
display: block;
}
.widget ul.products li.product a {
text-decoration: none;
}
.widget_rating_filter .wc-layered-nav-rating {
margin-bottom: 0.6180469716em;
}
.widget_rating_filter .wc-layered-nav-rating a {
text-decoration: none !important;
color: var(--text);
font-size: 14px;
}
.widget_rating_filter .wc-layered-nav-rating .star-rating {
display: inline-block;
height: 1em;
line-height: 1;
}
.widget_products a {
display: block;
}
.widget_shopping_cart .product_list_widget {
margin-bottom: 0;
}
.widget_shopping_cart .product_list_widget li {
position: relative;
padding-left: 27px;
}
.widget_shopping_cart .product_list_widget li a.remove {
position: absolute;
top: 0;
right: 4px;
opacity: 1;
font-size: 0;
color: var(--light);
}
.widget_shopping_cart .product_list_widget li a.remove:before {
font-family: "melawell-icon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
vertical-align: middle;
content: "\e056";
font-size: 22px;
}
.widget_shopping_cart .product_list_widget li a.remove:hover:before {
color: var(--primary);
}
.widget_shopping_cart .woocommerce-mini-cart__empty-message {
margin: 1.41575em;
}
.widget_shopping_cart .product_list_widget img {
margin-right: 1em;
float: left;
}
.widget_shopping_cart .mini_cart_item {
display: block;
font-size: 14px;
}
.widget_shopping_cart .mini_cart_item a {
font-size: 14px;
color: var(--accent);
font-weight: 500;
margin-bottom: 3px;
line-height: 22px;
}
.widget_shopping_cart .mini_cart_item a:hover {
color: var(--primary);
}
.widget_shopping_cart .mini_cart_item .quantity {
display: block;
margin-top: 10px;
color: var(--text);
font-size: 14px;
padding-left: 85px;
}
.widget_shopping_cart .mini_cart_item .quantity .amount {
color: var(--primary);
font-size: 14px;
font-weight: 500;
}
.widget_shopping_cart p.total {
padding: 1em 0;
margin: 0;
border-top: 1px solid var(--border);
}
.widget_shopping_cart p.total strong {
color: var(--accent);
font-weight: 400;
}
.widget_shopping_cart p.total .amount {
color: var(--primary);
font-size: 16px;
font-weight: 500;
float: right;
}
.widget_shopping_cart .buttons {
margin: 0;
text-align: center;
display: flex;
flex-direction: column-reverse;
}
.widget_shopping_cart .buttons a {
display: block;
margin-bottom: 0.6180469716em;
}
.widget_shopping_cart .buttons a:not(.checkout) {
background-color: transparent;
color: var(--accent);
}
.widget_shopping_cart .buttons a:not(.checkout):hover {
color: #fff;
}
.widget_shopping_cart .buttons a:last-child {
margin-bottom: 0;
}
.widget_shopping_cart .buttons a img {
margin-left: auto;
margin-right: auto;
}
.widget.dokan-store-menu .current-cat-parent::before, .widget.dokan-store-menu .chosen::before, .widget.dokan-store-menu .current-cat::before,
.widget.dokan-category-menu .current-cat-parent::before,
.widget.dokan-category-menu .chosen::before,
.widget.dokan-category-menu .current-cat::before,
.widget_product_brands .current-cat-parent::before,
.widget_product_brands .chosen::before,
.widget_product_brands .current-cat::before,
.widget_product_categories .current-cat-parent::before,
.widget_product_categories .chosen::before,
.widget_product_categories .current-cat::before,
.widget_layered_nav .current-cat-parent::before,
.widget_layered_nav .chosen::before,
.widget_layered_nav .current-cat::before {
content: "\e04e";
opacity: 1;
color: var(--primary) !important;
}
.widget.dokan-store-menu li,
.widget.dokan-category-menu li,
.widget_product_brands li,
.widget_product_categories li,
.widget_layered_nav li {
line-height: 1.5 !important;
}
.widget.dokan-store-menu li:hover > a,
.widget.dokan-category-menu li:hover > a,
.widget_product_brands li:hover > a,
.widget_product_categories li:hover > a,
.widget_layered_nav li:hover > a {
background-size: 100% 1px;
text-decoration: none;
}
.widget.dokan-store-menu li > a,
.widget.dokan-category-menu li > a,
.widget_product_brands li > a,
.widget_product_categories li > a,
.widget_layered_nav li > a {
background-image: linear-gradient(to right, var(--primary) 0%, var(--primary) 100%);
background-position: 0 calc(100% - 0em);
background-size: 0 1px;
background-repeat: no-repeat;
transition: background-size 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
}
.widget.dokan-store-menu li > a:hover,
.widget.dokan-category-menu li > a:hover,
.widget_product_brands li > a:hover,
.widget_product_categories li > a:hover,
.widget_layered_nav li > a:hover {
background-size: 100% 1px;
text-decoration: none;
}
.woocommerce-widget-layered-nav ul.woocommerce-widget-layered-nav-list li {
color: var(--light);
}
.widget_product_categories ul.children {
display: none;
}
.widget_product_categories ul.product-categories > li > ul {
position: relative;
}
.widget_product_categories li > a:hover:before {
background-color: var(--primary);
}
.widget_product_categories li.cat-parent {
position: relative;
}
.widget_product_categories li.cat-parent > i {
float: right;
width: 20px;
text-align: center;
cursor: pointer;
margin-right: -10px;
margin-top: 3px;
margin-left: 10px;
}
.widget_product_categories li.cat-parent > i:hover {
color: var(--primary);
}
.widget_product_categories li.current-cat > a {
color: var(--primary);
}
.widget_product_categories li.current-cat > a:before {
background-color: var(--primary);
}
.widget_price_filter .widget-title {
border: none;
}
.widget_price_filter form {
margin-bottom: 0;
margin-top: 40px;
}
.widget_price_filter .price_label span {
color: var(--primary);
font-weight: 500;
}
.widget_price_filter .price_slider {
margin-bottom: 15px;
}
.widget_price_filter .price_slider_amount {
display: flex;
flex-wrap: wrap;
}
.widget_price_filter .price_slider_amount .button {
display: none;
font-weight: 500;
font-size: 14px;
line-height: 20px;
order: 3;
text-transform: none;
flex: 0 0 100%;
margin-top: 20px;
}
.widget_price_filter .price_slider_amount .button:before {
content: none;
}
.widget_price_filter .ui-slider {
position: relative;
text-align: left;
}
.widget_price_filter .ui-slider .ui-slider-handle {
position: absolute;
top: auto;
z-index: 2;
width: 16px;
height: 16px;
border-top-left-radius: 1em;
border-top-right-radius: 1em;
border-bottom-left-radius: 1em;
border-bottom-right-radius: 1em;
cursor: ew-resize;
background-color: #ffffff;
box-sizing: border-box;
margin-top: -8px;
margin-left: auto;
opacity: 1;
background: var(--primary);
border: 3px solid var(--primary);
}
.widget_price_filter .ui-slider .ui-slider-handle:hover, .widget_price_filter .ui-slider .ui-slider-handle.ui-state-active {
box-shadow: 0 0 0 0.236em rgba(0, 0, 0, 0.1);
}
.widget_price_filter .ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: 0.7em;
display: block;
border: 0;
background-color: var(--primary);
border-top-left-radius: 1em;
border-top-right-radius: 1em;
border-bottom-left-radius: 1em;
border-bottom-right-radius: 1em;
}
.widget_price_filter .price_slider_wrapper .ui-widget-content {
border-radius: 5px;
background: #f1f1f1;
border: 0;
}
.widget_price_filter .ui-slider-horizontal {
height: 2px;
}
.widget_price_filter .ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%;
}
.widget_price_filter .ui-slider-horizontal .ui-slider-range-min {
left: -1px;
}
.widget_price_filter .ui-slider-horizontal .ui-slider-range-max {
right: -1px;
}
.melawell_widget_layered_nav ul.woocommerce-widget-layered-nav-list {
margin-left: -5px;
margin-right: -5px;
margin-bottom: 0;
display: flex;
flex-wrap: wrap;
}
.melawell_widget_layered_nav ul.woocommerce-widget-layered-nav-list li {
padding: 5px;
margin-bottom: 0;
}
.melawell_widget_layered_nav ul.woocommerce-widget-layered-nav-list li .melawell-button-type {
display: block;
padding: 0 15px;
text-align: center;
min-width: 44px;
font-size: 13px;
font-weight: 500;
line-height: 30px;
border: 1px solid var(--border);
background: #fff;
color: var(--accent);
}
.melawell_widget_layered_nav ul.woocommerce-widget-layered-nav-list li .melawell-button-type:hover {
border-color: var(--accent);
background: var(--accent);
color: #fff;
}
.melawell_widget_layered_nav ul.woocommerce-widget-layered-nav-list li.chosen .melawell-button-type {
border-color: var(--accent);
background: var(--accent);
color: #fff;
}
.melawell_widget_layered_nav ul.woocommerce-widget-layered-nav-list li .melawell-color-type {
display: block;
width: 30px;
height: 30px;
position: relative;
border: 1px solid var(--border);
}
.melawell_widget_layered_nav ul.woocommerce-widget-layered-nav-list li .melawell-color-type:hover {
border-color: var(--primary);
}
.melawell_widget_layered_nav ul.woocommerce-widget-layered-nav-list li .melawell-color-type:hover .color-label {
border: 3px solid #ffffff;
}
.melawell_widget_layered_nav ul.woocommerce-widget-layered-nav-list li .melawell-color-type img {
width: 100%;
height: 100%;
object-fit: contain;
}
.melawell_widget_layered_nav ul.woocommerce-widget-layered-nav-list li.chosen .melawell-color-type {
border: 1px solid;
border-color: var(--primary);
}
.melawell_widget_layered_nav ul.woocommerce-widget-layered-nav-list li.chosen .melawell-color-type .color-label {
border: 3px solid #ffffff;
}
.melawell_widget_layered_nav ul.woocommerce-widget-layered-nav-list li .melawell-image-type {
display: block;
min-width: 90px;
margin-top: 5px;
}
.melawell_widget_layered_nav ul.woocommerce-widget-layered-nav-list li .melawell-image-type img {
margin: auto;
opacity: 0.2;
}
.melawell_widget_layered_nav ul.woocommerce-widget-layered-nav-list li .melawell-image-type .image-count {
display: block;
text-align: center;
color: var(--light);
}
.melawell_widget_layered_nav ul.woocommerce-widget-layered-nav-list li .melawell-image-type .image-name {
display: block;
text-align: center;
margin-top: 10px;
color: var(--accent);
}
.melawell_widget_layered_nav ul.woocommerce-widget-layered-nav-list li .melawell-image-type:hover img {
opacity: 1;
}
.melawell_widget_layered_nav ul.woocommerce-widget-layered-nav-list li.chosen .melawell-image-type img {
opacity: 1;
}
.melawell_widget_layered_nav ul.woocommerce-widget-layered-nav-list li.chosen .melawell-image-type .image-name {
color: var(--primary);
}
.melawell_widget_layered_nav ul.woocommerce-widget-layered-nav-list li .melawell-color-type .color-label {
width: 100%;
height: 100%;
display: block;
border: 3px solid #ffffff;
}
.melawell_widget_layered_nav ul.woocommerce-widget-layered-nav-list li .melawell-color-type .color-name {
display: none;
} @media (min-width: 768px) {
table.cart {
margin-bottom: 30px;
}
}
table.cart .product-quantity .plus,
table.cart .product-quantity .minus {
display: none;
}
table.cart .text-quantity {
display: none;
}
table.cart thead {
border-bottom: 1px solid var(--border);
}
@media (max-width: 767px) {
table.cart thead {
display: none;
}
}
table.cart th {
color: var(--text);
font-weight: 400;
}
table.cart td,
table.cart th {
padding: 2em 0 0;
}
table.cart tr td {
text-align: left;
border-color: var(--border);
}
@media (max-width: 767px) {
table.cart tr td {
text-align: right;
padding-bottom: 10px;
padding-top: 10px;
}
table.cart tr td:not(:last-child) {
border-style: solid;
border-width: 0 0 1px 0;
}
}
table.cart tr td[data-title]::before {
font-size: 14px;
color: var(--accent);
font-weight: 500;
}
table.cart tr:first-child td.product-remove {
border-top-width: 0;
}
table.cart td.product-thumbnail img {
margin: auto;
max-width: 80px;
}
table.cart td.product-thumbnail::before {
display: none;
}
@media (max-width: 767px) {
table.cart td.product-thumbnail {
position: absolute;
left: 10px;
top: 15px;
padding: 0;
border: none !important;
}
}
table.cart .product-quantity {
min-width: 120px;
}
table.cart td.product-remove {
padding: 0;
position: relative;
}
@media (max-width: 767px) {
table.cart td.product-remove {
position: absolute;
top: 18px;
right: 20px;
z-index: 1;
margin-bottom: 0;
padding-bottom: 0;
border: none;
font-size: 11px;
}
}
table.cart td.product-remove a.remove {
position: absolute;
font-size: 1.41575em;
top: -8px;
left: -6px;
box-shadow: none;
}
table.cart td.product-remove a.remove:hover:before, table.cart td.product-remove a.remove:active:before {
color: var(--primary);
}
table.cart td.product-name {
line-height: 1.4;
font-size: 15px;
}
table.cart td.product-name:before {
margin-right: 1em;
}
table.cart td.product-name a {
font-weight: 500;
color: var(--accent);
box-shadow: none;
background-image: linear-gradient(to right, var(--primary) 0%, var(--primary) 100%);
background-position: 0 calc(100% - 0em);
background-size: 0 1px;
background-repeat: no-repeat;
transition: background-size 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
}
table.cart td.product-name a:hover {
background-size: 100% 1px;
text-decoration: none;
}
table.cart td.product-name .backorder_notification {
font-size: 16px;
font-weight: 400;
color: #3d9cd2;
}
table.cart td.product-name .variation dt {
color: var(--text);
}
@media (max-width: 767px) {
table.cart td.product-name {
text-align: left;
border-width: 0;
padding-right: 50px;
font-size: 16px;
}
table.cart td.product-name:before {
display: none;
}
}
table.cart .product-price {
text-align: center;
}
@media (max-width: 767px) {
table.cart .product-price {
text-align: right;
}
}
table.cart .product-price .amount {
color: var(--secondary);
font-weight: 500;
}
@media (max-width: 767px) {
table.cart .quantity {
float: right;
}
}
table.cart td.product-quantity .qty {
padding: 0.326em;
width: 45px;
font-weight: 500;
color: var(--accent);
}
table.cart td.product-subtotal {
padding-bottom: 1.41575em;
}
@media (min-width: 768px) {
table.cart td.product-subtotal {
padding-bottom: 2.2906835em;
}
}
table.cart td.product-subtotal .amount {
color: var(--accent);
font-weight: 500;
}
table.cart .cart_item {
margin-bottom: 1em;
border-top: 1px solid;
border-top-color: var(--border);
}
table.cart .cart_item:first-child {
border-top: none;
}
@media (max-width: 767px) {
table.cart .cart_item {
padding-left: 140px;
position: relative;
display: block;
}
}
table.cart td.actions {
background-color: transparent;
padding-top: 10px;
padding-right: 0;
border-top: 1px solid var(--border);
}
@media (min-width: 768px) {
table.cart td.actions {
padding-top: 30px;
}
}
@media (max-width: 767px) {
table.cart td.actions {
display: flex;
flex-direction: column-reverse;
}
}
table.cart td.actions label {
display: none;
}
table.cart td.actions .coupon {
position: relative;
margin-bottom: 1.5em;
text-align: left;
}
@media (max-width: 767px) {
table.cart td.actions .coupon {
margin-top: 1.5em;
}
}
table.cart td.actions .coupon .input-text {
border: 1px solid var(--border);
min-width: 300px;
padding-right: 50px;
padding-bottom: 9px;
padding-top: 9px;
}
table.cart td.actions .coupon .input-text:focus {
border-color: var(--primary_hover);
}
table.cart td.actions .coupon button[type=submit] {
height: 44px;
vertical-align: top;
padding: 0 25px;
margin-left: 5px;
}
table.cart td.actions input {
display: block;
width: 100%;
margin: 0.5407911001em 0;
}
table.cart td.actions button[name=update_cart] {
padding: 10px 35px;
font-size: 14px;
background: var(--text);
}
.woocommerce-cart-form table td {
vertical-align: middle;
}
.cart-collaterals {
margin-bottom: 1.618em;
}
@media (min-width: 768px) {
.cart-collaterals {
margin-bottom: 4.235801032em;
}
}
.cart_totals {
padding: 30px;
position: relative;
background-color: var(--background2);
border: 2px solid var(--border);
border-radius: 8px;
}
@media (max-width: 767px) {
.cart_totals {
padding: 20px 15px;
}
}
.cart_totals > h2 {
padding-left: 5px;
margin-bottom: 15px;
text-transform: uppercase;
font-size: 18px;
line-height: 1;
margin-top: 0 !important;
}
.cart_totals .wcppec-checkout-buttons__separator {
font-size: 11px;
font-weight: 500;
}
.cart_totals .wcppec-checkout-buttons {
margin: 1em 0 0;
}
.cart_totals table {
color: var(--accent);
font-weight: 500;
}
.cart_totals table th, .cart_totals table td {
padding: 20px 10px;
}
.cart_totals table th .amount, .cart_totals table td .amount {
color: var(--primary);
}
.cart_totals .cart-subtotal {
border-bottom: 1px solid;
border-bottom-color: var(--border);
}
.cart_totals .cart-subtotal .amount {
font-size: 18px;
}
.cart_totals .order-total {
border-top: 1px solid;
border-top-color: var(--border);
}
.cart_totals .order-total th {
vertical-align: middle;
}
.cart_totals .order-total .amount {
font-size: 22px;
}
.cart_totals .checkout-button {
display: block;
text-align: center;
}
.cart_totals .checkout-button:after {
display: none;
}
.cart_totals .input-text {
background: #fff;
border: 1px solid var(--border);
}
.woocommerce-shipping-calculator {
margin: 0;
}
.woocommerce-shipping-calculator > p:first-child {
margin: 0;
}
.woocommerce-shipping-calculator .shipping-calculator-button {
color: var(--text);
text-decoration: underline;
font-size: 12px;
}
.woocommerce-shipping-calculator .shipping-calculator-form {
padding-top: 1.41575em;
text-align: left;
}
.woocommerce-shipping-destination {
margin-bottom: 0;
}
ul#shipping_method {
list-style: none;
margin-left: 0;
font-size: 14px;
}
ul#shipping_method li {
margin-bottom: 0.2360828548em;
}
ul#shipping_method li:last-child {
margin-bottom: 0;
}
ul#shipping_method input {
margin-right: 0.3342343017em;
}
ul#shipping_method input[type=radio] + label {
margin-left: 0;
color: var(--accent);
}
ul#shipping_method input[type=radio]:first-child:checked + label:after {
color: var(--primary);
}
ul#shipping_method .amount {
color: var(--accent);
font-weight: 500;
}
.shipping-calculator-button {
font-weight: 400;
}
.shipping-calculator-button:hover {
text-decoration: underline;
color: var(--primary) !important;
}
.woocommerce-checkout ul#shipping_method {
margin-bottom: 0;
}
.woocommerce-cart .site-content {
margin-bottom: 6.8535260698em;
}
.woocommerce-cart .cart-empty {
background-color: transparent;
border: none;
text-align: center;
font-size: 18px;
color: var(--accent);
}
.woocommerce-cart .cart-empty:before {
font-family: "melawell-icon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
vertical-align: middle;
content: "\e05c";
text-align: center;
display: block;
font-size: 120px;
color: var(--light);
line-height: 1;
margin-bottom: 30px;
}
.woocommerce-cart .return-to-shop {
text-align: center;
}
.cross-sells h2 {
font-size: 24px;
} .checkout_coupon {
margin-bottom: 2.617924em;
max-width: 465px;
margin-left: auto;
margin-right: auto;
padding: 30px;
border: 2px solid;
border-color: var(--border);
border-radius: 4px;
text-align: center;
display: grid;
grid-template-columns: 1fr 50px;
}
.checkout_coupon p:first-child {
grid-column-end: 2 span;
}
.checkout_coupon .form-row-first {
grid-column: 1/3;
grid-row: 2;
margin-right: 0;
width: 100%;
}
.checkout_coupon .form-row-last {
width: unset;
float: left;
grid-column: 2;
grid-row: 2;
z-index: 4;
}
.checkout_coupon .input-text {
width: 100%;
border: 2px solid var(--border);
padding-top: 0;
padding-bottom: 0;
line-height: 50px;
padding-right: 50px;
}
.checkout_coupon .input-text:focus {
border-color: var(--primary);
}
.checkout_coupon button[type=submit] {
font-size: 0;
padding: 0;
width: 44px;
height: 44px;
line-height: 44px;
background-color: transparent;
text-align: center;
border: 2px solid transparent;
margin-top: 4px;
margin-right: 3px;
}
.checkout_coupon button[type=submit]:before {
font-family: "melawell-icon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
vertical-align: middle;
content: "\e008";
font-size: 18px;
color: var(--accent);
line-height: 44px;
display: block;
}
.checkout_coupon button[type=submit]:hover {
background-color: transparent;
}
.checkout_coupon button[type=submit]:hover:before {
color: var(--primary);
}
#ship-to-different-address label {
font-size: 28px;
line-height: 1;
font-weight: 500;
margin-bottom: 30px;
}
form.checkout {
position: static !important; margin-top: 30px;
margin-bottom: 0;
}
form.checkout::before, form.checkout::after {
content: "";
display: table;
}
form.checkout::after {
clear: both;
}
form.checkout > .blockUI {
position: fixed !important; }
#order_review_heading {
display: none;
}
.checkout-review-order-table-wrapper {
padding: 0 30px;
background-color: var(--background);
}
#order_review {
padding: 25px 40px 40px;
background-color: var(--background2);
border: 2px solid var(--border);
border-radius: 8px;
}
@media (max-width: 767px) {
#order_review {
padding: 0 15px 20px;
}
}
#order_review table {
margin-bottom: 0;
}
#order_review table td, #order_review table th {
padding: 1em 0;
}
#order_review .woocommerce-checkout-review-order-table thead th, #order_review .woocommerce-checkout-review-order-table thead td {
border: none;
font-weight: 500;
font-size: 18px;
}
#order_review .woocommerce-checkout-review-order-table th {
color: var(--accent);
}
#order_review .woocommerce-checkout-review-order-table th.product-total {
text-align: right;
}
#order_review .woocommerce-checkout-review-order-table td {
text-align: right;
}
#order_review .woocommerce-checkout-review-order-table td.product-name {
text-align: left;
font-size: 14px;
color: var(--accent);
font-weight: 500;
}
#order_review .woocommerce-checkout-review-order-table td.product-name strong {
color: var(--primary);
font-weight: 500;
font-size: 16px;
display: block;
}
#order_review .woocommerce-checkout-review-order-table th, #order_review .woocommerce-checkout-review-order-table td {
border-top: 1px solid;
border-top-color: var(--border);
}
#order_review .woocommerce-checkout-review-order-table .amount {
color: var(--secondary);
font-weight: 500;
font-size: 18px;
}
#order_review .woocommerce-checkout-review-order-table #shipping_method .amount {
color: var(--accent);
font-size: 14px;
}
#order_review .woocommerce-checkout-review-order-table .order-total th {
vertical-align: middle;
}
#order_review .woocommerce-checkout-review-order-table .order-total .amount {
font-size: 26px;
color: var(--secondary);
}
#payment::before, #payment::after {
content: "";
display: table;
}
#payment::after {
clear: both;
}
#payment .create-account {
clear: both;
}
#payment .woocommerce-privacy-policy-text a:hover {
color: var(--primary_hover);
}
#payment .payment_methods {
margin: 0;
padding: 0;
}
#payment .payment_methods > .woocommerce-PaymentMethod > label,
#payment .payment_methods > .wc_payment_method > label {
display: inline-block;
padding: 10px 0;
cursor: pointer;
font-size: 16px;
font-weight: 500;
margin-left: 0;
}
#payment .payment_methods li {
list-style: none !important;
margin-left: 0;
position: relative;
}
#payment .payment_methods li img {
float: right;
border: 0;
padding: 0;
max-height: 1.618em;
margin-left: 10px;
}
#payment .payment_methods li.woocommerce-PaymentMethod > input[type=radio]:first-child:checked + label::before, #payment .payment_methods li.wc_payment_method > input[type=radio]:first-child:checked + label::before {
color: var(--primary);
}
#payment .payment_methods li > label {
font-weight: 700;
color: var(--accent);
}
#payment .payment_methods li p {
margin: 0;
}
#payment .payment_methods li .payment_box {
font-size: 0.875em;
position: relative;
padding: 15px;
margin-bottom: 15px;
background-color: var(--border);
border-radius: 8px;
}
#payment .payment_methods li .payment_box:before {
position: absolute;
content: "";
display: block;
width: 0;
height: 0;
border-bottom: 6px solid;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 0;
top: -6px;
left: 35px;
border-bottom-color: var(--border);
}
#payment .payment_methods li .payment_box fieldset {
border: 0;
margin: 0;
padding: 1em 0 0;
font-size: 0.875em;
}
#payment .payment_methods li .payment_box fieldset label {
width: auto;
margin-left: 0;
}
#payment .payment_methods li .payment_box fieldset .form-row {
margin-bottom: 1em;
}
#payment .payment_methods li .payment_box fieldset .form-row input[type=checkbox] {
margin-right: 5px;
}
#payment .payment_methods li .payment_box fieldset #cvv {
width: 22% !important;
}
#payment .payment_methods li .payment_box fieldset .help {
width: 75%;
float: right;
}
#payment .payment_methods li .payment_box .woocommerce-SavedPaymentMethods {
padding-top: 1em;
margin: 0;
}
#payment .payment_methods li .payment_box .woocommerce-SavedPaymentMethods li {
margin-top: 0.6180469716em;
}
#payment .payment_methods li .payment_box .woocommerce-SavedPaymentMethods li input[type=radio] {
margin-right: 0.236em;
}
#payment .payment_methods li .payment_box ul.wc-saved-payment-methods {
margin-left: 0;
}
#payment .payment_methods li .payment_box .wc-credit-card-form-card-number,
#payment .payment_methods li .payment_box .wc-credit-card-form-card-expiry,
#payment .payment_methods li .payment_box .wc-credit-card-form-card-cvc {
font-size: 1.41575em;
}
#payment .payment_methods li .payment_box .wc-credit-card-form-card-number {
background-repeat: no-repeat;
background-position: right 0.6180469716em center;
background-size: 31px 20px;
background-image: url(//mflabs.in/wp-content/themes/musclefuel/assets/css/../../../assets/images/credit-cards/unknown.svg);
}
#payment .payment_methods li .payment_box .wc-credit-card-form-card-number.visa {
background-image: url(//mflabs.in/wp-content/themes/musclefuel/assets/css/../../../assets/images/credit-cards/visa.svg);
}
#payment .payment_methods li .payment_box .wc-credit-card-form-card-number.mastercard {
background-image: url(//mflabs.in/wp-content/themes/musclefuel/assets/css/../../../assets/images/credit-cards/mastercard.svg);
}
#payment .payment_methods li .payment_box .wc-credit-card-form-card-number.laser {
background-image: url(//mflabs.in/wp-content/themes/musclefuel/assets/css/../../../assets/images/credit-cards/laser.svg);
}
#payment .payment_methods li .payment_box .wc-credit-card-form-card-number.dinersclub {
background-image: url(//mflabs.in/wp-content/themes/musclefuel/assets/css/../../../assets/images/credit-cards/diners.svg);
}
#payment .payment_methods li .payment_box .wc-credit-card-form-card-number.maestro {
background-image: url(//mflabs.in/wp-content/themes/musclefuel/assets/css/../../../assets/images/credit-cards/maestro.svg);
}
#payment .payment_methods li .payment_box .wc-credit-card-form-card-number.jcb {
background-image: url(//mflabs.in/wp-content/themes/musclefuel/assets/css/../../../assets/images/credit-cards/jcb.svg);
}
#payment .payment_methods li .payment_box .wc-credit-card-form-card-number.amex {
background-image: url(//mflabs.in/wp-content/themes/musclefuel/assets/css/../../../assets/images/credit-cards/amex.svg);
}
#payment .payment_methods li .payment_box .wc-credit-card-form-card-number.discover {
background-image: url(//mflabs.in/wp-content/themes/musclefuel/assets/css/../../../assets/images/credit-cards/discover.svg);
}
#payment .terms {
width: 100%;
clear: both;
float: none;
margin-bottom: 1em;
}
#payment .terms label {
display: block;
cursor: pointer;
}
#payment .woocommerce-terms-and-conditions {
padding: 1em;
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
margin-bottom: 16px;
background-color: rgba(0, 0, 0, 0.05);
}
#payment .place-order {
margin-top: 1.618em;
margin-bottom: 0;
float: none;
width: 100%;
}
#payment .place-order .button {
width: 100%;
white-space: pre-wrap;
}
table.woocommerce-checkout-review-order-table .product-name {
width: 45%;
word-wrap: break-word;
color: var(--accent);
}
table.woocommerce-checkout-review-order-table .product-quantity {
font-weight: 400;
}
table.woocommerce-checkout-review-order-table .variation,
table.woocommerce-checkout-review-order-table .product-quantity {
color: var(--text);
}
table.woocommerce-checkout-review-order-table .variation dt {
font-weight: 400;
color: var(--text);
}
.admin-bar .woocommerce-checkout #wc_checkout_add_ons label + br {
display: none;
}
.woocommerce-billing-fields h3 {
font-size: 22px;
line-height: 1;
margin-bottom: 30px;
}
.woocommerce-form-coupon-toggle .woocommerce-info {
background-color: var(--background2);
font-weight: 500;
padding: 15px;
border: none;
text-align: center;
color: var(--accent);
}
.woocommerce-form-coupon-toggle .woocommerce-info a {
color: var(--primary);
}
.woocommerce-form-coupon-toggle .woocommerce-info a:hover {
text-decoration: underline;
}
.woocommerce-additional-fields h3 {
font-size: 28px;
}
.woocommerce-order .woocommerce-thankyou-order-received {
color: #0f834d;
background-color: var(--background2);
font-size: 24px;
font-weight: 700;
text-align: center;
padding: 2.2906835em 1.41575em;
}
.woocommerce-order .woocommerce-order-details__title {
text-align: center;
text-transform: uppercase;
font-size: 1.618em;
}
.woocommerce-order .woocommerce-table--order-details {
max-width: 900px;
margin: 1.41575em auto 5.9968353111em;
}
.woocommerce-order .woocommerce-table--order-details th {
color: var(--accent);
}
.woocommerce-order .woocommerce-table--order-details tr td:last-child,
.woocommerce-order .woocommerce-table--order-details tr th:last-child {
text-align: right;
}
.woocommerce-order .woocommerce-table--order-details td,
.woocommerce-order .woocommerce-table--order-details th {
border-top: 1px solid;
border-top-color: var(--border);
padding-left: 0;
padding-right: 0;
}
.woocommerce-order .woocommerce-table--order-details thead td,
.woocommerce-order .woocommerce-table--order-details thead th {
border-top: 0;
border-bottom: 2px solid;
border-bottom-color: var(--border);
}
.woocommerce-order .woocommerce-table--order-details .product-name a {
color: var(--text);
}
.woocommerce-order .woocommerce-table--order-details .product-name a:hover {
color: var(--primary);
}
.woocommerce-order .woocommerce-table--order-details tfoot {
color: var(--accent);
}
.woocommerce-order .woocommerce-table--order-details tfoot .amount {
font-weight: 700;
}
.woocommerce-order .woocommerce-table--order-details tfoot tr:last-child .amount {
font-weight: 700;
font-size: 1.618em;
color: var(--primary);
}
form.woocommerce-form-track-order {
padding: 40px;
border: 1px solid var(--border);
margin: 0 auto;
border-radius: 8px;
}
form.woocommerce-form-track-order p.form-row {
margin-bottom: 24px;
}
form.woocommerce-form-track-order p.form-row label {
margin-bottom: 19px;
}
form.woocommerce-form-track-order input {
width: 100%;
} .woocommerce-password-strength {
font-weight: 500;
padding: 0.5407911001em 0;
text-align: right;
font-size: 0.875em;
}
.woocommerce-password-strength.strong {
color: #0f834d;
}
.woocommerce-password-strength.short {
color: #e2401c;
}
.woocommerce-password-strength.bad {
color: #e2401c;
}
.woocommerce-password-strength.good {
color: #3d9cd2;
} .woocommerce-account .woocommerce {
margin-left: auto;
margin-right: auto;
padding-left: calc(var(--grid-gutter) / 2);
padding-right: calc(var(--grid-gutter) / 2);
width: 100%;
max-width: var(--container);
padding-left: 0;
padding-right: 0;
}
@media (min-width: 768px) and (max-width: 1380px) {
.woocommerce-account .woocommerce {
padding-left: var(--grid-gutter);
padding-right: var(--grid-gutter);
width: auto;
}
}
.woocommerce-account .woocommerce.no-padding {
padding: 0;
}
@media (max-width: 1200px) {
.woocommerce-account .woocommerce.no-padding.padding-mobile {
padding-left: calc(var(--grid-gutter) / 2);
padding-right: calc(var(--grid-gutter) / 2);
}
}
.woocommerce-account .woocommerce::before, .woocommerce-account .woocommerce::after {
content: "";
display: table;
}
.woocommerce-account .woocommerce::after {
clear: both;
}
.woocommerce-account h2 {
font-size: 16px;
line-height: 1.5;
font-weight: 500;
}
.woocommerce-account h1.entry-title {
display: none;
}
.woocommerce-account .woocommerce-privacy-policy-text a {
box-shadow: none !important;
}
label.inline {
display: inline !important;
margin-left: 1em;
}
.woocommerce-MyAccount-navigation .inner ul {
margin-bottom: 0;
border: 0;
}
.woocommerce-MyAccount-navigation .inner ul li {
border: 0;
border-bottom: 4px solid #fff;
background: var(--background2);
}
.woocommerce-MyAccount-navigation .inner ul li:first-child {
border-radius: 8px 8px 0 0;
}
.woocommerce-MyAccount-navigation .inner ul li:last-child {
border-radius: 0 0 8px 8px;
}
.woocommerce-MyAccount-navigation .inner ul li.woocommerce-MyAccount-navigation-link.is-active, .woocommerce-MyAccount-navigation .inner ul li.woocommerce-MyAccount-navigation-link:hover {
background: var(--primary);
}
.woocommerce-MyAccount-navigation .inner ul li.woocommerce-MyAccount-navigation-link.is-active a, .woocommerce-MyAccount-navigation .inner ul li.woocommerce-MyAccount-navigation-link:hover a {
color: #fff;
}
.woocommerce-MyAccount-navigation .inner ul li.woocommerce-MyAccount-navigation-link a {
margin: 0;
padding: 15px 30px;
}
.woocommerce-MyAccount-navigation ul {
margin: 0 !important;
border-top: 1px solid;
list-style: none;
border-top-color: var(--border);
}
.woocommerce-MyAccount-navigation ul li {
list-style: none !important;
border-bottom: 1px solid;
border-bottom-color: var(--border);
position: relative;
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link a {
text-decoration: none;
padding: 0.875em 0;
display: flex;
align-items: center;
color: var(--accent);
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link a:hover {
color: var(--primary);
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link a:after {
font-family: "melawell-icon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
vertical-align: middle;
margin-left: auto;
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link.is-active a {
color: var(--primary);
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--dashboard a::after {
content: "\e03e";
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--orders a::after {
content: "\e00a";
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--downloads a::after {
content: "\e02d";
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--edit-address a::after {
content: "\e033";
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--payment-methods a::after {
content: "\e013";
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--edit-account a::after {
content: "\e021";
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--customer-logout a::after {
content: "\e034";
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--subscriptions a::after {
content: "\e085";
}
ul.order_details {
list-style: none;
position: relative;
max-width: 900px;
margin: 0 auto 1.618em;
}
ul.order_details::before, ul.order_details::after {
content: "";
display: table;
}
ul.order_details::after {
clear: both;
}
ul.order_details li {
padding: 1em 1.618em;
text-align: center;
border-color: var(--border);
}
ul.order_details li:first-child {
padding-top: 1.618em;
border: 0;
}
ul.order_details li:last-child {
padding-bottom: 1.618em;
}
ul.order_details li:last-child::before, ul.order_details li:last-child::after {
content: "";
display: table;
}
ul.order_details li:last-child::after {
clear: both;
}
ul.order_details li strong {
display: block;
text-transform: none;
color: var(--accent);
}
.my_account_orders .button,
.woocommerce-MyAccount-downloads .button {
font-size: 0.875em;
margin-right: 0.236em;
padding: 0;
background: transparent;
color: var(--accent);
vertical-align: middle;
background-image: linear-gradient(to right, var(--primary) 0%, var(--primary) 100%);
background-position: 0 calc(100% - 0em);
background-size: 0 1px;
background-repeat: no-repeat;
transition: background-size 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
border-radius: 0;
}
.my_account_orders .button:hover,
.woocommerce-MyAccount-downloads .button:hover {
background-size: 100% 1px;
text-decoration: none;
}
.my_account_orders .button:after,
.woocommerce-MyAccount-downloads .button:after {
font-family: "melawell-icon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
vertical-align: middle;
content: "\e008";
margin-left: 5px;
} .woocommerce-MyAccount-content #payment .payment_methods {
margin-bottom: 1.618em !important;
}
.woocommerce-MyAccount-content h3 {
font-size: 22px;
}
.woocommerce-MyAccount-content mark {
color: var(--primary);
}
.woocommerce-MyAccount-content .woocommerce-Pagination {
text-align: center;
}
.woocommerce-MyAccount-content table th {
color: var(--accent);
}
.woocommerce-MyAccount-content table thead th {
background-color: rgba(0, 0, 0, 0.05);
}
form.woocommerce-form-register button[type=submit] {
display: block;
width: 100%;
}
form.woocommerce-form-login .woocommerce-form-login-wrap {
padding: 50px;
background: #f6f6f6;
margin-bottom: 30px;
}
form.woocommerce-form-login button[type=submit] {
display: block;
width: 100%;
}
form.woocommerce-form-login .woocommerce-form__label-for-checkbox {
float: left;
}
form.woocommerce-form-login .woocommerce-LostPassword a {
color: var(--text);
text-decoration: underline;
text-decoration-style: dotted;
}
.woocommerce-order-details {
margin-top: 30px;
}
.woocommerce-order-details h2 {
font-size: 18px;
}
.woocommerce-order-details .order-again {
margin-bottom: 3.706325903em;
}
.woocommerce-order-details .order_details a:not(.button) {
color: var(--accent);
background-image: linear-gradient(to right, var(--primary) 0%, var(--primary) 100%);
background-position: 0 calc(100% - 0em);
background-size: 0 1px;
background-repeat: no-repeat;
transition: background-size 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
}
.woocommerce-order-details .order_details a:not(.button):hover {
background-size: 100% 1px;
text-decoration: none;
}
.woocommerce-order-details .order_details .product-quantity {
color: var(--primary);
}
.woocommerce-order-details .order_details .product-total .amount {
font-weight: 500;
color: var(--accent);
}
.woocommerce-order-details .order_details tfoot .amount {
font-size: 18px;
color: var(--primary);
font-weight: 500;
}
.woocommerce-customer-details h2 {
font-size: 18px;
}
.col-wrap {
padding: 25px;
border: 1px solid var(--border);
border-radius: 8px;
max-width: 680px;
margin: 0 auto 30px;
}
.melawell-order-tracking-wrapper {
border: 0.5px solid var(--border);
padding: 40px;
border-radius: 8px;
}
.melawell-order-tracking-wrapper .order-info mark {
color: var(--primary);
}
@media (max-width: 767px) {
.melawell-order-tracking-wrapper {
border: 0;
padding: 0;
}
}
.wcml-dropdown {
width: 100%;
}
.wcml-dropdown li,
.wcml-dropdown .wcml-cs-submenu li {
border-color: var(--border);
}
.wcml-dropdown .wcml-cs-submenu {
border-top: 0;
}
.wcml-dropdown a {
padding: 1em 1.41575em;
}
.wcml-dropdown a.wcml-cs-item-toggle:after {
right: 1em;
}
.wcml-horizontal-list li.wcml-cs-active-currency a,
.wcml-vertical-list li.wcml-cs-active-currency a {
font-weight: bold;
color: var(--accent);
cursor: default;
}
.woo-variation-swatches-stylesheet-enabled.woo-variation-swatches-style-squared .variable-items-wrapper .variable-item {
border-radius: 0px;
}
.woo-variation-swatches-stylesheet-enabled.woo-variation-swatches-style-squared .variable-items-wrapper .variable-item.button-variable-item {
padding-top: 7px;
padding-bottom: 7px;
height: auto;
}
.woo-variation-swatches-stylesheet-enabled.woo-variation-swatches-style-squared .variable-items-wrapper .variable-item.button-variable-item .variable-item-span {
min-width: 57px;
}
.woo-variation-swatches.wvs-style-rounded .variable-items-wrapper .variable-item:not(.radio-variable-item) {
margin: 8px 8px 8px 0;
padding: 3px;
width: auto;
height: auto;
min-width: 32px;
min-height: 32px;
border: 2px solid;
border-color: var(--border);
line-height: 1;
font-size: 12px;
font-weight: 500;
border-radius: 32px;
box-shadow: none;
}
.woo-variation-swatches.wvs-style-rounded .variable-items-wrapper .variable-item:not(.radio-variable-item) .variable-item-span {
font-size: 12px;
}
.woo-variation-swatches.wvs-style-rounded .variable-items-wrapper .variable-item:not(.radio-variable-item).color-variable-item .variable-item-span-color:after {
content: none;
}
.woo-variation-swatches.wvs-style-rounded .variable-items-wrapper .variable-item:not(.radio-variable-item).selected, .woo-variation-swatches.wvs-style-rounded .variable-items-wrapper .variable-item:not(.radio-variable-item):hover, .woo-variation-swatches.wvs-style-rounded .variable-items-wrapper .variable-item:not(.radio-variable-item).selected:hover {
box-shadow: none;
border-color: var(--accent);
}
.woo-variation-swatches.wvs-style-squared .variable-items-wrapper {
display: inline-flex;
}
.woo-variation-swatches.wvs-style-squared .variable-items-wrapper .variable-item:not(.radio-variable-item) {
margin: 4px 8px 4px 0;
box-shadow: none;
color: var(--text);
position: relative;
}
.woo-variation-swatches.wvs-style-squared .variable-items-wrapper .variable-item:not(.radio-variable-item) span {
font-size: 14px;
}
.woo-variation-swatches.wvs-style-squared .variable-items-wrapper .variable-item:not(.radio-variable-item):hover, .woo-variation-swatches.wvs-style-squared .variable-items-wrapper .variable-item:not(.radio-variable-item).selected, .woo-variation-swatches.wvs-style-squared .variable-items-wrapper .variable-item:not(.radio-variable-item).selected:hover {
box-shadow: none;
}
.woo-variation-swatches.wvs-style-squared .variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item {
min-width: 40px;
padding: 0 5px;
border: 1px solid var(--border);
height: 35px;
}
.woo-variation-swatches.wvs-style-squared .variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item:hover, .woo-variation-swatches.wvs-style-squared .variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item.selected, .woo-variation-swatches.wvs-style-squared .variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item.selected:hover {
box-shadow: none;
color: var(--primary);
border: 1px solid;
border-color: var(--primary);
}
.woo-variation-swatches.wvs-style-squared .variable-items-wrapper .variable-item:not(.radio-variable-item).color-variable-item {
height: 30px;
width: 30px;
border: 1px solid transparent;
}
.woo-variation-swatches.wvs-style-squared .variable-items-wrapper .variable-item:not(.radio-variable-item).color-variable-item .variable-item-span-color:after {
box-shadow: none;
}
.woo-variation-swatches.wvs-style-squared .variable-items-wrapper .variable-item:not(.radio-variable-item).color-variable-item:hover, .woo-variation-swatches.wvs-style-squared .variable-items-wrapper .variable-item:not(.radio-variable-item).color-variable-item.selected {
border-color: var(--primary);
}
.wpcvs-term {
border-color: var(--border);
}
.wpcvs-term.wpcvs-selected {
border-color: var(--primary_hover);
}
.wpcvs-term.wpcvs-selected > span:before {
background-color: var(--primary_hover);
}
.wpcvs-type-button .wpcvs-term > span {
font-size: 14px;
padding: 0 15px;
height: 28px;
line-height: 28px;
background: transparent;
}
.wpcvs-type-color .wpcvs-term {
width: 36px;
}
.wpcvs-type-color .wpcvs-term > span {
height: 28px;
}
.wpcvs-type-button .wpcvs-term,
.wpcvs-type-color .wpcvs-term {
height: 36px;
}
.melawell-canvas-filter {
background-color: #fff;
-webkit-transition: all 0.5s;
transition: all 0.5s;
padding-bottom: 40px;
padding-left: 30px;
padding-right: 30px;
top: 0;
left: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
position: fixed;
z-index: 10002;
visibility: hidden;
overflow-y: auto;
overflow-x: hidden;
width: 360px;
height: 100vh;
}
@media (max-width: 768px) {
.melawell-canvas-filter {
width: 330px;
padding-left: 15px;
padding-right: 15px;
}
}
.melawell-canvas-filter::-webkit-scrollbar {
width: 3px;
}
.melawell-canvas-filter::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
background-color: #F5F5F5;
}
.melawell-canvas-filter::-webkit-scrollbar-thumb {
background-color: #000000;
}
.melawell-canvas-filter .widget {
margin-bottom: 45px;
}
.melawell-overlay-filter {
position: fixed;
width: 100vw;
height: 100vh;
top: 0;
bottom: 0;
z-index: 997;
opacity: 0;
background-color: rgba(0, 0, 0, 0.7);
visibility: hidden;
transition: opacity 0.25s ease, visibility 0s ease;
}
.off-canvas-active .melawell-overlay-filter {
visibility: visible;
opacity: 1;
}
.off-canvas-active .melawell-canvas-filter {
visibility: visible;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
a.filter-toggle {
color: var(--accent);
margin-right: auto;
order: 1;
}
@media (min-width: 768px) {
a.filter-toggle {
margin-right: 24px;
}
}
a.filter-toggle i {
font-size: 18px;
margin-right: 10px;
margin-top: -3px;
}
@media (min-width: 1024px) {
a.filter-toggle {
display: none;
}
}
.shop_filter_canvas a.filter-toggle {
display: inline-block;
}
@media (min-width: 768px) {
.shop_filter_canvas a.filter-toggle {
margin-right: 24px;
padding-right: 24px;
position: relative;
}
.shop_filter_canvas a.filter-toggle:after {
content: "";
height: 24px;
width: 1px;
background-color: var(--border);
display: inline-block;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
}
}
a.filter-toggle:focus, a.filter-toggle:hover {
color: var(--primary);
}
.filter-close {
height: 50px;
line-height: 50px;
margin-bottom: 15px;
display: block;
cursor: pointer;
text-align: right;
vertical-align: middle;
font-weight: 400;
font-size: 12px;
color: var(--accent);
}
.filter-close:after {
content: "\2b";
display: inline-block;
vertical-align: middle;
margin-left: 10px;
position: relative;
top: -2px;
font-size: 30px;
font-weight: 400;
transform: rotate(45deg);
}
@media (min-width: 783px) {
.admin-bar .melawell-canvas-filter {
top: 32px;
}
}
@media (min-width: 600px) and (max-width: 782px) {
.admin-bar .melawell-canvas-filter {
top: 46px;
}
} #woosq-popup {
max-width: 1170px !important;
max-height: 600px !important;
}
#woosq-popup .slick-track,
#woosq-popup .thumbnails,
#woosq-popup .thumbnails img {
max-height: 600px !important;
}
#woosq-popup .slick-arrow {
background: var(--background2) !important;
}
#woosq-popup .single-product tr.product {
display: table-row;
}
#woosq-popup .single-product > .product {
display: flex;
}
#woosq-popup .single-product > .product > div {
height: 600px !important;
}
#woosq-popup .single-product .thumbnails {
background: #fff !important;
}
#woosq-popup .single-product .thumbnails img {
width: 100%;
}
#woosq-popup .single-product div.product .product_title {
font-size: 28px;
margin-bottom: 20px;
display: block;
}
#woosq-popup .single-product div.product .woocommerce-product-rating {
margin-bottom: 20px;
}
#woosq-popup .single-product div.product .woocommerce-product-details__short-description {
font-size: 14px;
margin-bottom: 30px;
} .woosw-list .woosw-content-mid-notice {
text-transform: uppercase;
text-align: center;
font-weight: 500;
color: var(--accent);
padding: 30px 0 80px;
}
.woosw-list .woosw-content-mid-notice:before {
content: "\e05c";
font-family: "melawell-icon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
vertical-align: middle;
font-weight: 700;
font-size: 86px;
margin-bottom: 20px;
display: block;
color: rgba(135, 135, 135, 0.15);
}
.woosw-list table.woosw-items thead th {
color: var(--accent);
}
@media (max-width: 767px) {
.woosw-list table.woosw-items thead {
display: none;
}
}
.woosw-list table.woosw-items tr.woosw-content-item {
border-top: 1px solid var(--border);
}
@media (max-width: 767px) {
.woosw-list table.woosw-items tr.woosw-content-item {
display: block;
padding-left: 120px;
position: relative;
}
}
.woosw-list table.woosw-items tr.woosw-content-item td {
background: transparent;
padding: 20px;
vertical-align: middle;
}
@media (max-width: 767px) {
.woosw-list table.woosw-items tr.woosw-content-item td {
padding: 10px 0;
text-align: right;
display: block;
border: none;
border-bottom: 1px solid;
border-color: var(--border);
}
.woosw-list table.woosw-items tr.woosw-content-item td:last-child {
border: none;
}
.woosw-list table.woosw-items tr.woosw-content-item td:before {
content: attr(data-title);
float: left;
}
}
.woosw-list table.woosw-items tr.woosw-content-item .woosw-item--image {
width: 120px;
}
.woosw-list table.woosw-items tr.woosw-content-item .woosw-item--image img {
height: auto;
}
@media (max-width: 767px) {
.woosw-list table.woosw-items tr.woosw-content-item .woosw-item--image {
position: absolute;
left: 10px;
top: 10px;
padding: 0;
border: 0;
width: 100px;
}
.woosw-list table.woosw-items tr.woosw-content-item .woosw-item--image img {
width: 100px;
}
}
.woosw-list table.woosw-items tr.woosw-content-item .woosw-item--title a {
color: var(--accent);
font-weight: 500;
font-size: 16px;
}
.woosw-list table.woosw-items tr.woosw-content-item .woosw-item--title a:hover {
color: var(--primary);
}
@media (max-width: 767px) {
.woosw-list table.woosw-items tr.woosw-content-item .woosw-item--title {
text-align: left;
padding-right: 30px;
}
}
.woosw-list table.woosw-items tr.woosw-content-item .woosw-item--price {
color: var(--primary);
font-weight: 500;
font-size: 16px;
font-family: "Aktiv Grotesk Corp", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}
.woosw-list table.woosw-items tr.woosw-content-item .woosw-item--price del {
font-size: 0.85em;
color: var(--text);
}
.woosw-list table.woosw-items tr.woosw-content-item .woosw-item--stock {
color: var(--primary);
font-weight: 500;
font-size: 13px;
text-transform: uppercase;
font-family: "Aktiv Grotesk Corp", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}
.woosw-list table.woosw-items tr.woosw-content-item .woosw-item--add p {
border: 0 !important;
padding: 0 !important;
}
.woosw-list table.woosw-items tr.woosw-content-item .woosw-item--remove {
width: 70px;
text-align: center;
}
@media (max-width: 767px) {
.woosw-list table.woosw-items tr.woosw-content-item .woosw-item--remove {
width: 30px;
position: absolute;
top: 10px;
right: 0;
padding: 0;
border: none;
}
}
.woosw-list .woosw-actions {
margin-bottom: 2.2906835em;
}
#woosw_copy_url {
padding: 0;
border: none;
background-color: transparent;
text-overflow: ellipsis;
}
#woosw_copy_btn {
padding: 5px 10px;
font-size: 14px;
font-weight: 400;
}
.woosw-popup .woosw-popup-inner .woosw-popup-content {
max-width: 590px;
}
.woosw-popup .woosw-popup-inner .woosw-popup-content .add_to_cart_inline .button {
padding-left: 15px;
padding-right: 15px;
white-space: nowrap;
}
.woosw-item .woosw-item--remove {
display: flex;
align-items: center;
justify-content: center;
margin-top: 18px;
cursor: pointer;
color: var(--light);
font-size: 14px;
}
.woosw-item .woosw-item--remove i {
margin-right: 8px;
font-size: 24px;
margin-top: -2px;
}
.woosw-item .woosw-item--remove:hover {
color: red;
}
.woosw-popup .add_to_cart_inline .button {
white-space: nowrap;
padding: 10px;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table thead tr th {
padding: 15px;
border: 1px solid var(--border);
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table thead tr th a {
color: var(--accent);
text-transform: none;
font-weight: 500;
font-size: 16px;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table thead tr th a:hover {
color: var(--primary_hover);
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table thead tr th .woosc-remove {
display: block;
color: red;
}
@media (max-width: 767px) {
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table thead tr th:first-child {
min-width: 150px;
width: auto;
}
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table .tr-additional td {
vertical-align: top;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr.tr-image img {
max-width: 150px;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr td {
padding: 15px;
border: 1px solid var(--border);
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr td > ul, .woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr td > ol {
margin-left: 1em;
line-height: 24px;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr td > ul li, .woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr td > ol li {
margin-bottom: 6px;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr td.td-label {
font-weight: 500;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr td .shop_attributes {
table-layout: auto !important;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr td .shop_attributes td, .woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr td .shop_attributes th {
border: none !important;
background: none !important;
padding: 10px !important;
}
@media (max-width: 768px) {
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr td .shop_attributes td {
padding-top: 0 !important;
display: block;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr td .shop_attributes th {
display: block;
padding-bottom: 0 !important;
}
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr td del {
text-decoration: none;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr td del .amount {
text-decoration: line-through;
color: var(--light);
font-size: 14px;
font-weight: 500;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr td .amount {
color: var(--primary);
font-size: 16px;
font-weight: 700;
}
.button.add_to_cart_button.loading {
opacity: 1 !important;
color: #fff;
}
.product-style-default {
height: auto;
}
ul.products:not(.products-list) > li.product.outofstock .product-img-wrap {
opacity: 0.3;
}
ul.products:not(.products-list) > li.product.outofstock .shop-action {
display: none;
}
ul.products:not(.products-list) > li.product.outofstock .product-labels .featured, ul.products:not(.products-list) > li.product.outofstock .product-labels .onsale {
display: none;
}
.time-sale {
margin-bottom: 40px;
}
.time-sale .melawell-countdown {
display: flex;
flex-wrap: wrap;
margin-left: -10px;
margin-right: -10px;
}
.time-sale .melawell-countdown .countdown-item {
padding: 0 10px;
text-align: center;
position: relative;
}
.time-sale .melawell-countdown .countdown-item .countdown-label {
display: none;
}
.time-sale .melawell-countdown .countdown-item:not(:last-child):after {
content: "\3a";
position: absolute;
top: 50%;
transform: translate(50%, -50%);
right: 0;
}
.time-sale .melawell-countdown .countdown-digits {
min-width: 36px;
font-size: 13px;
line-height: 18px;
border: 1px solid var(--secondary);
color: var(--accent);
display: flex;
align-items: center;
justify-content: center;
padding: 8px 10px;
border-radius: 8px;
}
.product-block-list {
position: relative;
display: flex;
flex-wrap: wrap;
overflow: hidden;
transition: all ease 0.4s;
}
.product-block-list h2,
.product-block-list h3,
.product-block-list .woocommerce-loop-product__title,
.product-block-list .wc-block-grid__product-title {
font-size: 14px;
font-weight: 500;
line-height: 1.7142857143;
margin-bottom: 5px;
font-family: "Aktiv Grotesk Corp", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}
.product-block-list h2 a,
.product-block-list h3 a,
.product-block-list .woocommerce-loop-product__title a,
.product-block-list .wc-block-grid__product-title a {
background-image: linear-gradient(to right, var(--primary) 0%, var(--primary) 100%);
background-position: 0 calc(100% - 0em);
background-size: 0 1px;
background-repeat: no-repeat;
transition: background-size 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
}
.product-block-list h2 a:hover,
.product-block-list h3 a:hover,
.product-block-list .woocommerce-loop-product__title a:hover,
.product-block-list .wc-block-grid__product-title a:hover {
background-size: 100% 1px;
text-decoration: none;
}
.product-block-list .star-rating {
margin-top: 5px;
}
.product-block-list .price {
color: var(--primary);
font-weight: 500;
margin-bottom: 24px;
}
.product-block-list .product-transition {
flex: 0 0 300px;
margin: 0 30px 0 0;
}
@media (max-width: 568px) {
.product-block-list .product-transition {
flex: unset;
width: 100%;
margin: 0 0 20px 0;
}
}
.product-block-list .product-list-add-cart {
display: flex;
align-items: center;
margin-bottom: 24px;
}
.product-block-list .product-list-action {
display: flex;
flex-wrap: wrap;
}
.product-block-list .product-list-action .woosc-btn,
.product-block-list .product-list-action .woosq-btn,
.product-block-list .product-list-action .woosw-btn {
background-color: transparent;
padding: 0;
color: var(--primary);
font-size: 12px;
font-weight: 500;
text-transform: uppercase;
border-bottom: 2px solid var(--primary);
padding-bottom: 3px;
}
.product-block-list .product-list-action .woosc-btn:before,
.product-block-list .product-list-action .woosq-btn:before,
.product-block-list .product-list-action .woosw-btn:before {
font-family: "melawell-icon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
vertical-align: middle;
margin-right: 10px;
font-size: 14px;
font-weight: bold;
vertical-align: middle;
margin-top: -4px;
}
.product-block-list .product-list-action .woosc-btn:hover,
.product-block-list .product-list-action .woosq-btn:hover,
.product-block-list .product-list-action .woosw-btn:hover {
border-bottom-color: transparent;
}
.product-block-list .product-list-action .woosw-btn {
-webkit-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.product-block-list .product-list-action .woosw-btn:before {
content: "\e02c";
}
.product-block-list .product-list-action .woosw-btn.woosw-adding:before {
opacity: 0;
}
.product-block-list .product-list-action .woosw-btn.woosw-adding::after {
font-family: "melawell-icon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
vertical-align: middle;
content: "\e080" !important;
animation: fa-spin 0.75s linear infinite;
height: 20px;
width: 20px;
line-height: 20px;
font-size: 20px;
position: absolute;
top: 50%;
left: 50%;
margin-left: -10px;
margin-top: -10px;
display: block;
}
.product-block-list .product-list-action .woosw-btn.woosw-added {
color: red;
}
.product-block-list .product-list-action .woosw-btn.woosw-added:before {
margin-right: 0;
}
.product-block-list .product-list-action .woosw-btn.woosw-added:hover {
color: #fff;
}
.product-block-list .short-description {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
margin-top: 20px;
margin-bottom: 8px;
}
.product-block-list .short-description p {
margin-bottom: 0;
}
.product-block-list .product-caption {
flex: 1;
display: flex;
flex-direction: column;
}
.product-block-list a[class*=product_type_] {
text-align: center;
}
@media (min-width: 1024px) {
.product-block-list a[class*=product_type_] {
min-width: 280px;
}
}
.product-block-list a[class*=product_type_]:before {
font-family: "melawell-icon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
vertical-align: middle;
content: "\e014";
vertical-align: bottom;
line-height: 24px;
margin-right: 10px;
font-size: 16px;
}
.product-block-list:hover .product-img-wrap .inner {
-ms-transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
-o-transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
-moz-transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
-webkit-transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
.product-block-list:hover .product-img-wrap.bottom-to-top .inner {
-ms-transform: translate3d(0, -100%, 0);
-o-transform: translate3d(0, -100%, 0);
-moz-transform: translate3d(0, -100%, 0);
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
.product-block-list:hover .product-img-wrap.top-to-bottom .inner {
-ms-transform: translate3d(0, 100%, 0);
-o-transform: translate3d(0, 100%, 0);
-moz-transform: translate3d(0, 100%, 0);
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
.product-block-list:hover .product-img-wrap.left-to-right .inner {
-ms-transform: translate3d(100%, 0, 0);
-o-transform: translate3d(100%, 0, 0);
-moz-transform: translate3d(100%, 0, 0);
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
.product-block-list:hover .product-img-wrap.right-to-left .inner {
-ms-transform: translate3d(-100%, 0, 0);
-o-transform: translate3d(-100%, 0, 0);
-moz-transform: translate3d(-100%, 0, 0);
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.product-block-list:hover .product-img-wrap.swap .product-image {
opacity: 0;
}
.product-block-list:hover .product-img-wrap.swap .product-image img {
transform: rotateY(180deg);
}
.product-block-list:hover .product-img-wrap.swap .product-image.second-image {
opacity: 1;
}
.product-block-list:hover .product-img-wrap.swap .product-image.second-image img {
transform: rotateY(0deg);
}
.product-block-list:hover .product-img-wrap.fade .product-image {
opacity: 0;
}
.product-block-list:hover .product-img-wrap.fade .product-image.second-image {
opacity: 1;
}
.product-block-list:hover .product-img-wrap.zoom-in .product-image.second-image {
transform: scale(1);
}
.product-block-list:hover .product-img-wrap.zoom-out .product-image {
transform: scale(0);
}
.product-block-list:hover .product-img-wrap.zoom-out .product-image.second-image {
transform: scale(1);
}
.product-layout-list-2 ul.products, .product-layout-list-2 .wc-block-grid__products {
margin-left: 0;
margin-right: 0;
}
li.product[class*=product-style-list-] .product-list-wrap {
position: relative;
display: flex;
flex-wrap: wrap;
overflow: hidden;
transition: all ease 0.4s;
align-items: center;
}
li.product[class*=product-style-list-] .product-caption {
flex: 1;
}
li.product.product-style-list-1 .product-list-wrap {
padding: 20px;
border: 1px solid var(--border);
margin-left: -1px;
margin-top: -1px;
}
li.product.product-style-list-1 h2.woocommerce-loop-product__title {
font-size: 13px;
line-height: 18px;
margin-bottom: 12px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
li.product.product-style-list-1 .product-transition {
flex: 0 0 64px;
margin: 0 24px 0 0;
max-width: 64px;
border: 0;
}
li.product.product-style-list-1 .price {
font-size: 18px !important;
line-height: 24px;
}
li.product.product-style-list-2 {
margin-bottom: 0 !important;
border: 1px solid var(--border);
margin-top: -1px;
margin-right: -1px;
padding-top: calc(var(--grid-gutter) / 2);
padding-bottom: calc(var(--grid-gutter) / 2);
}
li.product.product-style-list-2 h2.woocommerce-loop-product__title {
font-size: 13px;
line-height: 18px;
margin-bottom: 12px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
li.product.product-style-list-2 .product-transition {
flex: 0 0 120px;
margin: 0 24px 0 0;
max-width: 120px;
border: 0;
}
li.product.product-style-list-2 .price {
font-size: 18px !important;
line-height: 24px;
margin-bottom: 5px;
}
li.product.product-style-list-3 .product-list-wrap {
padding: 20px 40px 20px 20px;
border-radius: 8px;
border: 1px solid var(--border);
}
li.product.product-style-list-3 h2.woocommerce-loop-product__title {
margin-bottom: 12px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
li.product.product-style-list-3 .product-transition {
flex: 0 0 200px;
margin: 0 24px 0 0;
max-width: 200px;
border: 0;
}
li.product.product-style-list-3 .price {
font-size: 22px !important;
line-height: 30px;
}
ul.products-list {
margin: 0;
clear: both;
display: flex;
flex-wrap: wrap;
}
ul.products-list li.product {
width: 100%;
list-style: none;
margin-bottom: 30px;
position: relative;
transition: all 0.4s ease-in-out;
box-sizing: border-box;
}
ul.products-list li.product .shop-action .woosc-btn,
ul.products-list li.product .shop-action .woosq-btn,
ul.products-list li.product .shop-action .woosw-btn,
ul.products-list li.product .shop-action a[class*=product_type_] {
height: 48px;
right: 0;
}
ul.products-list li.product .shop-action a[class*=product_type_] {
width: 157px;
padding: calc(var(--grid-gutter) / 2);
padding-left: 50px;
color: #ffffff;
background: var(--primary);
text-transform: initial;
line-height: 24px;
margin-bottom: 0;
margin-left: 0;
font-size: 16px;
border-color: transparent;
}
ul.products-list li.product .shop-action a[class*=product_type_]:before {
left: 30px;
}
ul.products-list li.product .shop-action a[class*=product_type_]:hover {
background: transparent;
color: var(--primary);
border-color: var(--primary);
}
ul.products-list li.product .shop-action a[class*=product_type_]:hover:before {
color: var(--primary);
}
ul.products-list li.product .shop-action button {
width: 48px;
background-color: var(--border);
border-color: var(--border);
margin-bottom: 0;
}
ul.products-list li.product:hover {
border-color: var(--primary);
}
.product-list-wrap .time-sale {
display: flex;
font-size: 12px;
align-items: center;
margin-top: 10px;
}
.product-list-wrap .time-sale .deal-text {
order: 2;
margin-left: 15px;
margin-bottom: 15px;
}
.elementor-widget-melawell-products-tabs .elementor-tabs-wrapper {
display: flex;
flex-wrap: wrap;
border-bottom: 1px solid var(--border);
padding-bottom: 10px;
}
.elementor-widget-melawell-products-tabs .elementor-tab-title {
display: inline-block;
font-size: 24px;
line-height: 36px;
font-weight: 500;
position: relative;
cursor: pointer;
outline: 0;
color: var(--light);
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
border: none;
margin-right: 32px;
}
.elementor-widget-melawell-products-tabs .elementor-tab-title:after {
content: "";
display: inline-block;
position: absolute;
height: 3px;
width: 100%;
background: transparent;
bottom: 0px;
left: 0;
right: 0;
}
.elementor-widget-melawell-products-tabs .elementor-tab-title:hover, .elementor-widget-melawell-products-tabs .elementor-tab-title.elementor-active {
color: var(--accent);
}
.elementor-widget-melawell-products-tabs .elementor-tab-title:hover:after, .elementor-widget-melawell-products-tabs .elementor-tab-title.elementor-active:after {
background: var(--primary);
}
.elementor-widget-melawell-products-tabs.tab-title-style-1 .elementor-tabs-wrapper {
padding-bottom: 20px;
}
.elementor-widget-melawell-products-tabs.tab-title-style-1 .elementor-tab-title {
padding-bottom: 8px;
}
.elementor-widget-melawell-products-tabs.tab-title-style-2 .elementor-tabs-wrapper {
justify-content: center;
border-bottom: 0;
}
.elementor-widget-melawell-products-tabs.tab-title-style-2 .elementor-tab-title {
margin-right: 64px;
color: var(--accent);
}
.elementor-widget-melawell-products-tabs.tab-title-style-2 .elementor-tab-title:after {
width: 40px;
height: 2px;
top: 50%;
margin-top: -1px;
right: -52px;
left: auto;
background: var(--border);
}
.elementor-widget-melawell-products-tabs.tab-title-style-2 .elementor-tab-title:last-child {
margin-right: 0;
}
.elementor-widget-melawell-products-tabs.tab-title-style-2 .elementor-tab-title:last-child:after {
display: none;
}
.elementor-widget-melawell-products-tabs.tab-title-style-2 .elementor-tab-title:hover, .elementor-widget-melawell-products-tabs.tab-title-style-2 .elementor-tab-title.elementor-active {
color: var(--primary);
font-weight: 500;
}
.elementor-widget-melawell-products-tabs .elementor-tab-content {
border: 0;
padding-top: 30px;
display: none;
}
.elementor-widget-melawell-products-tabs .elementor-tab-content.elementor-active {
display: block;
}
.elementor-widget-melawell-products-tabs .elementor-tabs-content-wrapper {
border: none;
}
.woobt-wrap {
margin-bottom: 20px;
}
@media (min-width: 1024px) {
.woobt-wrap {
grid-column-gap: 40px;
grid-template-columns: 780px 1fr;
display: grid;
}
}
.woobt-wrap .woobt-products {
grid-row-start: 2;
grid-row-end: 9;
}
.woobt-wrap .woobt-additional {
display: flex;
align-items: flex-end;
}
.woobt-wrap .woobt-total {
margin-bottom: 0;
}
.woobt-wrap .woobt-total[style^=display] ~ .woobt-actions {
display: none;
}
.woobt-wrap .woobt-alert {
border-left-color: rgba(0, 0, 0, 0.15);
background-color: #3d9cd2;
margin-top: 10px;
color: #fff;
padding: 20px 15px;
}
.woobt-wrap .woobt-alert strong {
color: #fff;
}
.content-single-wrapper + .woobt-wrap {
padding-top: 40px;
padding-bottom: 40px;
border-top: 1px solid var(--border);
border-bottom: 1px solid var(--border);
margin-bottom: 40px;
}
.content-single-wrapper + .woobt-wrap.woobt-layout-separate .woobt-products {
border: 0;
}
.content-single-wrapper + .woobt-wrap.woobt-layout-separate .woobt-products .woobt-product {
border: 0;
padding: 4px 0;
}
.content-single-wrapper + .woobt-wrap.woobt-layout-separate .woobt-products .woobt-product .woobt-title-inner {
color: var(--accent);
}
.content-single-wrapper + .woobt-wrap.woobt-layout-separate .woobt-products .woobt-product .woobt-title a {
font-size: 16px;
font-weight: 400;
}
.woobt-products {
border: 1px solid var(--border);
overflow: hidden;
background: #fff;
}
.woobt-products .woobt-choose .checkmark {
position: relative;
display: flex;
justify-content: center;
align-items: center;
margin-right: 1em;
width: 24px;
height: 24px;
background: transparent;
border: 2px solid var(--border);
border-radius: 2px;
cursor: pointer;
transition: all 250ms cubic-bezier(0.4, 0, 0.23, 1);
}
.woobt-products .woobt-choose .checkmark:before {
position: absolute;
top: -6px;
left: -7px;
}
.woobt-products .woobt-choose .woobt-checkbox {
width: 50px;
height: 100%;
position: absolute;
opacity: 0;
z-index: 10;
cursor: pointer;
}
.woobt-products .woobt-choose .woobt-checkbox:checked ~ .checkmark {
border: 12px solid var(--primary);
animation: shrink-bounce 200ms cubic-bezier(0.4, 0, 0.23, 1);
}
.woobt-products .woobt-choose .woobt-checkbox:checked ~ .checkmark:before {
content: "";
color: var(--secondary);
border-right: 3px solid transparent;
border-bottom: 3px solid transparent;
transform: rotate(45deg);
transform-origin: 0 100%;
animation: checkbox-check 125ms 250ms cubic-bezier(0.4, 0, 0.23, 1) forwards;
}
.woobt-products .woobt-product {
position: relative;
padding: 10px;
align-items: start;
}
.woobt-products .woobt-product:first-child .woobt-title-inner span:first-child {
color: var(--primary);
}
.woobt-layout-separate .woobt-products .woobt-product {
padding: 20px 10px;
}
.woobt-products .woobt-product:last-child {
border: 0;
}
.woobt-products .woobt-product:hover .woobt-title-inner a {
color: var(--primary);
}
.woobt-products .woobt-product .woobt-price {
display: block;
width: 100%;
flex: 0 0 100%;
margin-left: 0 !important;
text-align: left;
max-width: unset;
}
.woobt-products .woobt-product .woobt-price .amount {
font-weight: 500;
color: var(--accent);
}
.woobt-products .woobt-product .woobt-price del {
opacity: 1;
}
.woobt-products .woobt-product .woobt-price del .amount {
font-size: 0.85em;
color: var(--light);
font-weight: 500;
}
.woobt-products .woobt-product .woobt-price ins .amount {
color: var(--secondary);
}
.woobt-products .woobt-product .variations_form .variations .variation {
border: 0;
margin-left: 0;
padding-left: 0;
}
.woobt-products .woobt-product .variations_form .variations .variation .woo-selected-variation-item-name {
font-size: 14px;
font-weight: 500;
color: var(--accent);
}
.woobt-products .woobt-product .variations_form .variations .variation .label {
font-size: 14px;
font-weight: 500;
}
.woobt-products .woobt-product .variations_form .variations .reset {
display: block;
}
.woobt-products .woobt-title a {
color: var(--accent);
font-weight: 500;
font-size: 14px;
}
.woobt-products .woobt-title a:hover {
color: var(--primary);
}
.woobt-products .woobt-title .woobt-availability {
font-size: 12px;
font-style: italic;
}
.woobt-products.woobt-layout-separate .woobt-product {
padding: 20px 0;
}
.woobt-additional .amount,
.woobt-total .amount {
font-size: 18px;
font-weight: 500;
color: var(--primary);
}
@media (max-width: 767px) {
.woobt-wrap-responsive .woobt-products .woobt-product {
padding: 10px 0;
text-align: left;
flex-direction: row;
}
.woobt-wrap-responsive .woobt-products .woobt-product .woobt-choose {
padding: 20px 20px 20px 10px !important;
}
.woobt-wrap-responsive .woobt-products .woobt-product .woobt-title-inner {
display: block;
}
}
@keyframes shrink-bounce {
0% {
transform: scale(1);
}
33% {
transform: scale(0.85);
}
100% {
transform: scale(1);
}
}
@keyframes checkbox-check {
0% {
width: 0;
height: 0;
border-color: #fff;
transform: translate3d(0, 0, 0) rotate(45deg);
}
33% {
width: 5px;
height: 0;
transform: translate3d(0, 0, 0) rotate(45deg);
}
100% {
width: 5px;
height: 12px;
border-color: #fff;
transform: translate3d(0, -0.5em, 0) rotate(45deg);
}
}
.woosg-wrap {
margin-bottom: 20px;
}
.woosg-wrap .woosg-total {
margin-bottom: 0;
}
.woosg-wrap .woosg-alert {
border-left-color: rgba(0, 0, 0, 0.15);
background-color: #3d9cd2;
margin-top: 10px;
color: #fff;
padding: 20px 15px;
}
.woosg-wrap .woosg-alert strong {
color: #fff;
}
.woosg-wrap .woosg-products {
border: 1px solid var(--border);
overflow: hidden;
background: #fff;
}
.woosg-wrap .woosg-products .woosg-product {
padding: 10px;
}
.woosg-wrap .woosg-products .woosg-product:hover .woosg-title-inner a {
color: var(--primary);
}
.woosg-wrap .woosg-products .woosg-product .woosg-price {
font-size: 16px;
}
.woosg-wrap .woosg-products .woosg-product .woosg-price .amount {
font-weight: 500;
color: var(--primary);
}
.woosg-wrap .woosg-products .woosg-product .woosg-price del {
opacity: 1;
}
.woosg-wrap .woosg-products .woosg-product .woosg-price del .amount {
font-size: 0.85em;
color: var(--light);
font-weight: 500;
}
.woosg-wrap .woosg-products .woosg-product form.variations_form .variations .variation {
border: 0;
margin-left: 0;
padding-left: 0;
}
.woosg-wrap .woosg-products .woosg-product form.variations_form .variations .variation .woo-selected-variation-item-name {
font-weight: 500;
}
.woosg-wrap .woosg-products .woosg-product form.variations_form .variations .reset {
display: block;
}
.woosg-wrap .woosg-products .woosg-title a {
color: var(--accent);
font-weight: 500;
font-size: 14px;
}
.woosg-wrap .woosg-products .woosg-title a:hover {
color: var(--primary);
}
.woosg-wrap .woosg-products .woosg-title .woosg-availability {
font-size: 12px;
font-style: italic;
}
.woosg-wrap .woosg-products .woosg-qty {
width: 120px !important;
flex: 0 0 120px !important;
}
.woosg-wrap .woosg-products.woosg-layout-separate .woosg-product {
padding: 20px 0;
}
.woosg-total .amount {
font-size: 18px;
font-weight: 500;
color: var(--primary);
}
.woosg-total del .amount {
font-size: 0.85em;
font-weight: 500;
color: var(--text);
}
.site-header-cart-side .widget_shopping_cart {
margin-bottom: 0;
position: relative;
flex: 1 1 auto;
display: flex;
}
.site-header-cart-side .widget_shopping_cart .woocommerce-mini-cart__empty-message {
text-align: center;
font-size: 16px;
margin: 15px;
margin-top: 50px;
}
.site-header-cart-side .widget_shopping_cart .woocommerce-mini-cart__empty-message:before {
font-family: "melawell-icon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
vertical-align: middle;
content: "\e05c";
text-align: center;
display: block;
font-size: 120px;
color: var(--light);
opacity: 0.4;
}
.site-header-cart-side .widget_shopping_cart .widget_shopping_cart_content {
display: flex;
flex-direction: column;
flex: 1 1 auto;
}
.site-header-cart-side .widget_shopping_cart .woocommerce-mini-cart__total {
margin-top: auto;
display: flex;
align-items: center;
justify-content: space-between;
}
.site-header-cart-side .widget_shopping_cart .woocommerce-mini-cart-scroll {
position: relative;
flex: 1 1 auto;
overflow-y: auto;
padding-right: 15px;
margin-right: -15px;
}
.site-header-cart-side .widget_shopping_cart .product_list_widget {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.site-header-cart-side .widget_shopping_cart .product_list_widget li {
padding: 15px 20px 15px 0;
border-bottom: 1px solid;
border-color: var(--border);
margin: 0 30px;
}
.site-header-cart-side .widget_shopping_cart .product_list_widget li:last-child {
border-bottom: 0;
}
.site-header-cart-side .widget_shopping_cart .product_list_widget li img {
max-width: 70px;
border: 1px solid var(--border);
}
.site-header-cart-side .widget_shopping_cart .product_list_widget li a.remove {
top: 20px;
right: -5px;
}
.site-header-cart-side .widget_shopping_cart .product_list_widget li a span.title {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.site-header-cart-side .widget_shopping_cart p.total {
padding: 1em 30px;
}
.site-header-cart-side .widget_shopping_cart p.total strong {
font-weight: 400;
font-size: 12px;
line-height: 26px;
}
.site-header-cart-side .widget_shopping_cart .buttons {
margin: 0;
text-align: center;
display: flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: flex-start;
align-items: stretch;
}
.site-header-cart-side .widget_shopping_cart .buttons a {
margin-top: 15px;
margin-bottom: 20px;
}
.site-header-cart-side .widget_shopping_cart .buttons a:first-child {
background: var(--accent);
color: #fff;
margin: 0;
}
.site-header-cart-side .widget_shopping_cart .buttons a.wc-forward {
flex-basis: 100%;
border-radius: 0;
font-weight: 500;
text-transform: capitalize;
padding: 12px;
margin: 20px 30px 10px;
}
.site-header-cart-side .widget_shopping_cart .buttons a.checkout {
margin-top: 0;
background: var(--primary);
}
.site-header-cart-side .widget_shopping_cart .buttons .wc_ppec_responsive_payment_buttons {
flex-basis: 100%;
margin: 0 30px 10px;
}
@keyframes freeshipping-progress {
from {
width: 0;
}
to {
width: 100%;
}
}
.melawell-freeshipping .inner-text {
text-align: center;
}
.melawell-freeshipping .inner-text span {
color: var(--primary);
}
.melawell-freeshipping .freeshipping-progress {
margin-bottom: 15px;
}
.melawell-freeshipping .freeshipping-progress .progress-bar {
position: relative;
height: 16px;
background: #f1f1f1;
border-radius: 8px;
}
.melawell-freeshipping .freeshipping-progress .progress-value {
max-width: 100%;
position: absolute;
height: 100%;
border-radius: 8px;
left: 0;
top: 0;
color: #fff;
line-height: 16px;
font-size: 10px;
text-align: center;
overflow: hidden;
}
.melawell-freeshipping .freeshipping-progress .progress-value span {
position: relative;
z-index: 1;
}
.melawell-freeshipping .freeshipping-progress .progress-value:before {
z-index: 0;
content: "";
background: var(--primary);
position: absolute;
top: 0;
left: 0;
animation: freeshipping-progress 1.2s 0.3s;
animation-fill-mode: forwards;
height: 16px;
}
.widget_shopping_cart .melawell-freeshipping {
padding: 30px 30px 15px;
background: var(--backgroun2);
line-height: 20px;
font-size: 12px;
border-top: 1px solid var(--border);
}
.melawell-free-shipping-label {
display: flex;
align-items: center;
margin-top: 5px;
}
.melawell-free-shipping-label .label {
font-weight: 500;
color: var(--accent);
margin-right: 5px;
display: inline-block;
}
.melawell-free-shipping-label i {
color: var(--accent);
margin-right: 7px;
width: 30px;
}
.melawell-free-shipping-label .amount {
margin-left: 3px;
color: var(--primary);
}
@media (min-width: 768px) {
ul.order_details {
margin: 3.706325903em auto;
}
ul.order_details li {
width: 22.5806451613%;
float: left;
margin-right: 3.2258064516%;
border-left-style: solid;
border-left-width: 1px;
}
ul.order_details li:first-child {
border: 0;
}
ul.order_details li:last-child {
float: right;
margin-right: 0;
}
ul.order_details li:last-child::before, ul.order_details li:last-child::after {
content: "";
display: table;
}
ul.order_details li:last-child::after {
clear: both;
}
.demo_store {
bottom: 0;
}
.demo_store a.woocommerce-store-notice__dismiss-link {
background: rgba(0, 0, 0, 0.1);
float: right;
display: inline-block;
margin: -1em -1.41575em -1em 0;
padding: 1em 1.41575em;
} table.shop_table_responsive tbody th {
display: table-cell;
}
table.shop_table_responsive tr td {
display: table-cell;
}
table.shop_table_responsive tr td::before {
display: none;
}
table.shop_table_responsive tr.woocommerce-shipping-totals td {
width: 60%;
} .site-header-cart {
position: relative;
}
.site-header-cart .cart-contents {
display: inline-block;
position: relative;
text-indent: 0;
}
.site-header-cart .widget_shopping_cart {
position: absolute;
margin-top: 20px;
top: 100%;
width: 320px;
z-index: 999999;
right: -999em;
display: block;
border-width: 2px;
border-style: solid;
}
.site-header-cart .widget_shopping_cart:before {
content: "";
display: block;
position: absolute;
top: -20px;
left: 0;
right: 0;
height: 20px;
}
.site-header-cart .widget_shopping_cart.sub-menu--is-touch-device {
display: none;
left: 0;
}
.site-header-cart .widget_shopping_cart h2.widgettitle {
display: none;
}
.site-header-cart .widget_shopping_cart .product_list_widget {
height: 0;
}
.site-header-cart .widget_shopping_cart .product_list_widget li a.remove::before {
text-align: left;
}
.site-header-cart:hover .widget_shopping_cart, .site-header-cart.focus .widget_shopping_cart {
right: 0;
display: block;
}
.site-header-cart:hover .widget_shopping_cart .product_list_widget, .site-header-cart.focus .widget_shopping_cart .product_list_widget {
height: auto;
}
.site-search {
display: block;
}
.site-search form {
margin: 0;
} ul.products li.product,
ul.products .wc-block-grid__product,
.wc-block-grid__products li.product,
.wc-block-grid__products .wc-block-grid__product {
clear: none;
width: 100%;
} ul.products.columns-1 li.product {
flex: 0 0 100%;
max-width: 100%;
}
ul.products.columns-2 li.product {
flex: 0 0 50%;
max-width: 50%;
}
ul.products.columns-3 li.product {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
ul.products.columns-4 li.product {
flex: 0 0 25%;
max-width: 25%;
}
ul.products.columns-5 li.product {
flex: 0 0 calc(100% / 5);
max-width: calc(100% / 5);
}
ul.products.columns-6 li.product {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
} .single-product div.product .images {
width: 48.3870967742%;
float: left;
margin-right: 3.2258064516%;
margin-bottom: 3.706325903em;
}
.single-product div.product .images .thumbnails::before, .single-product div.product .images .thumbnails::after {
content: "";
display: table;
}
.single-product div.product .images .thumbnails::after {
clear: both;
}
.single-product div.product .images .thumbnails a.zoom {
width: 22.5806451613%;
float: left;
margin-right: 3.2258064516%;
}
.single-product div.product .images .thumbnails a.zoom.last {
float: right;
margin-right: 0;
}
.single-product div.product .woocommerce-product-gallery {
margin-right: 0;
float: left;
margin-bottom: 3.706325903em;
}
.single-product div.product .summary {
width: 48.3870967742%;
float: right;
margin-right: 0;
}
.single-product div.product .woocommerce-tabs {
clear: both;
}
.single-product #reviews .comment-form-author,
.single-product #reviews .comment-form-email {
flex: 50%;
max-width: 50%;
}
.single-product #reviews .comment-form-email {
margin-right: 0;
}
#reviews .comment-form-email {
margin-right: 0;
} .woocommerce-cart .content-area,
.woocommerce-checkout .content-area {
width: 100%;
float: right;
margin-right: 0;
}
.woocommerce-cart .hentry,
.woocommerce-checkout .hentry {
border-bottom: 0;
padding-bottom: 0;
}
table.cart th,
table.cart td {
padding: 15px 15px 15px 0;
}
table.cart .qty {
padding: 0.875em;
max-width: 3.632em;
}
table.cart td.product-remove {
display: table-cell;
padding: 1.618em 0 1.618em 1.618em;
border: 0;
width: 5%;
}
table.cart td.product-remove a.remove {
float: none;
position: relative;
top: auto;
right: auto;
font-size: 1em;
box-shadow: none;
}
table.cart td.product-remove i {
font-size: 20px;
}
table.cart td.product-thumbnail {
width: 14%;
}
table.cart td.product-name {
width: 40%;
}
table.cart td.product-price {
width: 16%;
}
table.cart td.product-subtotal {
padding: 1.618em 1.618em 1.618em 0;
width: 16%;
}
table.cart .product-quantity .plus,
table.cart .product-quantity .minus {
display: inline-block;
}
table.cart .quantity .qty {
padding: 0.6180469716em;
}
table.cart td.actions {
text-align: right;
}
table.cart td.actions label {
display: none;
}
table.cart td.actions .coupon {
padding-bottom: 0;
margin-bottom: 0;
border-bottom: none;
float: left;
}
table.cart td.actions input {
display: inline-block;
width: auto;
margin: 0;
}
.cart-collaterals::before, .cart-collaterals::after {
content: "";
display: table;
}
.cart-collaterals::after {
clear: both;
}
.cart-collaterals .cross-sells {
width: 42.0289855072%;
float: left;
margin-right: 4.347826087%;
}
.cart-collaterals .shipping_calculator {
width: 53.6231884058%;
float: right;
margin-right: 0;
margin: 0;
clear: right;
}
.cart-collaterals .cart_totals small.includes_tax {
display: block;
}
.cart-collaterals .shipping_calculator {
clear: right;
} table.wishlist_table .wishlist-items-wrapper tr td.product-name a.yith-wcqv-button {
display: none;
} #ship-to-different-address {
position: relative;
}
#ship-to-different-address .woocommerce-form__input-checkbox {
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
margin-right: 0;
}
.col2-set {
width: 53.6231884058%;
float: left;
margin-right: 4.347826087%;
}
.col2-set .form-row-first {
width: 48.3870967742%;
float: left;
margin-right: 3.2258064516%;
}
.col2-set .form-row-last {
width: 48.3870967742%;
float: right;
margin-right: 0;
}
.col2-set .col-1,
.col2-set .col-2 {
margin-bottom: 1.618em;
}
.col2-set + #customer_details {
display: none;
}
.col2-set .woocommerce-billing-fields::before, .col2-set .woocommerce-billing-fields::after {
content: "";
display: table;
}
.col2-set .woocommerce-billing-fields::after {
clear: both;
}
.col2-set.addresses {
width: 100%;
float: left;
margin-left: 0;
margin-right: 0;
}
.col2-set.addresses .col-1 {
width: 47.8260869565%;
float: left;
margin-right: 4.347826087%;
}
.col2-set.addresses .col-2 {
width: 47.8260869565%;
float: right;
margin-right: 0;
}
#customer_details + #wc_checkout_add_ons {
width: 42.0289855072%;
float: right;
margin-right: 0;
}
#wc_checkout_add_ons input[type=radio] {
float: left;
margin-right: 0.5407911001em;
clear: left;
margin-top: 0.35em;
}
#order_review {
width: 42.0289855072%;
float: right;
margin-right: 0;
clear: right;
}
#order_review {
transition: box-shadow ease 0.4s;
}
.woocommerce-order-pay #order_review {
width: 100%;
float: none;
}
.woocommerce-order-pay #order_review #payment h3 {
padding-left: 1em;
padding-top: 1em;
}
.woocommerce-order-pay #order_review #payment .form-row {
padding: 1em;
}
.woocommerce-order-pay #order_review .payment_methods + .form-row {
padding: 1em;
}
.woocommerce-order-pay #order_review .button#place_order {
display: block;
width: 100%;
font-size: 1.41575em;
} table + .addresses {
margin-top: 1.618em;
}
.col2-set#customer_login {
width: 100%;
display: flex;
justify-content: space-between;
}
.col2-set#customer_login .col-2,
.col2-set#customer_login .col-1 {
width: calc(50% - 20px);
}
.col2-set.addresses {
width: 100%;
float: left;
margin-left: 0;
margin-right: 0;
}
.col2-set.addresses .col-1 {
width: 48.3870967742%;
float: left;
margin-right: 3.2258064516%;
}
.col2-set.addresses .col-2 {
width: 48.3870967742%;
float: right;
margin-right: 0;
}
.woocommerce-MyAccount-navigation {
width: 23.5668789809%;
float: left;
margin-right: 1.9108280255%;
}
.woocommerce-MyAccount-content {
width: 74.5222929936%;
float: right;
margin-right: 0;
}
.addresses header.title::before, .addresses header.title::after {
content: "";
display: table;
}
.addresses header.title::after {
clear: both;
}
.addresses header.title a {
float: right;
}
.addresses header.title h3 {
float: left;
} .form-row-first {
width: 48.3870967742%;
float: left;
margin-right: 3.2258064516%;
clear: both;
}
.form-row-last {
width: 48.3870967742%;
float: right;
margin-right: 0;
} .melawell-sticky-add-to-cart {
display: block;
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 99998;
transform: translate3d(0, 100%, 0);
padding: 10px 1em;
overflow: hidden;
zoom: 1;
box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
animation-duration: 0.5s;
animation-fill-mode: both;
}
.melawell-sticky-add-to-cart--slideInDown {
animation-name: slideInDown;
}
.melawell-sticky-add-to-cart--slideOutUp {
animation-name: slideOutUp;
}
.melawell-sticky-add-to-cart__content {
display: flex;
align-items: center;
justify-content: center;
}
.melawell-sticky-add-to-cart__content-title {
display: block;
}
.melawell-sticky-add-to-cart__content-price {
margin-right: 0.875em;
}
.melawell-sticky-add-to-cart__content-button {
margin-left: auto;
padding-top: 0.86em;
padding-bottom: 0.86em;
}
.melawell-sticky-add-to-cart img {
max-width: 60px;
margin: 0 1.41575em 0 0;
padding: 3px;
border: 1px solid rgba(0, 0, 0, 0.1);
}
.melawell-sticky-add-to-cart .star-rating {
display: inline-block;
margin: 0;
vertical-align: sub;
} #yith-quick-view-modal.open .product-title {
margin-top: -0.2333em;
font-size: 30px;
}
#yith-quick-view-close {
top: 10px;
right: 10px;
text-indent: -9999px;
}
}
@media (min-width: 768px) and (max-width: 900px) {
body:not(.page-template-template-fullwidth-php) table.cart td,
body:not(.page-template-template-fullwidth-php) table.cart th {
padding: 1em;
}
}
@media (min-width: 911px) {
.woocommerce-cart-form {
width: 65.5913978495%;
float: left;
margin-right: 3.2258064516%;
}
.cart-collaterals {
width: 31.1827956989%;
float: right;
margin-right: 0;
}
}
@media (max-width: 768px) {
ul.products li.product .woocommerce-loop-product__title,
ul.products li.product .wc-block-grid__product-title {
line-height: 1.4;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
ul.products li.product .product-caption-action {
flex-wrap: wrap;
}
ul.products li.product .product-caption {
padding: 15px;
}
ul.products li.product .product-labels .product-label {
font-size: 12px;
line-height: 18px;
}
}
@media (max-width: 820px) {
.elementor-widget-melawell-post-grid .entry-content .entry-title {
font-size: 14px;
font-weight: 700;
line-height: 22px;
}
.single-product .melawell-single-mobile-header {
display: block;
}
.single-product .melawell-single-mobile-header .product-brand {
float: none;
margin: 0;
}
.single-product .summary .product-brand,
.single-product .summary .product-custom-meta,
.single-product .summary .product_title {
display: none;
}
}