article.blog-post,
article.post-grid {
margin-bottom: 30px;
}
article.blog-post .wp-picture,
article.post-grid .wp-picture {
position: relative;
margin-bottom: 22px;
text-align: center;
width: auto;
margin-left: 0;
margin-right: auto;
}
article.blog-post .wp-picture:hover .zoom,
article.post-grid .wp-picture:hover .zoom {
opacity: 1;
visibility: visible;
}
article.blog-post .wp-picture img,
article.post-grid .wp-picture img {
max-width: 100%;
width: 100%;
margin: 0 auto;
}
article.blog-post .featured-audio,
article.post-grid .featured-audio,
article.blog-post .featured-video,
article.post-grid .featured-video,
article.blog-post .et_post-slider,
article.post-grid .et_post-slider {
margin-bottom: 20px;
}
article.blog-post .featured-video,
article.post-grid .featured-video {
position: relative;
}
article.blog-post .read-more,
article.post-grid .read-more {
margin-top: 10px;
}
article.blog-post .read-more span,
article.post-grid .read-more span {
float: left;
}
article.blog-post .read-more.btn,
article.post-grid .read-more.btn {
margin-top: 15px;
}
article.blog-post:not(.content-framed) .read-more.btn:before,
article.post-grid:not(.content-framed) .read-more.btn:before,
article.blog-post:not(.content-framed) .read-more.btn:after,
article.post-grid:not(.content-framed) .read-more.btn:after {
display: none;
}
article.blog-post .zoom,
article.post-grid .zoom {
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
opacity: 0;
visibility: hidden;
}
article.blog-post .zoom .btn_group,
article.post-grid .zoom .btn_group {
position: absolute;
top: 50%;
left: 0;
width: 100%;
margin: -22px 0 0 0;
z-index: 2;
text-align: center;
}
article.blog-post .zoom .btn_group a i:before,
article.post-grid .zoom .btn_group a i:before {
content: "";
display: block;
}
article.blog-post .zoom > i,
article.post-grid .zoom > i {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
width: 100%;
height: 100%;
}
article.blog-post h6.active,
article.post-grid h6.active {
display: inline-block;
}
article.blog-post:not(.post-single) p,
article.post-grid:not(.post-single) p {
margin-bottom: 0.4em;
}
article.blog-post:not(.post-single) .author-info,
article.post-grid:not(.post-single) .author-info,
article.blog-post .wp-picture .svg-wrapper svg,
article.post-grid .wp-picture .svg-wrapper svg {
display: none;
}
article.blog-post .wp-picture.blog-hover-zoom,
article.post-grid .wp-picture.blog-hover-zoom {
overflow: hidden;
}
article.blog-post .wp-picture.blog-hover-zoom img,
article.post-grid .wp-picture.blog-hover-zoom img {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
article.blog-post .wp-picture.blog-hover-zoom:hover:before,
article.post-grid .wp-picture.blog-hover-zoom:hover:before {
background-color: rgba(34, 34, 34, 0.2);
}
article.blog-post .wp-picture.blog-hover-zoom:hover img,
article.post-grid .wp-picture.blog-hover-zoom:hover img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
opacity: 0.8;
}
article.blog-post .wp-picture.blog-hover-zoom .blog-mask,
article.post-grid .wp-picture.blog-hover-zoom .blog-mask {
display: none;
}
article.blog-post .wp-picture.blog-hover-zoom:before,
article.post-grid .wp-picture.blog-hover-zoom:before {
position: absolute;
top: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
content: '';
z-index: 1;
pointer-events: none;
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
article.blog-post .wp-picture.blog-hover-animated,
article.post-grid .wp-picture.blog-hover-animated {
overflow: hidden;
}
article.blog-post .wp-picture.blog-hover-animated .svg-wrapper,
article.post-grid .wp-picture.blog-hover-animated .svg-wrapper {
height: 40px;
margin: 0 auto;
position: relative;
top: 50%;
opacity: 0;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
width: 150px;
overflow: hidden;
}
article.blog-post .wp-picture.blog-hover-animated .svg-wrapper svg,
article.post-grid .wp-picture.blog-hover-animated .svg-wrapper svg {
display: inline-block;
}
article.blog-post .wp-picture.blog-hover-animated .shape,
article.post-grid .wp-picture.blog-hover-animated .shape {
fill: none;
stroke-dasharray: 0 300;
stroke-dashoffset: -215;
stroke-width: 2px;
stroke: rgba(255, 255, 255, 0.9);
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
}
article.blog-post .wp-picture.blog-hover-animated .btn,
article.post-grid .wp-picture.blog-hover-animated .btn {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border: none;
padding: 0;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
article.blog-post .wp-picture.blog-hover-animated img,
article.post-grid .wp-picture.blog-hover-animated img {
-webkit-transition: -webkit-transform 0.3s linear;
transition: -webkit-transform 0.3s linear;
transition: transform 0.3s linear;
transition: transform 0.3s linear, -webkit-transform 0.3s linear;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
article.blog-post .wp-picture.blog-hover-animated:hover img,
article.post-grid .wp-picture.blog-hover-animated:hover img {
-webkit-transform: scale(1.2);
transform: scale(1.2);
-webkit-transition: -webkit-transform 4s linear;
transition: -webkit-transform 4s linear;
transition: transform 4s linear;
transition: transform 4s linear, -webkit-transform 4s linear;
}
article.blog-post .wp-picture.blog-hover-animated:hover .svg-wrapper,
article.post-grid .wp-picture.blog-hover-animated:hover .svg-wrapper {
opacity: 1;
}
article.blog-post .wp-picture.blog-hover-animated:hover .svg-wrapper .shape,
article.post-grid .wp-picture.blog-hover-animated:hover .svg-wrapper .shape {
-webkit-animation: 0.4s draw linear forwards;
animation: 0.4s draw linear forwards;
opacity: 1;
stroke: rgba(255, 255, 255, 0.9);
}
article.blog-post .wp-picture.blog-hover-animated:hover .svg-wrapper .btn,
article.post-grid .wp-picture.blog-hover-animated:hover .svg-wrapper .btn {
color: rgba(255, 255, 255, 0.9);
}
article.blog-post .wp-picture.blog-hover-animated:hover .svg-wrapper:hover .btn,
article.post-grid .wp-picture.blog-hover-animated:hover .svg-wrapper:hover .btn {
color: var(--et_dark-color);
}
article.blog-post .wp-picture.blog-hover-animated:hover .svg-wrapper:hover .shape,
article.post-grid .wp-picture.blog-hover-animated:hover .svg-wrapper:hover .shape {
stroke: #fff;
fill: #fff;
}
article.blog-post.blog-align-center .meta-post .post-comments-count,
article.post-grid.blog-align-center .meta-post .post-comments-count,
article.blog-post.blog-align-right .meta-post .post-comments-count,
article.post-grid.blog-align-right .meta-post .post-comments-count {
margin-left: 10px;
}
article.blog-post.blog-align-center,
article.post-grid.blog-align-center,
article.blog-post.blog-align-center .post-heading,
article.post-grid.blog-align-center .post-heading {
text-align: center;
}
article.blog-post.blog-align-center .read-more,
article.post-grid.blog-align-center .read-more {
margin-left: auto;
margin-right: auto;
}
article.blog-post.blog-align-right,
article.post-grid.blog-align-right,
article.blog-post.blog-align-right .post-heading,
article.post-grid.blog-align-right .post-heading {
text-align: end;
}
article.post-grid .content-article p {
margin-bottom: 0;
}
.post-grid .post-categories,
.blog-post .post-categories,
.post-header .post-categories {
position: absolute;
top: 30px;
left: 0;
font-size: 1.14rem;
z-index: 3;
padding: 0.25em 1.2em;
background: var(--et_active-color);
}
.post-grid .post-categories a,
.blog-post .post-categories a,
.post-header .post-categories a {
color: #fff;
}
.post-grid .sticky-post,
.blog-post .sticky-post,
.post-header .sticky-post {
font-size: 1.14rem;
display: inline-block;
margin-bottom: 5px;
}
.wp-picture {
position: relative;
}
.wp-picture .blog-mask {
position: absolute;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
opacity: 0;
z-index: 2;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.wp-picture .blog-mask:before {
content: "";
position: absolute;
right: 0;
left: 0;
top: 0;
bottom: 0;
opacity: 0.4;
background-color: var(--et_active-color);
}
.wp-picture .blog-mask-inner {
top: 50%;
position: absolute;
width: 100%;
margin-top: -20px;
}
.wp-picture .blog-mask-inner .btn {
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
opacity: 0;
background-color: transparent;
color: #fff;
height: auto;
border: 2px solid rgba(255, 255, 255, 0.4);
}
.wp-picture .blog-mask-inner .btn:hover {
border-color: #fff;
}
.wp-picture:hover .blog-mask {
opacity: 1;
}
.wp-picture:hover .blog-mask-inner .btn {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
.post-heading {
margin-bottom: 0.79em;
}
.post-heading h2 {
margin-bottom: 0.3em;
word-wrap: break-word;
}
.blog-category-description {
margin-bottom: 30px;
}
.meta-post {
font-size: 1.14rem;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.meta-post .views-count:before {
content: '\e907';
}
.meta-post .post-comments-count:before {
content: '\e938';
}
.meta-post .entry-date:before {
content: '\e937';
}
.meta-post > span,
.meta-post > a {
margin-left: 6px;
}
.meta-post,
.meta-post a,
.post-comments-count {
color: var(--et_main-color);
}
.meta-post a[rel="author"]:hover,
.post-comments-count:hover {
color: var(--et_active-color);
}
.content-center {
text-align: center;
}
.content-article {
line-height: var(--p-line-height, 1.6);
font-size: var(--p-font-size, 1.14rem);
}
.content-article .more-button {
display: block;
}
.posts-slider .slide-view-horizontal .wp-picture,
.posts-slider .slide-view-horizontal .featured-audio,
.posts-slider .slide-view-horizontal .featured-video {
width: 245px;
float: left;
margin-right: 30px;
}
.posts-slider .slide-view-horizontal .grid-post-body {
float: left;
width: 265px;
}
.posts-slider .slide-view-horizontal .read-more,
.posts-slider .slide-view-horizontal .featured-quote {
display: none !important;
}
.posts-slider article {
width: 100%;
margin-bottom: 0;
}
.posts-slider article .wp-picture {
min-height: 120px;
width: 100%;
margin-bottom: 18px;
display: inline-block;
float: none;
}
.posts-slider article .post-heading {
margin-bottom: 15px;
}
.posts-slider article .post-heading h2 {
font-size: 1.3rem;
}
.posts-slider article .content-article,
.posts-slider article .content-article p {
line-height: var(--p-line-height, 1.6);
font-size: var(--p-font-size, 1.14rem);
margin-bottom: 0;
}
@media only screen and (max-width: 768px) {
.posts-slider article .featured-quote {
zoom: 0.75;
}
}
.posts-slider article.format-quote .featured-quote .quote-content,
.posts-slider article.format-quote .featured-quote .quote-content p {
font-size: 0;
}
.posts-slider article.format-quote .featured-quote .quote-content i {
font-size: 1.7rem;
padding: 0;
vertical-align: middle;
}
.posts-slider article.format-quote .featured-quote .quote-content i:first-child {
display: none;
}
.et_post-slider {
--arrow-size: 40px;
}
.et_post-slider::-moz-selection {
background: transparent;
}
.et_post-slider::selection {
background: transparent;
}
.et_post-slider .swiper-custom-left,
.et_post-slider .swiper-custom-right {
z-index: 5;
}
.et_post-slider .swiper-button-disabled {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.et_post-slider:hover .swiper-button-disabled {
opacity: 0.4 !important;
}
.et_post-slider .swiper-pagination {
position: absolute;
}
@-webkit-keyframes draw {
0% {
stroke-dasharray: 0 300;
stroke-dashoffset: -215;
stroke-width: 3px;
}
100% {
stroke-dasharray: 400 300;
stroke-dashoffset: 0;
stroke-width: 3px;
}
}
@keyframes draw {
0% {
stroke-dasharray: 0 300;
stroke-dashoffset: -215;
stroke-width: 3px;
}
100% {
stroke-dasharray: 400 300;
stroke-dashoffset: 0;
stroke-width: 3px;
}
}
@media only screen and (max-width: 992px) {
article.blog-post.col-md-3 .zoom .btn_group,
article.post-grid.col-md-3 .zoom .btn_group {
margin-top: -25px;
}
}
@media only screen and (max-width: 767px) {
.meta-post {
font-size: 1rem;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
@media only screen and (max-width: 480px) {
article.blog-post .zoom .btn_group,
article.post-grid .zoom .btn_group {
margin-top: -32px;
}
article.blog-post .zoom .btn_group a,
article.post-grid .zoom .btn_group a {
margin: 5px;
}
article .post-heading + .content-article {
padding-top: 0;
}
.post-heading h2 {
font-size: 1.5rem;
}
} article.format-video iframe {
max-height: 100%;
}
.posts-nav-btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
position: fixed;
top: 50%;
z-index: 9;
height: 90px;
height: -webkit-min-content;
height: -moz-min-content;
height: min-content;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.posts-nav-btn a:not(.button):hover {
color: var(--et_dark-2-white);
}
.posts-nav-btn .post-info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
z-index: 1;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 270px;
background: #fff;
-webkit-box-shadow: 1px 1px 10px var(--et_dark-2-white-01);
box-shadow: 1px 1px 10px var(--et_dark-2-white-01);
}
.posts-nav-btn .post-info .post-title {
font-size: 1.14rem;
display: block;
max-width: 155px;
}
.posts-nav-btn .post-info .price {
font-size: 1rem;
margin-bottom: 0;
}
.posts-nav-btn .post-nav-arrow {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 24px;
background: var(--et_dark-color);
color: #fff;
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.post-navigation {
width: 100%;
border-top: 1px solid var(--et_border-color);
border-bottom: 1px solid var(--et_border-color);
display: inline-block;
padding: 1.78em 0;
text-align: end;
}
.post-navigation p {
margin-bottom: 0;
}
.post-navigation a {
padding-left: 5px;
padding-right: 5px;
}
.post-navigation:empty {
display: none;
}
.etheme-elementor-off-canvas--shown .posts-navigation {
opacity: 0;
visibility: hidden;
}
@media only screen and (max-width: 1300px) {
.posts-navigation {
display: none;
}
}
@media only screen and (max-width: 768px) {
.posts-nav-btn {
height: 50px;
}
.posts-nav-btn img {
max-width: 50px;
max-height: 50px;
}
}
@media only screen and (max-width: 480px) {
.posts-nav-btn {
display: none;
}
}
.prev-post {
left: -270px;
text-align: end;
}
.prev-post.outside,
body:not(.et-preloader-hide) .prev-post {
left: -294px;
}
.prev-post .button:before {
content: "\e902";
}
.prev-post .post-info {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.prev-post .post-details {
margin-right: 20px;
}
.prev-post:hover {
left: 0;
}
.prev-post:hover .post-nav-arrow {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
.next-post {
right: -270px;
text-align: start;
}
.next-post.outside,
body:not(.et-preloader-hide) .next-post {
right: -294px;
}
.next-post .button:before {
content: "\e904";
}
.next-post .post-details {
margin-left: 20px;
}
.next-post:hover {
right: 0;
}
.next-post:hover .post-nav-arrow {
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
@media (min-width: 1200px) {
body.bordered .prev-post {
margin-left: 20px;
}
body.bordered .next-post {
margin-right: 20px;
}
}
@media only screen and (min-width: 993px) {
.site-header-vertical ~ div .next-post {
right: calc(-270px + var(--header-vertical-size, 90px));
}
.site-header-vertical ~ div .next-post:hover {
right: var(--header-vertical-size, 90px);
}
} .tabs {
margin: 0 0 3.5714em;
display: inline-block;
width: 100%;
}
.tabs .tab-content {
font-size: 1.14rem;
display: none;
float: right;
padding-top: 1em;
width: 100%;
}
.tabs .tab-content .list li {
display: list-item;
}
.tabs .tab-content .list-unstyled,
.tabs .tab-content .list-unstyled li:last-child {
margin-bottom: 0;
}
.tabs .tab-content .seller-rating .star-rating {
margin-bottom: 0.7rem;
}
.tabs .tab-content .seller-name + li {
margin-top: -0.25em;
}
.tabs .tab-content .shop_attributes tr:first-child th,
.tabs .tab-content .shop_attributes tr:first-child td {
padding-top: 0;
}
.tabs .tabs-nav {
width: 100%;
margin-bottom: 0;
text-align: center;
}
.tabs .tabs-nav li {
display: inline-block;
list-style: none;
}
.tabs .accordion-title {
display: none;
}
.tabs .wc-tabs {
padding-left: 0;
}
.tabs.tabs-default .wc-tabs {
border-bottom: 1px solid var(--et_border-color);
}
.tabs table td:last-child {
text-align: left;
text-align: start;
}
.tabs .tab-title {
display: block;
position: relative;
text-transform: uppercase;
font-size: 1rem;
padding: 7px 10px;
}
.tabs .tab-title:hover,
.tabs .tab-title:focus {
text-decoration: none !important;
}
.tabs .tab-title.opened,
.tabs .tab-title.opened:hover,
.tabs .tab-title:before {
color: var(--et_active-color);
}
.tab-seller ul {
padding: 0 !important;
list-style: none;
}
.tab-seller h2 {
font-size: 1rem;
text-transform: uppercase;
}
.left-bar .left-titles {
float: left;
width: 28%;
}
.left-bar .left-titles li {
list-style-type: none;
border: 1px solid var(--et_border-color);
font-size: 1rem;
line-height: inherit;
border-bottom: none;
padding: 1em;
margin-right: -1px;
position: relative;
margin-bottom: 0;
border-right: none;
}
.left-bar .left-titles li:last-child {
border-bottom: 1px solid var(--et_border-color);
}
.left-bar .left-titles a {
display: inline-block;
padding: 0;
}
.left-bar .tabs-nav {
display: none;
}
.left-bar .tab-content {
float: left;
width: 72%;
padding: 32px 40px;
border: 1px solid var(--et_border-color);
}
.left-bar .tab-content p:last-child {
margin-bottom: 0;
}
.tabs .accordion-title {
border-top: 1px solid var(--et_border-color);
border-bottom: 1px solid var(--et_border-color);
margin-bottom: -1px;
}
.tabs .accordion-title a {
padding: 1em 14px 1em 0;
}
.tabs .accordion-title a:after {
display: inline-block;
content: '\e905';
font-family: 'xstore-icons';
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
line-height: 1;
}
.tabs .accordion-title.opened-parent a:after {
content: '\e903';
}
.tabs.accordion .accordion-title {
display: block;
}
.tabs.accordion .tabs-nav {
display: none;
}
.tabs.accordion .tab-content {
float: none;
}
.tabs.accordion #reviews #comments > h2,
.tabs.accordion .comment-reply-title {
border-top: none;
}
.col-md-6 .woocommerce-tabs #reviews #comments .commentlist li {
margin-bottom: 0;
}
.col-md-6 .woocommerce-tabs #reviews #comments .commentlist li:last-child {
border-bottom: none;
}
.col-md-6 .woocommerce-tabs #reviews #comments,
.col-md-6 .woocommerce-tabs #reviews #review_form_wrapper {
width: 100%;
padding-left: 0;
padding-right: 0;
}
.tabs-with-scroll .tab-content {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
}
.tabs-with-scroll .tab-content .tab-content-scroll {
padding-right: 10px;
}
.tabs-with-scroll .tab-content .tab-content-inner {
max-height: 300px;
padding-bottom: 10px;
overflow-x: hidden;
overflow-y: auto;
}
.tabs-with-scroll .tab-content:after {
position: absolute;
content: '';
display: block;
width: 100%;
height: 30px;
bottom: 0;
background: -webkit-gradient(linear, left top, left bottom, from(var(--et_white-2-dark-0)), color-stop(80%, var(--et_white-2-dark)));
background: linear-gradient(to bottom, var(--et_white-2-dark-0) 0%, var(--et_white-2-dark) 80%);
}
.et-tabs-wrapper .tabs-nav {
border-bottom: 1px solid var(--et_border-color);
padding-left: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
padding-bottom: 8px;
}
.et-tabs-wrapper .tabs-nav li {
position: relative;
margin-bottom: 0;
max-width: 270px;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
-ms-flex-item-align: end;
align-self: flex-end;
}
.et-tabs-wrapper .tabs-nav li.et-opened:before {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
bottom: -14px;
display: block;
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 6px 6px 0 6px;
border-color: #1794e1 transparent transparent transparent;
border-left-color: transparent !important;
border-right-color: transparent !important;
}
.et-tabs-wrapper .tabs-nav li a {
position: relative;
padding-left: 35px;
padding-right: 35px;
text-align: center;
text-transform: capitalize;
}
.et-tabs-wrapper .tabs-nav li a img {
margin-left: auto;
margin-right: auto;
}
.et-tabs-wrapper .tabs-nav li a span {
position: static !important;
}
.et-tabs-wrapper .tabs .tab-title {
font-size: 1rem;
padding-top: 35px;
text-transform: uppercase;
}
.et-tabs-wrapper .tabs .tab-title img {
display: block;
margin-bottom: 10px;
}
.et-tabs-wrapper .et-tab {
display: none;
}
.et-tabs-wrapper .et-tab-content {
padding-top: 22px;
}
.et-tabs-wrapper.title-hover .tabs-nav li img {
opacity: 1;
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.et-tabs-wrapper.title-hover .tabs-nav li a {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0;
}
.et-tabs-wrapper.title-hover .tabs-nav li a span {
color: var(--et_active-color);
opacity: 0;
font-size: 0.9rem;
padding: 0.9rem;
line-height: 1.2rem;
border: 1px solid var(--et_active-color);
-webkit-transform: translateY(10px);
transform: translateY(10px);
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.et-tabs-wrapper.title-hover .tabs-nav li:hover img,
.et-tabs-wrapper.title-hover .tabs-nav li.et-opened img {
opacity: 0;
}
.et-tabs-wrapper.title-hover .tabs-nav li:hover a span,
.et-tabs-wrapper.title-hover .tabs-nav li.et-opened a span {
opacity: 1;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.et-tabs-wrapper.title-hover .tabs-nav li:hover a span:hover,
.et-tabs-wrapper.title-hover .tabs-nav li.et-opened a span:hover {
background-color: var(--et_active-color);
color: #fff;
}
.et-tabs-wrapper.title-hover .tabs-nav .delimiter {
width: 30px;
height: 2px;
background-color: var(--et_active-color);
opacity: 0.4;
margin-left: 15px;
margin-right: 15px;
-ms-flex-item-align: center;
align-self: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.et-tabs-wrapper.title-hover .tabs-nav .delimiter:last-of-type {
display: none;
}
.tabs .tabs-nav li {
margin: 0 -2px 0;
}
.tabs .tabs-nav li a:before {
content: '';
height: 2px;
width: 0;
right: 0;
background-color: currentColor;
position: absolute;
-webkit-transition: width 0.2s ease-in-out;
transition: width 0.2s ease-in-out;
bottom: 0;
z-index: 1;
}
.tabs .tabs-nav .active.et-opened a:before {
width: 100%;
left: 0;
right: auto;
}
@media only screen and (max-width: 992px) {
.left-bar .left-titles li {
padding: 1em 1.5em;
}
.left-bar .left-titles li .tab-title {
font-size: 1rem;
}
.et-tabs-wrapper .tabs-nav {
display: none;
}
.et-tabs-wrapper .tabs-nav li {
display: block;
width: 100%;
max-width: 100%;
border-top: 1px solid var(--et_border-color);
}
.et-tabs-wrapper .tabs-nav li.et-opened:before {
bottom: -6px;
z-index: 10;
}
.et-tabs-wrapper .tabs-nav li a {
text-align: start;
padding: 15px 0 !important;
}
.et-tabs-wrapper .tabs .accordion-title {
display: block !important;
width: 100%;
max-width: 100%;
border-top: 1px solid var(--et_border-color);
text-align: start;
padding: 15px 0 !important;
font-size: 20px;
}
.et-tabs-wrapper .tabs .accordion-title img {
display: inline-block !important;
max-width: 50px;
vertical-align: middle;
margin-right: 20px !important;
margin-bottom: 0 !important;
}
.et-tabs-wrapper .tabs .accordion-title span {
display: inline-block;
vertical-align: middle;
}
.et-tabs-wrapper .tabs .accordion-title.opened:before {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
display: block;
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 6px 6px 0 6px;
border-color: #1e1e1e transparent transparent transparent;
border-left-color: transparent !important;
border-right-color: transparent !important;
bottom: -6px;
z-index: 10;
}
.et-tabs-wrapper .et-tab-content {
padding-top: 30px;
}
}
@media only screen and (max-width: 768px) {
.tabs.tabs-default .wc-tabs {
white-space: nowrap;
overflow: auto;
}
.tabs.tabs-default .wc-tabs::-webkit-scrollbar {
display: none;
}
}
@media only screen and (max-width: 600px) {
.left-bar .left-titles {
width: 100%;
}
.left-bar .left-titles .wc-tabs {
margin-bottom: 0;
}
.left-bar .left-titles li {
margin-right: 0;
border-right: 1px solid var(--et_border-color);
}
.left-bar .tab-content {
width: 100%;
border-top: none;
padding: 1em 1.5em;
}
.left-bar .tab-content .seller-rating + .text {
display: block;
}
}
.tabs-full-width {
background-color: var(--et_white-2-dark);
}
.tabs-full-width .tabs {
padding: 0 15px;
} .sticky-sidebar {
position: static;
opacity: 0;
-webkit-transition: opacity 0.2s linear;
transition: opacity 0.2s linear;
}
.sticky-sidebar-loaded .sticky-sidebar {
opacity: 1;
}
@media only screen and (max-width: 992px) {
.sidebar {
width: 100%;
display: inline-block;
margin-top: 30px;
}
.sidebar:not(.et-mini-content) {
padding-left: 15px;
padding-right: 15px;
}
.sticky-sidebar {
opacity: 1 !important;
}
.sidebar-mobile-top > div > .row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.sidebar-mobile-top > div > .row .content {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
width: 100%;
}
.sidebar-mobile-top > div > .row .sidebar {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
margin-top: 0;
}
} .single-post .wp-picture img {
width: 100%;
}
.single-post .entry-content > blockquote:last-child {
margin-bottom: 25px;
}
.share-post {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 2em 0;
border-top: 1px solid var(--et_border-color);
border-bottom: 1px solid var(--et_border-color);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 3.5em;
}
.share-post span {
margin-bottom: 0;
}
.share-post .share-title,
.portfolio-single-item .share-title {
display: none;
color: var(--et_dark-2-white);
}
.author-info {
width: 100%;
display: inline-block;
margin-bottom: 2.7vw;
font-size: 1.14rem;
overflow: hidden;
}
.author-info img {
margin-right: 2.5em;
max-width: 100px;
}
.author-info .title-alt {
display: none;
}
.author-info .author-link {
color: var(--et_active-color);
margin-top: 1.05em;
display: block;
}
.post-password-form label {
margin-bottom: 0;
}
.post-password-form input {
vertical-align: middle;
margin-top: 6px;
}
.post-password-form input[type=submit] {
background-color: var(--et_btn-dark-bg-color);
border: 1px solid var(--et_btn-dark-br-color);
color: var(--et_btn-dark-color);
-webkit-text-fill-color: currentColor;
}
.post-password-form input[type=submit]:hover {
background-color: var(--et_btn-dark-bg-color-hover);
border-color: var(--et_btn-dark-br-color-hover);
color: var(--et_btn-dark-color-hover);
}
.related-posts .post-categories,
.related-posts .more-link,
.related-posts .featured-quote {
display: none;
}
.et_post-slider {
margin-bottom: 25px;
}
.et_post-slider .swiper-slide {
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
opacity: 1;
}
.et_post-slider .swiper-slide img {
width: 100%;
}
.et_post-slider .swiper-slide:hover {
opacity: 0.7;
cursor: pointer;
}
@media only screen and (max-width: 992px) {
.single-post .wp-picture + .post-heading {
margin-top: 22px;
}
}
@media only screen and (max-width: 768px) {
.share-post {
padding-top: 1.5em;
padding-bottom: 1.5em;
margin-bottom: 2em;
}
.comments .title-alt,
.about-author-title,
.related-posts .title,
.comment-reply-title {
font-size: 1.5rem;
}
}
@media only screen and (max-width: 480px) {
.single-essential_grid .share-post {
width: 100%;
}
} .single-tags,
.product_meta {
width: 100%;
}
.single-tags span,
.product_meta span span,
.single-tags a,
.product_meta span a {
color: var(--et_main-color);
}
.single-tags a:hover,
.product_meta span a:hover {
color: var(--et_dark-2-white);
}
.product_meta {
clear: both;
}
.product_meta > span,
.product_meta > div {
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;
}
.product_meta > span *:first-child,
.product_meta .products-page-cats a:first-child {
-webkit-padding-start: 3px;
padding-inline-start: 3px;
}
.product_meta > .sales-booster-estimated-delivery > span:first-child {
-webkit-padding-start: 0;
padding-inline-start: 0;
}
.product_meta > .sales-booster-estimated-delivery > span + span {
-webkit-padding-start: 3px;
padding-inline-start: 3px;
}
.product_meta .product_brand,
.product_meta .product_seller {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.product_meta,
.product_meta > span,
.product_meta .products-page-cats,
.product_meta .wcml_currency_switcher,
.product_meta .wcml-dropdown.product,
.wcpv-sold-by-single {
margin-bottom: 10px;
}
.product_meta .wcml_currency_switcher,
.product_meta .wcml-dropdown.product {
margin-top: 0;
}
.single-tags,
.product_meta,
.product-share,
.product_meta > .sales-booster-estimated-delivery > span:first-child,
.wcpv-sold-by-single {
color: var(--et_dark-2-white);
font-size: 1.14rem;
}
.et-socials span,
.single-tags span {
color: var(--et_dark-2-white);
}
.single-tags {
margin: 0 0 25px;
} .comments .title-alt,
.about-author-title,
.related-posts .title,
.comment-reply-title {
font-size: 1.7142em;
padding-bottom: 1em;
margin-bottom: 0;
}
#reviews #comments > h2,
.comment-reply-title {
display: block;
width: 100%;
color: var(--et_dark-2-white);
margin-bottom: 0;
line-height: var(--h2-line-height);
}
#reviews #comments > h2,
span.comment-reply-title {
font-size: 1rem;
text-transform: uppercase;
margin-bottom: var(--widget-title-space-bottom, 1em);
padding-bottom: var(--widget-title-inner-space-bottom, 1em);
border-bottom: var(--widget-title-border-width, 1px) solid var(--widget-title-border-color, var(--et_border-color));
line-height: var(--h2-line-height);
}
#reply-title {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.comment-reply-link {
right: var(--comment-reply-link-h-offset, 0);
top: var(--comment-reply-link-v-offset, 0);
color: var(--et_dark-2-white);
font-size: 1rem;
}
.comment-reply-link svg {
width: 1em;
height: 1em;
}
.comment-reply-link span:not(:only-child) {
-webkit-padding-start: 5px;
padding-inline-start: 5px;
}
@media only screen and (min-width: 481px) {
.comment-reply-link {
position: absolute;
}
}
.media-body {
position: relative;
}
.customer-badge {
background-color: var(--et_dark-2-white);
color: var(--et_white-2-dark);
padding: 2px 5px;
cursor: default;
font-size: 0.55em;
-webkit-margin-start: 7px;
margin-inline-start: 7px;
border-radius: 3px;
}
.comments-list .comment {
width: 100%;
display: inline-block;
margin-bottom: var(--comments-v-gap, 2em);
padding-bottom: var(--comments-v-gap, 2em);
border-bottom: var(--comment-border-width, 1px) solid var(--comment-border-color, var(--et_border-color));
}
.comments-list .comment img {
-webkit-margin-end: var(--comment-avatar-spacing, 1.8em);
margin-inline-end: var(--comment-avatar-spacing, 1.8em);
border-radius: var(--comment-avatar-border-radius, 50%);
}
.comments-list .comment:last-child {
border-bottom: 0;
margin-bottom: 0;
padding-bottom: 0;
}
.comments-list .meta-comm {
display: block;
font-size: 1rem;
line-height: 2;
margin-bottom: 5px;
}
.comments-list .children {
-webkit-padding-start: var(--comments-h-offset, 6em);
padding-inline-start: var(--comments-h-offset, 6em);
margin-top: var(--comments-v-gap, 2em);
padding-top: var(--comments-v-gap, 2em);
border-top: var(--comment-border-width, 1px) var(--comment-border-style, solid) var(--comment-border-color, var(--et_border-color));
}
.comments-list .children:last-child {
margin-bottom: 0;
}
.comment-respond {
display: inline-block;
width: 100%;
}
article + .comment-respond {
margin-top: 2.7vw;
}
.comment-respond label {
display: none;
}
.comment-respond textarea {
height: 200px;
}
.comment-respond .comment-form-email,
.comment-respond .comment-form-url,
.comment-respond .comment-form-author {
width: 33.33%;
display: block;
}
.comment-respond .comment-form-email {
padding: 0 0.71em;
}
.comment-respond .comment-form-url {
-webkit-padding-start: 1.42em;
padding-inline-start: 1.42em;
}
.comment-respond .comment-form-author {
-webkit-padding-end: 1.42em;
padding-inline-end: 1.42em;
}
.comment-respond .comment-form-rating label {
margin-bottom: 0;
}
.comment-respond .comment-form-rating #rating,
.comment-respond .comment-form-rating .stars [data-criteria] + select {
opacity: 0;
}
.comment-respond .comment-form-rating .stars {
margin-bottom: 1em;
}
.comment-respond .comment-form-rating .stars + .stars {
display: none;
}
.comment-form-cookies-consent label {
display: block;
} .commentlist li {
list-style-type: none;
margin-bottom: var(--comments-v-gap, 1.5em);
padding-bottom: var(--comments-v-gap, 1.5em);
border-bottom: var(--comment-border-width, 1px) var(--comment-border-style, solid) var(--comment-border-color, var(--et_border-color));
}
.commentlist li:first-child {
margin-top: var(--comments-v-gap, 1.5em);
}
.commentlist li:last-child {
border: none;
}
.commentlist .avatar {
margin-top: 12px;
-webkit-margin-end: var(--comment-avatar-spacing, 30px);
margin-inline-end: var(--comment-avatar-spacing, 30px);
border-radius: var(--comment-avatar-border-radius, 50%);
}
@media only screen and (max-width: 480px) {
.commentlist .avatar {
max-width: 60px;
}
}
.commentlist .comment-text {
overflow: hidden;
text-align: start;
}
.commentlist .comment-text p {
word-break: break-word;
}
.commentlist .description p {
margin-bottom: 0.75em;
}
.commentlist .review-images {
margin: 0 -5px 5px;
}
.commentlist .review-images a {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.commentlist .review-images img {
margin: 0 5px 5px;
}
.commentlist .star-rating {
margin-top: 5px;
}
.commentlist .star-rating span {
height: auto;
}
.commentlist .meta {
font-size: 0;
}
.commentlist .meta strong {
display: block;
font-size: 1.3rem;
font-weight: 400;
color: var(--et_dark-2-white);
}
.commentlist .meta time {
color: var(--et_main-color);
font-size: 1.14rem;
}
.no-comments {
display: none;
}
#review_form .comment-respond label {
display: block;
font-size: 1.14rem;
}
#review_form .comment-respond label .required {
color: var(--et_red-color);
}
#review_form .comment-respond .comment-form-author,
#review_form .comment-respond .comment-form-email {
width: 100%;
display: block;
padding: 0;
}
#review_form .comment-respond .comment-form-author input,
#review_form .comment-respond .comment-form-email input {
width: 100%;
}
#review_form #wp-comment-cookies-consent + label {
display: inline-block;
}
.single-post .comments {
margin-bottom: 50px;
}
.author-info .media-body p,
.comments-list .comment .media-body p {
line-height: var(--p-line-height, 1.6);
font-size: var(--p-font-size, 1.14rem);
}
.author-info .media-body p:last-of-type,
.comments-list .comment .media-body p:last-of-type {
margin-bottom: 0;
}
#reviews .commentlist .star-rating {
margin-top: 10px;
}
.open-reviews {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: auto;
margin-top: 20px;
margin-bottom: 20px;
}
.open-reviews:after {
content: '\e905';
font-family: 'xstore-icons';
-webkit-margin-start: 7px;
margin-inline-start: 7px;
}
.open-reviews.opened:after {
content: '\e903';
}
@media only screen and (max-width: 1200px) {
.comments-list .children {
-webkit-padding-start: var(--comments-h-offset, 3em);
padding-inline-start: var(--comments-h-offset, 3em);
}
}
@media only screen and (min-width: 992px) {
#reviews {
overflow: hidden;
--h2-line-height: 1.4;
}
#reviews #comments,
#reviews #review_form_wrapper {
width: 50%;
}
#reviews #comments:only-child,
#reviews #review_form_wrapper:only-child {
width: 100%;
padding: 0;
}
.tabs-after_image #reviews #comments,
.tabs-after_image #reviews #review_form_wrapper {
width: 100%;
padding-right: 0;
padding-left: 0;
}
}
@media only screen and (max-width: 768px) {
.comment-respond .comment-form-email,
.comment-respond .comment-form-url,
.comment-respond .comment-form-author {
width: 100%;
margin-left: 0;
margin-right: 0;
padding: 0;
}
.comment-respond .form-group input {
width: 100%;
}
.commentlist .comment {
margin-bottom: var(--comments-v-gap, 1.43em);
padding-bottom: var(--comments-v-gap, 1.43em);
}
.commentlist .comment-text p {
word-break: normal;
}
}
@media only screen and (max-width: 480px) {
.comments-list .comment .media .pull-left {
margin-bottom: 10px;
}
.comments-list .comment .media-body {
width: 100%;
}
}
.etheme-comments-design-quotes .comments-list .children {
border: none;
padding-top: 0;
}
.etheme-comments-design-quotes .comments-list .comment {
padding-bottom: 0;
border-bottom: 0;
}
.etheme-comments-design-quotes .comments-list .comment .media-body {
border: var(--comment-border-width, 1px) var(--comment-border-style, solid) var(--comment-border-color, var(--et_border-color));
padding: var(--comments-inner-v-gap, 1em) var(--comments-inner-h-gap, 1em);
border-radius: 5px;
--comment-reply-link-h-offset: var(--comments-inner-h-gap, 1em);
--comment-reply-link-v-offset: calc(var(--comments-inner-v-gap, 1em) / 2);
overflow: visible;
}
.etheme-comments-design-quotes .comments-list .comment .media-body:before {
content: '';
border-top: var(--comment-border-width, 1px) var(--comment-border-style, solid) var(--comment-border-color, var(--et_border-color));
border-right: var(--comment-border-width, 1px) var(--comment-border-style, solid) var(--comment-border-color, var(--et_border-color));
background: var(--et_container-bg-color, transparent);
position: absolute;
top: calc(50% - 1em);
width: 1em;
height: 1em;
-webkit-clip-path: polygon(0 0, 100% 100%, 100% 0%);
clip-path: polygon(0 0, 100% 100%, 100% 0%);
left: -0.5em;
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
display: block;
}
#review_form .et-reviews-images {
margin-top: 10px;
margin-bottom: 25px;
}
#review_form .et-reviews-images label {
display: inline-block;
margin-bottom: 7px;
}
p.et-reviews-images-message {
position: relative;
font-size: 1.14rem;
word-wrap: break-word;
background: var(--et_info-bg-color, var(--et_blue-color));
color: var(--et_info-color, #fff);
margin: 15px 0;
padding: 0.79em 1.2em 0.79em 45px;
padding: 0.79em 1.2em 0.79em calc(1.2em + 25px);
border-left: 5px solid var(--et_dark-2-white-02);
clear: both;
}
p.et-reviews-images-message:empty {
display: none;
}
p.et-reviews-images-message:before {
content: "\e906";
position: absolute;
font-family: 'xstore-icons';
border-radius: 50%;
left: 20px;
padding: 0;
top: auto;
background: 0 0;
font-style: normal;
}
.et-reviews-images-uploader .et-icon {
font-size: 0.85em;
}
.et-reviews-images-error {
color: var(--et_red-color);
}
.et-reviews-images-info {
margin-bottom: 10px;
}
#et-reviews-images-uploader {
position: absolute;
clip: rect(1px, 1px, 1px, 1px);
}
.et-reviews-images-previewer {
margin: 0 -10px 10px;
}
.et-reviews-images-previewer img {
max-width: 150px;
margin: 0 10px 10px;
} .comments-list {
padding-left: 0 !important;
}
.commentlist .avatar {
float: left;
}
.commentlist .star-rating {
float: right;
}
.comment-respond .comment-form-email,
.comment-respond .comment-form-url,
.comment-respond .comment-form-author {
float: left;
}
@media only screen and (min-width: 992px) {
#reviews #review_form_wrapper {
float: right;
padding-left: var(--comments-columns-space, 15px);
}
#reviews #comments {
float: left;
padding-right: var(--comments-columns-space, 15px);
}
}
.woocommerce-pagination.sb-hide {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
visibility: hidden;
height: 0;
padding: 0;
margin: 0;
}
.dokan-pagination-container .dokan-pagination,
.woocommerce-pagination ul.page-numbers,
#comments ul.page-numbers,
.etheme-pagination ul.page-numbers {
margin-bottom: 0;
padding: 0;
}
.woocommerce-pagination li,
#comments ul.page-numbers li,
.etheme-pagination li,
.dokan-pagination-container .dokan-pagination li {
display: inline-block;
list-style: none;
margin-bottom: 0;
vertical-align: middle;
}
.woocommerce-pagination,
#comments .woocommerce-pagination,
.etheme-pagination,
.dokan-pagination-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
overflow: hidden;
position: relative;
padding: 24px 0;
margin-bottom: 20px;
border-top: 1px solid var(--et_border-color);
width: 100%;
}
.woocommerce-pagination:empty,
#comments .woocommerce-pagination:empty,
.etheme-pagination:empty,
.dokan-pagination-container:empty {
display: none !important;
margin-bottom: 0;
}
.dokan-pagination-container .dokan-pagination li.active a {
background: transparent;
}
.woocommerce-pagination .current,
#comments ul.page-numbers .current,
.etheme-pagination .current,
.dokan-pagination-container .dokan-pagination li .current,
.woocommerce-pagination a,
#comments ul.page-numbers a,
.etheme-pagination a,
.dokan-pagination-container .dokan-pagination li a {
font-size: 0.85rem;
min-width: 36px;
height: 36px;
border: 1px solid var(--et_border-color);
border-radius: var(--pagination-link-radius, 0px);
margin: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 3px 10px;
}
.woocommerce-pagination a:hover,
.woocommerce-pagination .current,
#comments ul.page-numbers a:hover,
#comments ul.page-numbers .current,
.etheme-pagination a:hover,
.etheme-pagination .current,
.dokan-pagination-container li a:hover,
.dokan-pagination-container .dokan-pagination li.active a {
color: #fff;
background-color: var(--et_active-color);
border-color: var(--et_active-color);
}
.dokan-pagination-container .dokan-pagination li,
.woocommerce-pagination li,
#comments ul.page-numbers li,
.etheme-pagination li {
margin-left: 4px;
margin-right: 4px;
}
.dokan-pagination-container .dokan-pagination li:last-child,
.woocommerce-pagination li:last-child,
#comments ul.page-numbers li:last-child,
.etheme-pagination li:last-child {
margin-right: 0;
}
.dokan-pagination-container .dokan-pagination li:first-child,
.woocommerce-pagination li:first-child,
#comments ul.page-numbers li:first-child,
.etheme-pagination li:first-child {
margin-left: 0;
}
.etheme-pagination.align-center {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.etheme-pagination.align-center .et_count-posts {
margin-top: 10px;
}
.etheme-pagination.align-left {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.etheme-pagination.align-right {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.etheme-pagination .next,
.etheme-pagination .prev {
font-size: 0;
}
.etheme-pagination .next:before,
.etheme-pagination .prev:before {
font-family: 'xstore-icons';
font-size: 0.85rem;
}
.etheme-pagination .next:before {
content: "\e904";
}
.etheme-pagination .prev:before {
content: "\e902";
}
.et_count-posts {
margin-bottom: 0;
}
@media only screen and (max-width: 480px) {
.etheme-pagination {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.etheme-pagination .et_count-posts {
margin-bottom: 10px;
}
} article.blog-post.col-md-4 .zoom .btn_group a,
article.post-grid.col-md-4 .zoom .btn_group a {
padding: 11px 11px;
}
article.blog-post.col-md-4.format-quote .quote-content,
article.post-grid.col-md-4.format-quote .quote-content {
zoom: 0.7;
line-height: 24px;
}
article.blog-post.col-md-3.format-quote .quote-content,
article.post-grid.col-md-3.format-quote .quote-content {
zoom: 0.85;
}
article.blog-post.col-md-3 .zoom .btn_group,
article.post-grid.col-md-3 .zoom .btn_group {
margin-top: -50px;
}
.swiper-wrapper article.blog-post.col-md-4.format-quote .quote-content,
.swiper-wrapper article.post-grid.col-md-4.format-quote .quote-content,
.swiper-wrapper article.blog-post.col-md-3.format-quote .quote-content,
.swiper-wrapper article.post-grid.col-md-3.format-quote .quote-content {
zoom: 1;
}
.et_b_header-search:not(.et_element-top-level) .input-row {
border: none;
}
.et_b_header-search:not(.et_element-top-level) input[type="text"],
.et_b_header-search:not(.et_element-top-level) select,
.et_b_header-search:not(.et_element-top-level) .search-button {
height: 40px;
line-height: 20px;
}
.et_b_header-search:not(.et_element-top-level) .search-button {
width: 40px;
}
.et_b_header-search:not(.et_element-top-level) .search-button,
.et_b_header-search:not(.et_element-top-level) .search-button:hover {
color: currentColor;
-webkit-text-fill-color: currentColor;
background-color: transparent;
}
.et_b_header-search:not(.et_element-top-level) .input-row {
color: var(--et_main-color);
-webkit-text-fill-color: currentColor;
border: 1px solid var(--et_border-color);
}
.et_b_header-search.et_element-top-level > span img,
.et_b_header-search.et_element-top-level .search-button img {
max-width: 1em;
max-height: 1em;
}
#header .et_b_header-search:not(.et_element-top-level) .ajax-results-wrapper {
position: relative;
width: 100% !important;
margin: 0;
max-width: unset;
min-width: unset;
border: none;
left: 0 !important;
}
.et_b_header-search:not(.et_element-top-level) .ajax-results-wrapper .autocomplete-suggestions {
padding: 12px 5px 5px;
}
.et_b_header-search:not(.et_element-top-level) .ajax-results-wrapper .autocomplete-no-suggestion {
margin-top: -7px;
}
.ajax-search-tabs {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
color: #222;
}
.et_b_header-search:not(.et_element-top-level) .search-results-titles span {
margin: 0;
padding: 0 7px 7px;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
font-size: 90%;
text-align: center;
}
.et_b_header-search:not(.et_element-top-level) .ajax-in-action .search-button {
color: transparent !important;
}
.et_b_header-search:not(.et_element-top-level) .ajax-in-action .search-button:after {
content: '';
position: absolute;
width: 16px;
height: 16px;
margin: 0 auto;
border: 1px solid var(--et_border-color);
border-left-color: var(--et_main-color);
border-radius: 50%;
top: calc(50% - 8px);
-webkit-animation: rotate 0.5s infinite linear;
animation: rotate 0.5s infinite linear;
}
.et_b_header-search .search-button:not(.loading) span,
.et_b_header-search .search-button.loading svg,
.et_b_header-search .search-button.loading img {
display: none;
}
.et_b_header-search .input-row {
--et_inputs-border-radius: 0;
position: relative;
border: 1px solid var(--et_border-color);
background: #fff;
margin-left: auto;
margin-right: auto;
-ms-flex-pack: distribute;
justify-content: space-around;
}
.et_b_header-search form:not(.input-icon) {
width: 100%;
}
.et_b_header-search input[type="text"] {
font-size: 100%;
color: #222;
width: 100%;
background-color: #fff;
border-width: 0;
padding-left: 10px;
padding-right: 10px;
border-radius: 0;
}
.et_b_header-search input::-webkit-input-placeholder {
color: #888;
}
.et_b_header-search select,
.et_b_header-search .fancy-select .fancy-placeholder-text {
color: #222;
bottom: 0;
left: 0;
border-width: 0;
background-color: transparent !important;
background-image: var(--et_select-arrow-closed);
background-position: calc(100% - 12px) 50%;
background-repeat: no-repeat;
background-size: 10px;
-webkit-transition: max-width 0.2s ease-in-out;
transition: max-width 0.2s ease-in-out;
padding: 0 27px 0 0;
}
.et_b_header-search [data-search-mode="white"] select,
.et_b_header-search [data-search-mode="white"] .fancy-select .fancy-placeholder-text {
color: #fff;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAA3lBMVEUAAAD////MzMzV1dXb29vf39/j4+Pm5ubo6OjY2Njd3d3f39/j4+Pm5ubn5+fc3Nzf39/g4ODj4+Pd3d3f39/g4ODi4uLj4+Pf39/h4eHj4+Pg4ODi4uLf39/i4uLg4ODh4eHj4+Pg4ODh4eHh4eHh4eHh4eHi4uLh4eHh4eHh4eHh4eHh4eHh4eHg4ODh4eHh4eHi4uLh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eFRk8keAAAASnRSTlMAAwUGBwgJCgsNDxASFBUWGBkbHiAhIyUoKi0yNTg+QURIS1RcoKmusrS4u8HFyMrN0NPV2Nrd3t/g4uPk5ujs7e7v8vP19vf6/B4KHFoAAACPSURBVHjazcxTAkJBFIDh/yrbtm3b7X9B2XiubzwH/JT623c/KfBGSDZIbFMiL8TUKgrxTVbhiZReRo5nbJ1T8UDOLMLnW3hR0HKjyc+C13toXjZc77riNMBNYFIxnm/60sjHA/+4bj2e5urQyxPvsGEDS63r4oVn0HHam20nb9y9bvfc75WjVTXxkSLxJ/ZSKgzwwjRX7AAAAABJRU5ErkJggg==);
}
.et_b_header-search .fancy-select .fancy-placeholder-text {
white-space: nowrap;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
height: var(--et_inputs-height, 2.642rem);
line-height: 2rem;
border: 0 solid var(--et_inputs-border-color, var(--et_border-color));
}
.et_b_header-search .fancy-select p {
margin: 0;
color: currentColor;
}
.fancy-select-results {
background: #fff;
color: #222;
left: 0;
-webkit-animation: et-dropdown 0.3s;
animation: et-dropdown 0.3s;
z-index: 27;
border: 1px solid var(--et_border-color);
}
.fancy-select-results ul {
margin-bottom: 0;
text-align: start;
}
.fancy-select-results > ul {
overflow: hidden;
overflow-y: auto;
max-height: 230px;
padding: 10px 0;
}
.fancy-select-results ul li {
padding: 0.5em 2em;
cursor: pointer;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.fancy-select-results ul li:hover {
opacity: 0.7;
background: #f1f1f1;
}
.et_b_header-search .search-button {
font-size: 100%;
padding: 0;
border: none;
background: transparent;
}
.et_b_header-search .clear {
color: #222;
padding: 0 10px 0 0;
font-size: 85%;
line-height: 1;
-webkit-animation: fadeIn 0.3s, et-rtl 0.3s;
animation: fadeIn 0.3s, et-rtl 0.3s;
text-transform: uppercase;
}
.ajax-search-form:not(.ajax-results-shown) .clear {
display: none;
}
.ajax-search-form.input-icon:before {
content: '';
width: 100%;
height: 0;
position: absolute;
top: 0;
}
.et_b_header-search .et-mini-content {
background: transparent;
}
.et_b_header-search .et-mini-content,
.ajax-results-wrapper {
width: 100%;
min-width: 310px;
}
.justify-content-center .input-row,
.mobile-header-wrapper .mob-justify-content-center .input-row {
margin-right: auto;
margin-left: auto;
}
.mobile-header-wrapper .et_b_header-search.et-content-dropdown {
position: static;
font-weight: 400;
}
.mobile-header-wrapper .et_b_header-search .input-row {
width: 100%;
}
.et_b_header-search select + input[type="text"],
.et_b_header-search .fancy-select + input[type="text"] {
border-left-width: 1px;
}
.justify-content-start .input-row {
margin-left: 0;
}
.justify-content-end .input-row {
margin-right: 0;
}
.mobile-header-wrapper .mob-justify-content-start .input-row {
margin-left: 0;
margin-right: auto;
}
.mobile-header-wrapper .mob-justify-content-end .input-row {
margin-right: 0;
margin-left: auto;
}
#header .mobile-header-wrapper .et_b_header-search:not(.search-full-width) .et-mini-content,
#header .mobile-header-wrapper .input-input:not(.search-full-width-form) .ajax-results-wrapper {
min-width: unset;
width: calc(100% - 30px);
left: 15px;
right: 0;
}
.et_b_header-search .ajax-results-wrapper {
position: absolute;
z-index: 1003;
min-width: 310px;
margin-top: -1px;
left: unset;
right: unset;
top: 100%;
}
.et_b_header-search.input-input .ajax-results-wrapper {
left: auto;
right: auto;
}
.ajax-search-form .autocomplete-suggestions {
font-size: var(--content-zoom);
}
.et_b_header-search .post-date {
font-size: 85%;
}
.ajax-item-info {
overflow: hidden;
text-align: start;
color: #888;
}
.ajax-item-title {
color: var(--et_dark-2-white);
}
.ajax-item-title strong {
font-weight: normal;
border-bottom: 1px solid currentColor;
}
.ajax-item-add-to-cart {
margin-top: 7px;
}
.ajax-search-categories {
visibility: visible;
opacity: 0;
-webkit-animation: et-toTopLong, fadeIn;
animation: et-toTopLong, fadeIn;
-webkit-animation-duration: 0.6s;
animation-duration: 0.6s;
-webkit-animation-delay: 0s;
animation-delay: 0s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
.ajax-search-categories .categories-grid {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.et-mini-content:not(.active) .ajax-search-tags,
.et-mini-content:not(.active) .ajax-search-history:not(.active),
.et-mini-content:not(.active) .ajax-search-categories {
-webkit-animation-delay: 2s;
animation-delay: 2s;
display: none;
}
.ajax-search-history .et_clear-history {
text-transform: lowercase;
display: none;
}
.ajax-search-history:hover .et_clear-history {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.ajax-search-history .et_clear-history.active {
color: var(--et_dark-2-white);
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.autocomplete-suggestions {
width: 100%;
text-transform: none;
background-color: var(--et_white-2-dark);
text-align: start;
max-height: 300px;
overflow: auto;
overflow-x: hidden;
}
.autocomplete-suggestions:before,
.autocomplete-suggestions:after {
content: '';
display: table;
clear: both;
}
.autocomplete-suggestion {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
float: left;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
min-width: 250px;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
width: 100%;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
margin: 0;
}
.autocomplete-suggestion .ajax-item-info {
-webkit-margin-end: 5px;
margin-inline-end: 5px;
}
.autocomplete-no-suggestion {
color: var(--et_dark-2-white);
-webkit-text-fill-color: currentColor;
}
.autocomplete-suggestion > a {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding: 5px 0;
}
.et-content-dropdown .ajax-results-title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 1.14em;
padding: 10px 20px;
margin: 0;
background-color: var(--et_border-color);
}
.et-content-dropdown .ajax-results-title:first-child {
margin-top: -20px;
}
.et-content-dropdown .ajax-results-title .results-count {
-webkit-margin-start: auto;
margin-inline-start: auto;
opacity: 0.5;
text-transform: none;
font-size: 0.85em;
}
.et-content-dropdown .ajax-results-more:last-child {
margin-bottom: -30px;
}
.mobile-header-wrapper .ajax-results-title:first-child {
margin-top: -20px;
}
.autocomplete-suggestion .arrow {
fill: var(--et_dark-2-white);
-webkit-margin-start: auto;
margin-inline-start: auto;
-ms-flex-item-align: center;
align-self: center;
-webkit-padding-start: 3px;
padding-inline-start: 3px;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
min-width: 1em;
min-height: 1em;
}
.autocomplete-suggestion:not(.autocomplete-selected) .arrow {
-webkit-transform: translateX(3px);
transform: translateX(3px);
opacity: 0;
visibility: hidden;
}
.autocomplete-selected {
background: var(--et_light-color);
}
.autocomplete-suggestion img {
max-width: 3rem;
margin: 5px 0;
-webkit-margin-end: 20px;
margin-inline-end: 20px;
}
.autocomplete-suggestion .ajax-item-title {
text-align: start;
display: block;
margin-bottom: 0;
font-size: 100%;
}
.autocomplete-suggestion .ajax-item-info .price {
font-size: 85%;
}
.autocomplete-suggestion .content-product .product-details > .stock {
display: block;
position: static;
background: transparent;
text-align: start;
-webkit-transform: none;
transform: none;
padding: 0;
margin: 3px 0;
}
.autocomplete-suggestion .ajax-item-info > .stock {
font-size: 1rem;
margin: 0 0 3px;
}
.autocomplete-suggestion .content-product .product-details > .out-of-stock,
.autocomplete-suggestion .ajax-item-info > .out-of-stock {
color: var(--et_red-color);
}
.et-off-canvas > .et-mini-content {
position: fixed;
top: 0;
height: 100%;
max-width: 300px;
width: calc(100% - 64px);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
z-index: 10010;
--head-icon-proportion: 1.6;
--head-quantity-proportion: 1;
--head-label-proportion: 1.2;
}
@media only screen and (min-width: 1200px) {
body.bordered .et-off-canvas > .et-mini-content {
height: calc(100% - 36px);
top: 18px;
}
body.bordered.admin-bar .et-off-canvas > .et-mini-content {
height: calc(100% - 72px);
top: 52px;
}
}
.et-off-canvas-wide > .et-mini-content {
max-width: 400px;
}
.et-off-canvas .et-content {
overflow: hidden;
overflow-y: auto;
width: 100%;
max-height: 100%;
height: 100%;
}
.et-off-canvas-wide .et-content {
display: grid;
-ms-flex-line-pack: stretch;
align-content: stretch;
grid-template-rows: -webkit-max-content minmax(0px, 100vh) 1fr;
grid-template-rows: max-content minmax(0px, 100vh) 1fr;
overflow: unset;
margin-bottom: 0;
}
.et-off-canvas .widget_shopping_cart,
.et-off-canvas .et_b_wishlist-dropdown,
.et-off-canvas .et_b_waitlist-dropdown,
.et-off-canvas .et_b_compare-dropdown {
padding-right: 3px;
padding-left: 3px;
}
.et-off-canvas .widget_shopping_cart,
.et-off-canvas .et_b_wishlist-dropdown,
.et-off-canvas .et_b_waitlist-dropdown,
.et-off-canvas .et_b_compare-dropdown,
.et-off-canvas.et_b_header-account .et_b-tabs-wrapper {
overflow-x: hidden;
overflow-y: auto;
max-height: calc(100% - 20px);
}
.et-off-canvas .widget_shopping_cart > ul,
.et-off-canvas .et_b_wishlist-dropdown > ul,
.et-off-canvas .et_b_waitlist-dropdown > ul,
.et-off-canvas .et_b_compare-dropdown > ul {
margin-bottom: 0;
}
.header-wrapper .et-off-canvas .et-mini-content .et-quantity,
.mobile-header-wrapper .et-off-canvas .et-mini-content .et-quantity {
background-color: #e1e1e1;
color: #000000;
}
.et-off-canvas.et_b_header-account ul.menu {
text-transform: uppercase;
}
.et-off-canvas.et_b_header-account input {
min-width: unset;
}
.et-off-canvas.et_b_header-account input#rememberme + span {
max-width: 80px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
display: block;
float: left;
}
.et-off-canvas.et_b_header-account input#rememberme {
float: left;
}
.et-mini-content-head {
padding: 0 10px 10px;
margin: 0 -10px 30px;
-ms-flex-item-align: start;
align-self: flex-start;
}
.et-mini-content-head > a {
color: currentColor;
}
.et-mini-content-head.et-inline-type {
margin-bottom: 0;
}
.et-mini-content-head > a:hover {
color: currentColor;
}
.et-mini-content-head:not(.et-inline-type) .et_b-icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: inherit;
-ms-flex-pack: inherit;
justify-content: inherit;
width: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.et-mini-content-head .et_b-icon svg {
width: calc(var(--content-zoom) * var(--head-icon-proportion));
height: calc(var(--content-zoom) * var(--head-icon-proportion));
overflow: visible;
}
.et-mini-content-head .et-element-label {
color: currentColor;
text-transform: uppercase;
font-size: calc(var(--content-zoom) * var(--head-label-proportion));
}
.et-mini-content-head:not(.et-inline-type) .et-element-label {
padding: 0;
padding-top: 15px !important;
}
.et-off-canvas .cart_list.product_list_widget li {
padding: 20px 0;
margin: 0 -5px 0 !important;
width: calc(100% + 10px);
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
cursor: default;
}
.et-mini-content .cart_list.product_list_widget .sidebar-slider {
margin-top: 0;
margin-bottom: 1.07em;
}
.et-mini-content .cart_list.product_list_widget .swiper-wrapper {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.et-mini-content .cart_list.product_list_widget .swiper-slide {
margin: 0 !important;
padding: 0;
width: 100%;
border: none;
}
.et-mini-content .cart_list.product_list_widget li.swiper-slide {
padding: 0 12px;
}
.et-mini-content .sidebar-slider .swiper-entry .swiper-container .swiper-slide:not(.swiper-slide-visible) p.product-title,
.et-mini-content .sidebar-slider .swiper-entry .swiper-container .swiper-slide:not(.swiper-slide-visible) .price {
opacity: 1;
}
.et-mini-content .sidebar-slider .swiper-entry .swiper-container .swiper-slide .product-title a {
white-space: normal;
overflow: unset;
}
.et-mini-content .cart_list.product_list_widget .swiper-slide .product-list-image {
margin: 0 0 10px;
float: none;
}
.et-mini-content .cart_list.product_list_widget .swiper-slide .product-list-image img {
margin: 0 auto;
}
.et-off-canvas .cart_list.product_list_widget .swiper-slide .product-list-image img {
max-width: unset;
}
.et-off-canvas .cart_list.product_list_widget li .et-remove-type1 {
display: none;
}
.et-off-canvas .cart_list.product_list_widget li .et-remove-type2 {
display: inline-block;
border-radius: 3px;
overflow: hidden;
background: #fcfcfc;
padding: 2px;
}
.et-off-canvas .cart_list.product_list_widget li .et-remove-type2 img {
max-width: 18px;
}
.header-wrapper .et-off-canvas .cart_list.product_list_widget li,
.header-wrapper .et-off-canvas .cart_list.product_list_widget .product-slide {
padding-left: 12px;
padding-right: 12px;
}
.header-wrapper .et-off-canvas .cart_list.product_list_widget .swiper-slide:hover {
background: transparent;
}
[data-mode="dark"] .header-wrapper .et-off-canvas .cart_list.product_list_widget .swiper-slide:hover {
background: transparent;
}
.et-off-canvas .product_list_widget .cart-widget-products {
padding: 0 5px;
}
.et-off-canvas .cart-widget-products .remove {
top: 19px;
}
.et-off-canvas .cart-widget-products .remove i {
font-size: 65%;
}
.et_b_header-cart.et-off-canvas .woocommerce-mini-cart__empty-message,
.et_b_header-wishlist.et-off-canvas .empty,
.et_b_header-waitlist.et-off-canvas .empty,
.et_b_header-compare.et-off-canvas .empty {
font-size: 114%;
}
.et-off-canvas .product_list_widget li:not(:last-child) {
border-bottom: 1px solid var(--et_border-color);
}
.et-off-canvas .cart-popup-footer .btn-view-cart {
display: none;
}
.et-off-canvas .cart-popup-footer .total {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
font-size: 100%;
}
.et-off-canvas .cart-widget-subtotal .small-h {
text-transform: uppercase;
}
.et-off-canvas.et_element .cart-widget-subtotal .big-coast {
font-size: 114%;
}
.et-off-canvas.et-content-right > .et-mini-content:not(.active) {
margin-right: -150px;
}
.et-off-canvas.et-content-left > .et-mini-content:not(.active) {
margin-left: -150px;
}
.et-mini-content-head .et-element-label:before {
content: '';
height: 2px;
width: 0;
right: 0;
position: absolute;
-webkit-transition: width 0.2s ease-in-out;
transition: width 0.2s ease-in-out;
bottom: -4px;
background: currentColor;
}
.et-mini-content-head > a:hover .et-element-label:before {
width: 100%;
left: 0;
right: auto;
}
.et-mini-content .sidebar-slider .swiper-entry .swiper-container .swiper-slide .product-title {
padding-right: 0;
}
.et-toggle-mob-sidebars-wrapper {
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.et-toggle-mob-sidebars-wrapper:before,
.et-toggle-mob-sidebars-wrapper.et-content-shown .et-toggle-mob-sidebar {
display: none;
}
.et-toggle-mob-sidebars-inner {
position: fixed;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
color: var(--et_dark-2-white);
z-index: 1;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
max-width: 50px;
margin: -5px 0;
}
.et-toggle-mob-sidebars-inner .et-toggle {
background-color: var(--et_white-2-dark);
width: 50px;
height: 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
cursor: pointer;
}
.et-toggle-mob-sidebars-inner .et-toggle:before {
content: '';
position: absolute;
left: -15px;
top: -15px;
right: -15px;
bottom: -15px;
}
.et-toggle-mob-sidebars-inner .et-toggle-mob-sidebar:not(:last-child) {
margin-bottom: 5px;
}
.et-toggle-mob-sidebars-inner svg {
fill: currentColor;
}
.et-toggle-mob-sidebars-inner img {
max-width: 1.5em;
}
.et-close-sidebar {
position: fixed;
display: var(--sidebar-close-button-display, inline-block);
top: 9px;
z-index: 99;
}
.et-close-sidebar:before {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: var(--et_white-2-dark);
border: 1px solid var(--et_border-color);
font-size: 0.8em;
width: 40px;
height: 40px;
border-radius: 50%;
z-index: 10;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.et-close-sidebar:after {
content: '';
position: fixed;
height: 100vh;
width: 100%;
background-color: rgba(0, 0, 0, 0.3);
pointer-events: all;
top: 0;
bottom: 0;
z-index: -1;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.sidebar.et-mini-content {
position: fixed;
top: 0;
height: 100vh !important;
width: 300px !important;
max-width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
background-color: var(--et_white-2-dark);
z-index: 100;
overflow: hidden;
overflow-y: auto;
margin: 0;
padding: 20px 30px;
opacity: 1;
visibility: visible;
}
.sidebar.et-mini-content:not(.active) {
opacity: 0 !important;
visibility: hidden !important;
}
.sidebar.et-mini-content:not(.active) ~ .et-close-sidebar {
--sidebar-close-button-display: none;
}
.sidebar.et-mini-content .sidebar-widget {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
.sidebar.et-mini-content.active {
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
}
.sidebar.et-mini-content .sidebar-widget:not(.sidebar-slider) > ul:after,
.sidebar.et-mini-content .sidebar-widget:not(.sidebar-slider) > div:after {
display: none !important;
}
@media only screen and (min-width: 992px) {
.sidebar-off_canvas .sidebar:not(.loaded) {
display: none !important;
}
}
@media only screen and (max-width: 991px) {
.sidebar-mobile-off_canvas .sidebar:not(.loaded) {
display: none !important;
}
}
.sidebar-mobile-off_canvas .sidebar:not(.active) ~ .et-close-sidebar,
.sidebar-off_canvas .sidebar:not(.active) ~ .et-close-sidebar {
opacity: 0;
visibility: hidden;
}
.sidebar-mobile-off_canvas .sidebar:not(.active) ~ .et-close-sidebar:before,
.sidebar-off_canvas .sidebar:not(.active) ~ .et-close-sidebar:before,
.sidebar-mobile-off_canvas .sidebar:not(.active) ~ .et-close-sidebar:after,
.sidebar-off_canvas .sidebar:not(.active) ~ .et-close-sidebar:after {
opacity: 0 !important;
visibility: hidden !important;
}
.off-canvas-sidebar-opened #header.sticky-on:not([data-type="sticky"]) > [class*=header-wrapper],
.off-canvas-sidebar-opened #header > [class*=header-wrapper] .sticky-on > div {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
opacity: 0;
visibility: hidden;
}
.et-toggle-mob-sidebars-inner .et-toggle {
border: 1px solid var(--et_border-color);
border-left: none;
}
.et-toggle-mob-sidebars-inner.et-content-right {
right: 0;
}
.et-toggle-mob-sidebars-inner.et-content-right .et-toggle {
border-radius: 50% 0 0 50%;
-webkit-animation: et-rtl 1s, fade 0.7s;
animation: et-rtl 1s, fade 0.7s;
}
.et-toggle-mob-sidebars-inner.et-content-left {
left: 0;
}
.et-toggle-mob-sidebars-inner.et-content-left .et-toggle {
border-radius: 0 50% 50% 0;
-webkit-animation: et-ltr 1s, fade 0.7s;
animation: et-ltr 1s, fade 0.7s;
}
.et-close-sidebar {
left: 309px;
}
.et-close-sidebar:after {
right: 0;
}
.sidebar.et-mini-content.et-content-right {
right: 0;
}
.sidebar.et-mini-content.et-content-right:not(.active) {
margin-right: -20px;
}
.sidebar.et-mini-content.et-content-left {
left: 0;
}
.sidebar.et-mini-content.et-content-left:not(.active) {
margin-left: -20px;
}
.et-mobile-panel-wrapper {
font-size: var(--content-zoom, 1rem);
-webkit-box-shadow: 2px 0 12px 0 rgba(0, 0, 0, 0.15);
box-shadow: 2px 0 12px 0 rgba(0, 0, 0, 0.15);
z-index: 10;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.et-mobile-panel-wrapper .et-wrap-columns {
overflow: hidden;
overflow-x: auto;
}
.et-mobile-panel .et_column {
-webkit-box-flex: 1;
-ms-flex: 1 0 20%;
flex: 1 0 20%;
}
.et-mobile-panel .et_column .et_b-icon img {
max-width: 1em;
}
.et-mobile-panel .et-quantity {
--et-quantity-proportion: 1.1em;
font-size: 0.55em;
background-color: #e1e1e1;
color: #000000;
}
.et-mobile-panel .with-dot > a .et_b-icon:before {
content: '';
position: absolute;
width: 0.3em;
height: 0.3em;
left: -0.15em;
top: 0.01em;
background: var(--et_active-color);
border-radius: 50%;
z-index: 1;
}
.et-mobile-panel .with-dot > a .et_b-icon:after {
content: '';
border: 1px solid var(--et_active-color);
border-radius: 50%;
height: 0.7em;
width: 0.7em;
position: absolute;
left: -0.35em;
top: -0.2em;
-webkit-animation: pulsate 1s ease-out;
-webkit-animation-iteration-count: infinite;
opacity: 0;
z-index: 1;
}
.et-mobile-panel .et-content_toggle.et-content-shown .et_b-icon:before,
.et-mobile-panel .et-content_toggle.et-content-shown .et_b-icon:after {
display: none;
}
.et-mobile-panel .et-content_toggle.et-content-shown > a:hover {
opacity: 1;
}
.et-mobile-panel .et_column > a {
position: relative;
}
.et-mobile-panel .et-content_toggle:before {
display: none;
}
.et-mobile-panel .et-content_toggle .et-mini-content {
padding: 20px;
width: 100%;
text-align: center;
max-width: 100%;
height: var(--max-elements-mini-content-height, calc(100% - 60px - 1px));
top: 0;
position: fixed;
--head-icon-proportion: 1.3;
--head-label-proportion: 1.3;
text-transform: uppercase;
z-index: -1;
}
.et-mobile-panel .et-content_toggle .et-content {
position: absolute;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
left: 50%;
max-height: 100%;
overflow: hidden;
overflow-y: auto;
width: 100%;
height: 100%;
display: grid;
padding: 20px;
}
.et-mobile-panel .et-content_toggle .et-mini-content-head .et-element-label {
line-height: 1;
}
.et-mobile-panel .et-content_toggle .et-content .menu-main-container {
max-height: 100%;
overflow: hidden;
overflow-y: auto;
}
.et-mobile-panel .et-content_toggle .et-content .menu-main-container li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.et-mobile-panel .et-content_toggle .et-content .nav-sublist-dropdown {
display: none !important;
}
.et-mobile-panel .et-content_toggle:not(.et-content-shown) .et-close:last-of-type:not(.first-of-type),
.et-mobile-panel .et-content_toggle.et-content-shown .et-svg:first-of-type:not(:last-of-type) {
display: none;
}
.et-mobile-panel .et-content_toggle .et-close {
-webkit-animation: et-scale-in 0.3s ease-in-out, fadeIn 0.3s ease-in-out;
animation: et-scale-in 0.3s ease-in-out, fadeIn 0.3s ease-in-out;
}
.et-mobile-panel .et-content_toggle .et-close svg {
padding: 3px;
}
.et-mobile-panel .et-content_toggle .et-mini-content {
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.et-mobile-panel .et-content_toggle .et-mini-content:not(.active) {
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
.et-mobile-panel .et-content_toggle.et-content-shown .et-mini-content {
opacity: 1;
visibility: visible;
}
.et-mobile-panel form.ajax-search-form {
position: relative;
padding: 12px 20px;
background: #fff;
}
.et-mobile-panel .et_b_header-search .ajax-results-wrapper {
top: auto;
bottom: calc(100% - 1px);
}
.et-mobile-panel .autocomplete-suggestions {
height: auto;
max-height: calc(100vh - var(--mobile-panel-height, 60px) - 40px - 12px - 12px);
}
.et-mobile-panel .et-content-dropdown .ajax-results-title {
position: sticky;
top: 0;
font-size: 1em;
}
.et-mobile-panel .et-content-dropdown .ajax-results-title:first-child {
margin-top: 0;
}
.et-mobile-panel .et-content-dropdown .ajax-results-more:last-child {
position: sticky;
bottom: 0;
margin-bottom: 0;
}
.et-mobile-panel .et-content .et_b_header-search .ajax-results-wrapper .autocomplete-suggestions {
padding: 0;
border: none;
}
.et-mobile-panel .et-content .et_b_header-search .ajax-results-wrapper .autocomplete-suggestion {
padding-left: 20px;
padding-right: 20px;
}
.et-mobile-panel .et-content .et_b_header-search .ajax-results-wrapper .autocomplete-suggestion > a {
padding: 5px 0;
}
.et-mobile-panel .et-content .et_b_header-search .ajax-results-wrapper .autocomplete-no-suggestion {
margin-top: 0;
padding: 20px 20px 0;
}
.et-mobile-panel .et_b_header-search {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.et-mobile-panel .et_b_mobile-panel-search .et-mini-content {
top: auto;
bottom: var(--mobile-panel-height, 60px);
background: rgba(255, 255, 255, 0.2);
}
.et-mobile-panel .et_b_mobile-panel-search .et-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 0;
}
.et-mobile-panel ul {
list-style: none;
}
.et-mobile-panel .et_column > a .et_b-icon {
font-size: 1.7em;
}
.et-mobile-panel .et_column > a .et_b-icon + span {
display: block;
max-width: 100%;
padding: 5px 0 0;
line-height: 3ex;
}
.et-mobile-panel .et-mini-content {
--content-zoom: 1rem;
} .back-top {
position: fixed;
right: 30px;
bottom: 30px;
height: 46px;
width: 46px;
cursor: pointer;
color: var(--et_dark-2-white);
background-color: var(--et_white-2-light-dark);
border-radius: 50px;
-webkit-box-shadow: inset 0 0 0 1px var(--et_border-color);
box-shadow: inset 0 0 0 1px var(--et_border-color);
-webkit-transition: all 200ms linear;
transition: all 200ms linear;
z-index: 999;
}
.back-top:not(.backIn) {
opacity: 0;
visibility: hidden;
-webkit-transform: translateY(15px);
transform: translateY(15px);
}
.back-top svg {
width: calc(100% + 2px);
height: calc(100% + 2px);
margin: -1px;
}
.back-top svg path {
stroke: var(--et_dark-2-white);
stroke-width: 4;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 200ms linear;
transition: all 200ms linear;
}
.back-top span {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%) rotate(-90deg);
transform: translate(-50%, -50%) rotate(-90deg);
}
.back-top:hover span:before {
display: inline-block;
-webkit-animation: animArrow 1s infinite;
animation: animArrow 1s infinite;
}
@media only screen and (max-width: 992px) {
.back-top:hover span:before {
-webkit-animation: none;
animation: none;
}
}
@media only screen and (max-width: 480px) {
.back-top {
right: 15px;
bottom: 15px;
}
}
@-webkit-keyframes animArrow {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
50% {
-webkit-transform: translateX(3px);
transform: translateX(3px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes animArrow {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
50% {
-webkit-transform: translateX(3px);
transform: translateX(3px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}