.elementor-alert {
text-align: center;
}
.ld-icon-arrow-down:before {
content: '\e817' !important;
font-family: "jws_icon";
}
.ld-icon-content:before {
content: '\e811' !important;
font-family: "jws_icon";
}
.ld-icon-quiz:before {
content: '\e842' !important;
font-family: "jws_icon";
}
.jq-dropdown-menu input[type=button]:hover,
.jq-dropdown-menu input[type=submit]:hover {
transform: none;
box-shadow: none;
}
.slider-right-side .swiper {
width: 100vw;
}
.slider-right-side .swiper .swiper-wrapper {
margin-right: -20vw;
}
.jws-columns-sticky-yes {
position: -webkit-sticky !important;
position: sticky !important;
top: var(--jws-sticky-header-height);
}
.swiper-initialized .swiper-slide {
flex: none;
max-width: 100%;
padding: 0;
}
.swiper-wrapper {
display: flex;
} .lqd-parallax-sentinel {
display: none;
}
.shade_animation {
opacity: 0;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.shade_animation .shade_wrap_inner {
position: absolute;
}
.shade_animation .shade_wrap_inner.alternate {
animation-direction: alternate;
}
.shade_animation .shade_wrap_inner.infinite {
animation-iteration-count: infinite;
}
.elementor-widget.elementor-align-center .elementor-inline-items {
justify-content: center;
}
.elementor-bg-before-yes:before {
content: "";
height: 100%;
position: absolute;
}
.elementor-bg-before-yes.elementor-bg-before-align-left:before {
left: 0;
}
.elementor-bg-before-yes.elementor-bg-before-align-right:before {
right: 0;
}
.jws-shade-yes > .shade_animation {
opacity: 1;
}
.svg-shade-animation svg path {
stroke-dashoffset: 20;
stroke-dasharray: 20;
-webkit-transition: all 2s ease;
-o-transition: all 2s ease;
transition: all 2s ease;
}
.svg-shade-animation svg .path_line {
stroke-dashoffset: 700;
stroke-dasharray: 700;
}
.svg-shade-animation.animated svg path {
stroke-dashoffset: 0;
}
.elementor-image-animation-360-yes img {
animation-name: MoveCircle360;
animation-timing-function: linear;
animation-duration: 30s;
animation-delay: 0s;
animation-iteration-count: infinite;
}
@-webkit-keyframes MoveUpDown {
0% {
top: -50%;
}
100% {
top: 110%;
}
}
@keyframes MoveUpDown {
0% {
top: -50%;
}
100% {
top: 110%;
}
}
body .elementor-social-icon {
vertical-align: middle;
}
body .elementor-social-icon {
background: transparent;
}
.elementor-widget-heading .elementor-heading-title {
line-height: 1.1;
}
.elementor-widget-n-accordion.jws-custom-true .e-n-accordion-item {
overflow: hidden;
}
.elementor-widget-n-accordion.jws-custom-true .e-n-accordion-item-title-icon .e-opened {
display: block !important;
}
.elementor-widget-n-accordion.jws-custom-true .e-n-accordion-item .e-n-accordion-item-title-icon .e-closed {
display: none !important;
}
.elementor-widget-n-accordion.jws-custom-true .e-n-accordion-item-title-icon {
display: block;
transition: 0.3s all;
transform: rotate(-45deg);
}
.elementor-widget-n-accordion.jws-custom-true .e-n-accordion-item[open] .e-n-accordion-item-title-icon {
transform: rotate(-145deg);
}
.elementor-icon i:before,
.elementor-icon svg:before {
top: 50%;
}
.n-svg {
margin-bottom: -6px;
} .custom-form-inline .wpcf7-form-control-wrap {
display: inline-block;
}
.custom-form-inline .wpcf7-submit {
display: inline-block !important;
}
.custom-form-inline .wpcf7-submit i {
width: 40px;
height: 40px;
line-height: 40px;
border-radius: 100%;
background-color: #fff;
display: inline-block;
color: var(--main);
font-size: 16px;
margin-left: 27px;
}
.custom-form-inline .wpcf7-submit i:before {
font-weight: bold;
}
.custom-form-inline br {
display: none;
}
.custom-form-inline2 .wpcf7-submit {
position: absolute;
top: 0;
right: 0;
}
.custom-form-inline2 .wpcf7-form-control-wrap {
display: block;
}
.custom-form-inline2 .wpcf7-form {
position: relative;
} .elementor-accordion-item {
overflow: hidden;
}
.single-elementor_library .post_sidebar {
display: none;
}
.single-elementor_library .post_content {
-ms-flex: 0 0 100% !important;
flex: 0 0 100% !important;
max-width: 100% !important;
}
.jws-particle-wrapper {
position: absolute;
width: 100%;
height: 100%;
overflow: hidden;
top: 0;
left: 0;
}
.elementor-accordion .elementor-tab-content {
border-top: 0;
}
.elementor-section.elementor-section-height-full > .elementor-container {
height: 100%;
} .elementor-element .elementor-widget-icon-box.elementor-view-framed .elementor-icon,
.elementor-element .elementor-widget-icon-box.elementor-view-default .elementor-icon {
color: var(--main);
}
.elementor-element .elementor-icon-list-items .elementor-icon-list-item:hover .elementor-icon-list-text {
color: var(--main);
}
.elementor-column-gap-default > .elementor-row > .elementor-column > .elementor-element-populated {
padding: 10px 15px;
}
.elementor-widget-countdown.elementor-countdown--label-block .elementor-countdown-wrapper {
display: block !important;
}
.elementor-widget-countdown.elementor-countdown--label-block .elementor-countdown-item {
flex-basis: 0 !important;
-webkit-box-flex: 0 !important;
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
display: inline-block;
}
body[data-elementor-device-mode="mobile"] .wpcf7-form .apply-form .row > .right {
padding: 0 15px;
}
body[data-elementor-device-mode="mobile"] .wpcf7-form .apply-form .row > .left {
margin-bottom: 20px;
}
.elementor-progress-percentage {
top: calc(100% - 39px);
position: absolute;
right: 0;
opacity: 0;
transition: 0.3s all;
background-color: var(--secondary);
width: 43px;
height: 27px;
text-align: center;
line-height: 27px;
border-radius: 5px;
padding: 0 !important;
}
.elementor-progress-percentage:after {
width: 0;
height: 0;
border-left: 3px solid transparent;
border-right: 3px solid transparent;
border-top: 5px solid var(--secondary);
content: "";
position: absolute;
bottom: -5px;
left: 50%;
margin-left: -3px;
}
div[style] .elementor-progress-percentage {
opacity: 1;
transition-delay: 0.5s;
}
.elementor-progress-wrapper {
overflow: unset !important;
}
.elementor-progress-bar {
position: relative;
}
.elementor-widget-progress .elementor-title {
display: block;
margin-bottom: 20px;
}
.elementor-icon-box-description {
overflow-wrap: break-word;
}
#nsl-notices-fallback > div {
background: var(--background-item);
}
body div.nsl-container.nsl-container-block .nsl-container-buttons {
display: block;
}
body div.nsl-container .nsl-button-default div.nsl-button-label-container {
font-family: inherit;
letter-spacing: 0;
}
body div.nsl-container .nsl-button {
border-radius: 10px !important;
padding: 1px 0px;
font-weight: bold;
align-items: center;
background: #ffffff !important;
color: var(--heading);
height: 100%;
}
.nsl-button-facebook path {
fill: #1877F2;
}
body div.nsl-container .nsl-button-google[data-skin="light"] {
box-shadow: none;
color: #00031c;
border: 0;
}
body div.nsl-container .nsl-button-google[data-skin="light"] b {
color: inherit;
}
body div.nsl-container div.nsl-container-buttons a[data-plugin="nsl"] {
border: 2px solid #667085;
border-radius: 5px;
height: 50px;
margin-bottom: 15px;
}
.nav-outside-prev,
.nav-outside-next {
cursor: pointer;
} #ldd-meeting-timer {
display: flex;
justify-content: space-between;
background-color: var(--secondary);
background-image: url(https://azure-mantis-125269.hostingersite.com/wp-content/themes/masterlife/assets/image/bg_price.png);
border-radius: 10px;
padding: 30px;
color: var(--light);
--heading: var(--light);
}
.ldd-timer-cell {
text-align: center;
width: 25%;
}
.elementor-alert {
padding-right: 40px !important;
}
.ldd-timer-cell-number {
font-size: 40px;
line-height: 40px;
color: var(--heading);
font-weight: bold;
margin-bottom: 5px;
}
.ld-dashboard-meeting-hosted-details {
border: 1px solid var(--body3);
border-radius: 10px;
padding: 20px;
margin-top: 20px;
}
.ld-dashboard-meeting-hosted-details .ld-dashboard-meeting-actions-button {
display: flex;
gap: 20px;
}
.ld-dashboard-meeting-hosted-details .browser-join a {
background: var(--secondary);
}
.ld-dashboard-meeting-hosted-details .ld-dashboard-meeting-hosted-by-list-item {
margin-bottom: 10px;
}
.ld-dashboard-meeting-hosted-details .ld-dashboard-meeting-hosted-by-list-item strong {
color: var(--heading);
}
@media (max-width: 1024px) {
.slider-right-side .swiper {
width: auto;
}
.slider-right-side .swiper .swiper-wrapper {
margin-right: 0;
}
}
@media (max-width: 767px) {
.remove-absolute {
position: unset !important;
}
}
body {
-webkit-tap-highlight-color: transparent;
}
.mega-has-hover > div {
transition: 0.3s all;
}
.elementor_jws_menu_layout_menu_level > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > ul {
list-style-type: none;
padding: 0;
margin-bottom: 0;
width: 100%;
}
.elementor_jws_menu_layout_menu_level > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > ul > li.current-menu-parent > a {
color: var(--secondary);
}
.elementor_jws_menu_layout_menu_level > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > ul > li > a {
display: block;
position: relative;
font-size: 15px;
padding: 15px 0;
border-bottom: 1px solid var(--border-color2);
font-family: var(--font2);
}
.elementor_jws_menu_layout_menu_level > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > ul > li > a > i {
display: none;
}
.elementor_jws_menu_layout_menu_level > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > ul > li .menu-title-mobile {
background-color: var(--main);
color: var(--heading);
padding: 15px 20px !important;
}
.elementor_jws_menu_layout_menu_level > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > ul > li .menu-title-mobile .btn-sub-menu-back {
display: block;
position: relative;
font-size: 15px;
padding: 15px 0;
border-bottom: 1px solid var(--border-color2);
font-family: var(--font2);
border: 0 !important;
padding: 0 !important;
}
.elementor_jws_menu_layout_menu_level > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > ul > li .menu-title-mobile .btn-sub-menu-back:before {
content: '\e84a';
font-family: "jws_icon";
margin-right: 10px;
font-size: 15px;
}
.elementor_jws_menu_layout_menu_level > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > ul > li .sub-menu {
list-style-type: none;
padding: 0;
}
.elementor_jws_menu_layout_menu_level > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > ul > li .sub-menu li {
padding: 0 20px;
}
.elementor_jws_menu_layout_menu_level > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > ul > li .sub-menu li.current-menu-item > a {
color: var(--secondary);
}
.elementor_jws_menu_layout_menu_level > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > ul > li .sub-menu li > a:not(.btn-sub-menu-back) {
display: block;
position: relative;
font-size: 15px;
padding: 15px 0;
border-bottom: 1px solid var(--border-color2);
font-family: var(--font2);
}
.elementor_jws_menu_layout_menu_level > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > ul > li .sub-menu li > a:not(.btn-sub-menu-back) > i {
display: none;
}
.elementor_jws_menu_layout_menu_level > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > ul > li .sub-menu,
.elementor_jws_menu_layout_menu_level > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > ul > li .sub-menu-dropdown {
position: fixed;
top: 0;
width: 100%;
height: 100%;
background: #ffffff;
transform: translateX(-100%);
transition: 0.3s all;
pointer-events: none;
z-index: 1;
list-style-type: none;
padding: 0;
left: 0;
}
.elementor_jws_menu_layout_menu_level > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > ul > li .sub-menu.active,
.elementor_jws_menu_layout_menu_level > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > ul > li .sub-menu-dropdown.active {
transform: none;
pointer-events: auto;
}
.elementor_jws_menu_layout_menu_horizontal > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > ul {
list-style-type: none;
padding: 0;
margin-bottom: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
}
.elementor_jws_menu_layout_menu_horizontal > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > ul > li {
display: inline-block;
list-style: none;
margin: 0;
padding: 0;
padding: 0 10px;
}
.elementor_jws_menu_layout_menu_horizontal > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > ul > li:not(.menu-item-design-mega_menu_full_width):not(.menu-item-position-center) {
position: relative;
}
.elementor_jws_menu_layout_menu_horizontal > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > ul > li > a {
display: block;
position: relative;
}
.elementor_jws_menu_layout_menu_horizontal > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > ul > li > a:after {
content: "";
position: absolute;
height: 20px;
bottom: -20px;
width: 100%;
left: 0;
}
.elementor_jws_menu_layout_menu_horizontal > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > ul > li.menu-item-design-mega_menu_full_width .sub-menu-dropdown {
left: 0;
width: 100%;
}
.elementor_jws_menu_layout_menu_horizontal > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > ul > li.menu-item-design-mega_menu_full_width .jws_mega_sub {
will-change: transform;
}
.elementor_jws_menu_layout_menu_horizontal > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > ul > li.fullwidth .sub-menu-dropdown {
width: 100vw !important;
}
.elementor_jws_menu_layout_menu_horizontal > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > ul > li.menu-item-design-standard .sub-menu li.menu-item-has-children > a:after {
content: '\e815';
font-family: "jws_icon";
position: absolute;
right: 20px;
font-size: 16px;
}
.elementor_jws_menu_layout_menu_horizontal > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > ul > li.menu-item-design-standard .sub-menu li:hover > a,
.elementor_jws_menu_layout_menu_horizontal > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > ul > li.menu-item-design-standard .sub-menu li.current-menu-item > a {
background-color: var(--body2);
color: var(--secondary);
}
.elementor_jws_menu_layout_menu_horizontal > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > ul > li.menu-item-design-standard .sub-menu li:hover > a:before,
.elementor_jws_menu_layout_menu_horizontal > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > ul > li.menu-item-design-standard .sub-menu li.current-menu-item > a:before {
opacity: 1;
}
.elementor_jws_menu_layout_menu_horizontal > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > ul > li.menu-item-design-standard .sub-menu li a {
display: block;
}
.elementor_jws_menu_layout_menu_horizontal > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > ul > li.menu-item-design-standard .sub-menu li a > span {
display: inline-block;
transition: 0.3s transform;
will-change: transform;
}
.elementor_jws_menu_layout_menu_horizontal > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > ul > li.menu-item-design-standard .sub-menu li a i {
display: inline-block;
vertical-align: middle;
margin-right: 10px;
font-size: 6px;
color: #6d6d6d;
}
.elementor_jws_menu_layout_menu_horizontal > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > ul > li.menu-item-design-standard > .sub-menu li {
position: relative;
}
.elementor_jws_menu_layout_menu_horizontal > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > ul > li.menu-item-design-standard > .sub-menu li .sub-menu {
position: absolute;
left: 100%;
top: 0;
opacity: 0;
transition: 0.3s all;
visibility: hidden;
pointer-events: none;
}
.elementor_jws_menu_layout_menu_horizontal > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > ul > li.menu-item-design-standard > .sub-menu li:hover > .sub-menu {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.elementor_jws_menu_layout_menu_horizontal > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > ul > li .sub-menu {
padding: 0;
list-style-type: none;
background: #ffffff;
min-width: 250px;
}
.elementor_jws_menu_layout_menu_horizontal > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > ul > li .sub-menu li a {
color: var(--heading);
padding: 10px 30px;
font-size: 14px;
font-weight: 600;
position: relative;
}
.elementor_jws_menu_layout_menu_horizontal > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > ul > li .sub-menu li a:before {
content: "";
left: 0;
top: 0;
height: 100%;
width: 2px;
background-color: var(--secondary);
transition: 0.3s all;
opacity: 0;
position: absolute;
}
.elementor_jws_menu_layout_menu_horizontal > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > ul > li .sub-menu,
.elementor_jws_menu_layout_menu_horizontal > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > ul > li .sub-menu-dropdown {
position: absolute;
top: 100%;
opacity: 0;
z-index: 5;
visibility: hidden;
transform: translatey(15px);
-webkit-transform: translatey(15px);
pointer-events: none;
transition: all 300ms ease;
-moz-transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
box-shadow: 0px 4px 20px 2px rgba(16, 30, 87, 0.07000000000000001);
border-radius: 3px;
}
.elementor_jws_menu_layout_menu_horizontal > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > ul > li:hover .sub-menu,
.elementor_jws_menu_layout_menu_horizontal > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > ul > li:hover .sub-menu-dropdown {
opacity: 1;
visibility: visible;
pointer-events: auto;
transform: translatey(0px);
-webkit-transform: translatey(0px);
}
.elementor_jws_menu_layout_menu_horizontal > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > ul > li.menu-item:first-child {
padding-left: 0 !important;
}
.elementor_jws_menu_layout_menu_horizontal > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > ul > li.menu-item:last-child {
padding-right: 0 !important;
}
.elementor_jws_menu_layout_menu_horizontal > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > ul > li > a {
font-size: 14px;
font-weight: 600;
}
.elementor_jws_menu_layout_menu_horizontal > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > ul > li > a > i {
margin-left: 5px;
font-size: 12px;
}
.elementor-before-menu-skin-background_animation > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > .nav > li.current-menu-item > a,
.elementor-before-menu-skin-background_animation > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > .nav > li.current-menu-ancestor > a {
color: #ffffff;
}
.elementor-before-menu-skin-background_animation > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > .nav > li.current-menu-item > a:before,
.elementor-before-menu-skin-background_animation > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > .nav > li.current-menu-ancestor > a:before {
height: 101%;
}
.elementor-before-menu-skin-background_animation > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > .nav > li > a span,
.elementor-before-menu-skin-background_animation > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > .nav > li > a i {
position: relative;
}
.elementor-before-menu-skin-background_animation > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > .nav > li > a:hover {
color: #ffffff;
}
.elementor-before-menu-skin-background_animation > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > .nav > li > a:hover:before {
height: 101%;
}
.elementor-before-menu-skin-background_animation > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > .nav > li > a:before {
content: "";
left: 0;
width: 100%;
height: 0%;
background: var(--secondary);
top: 0;
position: absolute;
transition: 0.3s ease;
}
.elementor-before-menu-skin-animation-line > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner {
position: relative;
}
.elementor-before-menu-skin-animation-line > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > .nav > li.current-menu-item > a > span:before,
.elementor-before-menu-skin-animation-line > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > .nav > li.current-menu-ancestor > a > span:before {
width: 100%;
}
.elementor-before-menu-skin-animation-line > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > .nav > li > a {
position: relative;
}
.elementor-before-menu-skin-animation-line > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > .nav > li > a > span:before {
content: "";
left: 0;
width: 0%;
height: 2px;
background: currentColor;
bottom: 0;
position: absolute;
transition: 0.3s all;
}
.elementor-before-menu-skin-animation-line > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > .nav > li > a:hover > span:before {
width: 100%;
}
.elementor-before-menu-skin-dots > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > .nav > li.current-menu-item > a > span:before,
.elementor-before-menu-skin-dots > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > .nav > li.current-menu-ancestor > a > span:before {
opacity: 1;
transform: none;
}
.elementor-before-menu-skin-dots > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > .nav > li > a > span {
position: relative;
}
.elementor-before-menu-skin-dots > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > .nav > li > a > span:before {
content: "";
width: 3px;
height: 3px;
background: currentcolor;
display: block;
position: absolute;
left: 50%;
bottom: -9px;
margin-left: -1.5px;
border-radius: 100%;
transition: 0.3s ease;
opacity: 0;
transform: translateX(-20px);
}
.elementor-before-menu-skin-dots > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > .nav > li:hover > a > span:before {
opacity: 1;
transform: none;
}
.elementor-before-menu-skin-line > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > .nav > li.current-menu-item > a:before,
.elementor-before-menu-skin-line > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > .nav > li.current-menu-ancestor > a:before {
width: 100%;
left: 0;
}
.elementor-before-menu-skin-line > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > .nav > li > a > span {
position: relative;
}
.elementor-before-menu-skin-line > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > .nav > li > a > span:before {
content: "";
right: 0;
width: 0%;
height: 1px;
background: currentColor;
bottom: 0;
position: absolute;
transition: 0.3s all;
}
.elementor-before-menu-skin-line > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > .nav > li > a:hover > span:before {
width: 100%;
left: 0;
}
.elementor-jws-menu-align-right ul.nav {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
margin-left: auto;
}
.elementor-jws-menu-align-center ul.nav {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-left: auto;
margin-right: auto;
}
.elementor-jws-menu-align-left ul.nav {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
margin-right: auto;
}
.elementor_jws_menu_layout_menu_vertical .jws_main_menu .jws_main_menu_inner > ul > li > a > i {
display: none;
}
.elementor_jws_menu_layout_menu_vertical .jws_main_menu .jws_main_menu_inner > ul > li .sub-menu li a {
font-weight: 400;
}
.elementor_jws_menu_layout_menu_vertical .jws_main_menu .jws_main_menu_inner > ul > li > a {
padding: 10px 0 10px 0;
position: relative;
width: 100%;
}
.elementor_jws_menu_layout_menu_vertical .jws_main_menu ul {
padding: 0;
}
.elementor_jws_menu_layout_menu_vertical .jws_main_menu li {
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-ms-flex-align: center;
align-items: center;
transition: 0.3s all;
position: relative;
}
.elementor_jws_menu_layout_menu_vertical .jws_main_menu .jws_main_menu_inner > ul > li .jws_mega_sub {
margin-top: 10px;
}
.elementor_jws_menu_layout_menu_vertical .jws_main_menu .jws_main_menu_inner > ul > li .sub-menu-dropdown {
display: none;
width: 100% !important;
}
.elementor_jws_menu_layout_menu_vertical .jws_main_menu .jws_main_menu_inner > ul > li .sub-menu {
width: 100% !important;
display: none;
}
.elementor_jws_menu_layout_menu_vertical .jws_main_menu .jws_main_menu_inner > ul > li .sub-menu > li > a {
position: relative;
padding: 10px 12px 10px 12px;
display: block;
width: 100%;
font-size: var(--font-size-sm);
line-height: var(--line-height-sm);
}
.elementor_jws_menu_layout_menu_vertical .jws_main_menu .jws_main_menu_inner > ul > li .sub-menu > li > a > i {
display: none;
}
.elementor_jws_menu_layout_menu_vertical .jws_main_menu .jws_main_menu_inner > ul > li .sub-menu > li .sub-menu {
padding-left: 12px;
}
.elementor_jws_menu_layout_menu_vertical .jws_main_menu .jws_main_menu_inner > ul > li.active > .btn-sub-menu:before {
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-moz-transform: rotate(180deg);
transform: rotate(180deg);
}
.has-mega-full .elementor-column,
.has-mega-full .elementor-column-wrap,
.has-mega-full .elementor-widget-wrap,
.has-mega-full .elementor-widget {
position: unset;
}
.btn-sub-menu {
background: none;
border: none;
font-size: 15px;
width: 57px;
height: 30px;
padding: 0;
display: block;
position: absolute;
right: 0;
top: 50%;
margin-top: -15px;
text-align: right;
}
.btn-sub-menu:before {
transition: 0.3s all;
}
.jws-info_box-element .layout1 .jws-info-box-inner a {
display: flex;
align-items: center;
}
.jws-info_box-element .icon-box svg,
.jws-info_box-element .icon-box i {
width: 1em;
height: 1em;
display: block;
line-height: 1em;
}
.jws-info_box-element .jws-info-box-inner {
transition: 0.3s all;
}
.jws_testimonials_slider_wrap .average-rating {
margin-bottom: 3px;
display: block;
}
.jws_testimonials_slider_wrap .average-rating .jws-star-rating {
width: 100px;
position: relative;
height: 27px;
display: inline-block;
}
.jws_testimonials_slider_wrap .average-rating .jws-star-rating .jws-star-rated {
position: absolute;
overflow: hidden;
height: 27px;
display: block;
}
.jws_testimonials_slider_wrap .average-rating .jws-star-rating .jws-star-rated:before {
font-family: 'Font Awesome 5 Free';
content: "\f005\f005\f005\f005\f005";
font-weight: 900;
left: 0;
top: 0;
position: absolute;
font-size: 14px;
text-indent: 0;
color: #FFC119;
letter-spacing: 5px;
}
.jws_testimonials_slider_wrap.layout2 .swiper-slide {
margin-top: 63px;
}
.jws_testimonials_slider_wrap.layout2 .slider-content {
background-color: var(--main);
padding: 0px 110px 30px;
}
.jws_testimonials_slider_wrap.layout2 .testimonials-description {
margin-bottom: 15px;
}
.jws_testimonials_slider_wrap.layout2 .avatar {
width: 110px;
border: 15px solid var(--light);
margin: 0 auto;
background-color: var(--light);
transform: translateY(-63px);
margin-bottom: -63px;
}
.jws_testimonials_slider_wrap.layout2 .testimonials-icon {
width: 36px;
height: 36px;
font-size: 24px;
margin: 13px auto 23px;
line-height: 36px;
background-color: var(--secondary);
}
.jws_testimonials_slider_wrap.layout1 .testimonials_description {
font-size: 20px;
line-height: 30px;
color: var(--heading);
display: inline-block;
margin-top: 5px;
max-width: 776px;
}
.jws_testimonials_slider_wrap.layout1 .slider-content {
background-color: var(--light);
padding: 40px;
}
.jws_testimonials_slider_wrap.layout1 .testimonials-description {
margin-bottom: 30px;
margin-top: 20px;
}
.jws_testimonials_slider_wrap.layout1 .avatar {
margin-right: 10px;
}
.jws_testimonials_slider_wrap.layout1 .avatar img {
width: 56px;
height: 56px;
object-fit: cover;
}
.swiper.swiper-3d .swiper-slide-shadow-left {
background: linear-gradient(97.22deg, #f4f7ff 4.56%, rgba(244, 247, 255, 0) 87.58%);
}
.swiper.swiper-3d .swiper-slide-shadow-right {
background: linear-gradient(97.22deg, #f4f7ff 4.56%, rgba(244, 247, 255, 0) 87.58%);
transform: matrix(-1, 0, 0, 1, 0, 0);
}
.jws-post-item {
margin-bottom: 50px;
}
.jws-blog-element .swiper-wrapper {
align-items: stretch;
}
.jws-blog-element .swiper-wrapper .jws-post-item {
height: auto;
}
.jws-blog-element .post-meta > span {
margin-right: 20px;
display: inline-block;
}
.jws-blog-element .post-media {
overflow: hidden;
position: relative;
}
.jws-blog-element .post-media > a {
display: block;
}
.jws-blog-element .post-media .video_format {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
}
.jws-blog-element .post-media .video_format a {
display: inline-block;
position: relative;
transition: 0s all;
width: 70px;
height: 70px;
line-height: 70px;
border: 2px solid rgba(255, 255, 255, 0.4);
border-radius: 100%;
color: #ffffff;
font-size: 14px;
text-align: center;
}
.jws-blog-element .post-media .video_format a:after {
position: absolute;
display: block;
border-radius: 50%;
top: -1px;
left: -1px;
content: "";
border: 1px solid #fff;
border-right-color: transparent !important;
border-bottom-color: transparent !important;
-webkit-animation: load-spin 3s infinite linear;
animation: load-spin 3s infinite linear;
width: calc(100% + 2px);
height: calc(100% + 2px);
}
.jws-blog-element .post-media img {
width: 100%;
transition: 0.3s all;
}
.jws-blog-element .post-inner {
position: relative;
}
.jws-blog-element .post-inner:hover .post-media img {
transform: scale(1.1);
}
.jws-blog-element .cat-solid a {
border: 1px solid;
padding: 7px 15px;
letter-spacing: 1.5px;
color: var(--light);
border-radius: 40px;
text-transform: uppercase;
margin-right: 5px;
}
.jws-blog-element .jws_blog_layout2 .post-inner:hover .post-detail {
opacity: 1;
}
.jws-blog-element .jws_blog_layout2 .post-inner:hover .post-detail i {
animation: bounceAlpha4 1s both;
-webkit-animation: bounceAlpha4 1s both;
}
.jws-blog-element .jws_blog_layout2 .post-content {
padding: 40px;
}
.jws-blog-element .jws_blog_layout2 .post-media .jws-fill {
background: rgba(0, 0, 0, 0.2);
}
.jws-blog-element .jws_blog_layout2 .post-detail {
font-size: 24px;
width: 48px;
height: 48px;
line-height: 48px;
display: block;
transform: rotate(-45deg);
background-color: var(--light);
float: right;
margin-top: -10px;
opacity: 0;
}
.jws-blog-element .jws_blog_layout2 .post-detail i {
display: inline-block;
}
.jws-blog-element .jws_blog_layout2 .post-cat a {
padding: 10px 15px;
}
.jws-blog-element .jws_blog_layout2 .post-title {
font-size: 32px;
line-height: 38px;
}
.jws-blog-element .jws_blog_layout2 .post-title a {
display: inline;
background: var(--light);
padding: 0.5rem 1rem;
filter: url(https://azure-mantis-125269.hostingersite.com/wp-content/themes/masterlife/assets/image/shape-1.svg?#goo);
box-decoration-break: clone;
-webkit-box-decoration-break: clone;
}
.jws-blog-element .jws_blog_layout2 .link-format-1 .post-title-link {
margin-bottom: 72px;
}
.jws-blog-element .jws_blog_layout3 .post-media {
-webkit-box-flex: 0;
-ms-flex: 0 0 80px;
flex: 0 0 80px;
max-width: 80px;
}
.jws-blog-element .jws_blog_layout1 .post-inner .post-media {
margin-bottom: 20px;
border-radius: 0px 20px 20px 20px;
}
.jws-blog-element .jws_blog_layout1 .post-inner .post-date {
position: absolute;
text-align: center;
padding: 12px 10px;
}
.jws-blog-element .jws_blog_layout1 .post-inner .post-date .day {
font-size: 22.5px;
}
.jws-blog-element .jws_blog_layout1 .post-inner .post-date .insight_img {
min-height: 100%;
min-width: 100%;
border-radius: 0px 0px 20px 0px;
}
.jws-blog-element .jws_blog_layout1 .post-inner .post-date .insight_img svg {
transform: scalex(-1);
}
.jws-blog-element .jws_blog_layout1 .post-inner .post-date .insight_img .insight_tl {
top: -6px;
right: -19px;
}
.jws-blog-element .jws_blog_layout1 .post-inner .post-date .insight_img .insight_br {
top: 92%;
left: -1px;
}
.jws-blog-element .jws_blog_layout1 .post-inner .post-detail {
font-size: 24px;
border: 1px solid var(--body3);
width: 48px;
height: 48px;
line-height: 48px;
display: block;
transform: rotate(-45deg);
overflow: hidden;
}
.jws-blog-element .jws_blog_layout1 .post-inner .post-detail i {
display: inline-block;
transition: 0.3s all;
}
.jws-blog-element .jws_blog_layout1 .post-inner .post-cat a {
color: var(--body);
}
.jws-blog-element .jws_blog_layout1 .post-inner .post-cat a:not(:last-child) {
border-right: 1px solid var(--body3);
margin-right: 7px;
padding-right: 7px;
}
.jws-blog-element .jws_blog_layout1 .post-inner .post-title {
margin-bottom: 16px;
margin-top: 6px;
}
.jws-blog-element .jws_blog_layout1 .post-inner .post-excerpt {
margin-bottom: 20px;
}
.jws-blog-element .jws_blog_layout1 .post-inner:hover .post-detail {
border-color: var(--main);
background-color: var(--main);
}
.jws-blog-element .jws_blog_layout1 .post-inner:hover .post-detail i {
animation: bounceAlpha4 1s both;
-webkit-animation: bounceAlpha4 1s both;
color: var(--light);
}
.link-format-1 {
background-color: var(--main);
padding: 30px;
height: 100%;
}
.link-format-1 .jws-icon-link {
font-size: 90px;
line-height: 90px;
}
.link-format-1 .post-title-link {
margin-bottom: 133px;
margin-top: 15px;
}
.jws_pagination {
text-align: center;
}
.jws_pagination .jws-load-more {
min-width: 208px;
}
.jws_pagination .jws-load-more .loader .path {
stroke: var(--light);
}
.jws_pagination .jws-load-more.loading {
pointer-events: none;
}
.jws_pagination .jws-load-more.loading .has-loading {
opacity: 0;
}
.post-cat.bage {
border-radius: 5px;
background: var(--main);
padding: 7px 12px;
}
.post-cat.bage a {
color: var(--light);
}
.elementor-nav-slider-align-center .custom_navs {
margin: 0 auto;
}
.elementor-nav-slider-align-right .custom_navs {
margin-left: auto;
}
@media (max-width: 767px) {
.jws-blog-element .jws-post-item.true .post-media {
width: 100%;
}
.jws-blog-element .jws-post-item.true .post-content {
width: 100%;
padding: 17px 0 0 0px !important;
}
.single-blog .post-share > div {
left: 0;
right: unset !important;
}
.post-zifzac .jws-post-item:nth-child(even) {
margin-top: 0 !important;
}
}
@media (max-width: 580px) {
.jws-blog-element .jws_blog_layout2 .post-inner {
border-radius: 30px;
}
.jws-blog-element .jws_blog_layout2 .post-inner .post-content {
padding: 20px;
}
}
.popup-team {
max-width: 1080px;
margin: 0 auto;
background-color: var(--light);
position: relative;
}
.popup-team .mfp-close {
color: var(--main);
background: transparent;
}
.popup-team > div {
padding: 50px;
}
.popup-team .post-media {
-webkit-box-flex: 0;
-ms-flex: 0 0 239px;
flex: 0 0 239px;
max-width: 239px;
}
.popup-team .post-content {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(100% - 239px);
flex: 0 0 calc(100% - 239px);
max-width: calc(100% - 239px);
padding-left: 50px;
}
.popup-team .post-description {
margin-top: 20px;
margin-bottom: 20px;
}
.popup-team .elementor-button {
margin-top: 20px;
}
.jws-breadcrumbs {
list-style-type: none;
padding: 0;
margin: 0;
}
.jws-breadcrumbs li {
display: inline;
vertical-align: middle;
}
.jws-breadcrumbs li a:hover {
color: var(--main);
}
.jws-breadcrumbs li:first-child {
margin-left: 0 !important;
}
.jws-breadcrumbs li i {
display: inline-block;
}
.post-breadcrumb .delimiter {
font-size: 16px;
margin: 0 7px;
}
.post-breadcrumb a {
color: var(--body);
}
.post-breadcrumb .current {
color: var(--heading);
}
.jws-tab-advanced .tab-nav {
list-style-type: none;
padding: 0;
margin: 0;
}
.jws-tab-advanced .tab-nav ul {
z-index: 1;
width: 100%;
}
.jws-tab-advanced .tab-nav li {
display: inline-block;
}
.jws-tab-advanced .tab-nav.skin-classic li a {
display: flex;
height: 100%;
align-items: center;
justify-content: center;
text-align: center;
}
.jws-tab-advanced .tab-nav.skin-line li a {
font-size: 22.5px;
line-height: 30px;
margin-bottom: 10px;
margin-top: 0;
font-family: var(--font2);
font-weight: 700;
color: var(--heading);
display: flex;
align-items: center;
}
.jws-tab-advanced .tab-nav.skin-line li a:before {
height: 2px;
width: 100%;
background: #030F40;
content: "";
vertical-align: middle;
background: linear-gradient(to right, #030f40 50%, #cfd1db 50%);
background-size: 200% 100%;
background-position: right bottom;
transition: all 0.5s ease-out;
}
.jws-tab-advanced .tab-nav.skin-line li a span {
transition: 0.5s all;
opacity: 0;
transform: translatex(-10px);
margin-left: 15px;
}
.jws-tab-advanced .tab-nav.skin-line li a:hover:before {
background-position: left bottom;
}
.jws-tab-advanced .tab-nav.skin-line li a:hover span {
opacity: 1;
transform: none;
}
.jws-tab-advanced .tab-nav.skin-line li.current a:before {
background-position: left bottom;
}
.jws-tab-advanced .tab-nav.skin-line li.current a span {
opacity: 1;
transform: none;
}
.jws-tab-advanced .tab-content > .tab-item {
display: none;
}
.jws-tab-advanced .tab-content > .tab-item.current {
display: flex;
}
.nav-align-center .tab-nav {
justify-content: center;
}
.nav-align-center .tab-nav ul {
justify-content: center;
}
.nav-align-right .tab-nav {
justify-content: flex-end;
}
.nav-align-justify .tab-nav ul {
align-self: stretch;
justify-content: space-between;
width: 100%;
}
[data-elementor-device-mode="mobile"] .nav-mobile-align-center .tab-nav {
justify-content: center;
}
[data-elementor-device-mode="mobile"] .nav-mobile-align-center .tab-nav ul {
justify-content: center;
}
@media (max-width: 767px) {
.jws-tab-advanced .tab-nav.skin-line li a span {
opacity: 1;
}
}
.video-popup-content {
width: 100%;
max-width: 900px;
margin: 0 auto;
background: transparent;
}
.video-popup-content video,
.video-popup-content iframe {
width: 100%;
}
.jws_video_popup.video-border_ani .jws_video_popup_inner a:before {
position: absolute;
transform: translateX(-50%) translateY(-50%);
display: block;
border-radius: 50%;
top: 50%;
left: 50%;
content: "";
border: 1px solid rgba(255, 255, 255, 0.1);
}
.jws_video_popup.video-border_ani .jws_video_popup_inner a:after {
position: absolute;
display: block;
border-radius: 50%;
top: 0;
left: 0;
content: "";
border: 1px solid #ffffff;
border-right-color: transparent !important;
border-bottom-color: transparent !important;
-webkit-animation: load-spin 3s infinite linear;
animation: load-spin 3s infinite linear;
}
.jws_video_popup.video-border .jws_video_popup_inner a:before {
position: absolute;
transform: translateX(-50%) translateY(-50%);
display: block;
border-radius: 50%;
top: 50%;
left: 50%;
content: "";
border: 1px solid #ffffff;
animation: pulse-border-simple 1.5s ease-out infinite;
-webkit-animation: pulse-border-simple 1.5s ease-out infinite;
}
.jws_video_popup.video-overlay .jws_video_popup_inner a:after,
.jws_video_popup.video-overlay .jws_video_popup_inner a:before {
background: #fff;
position: relative;
display: block;
text-align: center;
-webkit-border-radius: 100%;
-ms-border-radius: 100%;
border-radius: 100%;
padding-left: 5px;
opacity: 0.8;
}
.jws_video_popup.video-overlay .jws_video_popup_inner a:before {
position: absolute;
transform: translateX(-50%) translateY(-50%);
display: block;
border-radius: 50%;
top: 50%;
left: 50%;
animation: pulse-border 1.5s cubic-bezier(0.4, 0, 0.2, 1) infinite forwards;
-webkit-animation: pulse-border 1.5s cubic-bezier(0.4, 0, 0.2, 1) infinite forwards;
content: "";
}
.jws_video_popup.video-overlay .jws_video_popup_inner a:after {
position: absolute;
transform: translateX(-50%) translateY(-50%);
display: block;
border-radius: 50%;
top: 50%;
left: 50%;
animation: pulse-border 1.5s 0.45s cubic-bezier(0, 0, 0.2, 1) infinite forwards;
-webkit-animation: pulse-border 1.5s 0.45s cubic-bezier(0, 0, 0.2, 1) infinite forwards;
content: "";
}
.jws_video_popup .jws_video_popup_inner a {
display: inline-block;
position: relative;
transition: 0s all;
}
.jws_video_popup .jws_video_popup_inner a .video_icon {
font-size: 24px;
height: 50px;
line-height: 50px;
width: 50px;
text-align: center;
border-radius: 100%;
-webkit-border-radius: 100%;
position: relative;
z-index: 1;
display: block;
transition: 0.3s all;
}
.mfp-fade-in-down {   }
.mfp-fade-in-down .mfp-content > div {
opacity: 0;
transition: 0.5s ease;
transform: translatey(-50px);
-webkit-transform: translatey(-50px);
}
.mfp-fade-in-down.mfp-bg {
opacity: 0;
transition: 0.3s ease;
}
.mfp-fade-in-down.mfp-ready .mfp-content > div {
opacity: 1;
transform: translatey(0);
-webkit-transform: translatey(0);
}
.mfp-fade-in-down.mfp-ready.mfp-bg {
opacity: 0.8;
}
.mfp-fade-in-down.mfp-removing .mfp-content > div {
transform: translatey(50px);
-webkit-transform: translatey(50px);
opacity: 0;
}
.mfp-fade-in-down.mfp-removing.mfp-bg {
opacity: 0;
}
@keyframes load-spin {
100% {
transform: rotate(360deg);
}
}
@-o-keyframes load-spin {
100% {
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-ms-keyframes load-spin {
100% {
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes load-spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-moz-keyframes load-spin {
100% {
-moz-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.form-footer .row {
margin: 0 -5px;
}
.form-footer .row > div {
padding: 0 5px;
}
.wpcf7-list-item {
margin-left: 0;
margin-right: 1em;
}
.wpcf7-list-item .wpcf7-list-item-label:before {
display: none;
}
.wpcf7-list-item > label > input {
margin-right: 10px;
}
.wpcf7-spinner {
position: absolute;
margin: 0;
margin-top: 10px;
display: none;
}
div.wpcf7 .ajax-loader {
background-image: none;
width: 0px;
height: 0px;
display: block;
transition: 0.3s all;
}
div.wpcf7 .ajax-loader.is-active {
transform: scale(1);
-webkit-transform: scale(1);
width: 30px;
height: 30px;
}
div.wpcf7 .ajax-loader {
transform: scale(0);
-webkit-transform: scale(0);
}
div.wpcf7 .ajax-loader.is-active:after {
border: 3px solid #fafafa;
border-radius: 50%;
border-top: 3px solid #000000;
width: 30px;
height: 30px;
-webkit-animation: spin 2s linear infinite;
animation: spin 2s linear infinite;
content: "";
display: block;
}
.jws-cf7-button-center .wpcf7-submit,
.jws-cf7-button-left .wpcf7-submit,
.jws-cf7-button-right .wpcf7-submit,
.jws-cf7-button-justify .wpcf7-submit {
display: -webkit-box;
display: -ms-flexbox;
-js-display: flex;
display: -webkit-flex;
display: -moz-box;
display: flex;
width: auto;
}
.jws-cf7-button-center .wpcf7-submit {
margin-left: auto !important;
margin-right: auto !important;
}
.jws-cf7-button-center .jws-cf7-loader-active {
text-align: center;
}
.jws-cf7-button-left .wpcf7-submit {
margin-left: 0;
margin-right: auto;
}
.jws-cf7-button-right .wpcf7-submit {
margin-left: auto !important;
margin-right: 0 !important;
}
.jws-cf7-button-right .jws-cf7-loader-active {
text-align: right;
}
.jws-cf7-button-justify .wpcf7-submit {
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
justify-content: center;
text-align: center;
width: 100%;
}
.jws-cf7-container .select2.select2-container {
width: 100% !important;
}
.jws-cf7-container label {
margin-bottom: 0;
}
.jws-cf7-container input[type="text"],
.jws-cf7-container input[type="email"],
.jws-cf7-container input[type="tel"],
.jws-cf7-container input[type="password"],
.jws-cf7-container input[type="url"],
.jws-cf7-container input[type="number"],
.jws-cf7-container input[type="date"],
.jws-cf7-container select {
min-height: auto;
height: auto;
}
.wpcf7 form .wpcf7-response-output {
margin: 10px 0;
display: none;
}
.jws-cf7-highlight-style-default .wpcf7-not-valid-tip {
display: none;
}
.form-sign-up p {
position: relative;
display: flex;
}
.form-sign-up p > .wpcf7-form-control-wrap {
margin-right: 5px;
}
.form-inline {
position: relative;
display: flex;
align-items: center;
}
.form-inline > p {
display: contents;
}
.form-inline .wpcf7-form-control-wrap {
width: 100%;
}
.wpcf7 form.submitting > p,
.wpcf7 form.submitting .form-inline {
opacity: 0.4;
}
@media (max-width: 480px) {
.form-sign-up p {
display: block;
}
.form-sign-up p > .wpcf7-form-control-wrap {
margin-right: 0;
margin-bottom: 5px;
display: block;
}
}
.ld_subscribe_form .checkbox-form input {
margin-left: 0;
margin-right: 4px;
}
.form-mailchimp-button_in_input button[type="submit"] {
position: absolute;
top: 0;
right: 0;
transform: none !important;
}
.jws_search {
position: relative;
}
.jws_search.popup > button {
width: 100%;
border: 0;
background: transparent;
text-align: left;
position: relative;
line-height: 24px;
font-size: 24px;
color: var(--heading);
transition: 0s;
padding: 0;
}
.jws_search.icon_left .focused + .search-results-wrapper {
opacity: 1;
transform: none;
pointer-events: auto;
}
.jws_search.icon_left .search-results-wrapper {
position: absolute;
top: 100%;
background: var(--light);
padding: 20px;
margin-top: 10px;
border-radius: 5px;
width: 100%;
opacity: 0;
transform: translateY(10px);
transition: 0.3s all;
pointer-events: none;
z-index: 10;
box-shadow: 0px 4px 20px 2px rgba(16, 30, 87, 0.07000000000000001);
}
.jws_search.icon_left .jws-search-results {
max-height: 400px;
}
.jws_search.icon_left .form-loader {
position: absolute;
bottom: 25px;
}
.jws-ajax-search.search-loading .form-loader .loader {
opacity: 1 !important;
transition-delay: 0.25s;
}
.product_search .form-loader {
position: relative;
right: 20px;
}
.product_search .form-loader .loader {
right: 5px;
top: 0;
opacity: 0;
}
.jws-search-form .search-item {
margin-bottom: 15px;
position: relative;
}
.jws-search-form .search-item .search-inner {
border-radius: 5px;
transition: 0.3s all;
}
.jws-search-form .search-item:hover .search-inner {
background-color: var(--body2);
}
.jws-search-form .search-item .search-images {
max-width: 70px;
border-radius: 5px;
overflow: hidden;
display: inline-block;
vertical-align: middle;
}
.jws-search-form .search-item .search-content {
display: inline-block;
max-width: calc(100% - 75px);
vertical-align: middle;
padding-left: 10px;
}
.jws-search-form .not-found {
padding: 0 15px;
}
.jws-search-form form {
position: relative;
display: flex;
border: 1px solid #EBEBEB;
border-radius: 40px;
overflow: hidden;
padding: 2px 5px 2px 20px;
align-items: center;
height: 50px;
}
.jws-search-form .jws-ajax-search .form-loader {
position: absolute;
right: 27px;
left: 27px;
bottom: 24px;
}
.jws-search-form select {
width: 230px;
border: 0;
}
.jws-search-form .select2-container {
width: 230px !important;
}
.jws-search-form .select2-container .select2-selection--single {
min-height: 33px;
line-height: 33px;
border: 0;
border-right: 1px solid #EBEBEB;
}
.jws-search-form .s {
padding-right: 40px;
min-height: auto;
border: 0;
}
.jws-search-form .searchsubmit {
background: var(--secondary);
border: 0;
z-index: 1;
color: var(--light);
border-radius: 30px;
padding: 11px 25px;
font-size: 15px;
font-family: var(--font2);
font-weight: 500;
min-width: 160px;
}
.jws-search-form .searchsubmit i {
font-size: 24px;
vertical-align: middle;
}
.form_content_popup {
max-width: 800px !important;
margin: 0 auto;
}
.form_content_popup .jws-search-form {
background: var(--background-body);
padding: 50px;
border-radius: 5px;
}
.form_content_popup .jws-search-form {
padding-top: 50px;
}
.form_content_popup .jws-search-results {
max-height: 500px;
min-height: 200px;
margin-top: 15px;
}
@media (max-width: 767px) {
.form_content_popup .jws-search-form {
padding: 70px 20px 20px;
}
.form_content_popup .jws-search-form select,
.form_content_popup .jws-search-form .select2-container {
display: none !important;
}
.form_content_popup .jws-search-form .searchsubmit {
min-width: 125px;
font-size: 13px;
}
.form_content_popup .jws-search-form .s {
padding-left: 0;
}
.jws-search-form .search-item {
padding: 0 5px;
}
.jws-search-form .search-item .search-images {
max-width: 50px;
}
.jws-search-form .search-item .search-content {
max-width: calc(100% - 55px);
}
.jws-search-form .search-item .search-content a {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
}
.jws_dropdown_text i,
.jws_dropdown_text span {
vertical-align: middle;
display: inline-block;
padding-top: 2px;
}
.jws_dropdown_text i {
margin-right: 7px;
margin-top: -1px;
}
.jws_dropdown_text .drop_top {
margin: 0;
transition: 0.3s all;
cursor: pointer;
font-size: 13px;
border: 1px solid #b7b7b7;
border-radius: 2px;
padding: 7px 10px 7px 10px;
}
.jws_dropdown_text .drop_top img {
vertical-align: middle;
margin-right: 15px;
max-width: 34px;
}
.jws_dropdown_text .drop_top:after {
content: '\e817';
font-family: 'jws_icon';
margin-left: 5px;
vertical-align: middle;
}
.jws_dropdown_text .dropdown_sub {
position: absolute;
background: #ffffff;
min-width: 100px;
opacity: 0;
transition: 0.3s all;
pointer-events: none;
overflow: hidden;
z-index: 999;
box-shadow: 0px 4px 30px -10px rgba(0, 0, 0, 0.15);
border: 1px solid var(--border-color);
border-radius: 3px;
}
.jws_dropdown_text .dropdown_sub .drop_item a {
color: var(--heading);
font-size: 12px;
line-height: 25px;
display: block;
padding: 3px 14px;
transition: 0.1s;
}
.jws_dropdown_text .dropdown_sub .drop_item a img {
width: 25px;
margin-right: 15px;
}
.jws_dropdown_text .dropdown_sub .drop_item a:hover {
background-color: var(--body2);
color: var(--secondary);
}
.jws_dropdown_text.open .dropdown_sub,
.jws_dropdown_text:hover .dropdown_sub {
opacity: 1;
transform: translateY(0) !important;
-webkit-transform: translateY(0) !important;
pointer-events: auto;
}
.only-icon-yes .jws_dropdown_text .drop_top:after {
display: none;
}
.submenu-bottom .jws_dropdown_text .dropdown_sub {
transform: translateY(15px);
-webkit-transform: translateY(15px);
}
.submenu-top .jws_dropdown_text .dropdown_sub {
bottom: 100%;
transform: translateY(-15px);
-webkit-transform: translateY(-15px);
} .jws-offcanvas-action-wrap {
--color_canvas: #ffffff;
}
.jws-offcanvas-action-wrap .elementor-button-content-wrapper {
align-items: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-0-align-items: center;
}
.jws-offcanvas-action-wrap .jws-button-wrapper {
position: relative;
}
.jws-offcanvas-action-wrap .jws-button-wrapper .jws-elementor-button {
width: auto;
display: inline-block;
}
.jws-offcanvas-action-wrap .jws-button-wrapper .jws-elementor-button svg,
.jws-offcanvas-action-wrap .jws-button-wrapper .jws-elementor-button i {
display: block;
}
.jws-offcanvas-action-wrap .jws-button-wrapper:hover .account-menu-dropdown {
transform: none;
-webkit-transform: none;
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.jws-offcanvas-action-wrap .html-animation {
padding-top: 20px;
display: inline-block;
cursor: pointer;
}
.jws-offcanvas-action-wrap .html-animation .burger {
position: relative;
display: block;
width: 40px;
height: 2px;
margin: 0 auto;
background: var(--color_canvas);
transform: skew(5deg);
transition-duration: 0.3s;
}
.jws-offcanvas-action-wrap .html-animation .burger:before,
.jws-offcanvas-action-wrap .html-animation .burger:after {
content: '';
display: block;
height: 100%;
background: var(--color_canvas);
transition: all .275s;
transition-duration: 0.3s;
}
.jws-offcanvas-action-wrap .html-animation .burger:before {
transform: translateY(-18px);
}
.jws-offcanvas-action-wrap .html-animation .burger:after {
transform: translateY(-11px) translateX(-6px);
}
.jws-offcanvas-action-wrap .html-animation.is-open .burger {
transform: translateY(-8px) rotate(-45deg);
}
.jws-offcanvas-action-wrap .html-animation.is-open .burger:before {
transform: translateY(0px) rotate(90deg);
}
.jws-offcanvas-action-wrap .html-animation.is-open .burger:after {
transform: translateY(-12px) translateX(10px) skew(-20deg);
opacity: 0;
}
.jws-offcanvas-trigger.active .html-animation .burger {
transform: translateY(-8px) rotate(-45deg);
}
.jws-offcanvas-trigger.active .html-animation .burger:before {
transform: translateY(0px) rotate(90deg);
}
.jws-offcanvas-trigger.active .html-animation .burger:after {
transform: translateY(-12px) translateX(10px) skew(-20deg);
opacity: 0;
}
.jws-offcanvas .jws-offcanvas-content-data {
position: fixed;
width: 0;
margin: 0;
top: 0;
height: 100%;
overflow: auto;
background: var(--bodybg);
visibility: visible;
z-index: 99999;
transition: 0.7s;
max-width: 80%;
}
.jws-offcanvas.jws-offcanvas-type-fade {
opacity: 0;
right: 50% !important;
left: 50% !important;
visibility: hidden;
transform: none;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
transition: 0.4s all;
top: 50%;
height: calc(100% + 1px);
margin-top: -1px;
pointer-events: none;
max-width: 100%;
}
.jws-offcanvas.jws-offcanvas-type-fade.jws-offcanvas-show {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.jws-offcanvas::-webkit-scrollbar {
display: none;
}
.elementor-align-icon-right + .elementor-button-text {
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.elementor-editor-active .jws-offcanvas-trigger-align-floating .jws-offcanvas-action-wrap .elementor-button-text,
.elementor-editor-preview .jws-offcanvas-trigger-align-floating .jws-offcanvas-action-wrap .elementor-button-text {
display: unset;
}
.admin-bar > .jws-offcanvas-parent-wrapper .jws-offcanvas-content-data {
margin-top: 32px;
}
.jws-offcanvas-icon-bg {
display: inline-block;
}
.position-at-center .jws-offcanvas-content-data {
left: 50%;
top: 50%;
transform: translate(-50%, -70%);
opacity: 0;
pointer-events: none;
}
.position-at-right .jws-offcanvas-content-data {
right: 0;
transform: translateX(100%);
-webkit-transform: translateX(100%);
}
.position-at-left .jws-offcanvas-content-data {
transform: translateX(-100%);
-webkit-transform: translateX(-100%);
left: 0;
}
.position-at-top .jws-offcanvas-content-data {
transform: translateY(-100%);
-webkit-transform: translateY(-100%);
left: 0;
}
.position-at-bottom .jws-offcanvas-content-data {
transform: translateY(100%);
-webkit-transform: translateY(100%);
left: 0;
} .jws-offcanvas-shadow-normal.position-at-right.jws-offcanvas-show,
.jws-offcanvas-shadow-normal.position-at-left.jws-offcanvas-show {
-webkit-box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.2);
}
.jws-offcanvas-action-wrap .jws-offcanvas-action .jws-offcanvas-icon {
text-align: center;
} .jws-offcanvas-action-wrap .jws-button-wrapper .jws-offcanvas-action-alignment-left,
.jws-offcanvas-action-wrap .jws-offcanvas-icon-wrap .jws-offcanvas-action-alignment-left {
top: 50%;
left: 0em;
right: auto;
position: fixed;
z-index: 999;
}
.jws-offcanvas-action-wrap .jws-button-wrapper .jws-offcanvas-action-alignment-right,
.jws-offcanvas-action-wrap .jws-offcanvas-icon-wrap .jws-offcanvas-action-alignment-right {
top: 50%;
right: 0em;
left: auto;
position: fixed;
z-index: 999;
}
.jws-offcanvas-overlay {
position: fixed;
width: 100%;
height: 100%;
visibility: hidden;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 999;
opacity: 0;
transition: 0.5s all;
}
.jws-offcanvas-parent-wrapper .jws-offcanvas-overlay {
cursor: pointer;
}
.jws-offcanvas-content {
position: relative;
width: 100%;
}
.jws-offcanvas img {
max-width: 100%;
}
.jws-offcanvas-full {
pointer-events: none;
min-height: 100%;
}
.jws-offcanvas-action {
cursor: pointer;
}
.jws-offcanvas-show .jws-offcanvas-close-icon-wrapper {
visibility: visible !important;
pointer-events: auto !important;
opacity: 1;
}
.jws-offcanvas-show .jws-offcanvas-content-data {
transform: translatex(0);
-webkit-transform: translatex(0);
}
.jws-offcanvas-show.position-at-center .jws-offcanvas-content-data {
opacity: 1;
pointer-events: auto;
transform: translate(-50%, -50%);
} .jws-offcanvas-content .jws-offcanvas-menu,
.jws-offcanvas-content .jws-offcanvas-menu .sub-menu {
list-style: none;
}
.jws-offcanvas-content .jws-offcanvas-menu li a,
.jws-offcanvas-content .jws-offcanvas-menu .sub-menu li a {
padding: 5px 0px 5px 0px;
display: block;
}
.jws-offcanvas-content .jws-offcanvas-menu {
margin-left: 0px;
}
.jws-offcanvas-content .jws-offcanvas-menu .menu-item a:hover,
.jws-offcanvas-content .jws-offcanvas-menu .menu-item a:focus {
-webkit-transition: background 150ms linear, color 150ms linear;
transition: background 150ms linear, color 150ms linear;
} .jws-offcanvas-close-icon-wrapper {
position: fixed;
top: 0;
visibility: hidden;
z-index: 9999999;
pointer-events: none;
transition: 0.5s all;
opacity: 0;
}
.jws-offcanvas-close-icon-wrapper .jws-offcanvas-close {
display: block;
padding: 10px;
color: var(--heading);
}
.jws-offcanvas-close-icon-wrapper .jws-offcanvas-close-icon {
cursor: pointer;
display: block;
font-size: 25px;
padding-top: 4px;
padding-right: 4px;
}
.jws-offcanvas-close-icon-wrapper .jws-offcanvas-close-icon svg {
width: 1em;
height: 1em;
}
.jws-offcanvas-close-icon-wrapper.jws-offcanvas-close-icon-position-left-top {
left: 0;
right: auto;
}
.jws-offcanvas-close-icon-wrapper.jws-offcanvas-close-icon-position-right-top {
right: 0;
left: auto;
} .jws-offcanvas-show ~ .jws-offcanvas-overlay {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
visibility: visible;
}
.fa-times-thin:before {
content: '\00d7';
}
@media (min-width: 1024px) {
.jws-offcanvas-parent-wrapper.jws-offcanvas-hide-desktop {
display: none;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.jws-offcanvas-parent-wrapper.jws-offcanvas-hide-tablet {
display: none;
}
.jws-offcanvas-enabled {
min-height: 100vh;
}
}
@media (max-width: 767px) {
.jws-offcanvas-parent-wrapper.jws-offcanvas-hide-phone {
display: none;
}
.jws-offcanvas-enabled {
min-height: 100vh;
}
}
.jws-form-login-popup {
position: fixed;
width: 0;
margin: 0;
top: 0;
height: 100%;
overflow: auto;
visibility: hidden;
pointer-events: none;
z-index: 100;
padding: 30px 10px 30px 10px;
transition: 0.7s;
width: 100%;
}
.jws-form-login-popup .jws-form-overlay {
position: fixed;
width: 100%;
height: 100%;
visibility: hidden;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 999;
opacity: 0;
transition: 0.5s all;
background: rgba(0, 0, 0, 0.75);
}
.jws-form-login-popup .jws-form-content {
max-width: 556px;
min-height: 580px;
padding: 38px 30px 45px 30px;
left: 50%;
width: calc(100% - 40px);
top: 0px;
transform: translate(-50%, -70%);
opacity: 0;
z-index: 1000;
position: absolute;
background: transparent;
transition: 0.7s all;
border-radius: 10px;
}
.jws-form-login-popup .jws-close {
position: fixed;
right: 40px;
font-size: 32px;
top: 30px;
padding: 22px 14px 0px 0px;
cursor: pointer;
z-index: 1;
}
.jws-form-login-popup.open {
visibility: visible;
pointer-events: auto;
}
.jws-form-login-popup.open .jws-form-overlay {
opacity: 1;
visibility: visible;
}
.jws-form-login-popup.open .jws-form-content {
transform: translate(-50%, 50px);
opacity: 1;
}
.jws-login-container .loader .path {
stroke: #000;
}
.jws-login-container .jws-password-hint {
display: none;
font-style: italic;
}
.jws-login-container .change-form {
display: block;
text-align: center;
}
.jws-login-container .change-form span {
color: var(--secondary);
}
.jws-login-container .privacy-policy {
text-align: center;
margin-bottom: 10px !important;
}
.jws-login-container .privacy-policy a {
color: var(--secondary);
}
.jws-login-container .meter {
display: none;
}
.jws-login-container .meter .text-meter {
margin-left: 10px;
color: #b99900;
}
.jws-login-container .meter .meter-box {
margin-top: 20px;
margin-bottom: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: center;
-webkit-align-items: center;
}
.jws-login-container .meter span:not(.text-meter) {
background: #ebebeb;
height: 3px;
width: 35px;
position: relative;
margin-right: 5px;
}
.jws-login-container .meter span:not(.text-meter):before {
content: "";
left: 0;
top: 0;
transition: 0.3s all;
width: 0;
height: 100%;
background: #b99900;
position: absolute;
}
.jws-login-container .meter span {
display: inline-block;
}
.jws-login-container .meter[meter="1"] .box1:before {
width: 100%;
}
.jws-login-container .meter[meter="2"] .box1:before,
.jws-login-container .meter[meter="2"] .box2:before {
width: 100%;
}
.jws-login-container .meter[meter="3"] .box1:before,
.jws-login-container .meter[meter="3"] .box2:before,
.jws-login-container .meter[meter="3"] .box3:before {
width: 100%;
background: #266b09;
}
.jws-login-container .meter[meter="3"] .text-meter {
color: #266b09;
}
.jws-login-container .meter[meter="4"] .box1:before,
.jws-login-container .meter[meter="4"] .box2:before,
.jws-login-container .meter[meter="4"] .box3:before,
.jws-login-container .meter[meter="4"] .box4:before {
width: 100%;
background: #266b09;
}
.jws-login-container .meter[meter="4"] .box1 .text-meter,
.jws-login-container .meter[meter="4"] .box2 .text-meter,
.jws-login-container .meter[meter="4"] .box3 .text-meter,
.jws-login-container .meter[meter="4"] .box4 .text-meter {
color: #266b09;
}
#jws-login-form {
color: #333549;
}
#jws-login-form .jws-login-container {
box-shadow: 0px 4px 20px 2px rgba(16, 30, 87, 0.07000000000000001);
background: var(--light);
border-radius: 10px;
padding: 30px 20px 20px 20px;
max-width: 466px;
margin: 0 auto;
}
#jws-login-form .message {
padding: 5px 15px;
}
#jws-login-form .slick-slide {
width: 100%;
}
#jws-login-form .slick-track .slick-slide {
opacity: 0;
transition: 0.3s all;
}
#jws-login-form .slick-track .slick-slide.slick-active {
opacity: 1;
}
#jws-login-form.in-register .jws-login {
display: none;
}
#jws-login-form.in-login .jws-register {
display: none;
}
#jws-login-form.in-login .swiper-container-initialized .jws-register {
display: block;
}
#jws-login-form .jws-login-container.loading .jws-animation {
opacity: 0.3 !important;
animation: none;
pointer-events: none;
}
#jws-login-form .heading-form {
margin-bottom: 23px;
text-align: center;
}
#jws-login-form .jws-animation {
display: inline-block;
width: 100%;
position: relative;
transition: 0.3s all;
}
#jws-login-form .jws-animation .form-contaier:after {
content: "";
display: table;
clear: both;
}
#jws-login-form .jws-animation .login-width-social .social-line {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 14px;
font-size: 14px;
}
#jws-login-form .jws-animation .login-width-social .social-line span {
margin: 0 30px;
}
#jws-login-form .jws-animation .login-width-social .social-line:before {
content: "";
flex: 1 0 0%;
border-bottom: 1px solid rgba(113, 116, 136, 0.1);
}
#jws-login-form .jws-animation .login-width-social .social-line:after {
content: "";
flex: 1 0 0%;
border-bottom: 1px solid rgba(113, 116, 136, 0.1);
}
#jws-login-form .jws-animation form[name="registerformpopup"] .input[name="repeat_password"] {
margin-bottom: 0;
}
#jws-login-form .jws-animation form div {
margin: 0;
margin-bottom: 22px;
position: relative;
}
#jws-login-form .jws-animation form div .toggle-password2 {
position: absolute;
right: 16px;
top: 36px;
font-size: 18px;
}
#jws-login-form .jws-animation form div .toggle-password2.jws-icon-eye-slash-light:after {
position: absolute;
left: -3px;
top: 13px;
content: "";
width: 24px;
height: 1px;
background: #232323;
transform: rotate(-15deg);
}
#jws-login-form .jws-animation form .row {
margin: 0 -5px;
}
#jws-login-form .jws-animation form .row > div {
margin-bottom: 17px;
padding: 0 5px;
display: flex;
justify-content: space-between;
}
#jws-login-form .jws-animation form .form-row {
position: relative;
}
#jws-login-form .jws-animation form label {
margin-bottom: 3px;
color: var(--body);
}
#jws-login-form .jws-animation form input:not([type="checkbox"]):not([type="submit"]).invalid {
border-color: #ff0000;
}
#jws-login-form .jws-animation form .select2-container .select2-selection--single {
background: transparent;
border: 1px solid rgba(0, 3, 28, 0.1);
border-radius: 10px;
}
#jws-login-form .jws-animation form .select2-container .select2-selection--single .select2-selection__rendered {
color: inherit;
}
#jws-login-form .jws-animation form .login-submit {
margin-bottom: 13px;
}
#jws-login-form .jws-animation form .lost-pass-link {
display: block;
text-decoration: underline;
}
#jws-login-form .jws-animation form input.invalid {
border-color: var(--main);
}
#jws-login-form .jws-animation form .login-remember {
margin: 10px 0 30px;
}
#jws-login-form .jws-animation form .login-remember label {
margin-bottom: 0;
display: inline-block;
color: var(--heading);
}
#jws-login-form .jws-animation form #popupRememberme {
margin-right: 10px;
width: 15px;
height: 15px;
}
#jws-login-form .jws-animation form #popupRememberme:after {
top: -5px;
}
#jws-login-form .jws-animation form .button {
width: 100%;
text-align: center;
}
#jws-login-form .form-head {
text-align: center;
}
#jws-login-form .form-head .logo {
margin-bottom: 10px;
}
#jws-login-form .form-head h5 {
color: #00031C;
}
#jws-login-form.in-register .section-login {
display: block;
}
#jws-login-form.in-login .section-register {
display: block;
}
@media (max-width: 767px) {
.jws-form-login-popup .jws-form-content {
padding: 26px 20px 45px 20px;
}
}
.jws-banner-element .jws-banner-image img {
transition: 0.3s all;
}
.jws-banner-element .layout1 .jws-banner-content {
background-image: url(https://azure-mantis-125269.hostingersite.com/wp-content/themes/masterlife/assets/image/mask/banner_svg.svg);
background-position: top left;
background-size: contain;
min-height: 140px;
background-repeat: no-repeat;
display: flex;
z-index: 1;
}
.jws-banner-element .layout1 .view-detail {
font-size: 32px;
width: 45%;
margin-top: 7%;
}
.jws-banner-element .layout1 .view-detail i {
transform: rotate(-45deg);
display: block;
}
.jws-banner-element .layout1 .jws-banner-image {
border-radius: 30px;
}
.jws-banner-element .layout1 .jws-banner-inner:hover img {
transform: scale(1.1);
}
.jws-banner-element .layout2 .banner-button {
background-color: var(--light);
padding: 20px 20px 20px 0;
border-radius: 0 30px 0 0;
}
.jws-banner-element .layout2 .banner-button .shape-1,
.jws-banner-element .layout2 .banner-button .shape-2 {
width: 60px;
height: 60px;
overflow: hidden;
position: absolute;
}
.jws-banner-element .layout2 .banner-button .shape-1:before,
.jws-banner-element .layout2 .banner-button .shape-2:before {
content: "";
display: block;
bottom: 0;
box-shadow: -30px 30px 0 0 var(--light);
width: 60px;
height: 60px;
border-radius: 100%;
position: absolute;
left: 0;
top: 0;
}
.jws-banner-element .layout2 .banner-button .shape-1 {
top: -60px;
left: 0;
}
.jws-banner-element .layout2 .banner-button .shape-2 {
bottom: 0;
right: -60px;
}
.jws-banner-element .layout2 .banner-button a {
font-size: 32px;
color: var(--light);
background-color: var(--secondary);
width: 84px;
height: 84px;
line-height: 84px;
}
.jws-banner-element .layout3 .jws-banner-inner:hover img {
transform: scale(1.1);
}
.jws-banner-element .layout3 .jws-banner-image img {
width: 100%;
}
.jws_gallery_element .center-mode .jws_gallery_item {
transition: 0.5s all;
transform: scale(0.8);
transform-origin: right;
}
.jws_gallery_element .center-mode .center .jws_gallery_item {
transform: scale(1);
transform-origin: center;
}
.jws_gallery_element .center-mode .nextdiv .jws_gallery_item {
transform-origin: left;
}
.jws_gallery_element .slider-middle .owl-stage {
align-items: center;
display: flex;
}
.jws_gallery_element .jws_gallery .gallery-image {
position: relative;
overflow: hidden;
transition: 0.3s all;
}
.jws_gallery_element .jws_gallery .gallery-image > a {
display: block;
}
.jws_gallery_element .jws_gallery .gallery-image .overlay-hover {
position: absolute;
left: 20px;
top: 20px;
width: calc(100% - 40px);
height: calc(100% - 40px);
z-index: 1;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
opacity: 0;
transition: 0.3s all;
}
.jws_gallery_element .jws_gallery .gallery-image .overlay-hover .text-hover {
display: block;
position: absolute;
}
.jws_gallery_element .jws_gallery .gallery-image .overlay-hover i {
font-size: 18px;
position: relative;
width: 45px;
height: 45px;
background: var(--heading);
line-height: 45px;
border-radius: 100%;
color: var(--light);
}
.jws_gallery_element .jws_gallery .gallery-image .overlay-hover:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
background: var(--main);
opacity: 0.8;
left: 0;
top: 0;
}
.jws_gallery_element .jws_gallery .gallery-image .overlay-hover:after {
content: url(https://azure-mantis-125269.hostingersite.com/wp-content/themes/masterlife/assets/image/dots-hover.png);
position: absolute;
bottom: -50px;
right: -13px;
}
.jws_gallery_element .jws_gallery .gallery-image img {
transition: .3s all;
margin: 0 auto;
width: 100%;
object-fit: cover;
object-position: center;
}
.jws_gallery_element .jws_gallery .gallery-image:hover img {
opacity: 1;
transform: scale(1.1);
}
.jws_gallery_element .jws_gallery .gallery-image:hover .overlay-hover {
opacity: 1;
}
.jws_gallery_element .jws_gallery .jws_gallery_item {
margin-top: 0;
position: relative;
margin-bottom: 30px;
}
.jws_gallery_element .nav-with_number .owl-number {
position: absolute;
bottom: 37px;
right: 30px;
color: var(--light);
font-family: var(--font2);
width: 137px;
text-align: center;
}
.jws_gallery_element .nav-with_number .owl-nav {
position: absolute;
bottom: 32px;
right: 30px;
width: 137px;
display: flex;
justify-content: space-between;
}
.jws_gallery_element .nav-with_number .owl-nav > button {
position: unset;
width: 36px;
height: 36px;
background: transparent;
border: 1px solid var(--light);
color: var(--light);
font-size: 16px;
line-height: 36px;
border-radius: 0;
opacity: 1;
}
.jws_gallery_element .nav-with_number .owl-nav > button:hover {
background: var(--light);
color: var(--heading);
}
.jws_gallery_element .nav-with_number .owl-nav > button span:before {
font-size: 12px;
}
.owl-dots {
text-align: center;
}
.owl-dots button {
background: var(--heading);
width: 6px;
height: 6px;
display: inline-block;
border-radius: 2px;
margin: 0 2px;
cursor: pointer;
border-radius: 100%;
border: 0;
opacity: 0.2;
}
.owl-dots button.active {
background: var(--main);
opacity: 1;
}
@media (max-width: 767px) {
.jws_gallery_element .jws_gallery .gallery-image .overlay-hover {
left: 10px;
top: 10px;
width: calc(100% - 20px);
height: calc(100% - 20px);
}
}
.jws-menu-list .elementor-icon-list-items {
margin-top: 36px !important;
}
.jws-menu-list .elementor-icon-list-text {
color: currentColor !important;
}
.jws-menu-list .columns-2 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -10px;
margin-left: -10px;
}
.jws-menu-list .columns-2 > li {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 50%;
max-width: 50%;
padding: 0 10px;
}
.jws-menu-list ul {
list-style-type: none;
}
.jws-menu-list ul:not(.elementor-inline-items) li.elementor-icon-list-item {
padding-bottom: 7px;
}
.jws-menu-list ul li.elementor-icon-list-item a {
color: var(--body);
}
.jws-menu-list ul li.elementor-icon-list-item a:hover {
color: var(--main);
}
.jws-menu-list .elementor-icon-list-icon {
border-radius: 100%;
}
.jws-menu-list .elementor-icon-list-icon i,
.jws-menu-list .elementor-icon-list-icon svg {
width: 1.25em;
height: 1.25em;
display: block;
line-height: 1.25em;
text-align: center;
}
.jws-menu-list .line_sm li a .elementor-icon-list-text {
position: relative;
}
.jws-menu-list .line_sm li a .elementor-icon-list-text:before {
background: currentColor;
content: "";
bottom: 0px;
right: 0;
position: absolute;
height: 1px;
width: 0%;
transition: 0.3s all;
}
.jws-menu-list .line_sm li:focus a .elementor-icon-list-text:before,
.jws-menu-list .line_sm li:hover a .elementor-icon-list-text:before,
.jws-menu-list .line_sm li.active a .elementor-icon-list-text:before {
width: 100%;
left: 0;
}
.jws-menu-list .line_pd li a {
position: relative;
}
.jws-menu-list .line_pd li a:before {
content: "";
background-color: currentColor;
width: 0px;
height: 1px;
position: absolute;
left: -30px;
top: 50%;
transition: 0.3s all;
}
.jws-menu-list .line_pd li .elementor-icon-list-text {
width: auto;
transition: 0.3s all;
}
.jws-menu-list .line_pd li:focus a:before,
.jws-menu-list .line_pd li:hover a:before,
.jws-menu-list .line_pd li.active a:before {
width: 30px;
}
.jws-menu-list .line_pd li:focus .elementor-icon-list-text,
.jws-menu-list .line_pd li:hover .elementor-icon-list-text,
.jws-menu-list .line_pd li.active .elementor-icon-list-text {
transform: translateX(14px);
}
@media (max-width: 767px) {
.jws-menu-list.toggle-mobile .menu-list-title {
cursor: pointer;
margin-bottom: 5px;
}
.jws-menu-list.toggle-mobile .menu-list-title:after {
font-family: "jws_icon";
content: '\e849';
margin-left: 5px;
font-size: 12px;
}
.jws-menu-list.toggle-mobile ul {
display: none;
}
.jws-menu-list.toggle-mobile ul li:first-child {
padding-top: 10px;
}
.jws-menu-list .columns-2 {
display: block;
}
.jws-menu-list .columns-2 > li {
max-width: 100%;
padding: 0;
}
}
.elementor-logo.has_logo_sticky a {
position: relative;
}
.elementor-logo.has_logo_sticky a > span {
transition: 0.3s all;
}
.elementor-logo.has_logo_sticky .logo-sticky {
display: none;
}
.elementor-logo .logo-special {
display: none;
}
.is-sticky .elementor-logo.has_logo_sticky .logo-inner,
.mega-has-hover .elementor-logo.has_logo_sticky .logo-inner {
display: none;
}
.is-sticky .elementor-logo.has_logo_sticky .logo-sticky,
.mega-has-hover .elementor-logo.has_logo_sticky .logo-sticky {
display: block;
}
body.even .logo-special {
display: block;
}
body.even .logo-inner {
display: none;
}
.jws_account_button .btn {
padding: 14px 25px;
}
.jws_account {
position: relative;
}
.jws_account > a {
color: var(--heading);
display: flex;
align-items: center;
}
.jws_account > a .jws_a_icon {
transition: 0.3s all;
font-size: 24px;
vertical-align: middle;
display: inline-block;
}
.jws_account > a .jws_account_text {
vertical-align: middle;
margin-left: 10px;
}
.jws_account > a .jws_account_text i {
margin-left: 2px;
display: inline-block;
vertical-align: middle;
}
.jws_account .user-avatar {
width: 36px;
height: 36px;
min-width: 36px;
padding: 1px;
margin-right: 0px;
background-color: var(--body3);
border-radius: 100%;
}
.jws_account .user-avatar img {
border-radius: 100%;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.jws_account .dropdown-menu {
position: absolute;
top: calc(100% + 10px);
right: 0;
background: #ffffff;
min-width: 218px;
z-index: 100;
pointer-events: none;
transition: 0.3s all;
transform: translateY(10px);
opacity: 0;
box-shadow: 0px 4px 20px 2px rgba(16, 30, 87, 0.07000000000000001);
border-radius: 3px;
font-weight: 500;
}
.jws_account .dropdown-menu:before {
content: "";
height: 10px;
width: 100%;
left: 0;
top: -10px;
position: absolute;
}
.jws_account .dropdown-menu .post-author h6 {
display: inline-block;
vertical-align: middle;
margin-bottom: 0;
width: calc(100% e "-" 30px);
}
.jws_account .dropdown-menu .user-avatar {
display: inline-block;
vertical-align: middle;
margin-right: 12px;
}
.jws_account .dropdown-menu ul {
padding: 0;
list-style-type: none;
font-size: 14px;
line-height: 19px;
}
.jws_account .dropdown-menu .active {
color: var(--main);
}
.jws_account .dropdown-menu li i {
font-size: 20px;
margin-right: 10px;
vertical-align: top;
display: inline-block;
}
.jws_account .dropdown-menu a {
display: flex;
align-items: center;
gap: 5px;
padding: 10px 20px;
position: relative;
}
.jws_account .dropdown-menu a:before {
content: "";
left: 0;
top: 0;
height: 100%;
width: 2px;
background-color: var(--secondary);
transition: 0.3s all;
opacity: 0;
position: absolute;
}
.jws_account .dropdown-menu a:hover,
.jws_account .dropdown-menu a.ld-dashboard-active {
background-color: var(--body2);
color: var(--secondary);
}
.jws_account .dropdown-menu a:hover:before,
.jws_account .dropdown-menu a.ld-dashboard-active:before {
opacity: 1;
}
.jws_account .dropdown-menu a span:first-child {
font-size: 20px;
}
.jws_account.open .dropdown-menu,
.jws_account:hover .dropdown-menu {
pointer-events: auto;
transform: none;
opacity: 1;
}
.jws-offcanvas-content-data .jws_account .dropdown-menu {
position: relative;
transform: none;
opacity: 1;
pointer-events: auto;
margin-top: 10px;
}
.map_pin_jws {
position: absolute;
width: 21px;
height: 21px;
border-radius: 50em;
background-color: var(--main);
color: var(--main);
}
.map_pin_jws.active {
background-color: var(--third);
color: var(--third);
}
.map_pin_jws.home:before {
content: '\e819';
color: #000000;
font-family: "jws_icon";
font-size: 15px;
margin: 2px 1px 1px 3px;
display: block;
z-index: 1;
position: relative;
}
.map_pin_jws > div {
content: '';
display: inline-block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
border-radius: 50em;
opacity: 1;
background-color: currentColor;
width: 21px;
height: 21px;
}
.map_pin_jws > div:first-child {
-webkit-animation: jwsWave 1.5s cubic-bezier(0.4, 0, 0.2, 1) infinite forwards;
animation: jwsWave 1.5s cubic-bezier(0.4, 0, 0.2, 1) infinite forwards;
}
.map_pin_jws > div:last-child {
-webkit-animation: jwsWave 1.5s 0.45s cubic-bezier(0, 0, 0.2, 1) infinite forwards;
animation: jwsWave 1.5s 0.45s cubic-bezier(0, 0, 0.2, 1) infinite forwards;
}
@-webkit-keyframes jwsWave {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0.8;
}
20% {
opacity: 0.8;
}
100% {
-webkit-transform: scale(2.5);
transform: scale(2.5);
opacity: 0;
}
}
@keyframes jwsWave {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0.8;
}
20% {
opacity: 0.8;
}
100% {
-webkit-transform: scale(2.5);
transform: scale(2.5);
opacity: 0;
}
}
.jws-infowindow-content {
position: relative;
padding: 10px;
display: flex;
align-items: center;
}
.jws-infowindow-content.has-image .info-left {
width: 65px;
}
.jws-infowindow-content.has-image .content-right {
width: calc(100% - 65px);
padding-left: 15px;
}
.jws-infowindow-content .jws-infowindow-title {
font-size: 16px;
margin-bottom: 4px;
color: var(--heading);
}
.jws-infowindow-content .jws-infowindow-description {
margin-top: 10px;
font-size: 14px;
line-height: 20px;
font-family: var(--body-font);
}
.jws-infowindow-content .jws-infowindow-description a {
margin-top: 8px;
display: block;
}
.gm-style-iw-ch {
padding-top: 0 !important;
}
.gm-style-iw button {
top: 2px !important;
right: 7px !important;
opacity: 1 !important;
position: absolute !important;
width: 20px !important;
height: 20px !important;
}
.gm-style-iw button img {
width: 20px !important;
height: auto !important;
}
.gm-style-iw button span {
margin: 0 !important;
}
.gm-style .gm-style-iw-c {
box-shadow: 0.209px 2.993px 13.8px 1.2px rgba(73, 9, 2, 0.07000000000000001) !important;
padding: 0;
border-radius: 5px;
}
.gm-style .gm-style-iw-tc {
display: none;
}
.gm-style .gm-style-iw-tc:after {
background: #ffffff;
width: 20px;
}
.gm-style .gm-style-iw-d {
overflow-x: hidden !important;
overflow: hidden !important;
max-height: inherit !important;
}
.gmnoprint img {
max-width: none;
}
@media (max-width: 767px) {
.jws-infowindow-content.has-image .info-left {
width: 60px;
}
.jws-infowindow-content.has-image .info-right {
width: calc(100% - 60px);
padding-left: 15px;
}
}
.tab-horizontal .jws-head-filter {
text-align: center;
margin-bottom: 43px;
}
.tab-horizontal .jws-head-filter .jws-ajax-load {
padding: 0;
}
.tab-horizontal .jws-head-filter .jws-ajax-load li {
display: inline-block;
}
.tab-horizontal .jws-head-filter .jws-ajax-load li a {
display: block;
border-radius: 10px;
padding: 33px 47px 18px;
position: relative;
text-align: center;
}
.tab-horizontal .jws-head-filter .jws-ajax-load li a:after {
content: "";
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 11px solid var(--main);
position: absolute;
bottom: -11px;
left: 50%;
margin-left: -10px;
transition: 0.3s all;
opacity: 0;
transform: scaleY(0);
transform-origin: top;
}
.tab-horizontal .jws-head-filter .jws-ajax-load li a img {
display: inline-block;
max-width: 40px;
position: relative;
}
.tab-horizontal .jws-head-filter .jws-ajax-load li a .cat-text {
font-family: var(--font2);
font-size: 20px;
color: var(--heading);
}
.tab-horizontal .jws-head-filter .jws-ajax-load li a .cat-icon {
position: relative;
display: block;
width: 85px;
height: 80px;
line-height: 80px;
margin-bottom: 14px;
}
.tab-horizontal .jws-head-filter .jws-ajax-load li a .cat-icon:before {
content: '\e811';
font-size: 80px;
color: #d8350e;
font-family: "jws_icon";
position: absolute;
left: 0;
top: 0;
opacity: 0.1;
transition: 0.3s all;
}
.tab-horizontal .jws-head-filter .jws-ajax-load li a:hover .cat-icon:before {
opacity: 1;
transform: scale(1.05);
}
.tab-horizontal .jws-head-filter .jws-ajax-load li .active {
background: var(--main);
}
.tab-horizontal .jws-head-filter .jws-ajax-load li .active:after {
opacity: 1;
transform: scaleY(1);
}
.tab-horizontal .jws-head-filter .jws-ajax-load li .active .cat-icon:before {
opacity: 1;
mix-blend-mode: color-dodge;
}
.tab-vertical {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.tab-vertical .jws-head-filter {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.tab-vertical .jws-head-filter .jws-ajax-load {
margin-bottom: 46px;
}
.tab-vertical .jws-head-filter .jws-ajax-load li {
margin-bottom: 15px;
}
.tab-vertical .jws-head-filter .jws-ajax-load a {
color: var(--main);
font-size: 14px;
text-transform: uppercase;
font-weight: 400;
opacity: 0.5;
letter-spacing: 3px;
position: relative;
}
.tab-vertical .jws-head-filter .jws-ajax-load a:before {
content: "";
width: 10px;
height: 10px;
left: 0;
top: 4px;
transition: 0.3s all;
border-radius: 100%;
background: var(--main);
position: absolute;
opacity: 0;
}
.tab-vertical .jws-head-filter .jws-ajax-load a.active {
opacity: 1;
padding-left: 24px;
}
.tab-vertical .jws-head-filter .jws-ajax-load a.active:before {
opacity: 1;
}
.tab-vertical .jws-head-filter > a {
padding-bottom: 5px;
position: relative;
color: var(--heading);
}
.tab-vertical .jws-head-filter > a:before,
.tab-vertical .jws-head-filter > a:after {
content: "";
height: 1px;
background: var(--heading);
bottom: 0;
position: absolute;
transition: 0.3s all;
}
.tab-vertical .jws-head-filter > a:before {
width: 100%;
right: 0;
transition-delay: 0.3s;
}
.tab-vertical .jws-head-filter > a:after {
width: 0%;
left: 0;
}
.tab-vertical .jws-head-filter > a:hover:before {
width: 0%;
transition-delay: 0s;
}
.tab-vertical .jws-head-filter > a:hover:after {
width: 100%;
transition-delay: 0.3s;
}
.tab-vertical .jws-head-filter > a:hover i {
animation: bounceAlpha 1s both;
-webkit-animation: bounceAlpha 1s both;
}
.tab-vertical .jws-head-filter > a i {
margin-left: 5px;
display: inline-block;
}
.tab-vertical .products-tab {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.products-wrap .slider-dots-box {
margin-top: 17px;
}
.products-wrap .product-item-inner {
transition: 0.3s all;
position: relative;
}
.products-wrap .product-item-inner .star-rating-wap {
display: none;
}
.products-wrap .slider-layout {
display: block;
}
.products-wrap .slider-layout .product-item {
padding: 0 15px;
}
.products-wrap .slider-layout .slick-active {
opacity: 1;
visibility: visible;
}
.products-wrap .jws-carousel-btn {
position: absolute;
color: var(--heading);
font-size: 25px;
cursor: pointer;
}
.products-wrap .jws-carousel-btn:hover {
color: var(--main);
}
.products-wrap.top-nav .jws-carousel-btn {
top: -39px;
opacity: 0.8;
}
.products-wrap.top-nav .jws-carousel-btn:hover {
opacity: 1;
}
.products-wrap.top-nav .prev-item {
right: 47px;
}
.products-wrap.top-nav .next-item {
right: 13px;
}
.products-wrap.middle-nav .jws-carousel-btn {
top: 46%;
font-size: 36px;
}
.products-wrap.middle-nav .prev-item {
left: -30px;
}
.products-wrap.middle-nav .next-item {
right: -30px;
}
.jws_product_pagination {
text-align: center;
}
@media (max-width: 767px) {
.tab-vertical {
display: block;
}
.tab-vertical .products-tab {
max-width: 100%;
margin: 0;
}
.tab-vertical .jws-head-filter {
max-width: 100%;
margin-bottom: 30px;
}
.tab-vertical .jws-head-filter .jws-ajax-load {
margin-bottom: 0px;
}
.products-wrap .slider-layout {
margin-left: -5px;
margin-right: -5px;
}
.products-wrap .slider-layout .product-item {
padding: 0 5px;
}
.tab-horizontal .jws-head-filter .jws-ajax-load li a {
padding: 20px 20px 18px;
}
.tab-horizontal .jws-head-filter .jws-ajax-load li a img {
max-width: 35px;
}
.tab-horizontal .jws-head-filter .jws-ajax-load li a .cat-icon {
width: 60px;
height: 60px;
line-height: 60px;
}
.tab-horizontal .jws-head-filter .jws-ajax-load li a .cat-icon:before {
font-size: 56px;
}
}
.elementor-widget-jws_widget_heading .title-wrapper.title-cross {
position: relative;
}
.elementor-widget-jws_widget_heading .title-wrapper.title-cross:after {
content: "";
height: 2px;
width: 100vw;
position: absolute;
bottom: 0;
background: var(--main);
}
.elementor-widget-jws_widget_heading .title-wrapper.title-cross.right:after {
right: 0;
}
.elementor-widget-jws_widget_heading .title-wrapper.title-cross.left:after {
left: 0;
}
.elementor-widget-jws_widget_heading .title-wrapper.title-cross.center:after {
width: 100%;
}
.elementor-widget-jws_image_carousel.jws-content-align-at-center .jws-image_carousel-image {
align-content: center;
-webkit-align-content: center;
}
.elementor-widget-jws_image_carousel.jws-content-align-at-bottom .jws-image_carousel-image {
align-content: flex-end;
-webkit-align-content: flex-end;
}
.jws-image_carousel .owl-stage {
display: flex;
}
.jws-image_carousel .slider-item {
height: 100%;
}
.jws-image_carousel.grid {
justify-content: center;
-webkit-justify-content: center;
}
.jws-image_carousel .jws-image_carousel-image {
text-align: center;
display: flex;
flex-wrap: wrap;
width: 100%;
height: 100%;
}
.jws-image_carousel .jws-image_carousel-image a {
display: block;
width: 100%;
}
.jws-image_carousel .jws-image_carousel-image img {
display: inline-block;
}
.jws-image_carousel .jws-image_carousel-image .name {
font-weight: bold;
font-size: 14px;
color: var(--heading);
margin-top: 20px;
}
.jws-events-advanced-element .layout2 .post-content {
background: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 27.17%, rgba(0, 0, 0, 0) 55.73%, rgba(0, 0, 0, 0.6) 89.06%);
padding: 18px 25px 30px;
}
.jws-events-advanced-element .layout2 .date-day {
margin-bottom: 5px;
}
.jws-events-advanced-element .layout2 .insight_img {
min-height: 50px;
min-width: 52%;
border-radius: 0px 0px 0px 33px;
z-index: 1;
}
.jws-events-advanced-element .layout2 .insight_img .insight_item {
font-size: 31px;
}
.jws-events-advanced-element .layout2 .insight_img svg {
width: 1em;
height: 1em;
}
.jws-events-advanced-element .layout2 .insight_img .insight_tl {
top: -3px;
left: -29px;
}
.jws-events-advanced-element .layout2 .insight_img .insight_br {
top: auto;
bottom: -29px;
left: auto;
right: -1px;
}
.jws-events-advanced-element .l-card.post-inner .post-media {
border-top-left-radius: 0;
}
.jws-events-advanced-element .l-card .post-date {
padding: 0px 18px 13px;
}
.jws-events-advanced-element .l-card .insight_img {
min-height: 100%;
min-width: 100%;
border-radius: 0px 0px 30px 0px;
}
.jws-events-advanced-element .l-card .insight_img .insight_item {
font-size: 30px;
}
.jws-events-advanced-element .l-card .insight_img svg {
transform: scalex(-1);
}
.jws-events-advanced-element .l-card .insight_img .insight_tl {
top: -3px;
right: -29px;
}
.jws-events-advanced-element .l-card .insight_img .insight_br {
top: 96%;
left: -1px;
}
.jws-events-advanced-element .l-card .post-meta > span:first-child {
margin-right: 20px;
}
.jws-events-advanced-element .l-card .post-meta i {
font-size: 20px;
margin-right: 5px;
}
.jws-events-advanced-element .layout6 .post-media {
margin-bottom: 22px;
}
.jws-events-advanced-element .layout5 .post-media {
max-width: 80px;
}
.jws-events-advanced-element .layout4 .post-inner > div {
padding: 0;
}
.jws-events-advanced-element .layout4 .post-inner .post-content {
padding-left: 5%;
}
.jws-events-advanced-element .layout-inline.layout1 buy-ticket {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.jws-events-advanced-element .layout-inline.layout3 .post-info {
-ms-flex: 0 0 calc(100% - 102px);
flex: 0 0 calc(100% - 102px);
}
.jws-events-advanced-element .layout-inline.layout3 .buy-ticket {
margin-top: 18px;
}
.jws-events-advanced-element .layout-inline.layout3 .post-title a {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
line-clamp: 2;
overflow: hidden;
}
.jws-events-advanced-element .layout-inline .post-location i {
margin-right: 12px;
font-size: 20px;
}
.jws-events-advanced-element .layout-inline .post-inner {
background-color: var(--body2);
padding: 30px;
}
.jws-events-advanced-element .layout-inline .post-inner:hover {
background-color: var(--main);
}
.jws-events-advanced-element .layout-inline .post-inner:hover .date-inner,
.jws-events-advanced-element .layout-inline .post-inner:hover .post-title a {
color: var(--light);
}
.jws-events-advanced-element .layout-inline .post-inner:hover .buy-ticket a {
background-color: var(--third);
color: var(--main);
}
.jws-events-advanced-element .layout-inline .post-media {
-webkit-box-flex: 0;
-ms-flex: 0 0 37%;
flex: 0 0 37%;
max-width: 37%;
padding-right: 30px;
}
.jws-events-advanced-element .layout-inline .post-date {
-webkit-box-flex: 0;
-ms-flex: 0 0 85px;
flex: 0 0 85px;
max-width: 85px;
border-right: 1px solid rgba(11, 134, 131, 0.1);
}
.jws-events-advanced-element .layout-inline .date-inner {
display: inline-block;
text-align: center;
}
.jws-events-advanced-element .layout-inline .date-day {
margin-bottom: 5px;
}
.jws-events-advanced-element .layout-inline .post-info {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(75% - 102px);
flex: 0 0 calc(75% - 102px);
}
.jws-events-advanced-element .layout-inline .post-content {
display: flex;
gap: 17px;
flex-wrap: wrap;
}
@media (max-width: 767px) {
.jws-events-advanced-element .layout4 .post-inner .post-content {
padding: 20px;
}
}
@media (max-width: 600px) {
.jws-events-advanced-element .layout-inline .post-content {
flex-direction: column;
text-align: center;
}
.jws-events-advanced-element .layout-inline .post-content .post-date {
border: 0;
}
}
.jws-shows-advanced-element .episodes-list .post-media {
max-width: 60px;
-webkit-box-flex: 0;
-ms-flex: 0 0 60px;
flex: 0 0 60px;
margin-right: 20px;
}
.jws-shows-advanced-element .podcast-info {
max-width: 915px;
margin: 0 auto;
}
.jws-shows-advanced-element .play-episodes {
height: 80px;
width: 80px;
font-size: 20px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 100%;
position: absolute;
bottom: 50px;
left: 50px;
background-color: #ffffff;
}
.jws-episodes-advanced-element.list .post-media {
width: 80px;
}
.jws-episodes-advanced-element.list .post-content {
width: calc(100% - 80px);
padding-left: 15px;
}
.jws-episodes-advanced-element .post-time i {
font-size: 24px;
vertical-align: middle;
margin-right: 5px;
}
.jws-episodes-advanced-element .play-episodes {
position: absolute;
top: 50%;
left: 50%;
width: 110px;
height: 110px;
color: #ffffff;
font-size: 32px;
display: flex;
justify-content: center;
align-items: center;
margin: -55px 0 0 -55px;
}
.jws-episodes-advanced-element .play-episodes:before {
position: absolute;
display: block;
border-radius: 50%;
top: 0;
left: 0;
content: "";
border: 1px solid rgba(255, 255, 255, 0.3);
width: 100%;
height: 100%;
}
.jws-episodes-advanced-element .play-episodes:after {
position: absolute;
display: block;
border-radius: 50%;
top: 0;
left: 0;
content: "";
border: 1px solid #ffffff;
border-right-color: transparent !important;
border-bottom-color: transparent !important;
-webkit-animation: load-spin 3s infinite linear;
animation: load-spin 3s infinite linear;
width: 100%;
height: 100%;
opacity: 0;
transition: 0.5s all;
}
.jws-episodes-advanced-element .play-episodes:hover:after {
opacity: 1;
}
@media (max-width: 1024px) {
.jws-shows-advanced-element .podcast-info {
gap: 20px;
}
}
.jws_demo_item {
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
border-right: 1px solid rgba(255, 255, 255, 0.1);
padding: 0;
}
.jws_demo_item .demo-content {
margin-top: 25px;
}
.jws_demo_item .demo-content h5 a {
color: #ffffff;
text-transform: uppercase;
}
.jws_demo_item .jws_column_content {
padding: 70px 50px;
max-width: 490px;
margin: 0 auto;
}
.jws_demo_item .jws_column_content .jws_image {
transition: 0.3s all;
}
.jws_demo_item .jws_column_content .jws_image:hover {
transform: translateY(-10px);
}
.jws_demo_item .jws_image_content_inner h5 {
color: #ffffff;
text-transform: uppercase;
opacity: 0.5;
}
.jws_demo_item.has-comming-soon .jws_column_content {
text-align: center;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.jws_demo {
margin: 0;
}
.custom-tabs-2 h6 {
text-align: center;
}
.custom-tabs-2 h6 a {
position: unset;
}
.custom-tabs-2 .jws_gallery_element .jws_gallery .gallery-image {
border: 1px solid var(--body3);
border-radius: 10px;
margin-bottom: 20px;
}
.custom_tabs_jws .tab-nav li.current a span span {
background: var(--secondary);
color: var(--light);
}
.custom_tabs_jws .tab-nav li a span i {
display: block;
font-size: 24px;
margin-bottom: 10px;
}
.custom_tabs_jws .tab-nav li a span span {
width: 28px;
height: 28px;
background: rgba(84, 60, 223, 0.1);
border-radius: 20px;
font-size: 14px;
font-weight: bold;
display: inline-block;
line-height: 28px;
text-align: center;
margin-left: 10px;
color: var(--secondary);
}
.custom_tabs_jws .elementor-widget-n-tabs .e-n-tabs-heading {
height: 495px;
overflow-y: auto;
direction: rtl;
display: block;
scrollbar-color: var(--secondary);
scrollbar-width: thin;
overflow-x: hidden;
padding-left: 15px;
}
.custom_tabs_jws .elementor-widget-n-tabs .e-n-tabs-heading > button {
width: 100%;
direction: ltr;
margin-bottom: 10px;
}
@media (max-width: 1024px) {
.jws_demo_item .jws_column_content {
padding: 40px 20px;
}
}
@media (max-width: 767px) {
.jws_demo_item .demo-content h5 {
font-size: 14.66px;
line-height: 20px;
}
}
.title-wrapper a {
color: inherit;
}
.split-inner {
display: block;
}
.lqd-words .split-inner {
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-justify-content: flex-start;
-moz-justify-content: flex-start;
-ms-justify-content: flex-start;
justify-content: flex-start;
-webkit-align-items: flex-start;
-moz-align-items: flex-start;
-ms-align-items: flex-start;
align-items: flex-start;
-webkit-clip-path: inset(-0.15em -0.1em);
clip-path: inset(-0.15em -0.1em);
overflow: hidden;
}
.ld-fh-element {
text-decoration-thickness: 1px !important;
}
[data-custom-animations=true]:not(.ca-initvalues-applied) {
opacity: 0;
}
.d-inline-flex {
display: inline-flex;
}
.lqd-adv-txt-item figure {
position: relative;
}
.ld-gradient-heading {
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.lqd-highlight {
position: relative;
background-color: inherit;
color: inherit;
padding: 0;
}
.lqd-highlight .lqd-highlight-txt {
position: relative;
z-index: 1;
}
.lqd-highlight .lqd-highlight-inner {
display: inline-block;
width: 100%;
height: 100%;
position: absolute;
bottom: 0;
left: 0;
z-index: 0;
color: var(--main);
opacity: 0;
transition: transform .85s,opacity .85s,height .45s,bottom .45s,color .45s;
transition-timing-function: cubic-bezier(0.3, 0.8, 0.35, 1);
transition-delay: inherit;
transform-origin: left center;
z-index: -1;
}
.lqd-highlight-grow-left .lqd-highlight-inner {
-webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
transition: clip-path 0.85s cubic-bezier(0.22, 0.61, 0.36, 1);
transition-delay: inherit;
}
.lqd-animations-done .lqd-highlight-inner {
opacity: 1;
}
.lqd-animations-done .lqd-highlight-grow-left .lqd-highlight-inner {
-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.lqd-animations-done .lqd-highlight-custom-1 path {
-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.lqd-highlight-custom-1 .lqd-highlight-inner {
background-color: transparent;
}
.lqd-highlight-custom-1 path {
-webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
transition: clip-path 0.85s cubic-bezier(0.22, 0.61, 0.36, 1);
transition-delay: inherit;
}
.txt-rotator-typewriter .txt-rotate-keywords {
display: none;
}
.txt_rotate_typewriter_run {
transition: 0.3s all;
}
[data-custom-animations]:not(.lqd-animations-done) .txt_rotate_typewriter_run {
opacity: 0;
}
.txt_rotate_typewriter_run {
display: inline-block;
vertical-align: top;
}
.ld-gradient-heading {
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-size: 200% 100%;
animation: animated-text 5s ease infinite;
}
.iconbox-icon-container {
border: 0 solid #f2f4f7;
line-height: 1em;
color: var(--main);
transition: all .3s;
transition-property: border,color,background,box-shadow;
}
.iconbox-icon-container i,
.iconbox-icon-container img,
.iconbox-icon-container svg {
height: auto;
}
.iconbox .contents > p > span,
.iconbox-icon-container i,
.iconbox-icon-container > svg {
display: inline-block;
}
.icon_inline-right .icon-inline .iconbox-icon-wrap {
order: 2;
}
.iconbox-default .iconbox-icon-container {
display: inline-block;
}
.iconbox-inline .icon-inline {
display: flex;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
justify-content: space-between;
}
.iconbox-icon-container > svg {
width: 1em;
max-height: 1em;
line-height: 0;
fill: currentColor;
}
.iconbox-icon-container i {
font-size: 1em;
display: inline-block;
}
.iconbox-icon-container i:before {
display: block;
}
.iconbox {
transition: box-shadow 0.3s ease, background 0.3s ease;
}
.iconbox h3,
.iconbox p {
transition-property: color,background;
transition-duration: .3s;
transition-timing-function: ease;
}
.iconbox h3 {
margin: 0 0 .7em;
font-size: 24px;
line-height: 1em;
}
.iconbox p {
margin-bottom: 0;
}
.iconbox .contents .lqd-highlight-txt {
display: inline-block;
line-height: 1.5em;
padding: 0.25em 1em;
}
.iconbox .contents .lqd-highlight-inner {
opacity: .15 !important;
transform: none;
border-radius: 50em;
}
.elementor-widget-ld_icon_box .elementor-widget-container {
margin-bottom: 30px;
}
.elementor-widget-ld_icon_box.elementor-align-center .iconbox-inline,
.elementor-widget-ld_icon_box.elementor-align-center .iconbox-side {
flex-grow: 0;
}
.elementor-widget-ld_icon_box.elementor-align-center > .elementor-widget-container {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.elementor-widget-ld_icon_box.elementor-align-center .iconbox-default {
align-items: center;
}
.elementor-widget-ld_icon_box.elementor-align-right .iconbox-default {
align-items: flex-end;
}
.iconbox-inline .iconbox-icon-wrap {
margin-inline-end: 15px;
}
.iconbox-inline h3 {
display: inline-flex;
justify-content: inherit;
align-items: center;
flex: 1;
margin-bottom: 0;
}
.iconbox-inline .contents {
flex-basis: 100%;
}
.elementor-widget-ld_icon_box.elementor-align-center .iconbox-inline .contents,
.elementor-widget-ld_icon_box.elementor-align-center .iconbox-side .contents {
text-align: start;
}
.iconbox-side .iconbox-icon-wrap {
margin-inline-end: 15px;
}
.iconbox .btn {
margin-top: 1.5em;
}
.iconbox-icon-shaped .iconbox-icon-container {
background-color: var(--main);
font-size: 40px;
color: #fff;
}
.iconbox-icon-shaped .iconbox-icon-container i,
.iconbox-icon-shaped .iconbox-icon-container img,
.iconbox-icon-shaped .iconbox-icon-container > svg {
position: absolute;
top: 53%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
}
.iconbox-icon-shaped .iconbox-icon-container img,
.iconbox-icon-shaped .iconbox-icon-container > svg {
width: 50px;
}
.iconbox-circle .iconbox-icon-container img[src$=".svg"],
.iconbox-circle .iconbox-icon-container > svg {
width: 44px;
}
.iconbox-custombg .iconbox-icon-container {
margin-top: .6em;
margin-bottom: 1em;
}
.iconbox-custombg .iconbox-icon-container .icon-custom-bg {
transition: opacity 0.15s;
}
.iconbox-custombg .iconbox-icon-container .icon-custom-bg > * {
position: absolute;
top: 50%;
left: 50%;
z-index: -1;
transform: translateX(-50%) translateY(-50%);
}
.iconbox-custombg.iconbox-side .iconbox-icon-container {
margin: 0;
}
.iconbox-lozenge .iconbox-icon-container {
border-radius: 15px;
transform: rotate(45deg);
}
.iconbox-lozenge .iconbox-icon-container i,
.iconbox-lozenge .iconbox-icon-container img[src$=".svg"],
.iconbox-lozenge .iconbox-icon-container > svg {
transform: translateX(-50%) translateY(-50%) rotate(-45deg);
}
.iconbox .iconbox-icon-container > svg,
.iconbox .iconbox-icon-container > svg circle,
.iconbox .iconbox-icon-container > svg ellipse,
.iconbox .iconbox-icon-container > svg path,
.iconbox .iconbox-icon-container > svg polygon,
.iconbox .iconbox-icon-container > svg polyline,
.iconbox .iconbox-icon-container > svg rect {
transition: fill 0.3s, stroke 0.3s;
}
.iconbox .iconbox-icon-container > svg stop {
transition: stop-color 0.3s ease;
}
.iconbox-label {
padding: 6px 12px;
top: 0;
right: 0;
background: #eef3f9;
font-size: 10px;
line-height: 1.5em;
color: #000;
}
.contents .iconbox-label {
position: relative;
top: auto;
right: auto;
margin-bottom: 2em;
}
.elementor-editor-preview .elementor-button,
.elementor-editor-active .elementor-button {
display: inline-flex;
}
.btn {
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 0;
vertical-align: middle;
position: relative;
overflow: hidden;
line-height: inherit;
text-align: unset;
white-space: nowrap;
transition: all .3s;
font-weight: bold;
font-family: var(--font2);
font-size: 14px;
border-radius: 40px;
}
.btn i {
transition: transform 0.3s cubic-bezier(0.22, 0.665, 0.34, 0.875);
}
.btn-icon,
.btn-icon i,
.btn-icon svg,
.btn-txt {
position: relative;
z-index: 3;
}
.btn-txt small,
.btn-txt span {
display: block;
}
.btn-txt small {
font-size: .67em;
}
.btn-icon-sep .btn-txt {
text-align: start;
}
.btn-naked {
--btn-pt: 0 !important;
--btn-pe: 0 !important;
--btn-pb: 0 !important;
--btn-ps: 0 !important;
padding: 0 !important;
background: 0 0!important;
overflow: visible;
border: 0;
}
.btn-naked,
.btn-naked:hover {
color: var(--main);
}
.btn-border {
--btn-pt: 1.1em;
--btn-pe: 2.1em;
--btn-pb: 1.1em;
--btn-ps: 2.1em;
padding: var(--btn-pt) var(--btn-pe) var(--btn-pb) var(--btn-ps);
border: 1px solid var(--main);
box-shadow: 0 0 0 transparent;
background-color: transparent;
color: var(--main);
}
.btn-border:hover {
border-color: transparent;
background-color: var(--main);
color: #fff;
transform: translate3d(0, -2px, 0);
box-shadow: 0 12px 28px rgba(0, 0, 0, 0.12);
}
.btn-solid {
--btn-pt: 1.1em;
--btn-pe: 2.1em;
--btn-pb: 1.1em;
--btn-ps: 2.1em;
padding: var(--btn-pt) var(--btn-pe) var(--btn-pb) var(--btn-ps);
background: var(--main);
border-color: var(--main);
box-shadow: 0 0 0 transparent;
color: #fff;
border: 0;
}
.btn-secondary {
background: var(--secondary);
border-color: var(--secondary);
}
.btn-solid:hover {
border-color: transparent;
background-color: var(--main);
color: #fff;
transform: translate3d(0, -2px, 0);
box-shadow: 0 12px 28px rgba(0, 0, 0, 0.12);
}
.btn-underlined {
--btn-pt: 0 !important;
--btn-pe: 0 !important;
--btn-pb: 0 !important;
--btn-ps: 0 !important;
padding: 0 !important;
background-color: transparent !important;
overflow: visible;
position: relative;
color: var(--main);
}
.btn-underlined:after,
.btn-underlined:before {
content: "";
display: inline-block;
width: 100%;
height: 1px;
position: absolute;
bottom: 0;
left: 0;
background-color: var(--main);
}
.btn-underlined:after {
background: var(--color-secondary, --main);
transform: scaleX(0);
transform-origin: right center;
transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.btn-underlined:hover {
background-color: transparent;
color: var(--main);
}
.btn-underlined:hover:after {
transform-origin: left center;
transform: scaleX(1);
}
.btn-underlined .btn-txt {
padding-bottom: .2em;
}
.btn-underlined.border-thin:after,
.btn-underlined.border-thin:before {
height: 1px;
}
.btn-underlined.border-thick:after,
.btn-underlined.border-thick:before {
height: 2px;
}
.btn-underlined.border-thicker:after,
.btn-underlined.border-thicker:before {
height: 3px;
}
.btn-block {
width: 100%;
justify-content: center;
white-space: normal;
}
.btn {
--icon-w: 0px;
--icon-h: 0px;
--icon-mt: 0px;
--icon-me: 0px;
--icon-mb: 0px;
--icon-ms: 8px;
--icon-font-size: 1em;
}
.btn-small {
--btn-pt: 0.6em;
--btn-pe: 1.5em;
--btn-pb: 0.6em;
--btn-ps: 1.5em;
}
.btn-icon {
display: inline-flex;
align-items: center;
justify-content: center;
margin-top: var(--icon-mt);
margin-inline-end: var(--icon-me);
margin-bottom: var(--icon-mb);
margin-inline-start: var(--icon-ms);
transition: background 0.3s, color 0.125s, box-shadow 0.3s, border 0.3s, opacity 0.25s, transform 0.5s;
}
.btn-icon i {
font-size: var(--icon-font-size);
letter-spacing: 0;
}
.btn-icon svg {
width: var(--icon-font-size);
max-height: var(--icon-font-size);
fill: currentColor;
}
.btn-icon:only-child {
--icon-mb: 0px !important;
}
.btn-icon:first-child {
--icon-ms: auto;
--icon-me: auto;
}
.btn-icon-left .btn-icon,
.btn-icon-top .btn-icon {
order: -1;
}
.btn-icon-block {
flex-direction: column;
--icon-mt: 0.5em;
--icon-ms: auto !important;
--icon-me: auto !important;
}
.btn-icon-block .btn-icon,
.btn-icon-block .btn-txt {
text-align: center;
}
.btn-icon-block .btn-icon {
align-items: center;
justify-content: center;
}
.btn-icon-block .btn-txt {
width: 100%;
margin-inline-start: auto;
margin-inline-end: auto;
}
.btn-icon-left {
--icon-ms: 0px;
--icon-me: 8px;
}
.btn-icon-top.btn-icon-block {
--icon-mt: 0;
--icon-mb: 0.5em;
}
.btn-icon-shaped {
--icon-mt: -5%;
--icon-mb: -5%;
}
.btn-icon-shaped .btn-icon {
width: var(--icon-w);
height: var(--icon-h);
border-radius: 0;
border: 1px solid;
}
.btn-icon-solid .btn-icon {
border: 0;
background-color: var(--main);
color: #fff;
}
.btn-icon-circle .btn-icon {
border-radius: 10em;
}
.btn-icon-round .btn-icon {
border-radius: 4px;
}
.btn-icon-semi-round .btn-icon {
border-radius: 2px;
}
.btn-icon-border-thick .btn-icon {
border-width: 2px;
}
.btn-icon-border-thicker .btn-icon {
border-width: 3px;
}
.btn-icon-border-thickest .btn-icon {
border-width: 4px;
}
.btn-icon-xsm {
--icon-w: 1.5em;
--icon-h: 1.5em;
}
.btn-icon-sm {
--icon-w: 2em;
--icon-h: 2em;
}
.btn-icon-sm .btn-icon {
width: 2em;
height: 2em;
}
.btn-icon-md {
--icon-w: 2.5em;
--icon-h: 2.5em;
}
.btn-icon-lg {
--icon-w: 3.2em;
--icon-h: 3.2em;
}
.btn-icon-xlg {
--icon-w: 3.5em;
--icon-h: 3.5em;
}
.btn-icon-xlg .btn-icon {
width: 3.5em;
height: 3.5em;
}
.btn-icon-sep {
--icon-ms: 1.1em;
}
.btn-icon-sep .btn-icon {
padding-inline-start: var(--icon-ms);
}
.btn-icon-sep .btn-icon:before {
content: "";
display: inline-block;
width: 1px;
height: 200%;
position: absolute;
left: 0;
top: -50%;
background-color: #ddd;
}
.btn-icon-sep.btn-icon-left {
--icon-ms: 0;
--icon-me: 1.1em;
}
.btn-icon-sep.btn-icon-left .btn-icon {
padding-inline-end: var(--icon-me);
}
.btn-icon-sep.btn-icon-left .btn-icon:before {
left: auto;
right: 0;
}
.btn-icon-ripple .btn-icon:before {
content: "";
display: inline-block;
position: absolute;
top: -2px;
left: -2px;
bottom: -2px;
right: -2px;
border-radius: inherit;
border: 1px solid var(--main);
animation: btnIconRipple 2s cubic-bezier(0.23, 1, 0.32, 1) both infinite;
}
.btn-hover-reveal {
--icon-move: 0px;
--icon-ms: 0px;
--icon-me: 0px;
--txt-move: calc(var(--icon-move) * -1);
}
.btn-hover-reveal .btn-icon {
position: absolute;
top: auto;
opacity: 0;
text-decoration: none;
transform: translateX(0);
transition: opacity 0.25s, transform 0.5s;
}
.btn-hover-reveal .btn-txt {
transition: transform 0.5s;
}
.btn-hover-reveal .btn-icon,
.btn-hover-reveal .btn-txt {
transition-timing-function: cubic-bezier(0, 0.71, 0.4, 1);
}
.btn-hover-reveal.btn-icon-right {
--icon-move: calc(var(--icon-font-size) + var(--icon-ms));
}
.btn-hover-reveal.btn-icon-right .btn-icon {
margin-inline-end: 0;
right: var(--btn-pe, 0);
}
.btn-hover-reveal.btn-icon-left {
--icon-move: calc((var(--icon-font-size) + var(--icon-me)) * -1);
}
.btn-hover-reveal.btn-icon-left .btn-icon {
margin-inline-start: 0;
left: var(--btn-ps, 0);
}
.btn-hover-reveal.btn-block .btn-icon,
.btn-hover-reveal.btn-custom-size .btn-icon {
position: relative;
right: auto;
left: auto;
}
.btn-hover-reveal.btn-custom-size.btn-icon-left .btn-txt {
margin-inline-start: calc(var(--icon-me) * -1);
}
.btn-hover-reveal.btn-custom-size.btn-icon-right .btn-txt {
margin-inline-end: calc(var(--icon-ms) * -1);
}
.btn-hover-reveal:hover .btn-icon {
opacity: 1;
transform: translateX(var(--icon-move));
}
.btn-hover-reveal:hover.btn-naked.btn-icon-left .btn-txt,
.btn-hover-reveal:hover.btn-solid .btn-txt,
.btn-hover-reveal:hover.btn-underlined.btn-icon-left .btn-txt {
transform: translateX(var(--txt-move));
}
.btn-hover-reveal:hover.btn-naked.btn-icon-left .btn-icon,
.btn-hover-reveal:hover.btn-underlined.btn-icon-left .btn-icon {
transform: translateX(0);
}
.btn-hover-swp.btn-solid .btn-txt {
margin-inline-start: -1em;
}
.btn-hover-swp .btn-icon {
text-decoration: none;
transition: opacity .4s .25s,transform .6s .25s;
transition-timing-function: cubic-bezier(0.1, 0.75, 0.25, 1);
}
.btn-hover-swp .btn-icon + .btn-icon {
display: inline-flex;
order: -2;
margin-inline-start: var(--icon-me);
margin-inline-end: var(--icon-ms);
opacity: 0;
transform: translateX(-1em);
transition-delay: 0s;
}
.btn-hover-swp .btn-txt {
transition: transform 0.6s 0.125s cubic-bezier(0.1, 0.75, 0.25, 1);
}
.btn-hover-swp.btn-icon-left.btn-solid .btn-txt {
margin-inline-start: 0;
margin-inline-end: -1em;
}
.btn-hover-swp.btn-icon-left .btn-icon + .btn-icon {
order: 2;
transform: translateX(1em);
}
.btn-hover-swp.btn-naked .btn-icon + .btn-icon,
.btn-hover-swp.btn-underlined .btn-icon + .btn-icon {
position: absolute;
top: auto;
left: 0;
}
.btn-hover-swp.btn-naked.btn-icon-left .btn-icon + .btn-icon,
.btn-hover-swp.btn-underlined.btn-icon-left .btn-icon + .btn-icon {
left: auto;
right: 0;
}
.btn-hover-swp:hover .btn-icon {
transition-delay: 0s;
transform: translateX(1em);
}
.btn-hover-swp:hover .btn-txt {
transition-delay: .1s;
transform: translateX(1.5em);
}
.btn-hover-swp:hover .btn-icon {
opacity: 0;
}
.btn-hover-swp:hover .btn-icon + .btn-icon {
opacity: 1;
transform: translateX(0);
transition-delay: .225s;
}
.btn-hover-swp:hover.btn-icon-left .btn-icon {
transform: translateX(-1em);
}
.btn-hover-swp:hover.btn-icon-left .btn-icon + .btn-icon,
.lqd-lp:hover .lqd-lp-img .lqd-overlay i {
transform: translateX(0);
}
.btn-hover-swp:hover.btn-icon-left .btn-txt {
transform: translateX(-1.5em);
}
.btn-hover-txt-switch .btn-txt {
transition: opacity .65s,transform .85s;
transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
}
.btn-hover-txt-switch:hover .btn-txt:after {
opacity: 1;
}
.btn-hover-txt-liquid-x-alt:hover .lqd-chars {
animation: btnHoverTxtLiquidXAlt 0.6s calc(var(--chars-last-index, 0s) * 0.03s) cubic-bezier(0.23, 1, 0.32, 1) both alternate;
}
.btn-hover-txt-liquid-x:hover .lqd-chars {
animation: btnHoverTxtLiquidX 0.6s calc(var(--chars-index, 0s) * 0.03s) cubic-bezier(0.23, 1, 0.32, 1) both alternate;
}
.btn-hover-txt-liquid-y-alt:hover .lqd-chars {
animation: btnHoverTxtLiquidYAlt 0.6s calc(var(--chars-index, 0s) * 0.03s) cubic-bezier(0.23, 1, 0.32, 1) both alternate;
}
.btn-hover-txt-liquid-y:hover .lqd-chars {
animation: btnHoverTxtLiquidY 0.6s calc(var(--chars-index, 0s) * 0.03s) cubic-bezier(0.23, 1, 0.32, 1) both alternate;
}
.btn-hover-txt-marquee .btn-txt:after {
content: attr(data-text);
display: inline-block;
position: absolute;
white-space: nowrap;
top: 50%;
}
.btn-hover-txt-marquee-x .btn-txt:after {
left: 100%;
transform: translate(100%, -50%);
}
.btn-hover-txt-marquee-x:hover .btn-txt {
animation: btnTxtMarqueeX 2s linear infinite;
}
.btn-hover-txt-marquee-y .btn-txt:after {
top: 100%;
left: 50%;
transform: translate(-50%, 100%);
}
.btn-hover-txt-marquee-y:hover .btn-txt {
animation: btnTxtMarqueeY 1s linear infinite;
}
.btn-hover-txt-switch .btn-txt:after {
content: attr(data-text);
display: inline-block;
position: absolute;
white-space: nowrap;
top: 50%;
opacity: 0;
transition: inherit;
}
.btn-hover-txt-switch-x .btn-txt:after {
left: 100%;
transform: translate(50%, -50%);
}
.btn-hover-txt-switch-x:hover .btn-txt {
transform: translateX(-200%);
}
.btn-hover-txt-switch-x:hover .btn-txt:after {
transform: translate(100%, -50%);
}
.btn-hover-txt-switch-y .btn-txt:after {
left: 50%;
transform: translate(-50%, 150%);
}
.btn-hover-txt-switch-y:hover .btn-txt {
transform: translateY(-250%);
}
.btn-hover-txt-switch-y:hover .btn-txt:after {
transform: translate(-50%, 200%);
}
.btn-xsm {
--btn-pt: 0.6em;
--btn-pe: 1em;
--btn-pb: 0.6em;
--btn-ps: 1em;
padding: 0.6em 1.8em;
}
.btn-sm {
--btn-pt: 0.85em;
--btn-pe: 1.3em;
--btn-pb: 0.85em;
--btn-ps: 1.3em;
padding: 0.85em 2em;
}
.btn-lg {
--btn-pt: 1.3em;
--btn-pe: 2.7em;
--btn-pb: 1.3em;
--btn-ps: 2.7em;
padding: 1.3em 2.7em;
}
.btn-xlg {
--btn-pt: 1.5em;
--btn-pe: 3.5em;
--btn-pb: 1.5em;
--btn-ps: 3.5em;
padding: 1.5em 3.5em;
}
.btn.ld-ajax-loadmore {
padding: 1.25em 2.5em;
border-radius: 4px;
background-color: #292929;
color: #fff;
overflow: visible !important;
line-height: 1.15em;
}
.btn.ld-ajax-loadmore span,
.lqd-custom-menu-expand-items.menu-items-has-border > .inline-ul > li > a,
.lqd-custom-menu-expand-items.menu-items-has-fill > .inline-ul > li > a {
padding: 0;
}
.btn.ld-ajax-loadmore .all-loaded,
.btn.ld-ajax-loadmore .loading,
.btn.ld-ajax-loadmore .static {
transition: opacity 0.3s, visibility 0.3s, transform 0.3s;
}
.btn.ld-ajax-loadmore .dots > span {
width: 6px;
height: 6px;
margin: 0 1px;
border-radius: 3px;
background-color: currentColor;
transform: translateY(0);
}
.btn.ld-ajax-loadmore .all-loaded,
.btn.ld-ajax-loadmore .loading {
position: absolute;
top: 50%;
left: 50%;
opacity: 0;
visibility: hidden;
transform: translate(-50%, -50%);
}
.btn.ld-ajax-loadmore .loading {
font-size: 11px;
}
.btn.ld-ajax-loadmore .all-loaded {
display: flex;
align-items: center;
}
.btn.ld-ajax-loadmore .all-loaded i {
margin-inline-start: 8px;
}
.btn.ld-ajax-loadmore.all-items-loaded,
.btn.ld-ajax-loadmore.items-loading {
pointer-events: none;
border-color: transparent;
}
.btn.ld-ajax-loadmore.all-items-loaded .static,
.btn.ld-ajax-loadmore.items-loading .static {
opacity: 0;
visibility: hidden;
transform: translate(0, -50%);
}
.btn.ld-ajax-loadmore.all-items-loaded .all-loaded,
.btn.ld-ajax-loadmore.items-loading .loading {
opacity: 1;
visibility: visible;
transform: translate(-50%, -50%);
}
.btn.ld-ajax-loadmore.items-loading .loading .dots > span {
animation: dotAnimations 0.6s cubic-bezier(0.23, 1, 0.32, 1) infinite alternate backwards;
}
.btn.ld-ajax-loadmore.items-loading .loading .dots > span:nth-child(1) {
animation-delay: .1s;
}
.btn.ld-ajax-loadmore.items-loading .loading .dots > span:nth-child(2) {
animation-delay: .2s;
}
.btn.ld-ajax-loadmore.all-items-loaded {
background-color: transparent !important;
color: #000 !important;
}
.btn.ld-ajax-loadmore:hover {
color: #fff;
background-color: #000;
box-shadow: 0 10px 32px rgba(0, 0, 0, 0.07000000000000001);
transform: translateY(-2px);
}
@keyframes btnIconRipple {
0% {
border-width: 4px;
transform: scale(1);
}
80% {
border-width: 1px;
transform: scale(1.35);
}
to {
opacity: 0;
}
}
@keyframes btnHoverTxtLiquidXAlt {
50% {
opacity: 0;
transform: translateX(0.3em);
}
51% {
opacity: 0;
transform: translateX(-0.3em);
}
to {
opacity: 1;
transform: translateX(0);
}
}
@keyframes btnHoverTxtLiquidX {
50% {
opacity: 0;
transform: translateX(-0.3em);
}
51% {
opacity: 0;
transform: translateX(0.3em);
}
to {
opacity: 1;
transform: translateX(0);
}
}
@keyframes btnHoverTxtLiquidYAlt {
50% {
opacity: 0;
transform: translateY(-0.3em);
}
51% {
opacity: 0;
transform: translateY(0.3em);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes btnHoverTxtLiquidY {
50% {
opacity: 0;
transform: translateY(0.3em);
}
51% {
opacity: 0;
transform: translateY(-0.3em);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes btnTxtMarqueeX {
to {
transform: translateX(-200%);
}
}
@keyframes btnTxtMarqueeY {
to {
transform: translateY(-200%);
}
}
@keyframes dotAnimations {
0% {
transform: translateY(-6px);
}
to {
transform: translateY(0);
}
}
.jws-marquee {
overflow: hidden;
}
.jws-marquee .marquee-list-items .item {
flex-shrink: 0;
padding: 0 15px;
}
.jws-marquee .marquee-list-items .image img {
width: 100%;
}
.jws-marquee .icon_text_bg .icon_text a {
background-color: #FFFFFF;
box-shadow: 0px 4px 20px 2px rgba(16, 30, 87, 0.07000000000000001);
border-radius: 30px;
padding: 10px 20px 10px 10px;
display: block;
margin: 20px 0;
align-items: center;
display: flex;
font-weight: 500;
font-family: var(--font2);
color: var(--heading);
}
.jws-marquee .icon_text_bg .icon_text .mar-text:after {
content: '\e805';
font-family: "jws_icon";
font-size: 24px;
color: #667085;
margin-left: 15px;
}
.jws-marquee .icon_text_bg .icon_text .mar-icon {
font-size: 24px;
padding: 8px;
background-color: #f5f5f5;
border-radius: 100%;
color: var(--secondary);
margin-right: 14px;
}
.jws-marquee .icon_text_bg .icon_text .mar-icon svg,
.jws-marquee .icon_text_bg .icon_text .mar-icon i {
width: 1em;
height: 1em;
display: block;
}
.jws-instagram .swiper-wrapper {
align-items: center;
}
.jws-instagram.skin1 .jws-instagram-inner .overlay {
color: #ffffff;
}
.jws-instagram.skin1 .jws-instagram-inner .overlay:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
background: #000000;
opacity: 0.2;
}
.jws-instagram.skin1 .jws-instagram-inner .overlay .text-hover {
display: block;
position: absolute;
}
.jws-instagram.skin1 .jws-instagram-inner .overlay i {
font-size: 32px;
position: relative;
}
.jws-instagram.skin1 .jws-instagram-inner:hover .overlay {
opacity: 1;
}
.jws-instagram.skin1 .jws-instagram-inner:hover img {
transform: scale(1.1);
}
.jws-instagram .jws-instagram-inner {
position: relative;
overflow: hidden;
}
.jws-instagram .jws-instagram-inner img {
transition: 0.5s all;
width: 100%;
}
.jws-instagram .jws-instagram-inner .overlay {
opacity: 0;
display: flex;
align-items: center;
justify-content: center;
}
.jws-courses-tags {
--caption-h: 48px;
--case-units: 5;
--case-unit-scale: 10%;
--case-unit-width: 100 / var(--case-units) * 0.1;
--case-unit-height: 59.3vh;
margin: 0 -15px;
}
.jws-courses-tags .post-inner {
--heading: #ffffff;
}
.jws-courses-tags .loader {
top: 100px;
}
.jws-courses-tags.loading .jws-post-item {
opacity: 0;
pointer-events: none;
}
.jws-courses-tags.layout1 .jws-post-item {
padding-bottom: var(--caption-h);
transition: width 0.6s cubic-bezier(0.38, 0.005, 0.215, 1), flex-shrink 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
width: calc(var(--case-unit-width) * var(--case-unit-scale));
padding: 0 15px;
}
.jws-courses-tags.layout1 .jws-post-item:hover {
flex-shrink: 0;
width: var(--case-unit-height);
}
.jws-courses-tags.layout1 .jws-post-item:hover footer {
transform: translatey(0);
}
.jws-courses-tags.layout1 .jws-post-item:hover .post-meata {
opacity: 1;
}
.jws-courses-tags.layout1 .jws-post-item:hover .post-cat {
transform: translatey(0);
opacity: 1;
}
.jws-courses-tags.layout1 .jws-post-item:hover .tags-action {
transform: none;
background-color: var(--secondary);
color: var(--light);
}
.jws-courses-tags.layout1 .post-content {
background: linear-gradient(180deg, rgba(1, 8, 33, 0) 46.88%, rgba(1, 8, 33, 0.6) 84.37%);
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 30px;
color: var(--light);
}
.jws-courses-tags.layout1 .tags-action {
width: 48px;
height: 48px;
line-height: 48px;
background-color: #ffffff;
color: var(--main);
font-size: 24px;
transform: rotate(-45deg);
}
.jws-courses-tags.layout1 .post-cat {
transform: translatey(-15px);
opacity: 0;
width: 0;
}
.jws-courses-tags.layout1 .post-cat a {
border: 1px solid var(--light);
border-radius: 30px;
padding: 0px 15px;
display: inline-block;
line-height: 34px;
height: 34px;
margin-bottom: 5px;
margin-top: 5px;
}
.jws-courses-tags.layout1 .post-cat a:hover {
background-color: var(--light);
}
.jws-courses-tags.layout1 .post-title {
margin-bottom: 15px;
}
.jws-courses-tags.layout1 footer {
transform: translatey(35px);
}
.jws-courses-tags.layout1 .post-meata {
white-space: nowrap;
opacity: 0;
margin-top: 15px;
}
.jws-courses-tags.layout1 .post-meata i {
font-size: 24px;
margin-right: 6px;
}
.jws-courses-tags.layout1 .post-meata span:first-child {
margin-right: 12%;
}
.jws-courses-tags.layout1 .post-media:before {
padding-bottom: var(--case-unit-height);
display: block;
content: "";
}
.jws-courses-tags.layout1 .post-media img {
display: block;
height: 100%;
left: 0;
-o-object-fit: cover;
object-fit: cover;
position: absolute;
top: 0;
width: 100%;
}
.courses-category-nav li {
padding: 5px;
}
.courses-category-nav li a {
border: 1px solid var(--main);
padding: 5px 12px;
display: block;
font-weight: 500;
font-family: var(--font2);
letter-spacing: 2px;
}
.courses-category-nav li a.active {
background-color: var(--main);
color: var(--light);
}
.category-tag-nav {
margin-bottom: 25px;
} .jws-courses-category.layout1 .post-inner {
background: rgba(255, 255, 255, 0.1);
padding: 30px 25px;
}
.jws-courses-category.layout1 .post-inner:hover {
background: var(--secondary);
}
.jws-courses-category.layout1 .post-media {
background: rgba(255, 255, 255, 0.1);
padding: 16px;
margin-bottom: 38px;
}
.jws-courses-category.layout1 .post-media img {
width: 1em;
height: 1em;
font-size: 24px;
object-fit: contain;
}
.jws-courses-category.layout1 .post-meta {
color: var(--body3);
}
@media (max-width: 1024px) {
.jws-courses-tags {
flex-wrap: wrap;
}
.jws-courses-tags.layout1 .jws-post-item {
width: 50% !important;
}
}
@media (max-width: 500px) {
.jws-courses-tags.layout1 .jws-post-item {
width: 100% !important;
}
}
.insight_img {
position: absolute;
top: 0%;
bottom: auto;
left: auto;
right: 0%;
background: var(--inscolor);
}
.insight_img svg {
width: 1em;
height: 1em;
}
.insight_img .insight_item {
color: var(--inscolor);
position: absolute;
transform: rotate(180deg);
font-size: 20px;
}
.courses-nav {
margin-bottom: 54px;
}
.course-rating i {
color: #FFC119;
}
.course-rating span {
opacity: 0.6;
margin-left: 5px;
}
.auhtor-inline .author-avatar {
width: 36px;
border: 1px solid var(--body3);
margin-right: 7px;
height: 36px;
}
.tooltipster-shadow {
box-shadow: 0px 4px 20px 2px rgba(16, 30, 87, 0.07000000000000001);
background-color: var(--light);
border-radius: 10px;
}
.course-tooltiper {
padding: 30px;
}
.course-tooltiper .post-cat a {
background: rgba(11, 134, 131, 0.1);
color: var(--secondary);
border-radius: 10px;
padding: 7px 15px;
}
.course-tooltiper .post-meta-sc {
margin-top: 18px;
margin-bottom: 15px;
}
.course-tooltiper .post-meta {
margin-bottom: 17px;
}
.course-tooltiper .btn {
width: 100%;
}
.course-tooltiper .post-meta-bt {
gap: 15px;
}
.course-tooltiper .course-wishlist i {
font-size: 18px;
width: 52px;
height: 52px;
line-height: 52px;
display: block;
text-align: center;
border-radius: 100%;
color: var(--main);
border: 1px solid var(--body3);
box-shadow: none;
}
.course-tooltiper .course-wishlist span {
display: none;
}
.course-tooltiper .course-skill {
margin-bottom: 17px;
}
.jws-courses-advanced-element .post-cat.has-shape {
padding: 0px 9px 5px 0px;
}
.jws-courses-advanced-element .post-cat.has-shape a {
position: relative;
z-index: 1;
background-color: var(--main);
color: var(--light);
display: inline-block;
border-radius: 10px;
padding: 4px 8px;
}
.jws-courses-advanced-element .insight_img {
min-height: 100%;
min-width: 100%;
border-radius: 0px 0px 20px 0px;
}
.jws-courses-advanced-element .insight_img svg {
transform: scalex(-1);
}
.jws-courses-advanced-element .insight_img .insight_tl {
top: 85%;
left: -1px;
}
.jws-courses-advanced-element .insight_img .insight_br {
top: -6px;
right: -19px;
}
.jws-courses-advanced-element .layout2 .post-media .jws-fill {
background: linear-gradient(180deg, rgba(255, 255, 255, 0) 43.23%, rgba(2, 7, 31, 0.17) 71.34999999999999%, rgba(2, 7, 31, 0.6) 100%);
}
.jws-courses-advanced-element .layout2 .post-content {
top: inherit;
padding: 0px 30px 15px;
}
.jws-courses-advanced-element .layout2 .course-lessons i {
font-size: 24px;
vertical-align: middle;
margin-right: 3px;
}
.jws-courses-advanced-element .layout2 .post-title {
margin-bottom: 12px;
}
.jws-courses-advanced-element .layout2 .course-wishlist-wap {
top: 0;
right: 0;
padding: 0px 0px 10px 10px;
}
.jws-courses-advanced-element .layout2 .insight_img {
border-radius: 0px 0px 0px 20px;
}
.jws-courses-advanced-element .layout2 .insight_img .insight_tl {
left: -19px;
top: -6px;
}
.jws-courses-advanced-element .layout2 .insight_img .insight_br {
bottom: -19px;
right: -1px;
}
.jws-courses-advanced-element .layout2 .insight_img svg {
transform: none;
}
.jws-courses-advanced-element .layout2 .course-wishlist {
z-index: 1;
}
.jws-courses-advanced-element .layout2 .course-wishlist i {
font-size: 18px;
width: 40px;
height: 40px;
line-height: 40px;
display: block;
text-align: center;
border-radius: 100%;
background: var(--main);
color: var(--light);
margin: 0;
}
.jws-courses-advanced-element .layout2 .course-wishlist span {
display: none;
}
.jws-courses-advanced-element .layout7 .post-cat.has-shape a {
padding: 10px 20px;
}
.jws-courses-advanced-element .layout7 .course-wishlist {
float: right;
margin-top: -5px;
}
.jws-courses-advanced-element .layout7 .post-media {
-webkit-box-flex: 0;
-ms-flex: 0 0 30.5%;
flex: 0 0 30.5%;
max-width: 30.5%;
border-radius: 0px 0px 0px 20px;
align-self: stretch;
}
.jws-courses-advanced-element .layout7 .post-media img {
min-height: 220px;
object-fit: cover;
height: 100%;
}
.jws-courses-advanced-element .layout7 .post-content {
padding: 20px 30px;
border-radius: 0px 20px 20px 20px;
border-width: 1px 1px 1px 0px;
border-style: solid;
border-color: var(--body3);
border-radius: 0px 20px 20px 0px;
align-self: stretch;
flex-direction: column;
display: flex;
justify-content: center;
width: 100%;
}
.jws-courses-advanced-element .layout7 .post-title {
font-size: 20px;
line-height: 30px;
padding-right: 50px;
}
.jws-courses-advanced-element .layout7 .post-meta {
margin-top: 12px;
margin-bottom: 12px;
display: flex;
flex-wrap: wrap;
gap: 10px 20px;
border-bottom: 1px solid var(--body3);
padding-bottom: 12px;
}
.jws-courses-advanced-element .layout7 .post-meta i {
font-size: 24px;
margin-right: 3px;
vertical-align: middle;
}
.jws-courses-advanced-element .layout5 .post-inner:before {
content: "";
box-shadow: 0px 4px 20px 2px rgba(16, 30, 87, 0.07000000000000001);
position: absolute;
top: 0;
left: 20%;
width: 80%;
height: 100%;
border-radius: 0px 20px 20px 20px;
pointer-events: none;
}
.jws-courses-advanced-element .layout5 .post-cat.has-shape a {
padding: 10px 20px;
}
.jws-courses-advanced-element .layout5 .course-wishlist {
float: right;
margin-top: -5px;
}
.jws-courses-advanced-element .layout5 .post-media {
-webkit-box-flex: 0;
-ms-flex: 0 0 30.5%;
flex: 0 0 30.5%;
max-width: 30.5%;
border-radius: 0px 0px 0px 20px;
align-self: stretch;
}
.jws-courses-advanced-element .layout5 .post-media img {
min-height: 225px;
object-fit: cover;
height: 100%;
}
.jws-courses-advanced-element .layout5 .post-content {
padding: 20px 30px;
border-radius: 0px 20px 20px 20px;
width: 100%;
}
.jws-courses-advanced-element .layout5 .post-title {
font-size: 20px;
line-height: 30px;
padding-right: 50px;
}
.jws-courses-advanced-element .layout5 .post-meta {
margin-top: 15px;
margin-bottom: 12px;
display: flex;
flex-wrap: wrap;
gap: 10px 20px;
}
.jws-courses-advanced-element .layout5 .post-meta i {
font-size: 24px;
margin-right: 3px;
vertical-align: middle;
}
.jws-courses-advanced-element .layout4 .post-inner {
gap: 0 65px;
}
.jws-courses-advanced-element .layout4 .post-cat.has-shape a {
padding: 10px 20px;
}
.jws-courses-advanced-element .layout4 .post-media {
-webkit-box-flex: 0;
-ms-flex: 0 0 28.5%;
flex: 0 0 28.5%;
max-width: 28.5%;
border-radius: 0px 20px 20px 20px;
}
.jws-courses-advanced-element .layout4 .post-meta {
margin-top: 15px;
margin-bottom: 12px;
flex-wrap: wrap;
gap: 10px 40px;
}
.jws-courses-advanced-element .layout4 .post-meta i {
font-size: 24px;
margin-right: 3px;
vertical-align: middle;
}
.jws-courses-advanced-element .layout6 .post-inner {
box-shadow: 0px 30px 40px 2px rgba(16, 30, 87, 0.07000000000000001);
border-radius: 0px 20px 20px 20px;
--inscolor: #F8F8F8;
}
.jws-courses-advanced-element .layout6 .post-content {
padding: 18px 25px;
background-color: var(--light);
}
.jws-courses-advanced-element .layout6 .ld-progress-bar {
height: 6px;
border-radius: 5px;
background-color: #EBEBEB;
position: relative;
}
.jws-courses-advanced-element .layout6 .ld-progress-bar span {
height: 100%;
left: 0;
position: absolute;
top: 0;
background-color: #10A484;
border-radius: 5px;
}
.jws-courses-advanced-element .layout6 .course-price {
background-color: var(--third);
font-size: 13px;
text-transform: uppercase;
border-radius: 5px;
font-family: var(--font2);
padding: 3px 7px;
position: absolute;
top: 15px;
right: 15px;
}
.jws-courses-advanced-element .layout6 .ld-progress-metadata .ld-dashboard-progress-percent {
color: #10A484;
}
.jws-courses-advanced-element .layout3 .post-inner .post-media {
border-radius: 0px 20px 0px 0px;
}
.jws-courses-advanced-element .layout3 .post-inner:before {
content: "";
box-shadow: 0px 4px 20px 2px rgba(16, 30, 87, 0.07000000000000001);
position: absolute;
top: 50px;
left: 0;
width: 100%;
height: calc(100% - 50px);
border-radius: 0px 0px 20px 20px;
pointer-events: none;
}
.jws-courses-advanced-element .layout3 .post-content {
padding: 18px 25px;
border-radius: 0px 0px 20px 20px;
background-color: var(--light);
}
.jws-courses-advanced-element .layout1 .course-wishlist {
position: absolute;
right: 10px;
top: 10px;
z-index: 1;
}
.jws-courses-advanced-element .layout1 .course-wishlist i {
width: 40px;
height: 40px;
line-height: 40px;
}
.jws-courses-advanced-element .layout1 .post-inner:before {
content: "";
box-shadow: 0px 4px 20px 2px rgba(16, 30, 87, 0.07000000000000001);
position: absolute;
top: 50px;
left: 0;
width: 100%;
height: calc(100% - 50px);
border-radius: 0px 0px 20px 20px;
pointer-events: none;
}
.jws-courses-advanced-element .layout1 .post-media {
border-radius: 0px 20px 0px 0px;
}
.jws-courses-advanced-element .layout1 .post-content {
padding: 18px 25px;
border-radius: 0px 0px 20px 20px;
background-color: var(--light);
}
.jws-courses-advanced-element .layout1 .post-meta {
margin-top: 15px;
border-bottom: 1px solid #F0F1F3;
padding-bottom: 10px;
margin-bottom: 12px;
}
.jws-courses-advanced-element .layout1 .post-meta i {
font-size: 24px;
margin-right: 3px;
vertical-align: middle;
}
.swiper-nav-top {
justify-content: flex-end;
margin-bottom: 60px;
}
.swiper-nav-top .elementor-swiper-button-prev {
margin-right: 15px;
}
.course-orderby select {
width: auto;
min-height: 33px;
}
.course-orderby .select2-container .select2-selection--single {
min-height: 33px;
line-height: 33px;
}
.show_filter_shop {
margin-right: 4em;
}
.show_filter_shop i {
margin-right: 8px;
font-size: 16px;
}
.courses-content-page .courses-loop {
position: relative;
}
.courses-content-page .courses-loop > .loader {
top: 100px;
}
.active-categories {
margin-bottom: 20px;
}
.active-categories a:not(.clear_filter) {
background: #ffffff;
border: 1px solid var(--body3);
padding: 5px 20px;
border-radius: 5px;
margin-right: 10px;
text-transform: capitalize;
display: inline-block;
margin-bottom: 10px;
vertical-align: middle;
}
.active-categories a:not(.clear_filter) span {
margin-left: 5px;
}
.active-categories .clear_filter {
padding: 6px 20px;
font-size: 12px;
margin-bottom: 10px;
}
.post-media > a {
display: block;
}
.post-media > .jws-fill {
left: 0;
top: 0;
}
@media (min-width: 1024px) {
.sidebar-left .show_filter_shop,
.sidebar-right .show_filter_shop {
display: none;
}
.sidebar-left .courses-sidebar {
padding-right: 30px;
}
.sidebar-right .courses-sidebar {
padding-left: 30px;
}
}
@media (max-width: 1024px) {
.jws-courses-advanced-element .layout4 .post-inner {
gap: 0 15px;
}
.jws-courses-advanced-element .layout4 .post-inner .post-cat.has-shape a {
padding: 5px 15px;
}
.jws-courses-advanced-element .layout4 .post-inner .post-meta {
gap: 10px 15px;
}
.jws-courses-advanced-element .layout4 .post-inner .post-excerpt {
margin-bottom: 15px;
}
.jws-courses-advanced-element .layout5 .post-media {
-ms-flex: 0 0 5.5%;
flex: 0 0 35.5%;
max-width: 35.5%;
}
}
@media (max-width: 767px) {
.show_filter_shop {
margin-right: 10px;
}
.jws-courses-advanced-element .layout4 .post-inner {
gap: 20px;
flex-direction: column;
}
.jws-courses-advanced-element .layout4 .post-inner .post-media {
max-width: 360px;
}
.jws-courses-advanced-element .layout7 .post-inner {
flex-direction: column;
}
.jws-courses-advanced-element .layout7 .post-inner .post-media {
max-width: 480px;
border-radius: 0px 20px 0px 0px;
align-self: center;
}
.jws-courses-advanced-element .layout7 .post-inner .post-content {
padding: 20px 15px;
border-width: 1px;
border-radius: 0px 0px 20px 20px;
}
.jws-courses-advanced-element .layout5 .post-inner {
flex-direction: column;
}
.jws-courses-advanced-element .layout5 .post-inner:before {
left: 0;
width: 100%;
top: 50px;
height: calc(100% - 50px);
}
.jws-courses-advanced-element .layout5 .post-inner .post-media {
max-width: 480px;
border-radius: 0px 20px 0px 0px;
align-self: center;
}
.jws-courses-advanced-element .layout5 .post-inner .post-content {
padding: 20px 15px;
}
.swiper-nav-top {
justify-content: center;
}
}
@media (max-width: 480px) {
.courses-content-page .select2-container {
width: 190px !important;
}
.select2-results__option {
font-size: 12px;
line-height: 16px;
}
.jws-courses-advanced-element .swiper-nav-top {
display: none;
}
}
.countdown-amount {
color: var(--main);
font-weight: 500;
font-size: 67.34px;
line-height: 76px;
}
.countdown-container {
display: flex;
align-items: center;
}
.countdown-container.inline-type .countdown-amount {
font-size: inherit;
}
.countdown-section {
display: inline-block;
position: relative;
min-width: 12rem;
padding: 35px 20px;
text-align: center;
}
.countdown-section span {
display: block;
white-space: nowrap;
}
.countdown-section .countdown-period {
position: absolute;
bottom: 0;
color: var(--heading);
text-transform: lowercase;
width: 100%;
padding-left: 0.2rem;
padding-right: 0.2rem;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
left: 0;
text-transform: uppercase;
font-weight: 500;
font-size: var(--font-size-sm);
line-height: var(--line-height-sm);
}
.countdown.outer-period .countdown-period {
left: 0;
right: 0;
text-align: center;
bottom: -2rem;
}
.countdown.no-split .countdown-section::after {
content: none;
}
.grid-countdown .countdown-section {
margin: 1rem;
}
.jws-category-list .category-content .category-tab-item {
text-align: center;
}
.jws-category-list .category-content .category-tab-item .category-image {
margin-bottom: 8px;
overflow: hidden;
display: flex;
flex-direction: column;
align-items: center;
}
.jws-category-list .category-content .category-tab-item .category-image a {
height: 80px;
display: block;
display: flex;
align-items: center;
}
.jws-category-list .category-content .category-tab-item .category-image img {
transition: 0.3s all;
}
.jws-category-list .category-content .category-tab-item h6 {
font-size: 16px;
line-height: 18px;
}
.jws-category-list .category-content .category-tab-item h6 i {
font-size: 16px;
margin-left: 10px;
}
.jws-category-list .category-content .category-tab-item:hover .category-image img {
transform: scale(1.1);
}
.layout-team-hover .insight_img {
min-height: 100%;
min-width: 100%;
border-radius: 0px 0px 0px 20px;
}
.layout-team-hover .insight_img .insight_tl {
left: -19px;
top: -6px;
}
.layout-team-hover .insight_img .insight_br {
bottom: -19px;
right: -1px;
}
.layout-team-hover .post-detail .loader .path {
stroke: #fff;
}
.layout-team-hover .post-media {
margin-bottom: 24px;
}
.layout-team-hover .post-media .jws-fill {
z-index: 2;
}
.layout-team-hover .post-media .post-detail {
right: 0px;
border-radius: 0px 0px 0px 20px;
padding: 0px 0px 11px 15px;
transform: translate(100%, -100%);
}
.layout-team-hover .post-media .post-detail a {
width: 47px;
height: 47px;
line-height: 47px;
display: block;
text-align: center;
background-color: var(--main);
color: var(--light);
font-size: 24px;
transform: rotate(-45deg);
}
.layout-team-hover .post-inner:hover img {
-webkit-filter: drop-shadow(3px 3px 0 var(--third)) drop-shadow(-3px -3px 0 var(--third));
filter: drop-shadow(3px 3px 0 var(--third)) drop-shadow(-3px -3px 0 var(--third));
}
.layout-team-hover .post-inner:hover .post-detail {
transform: none;
opacity: 1;
}
.jws-instructors-advanced-element .loader {
top: 100px;
}
.jws-instructors-advanced-element .layout1 .post-media {
margin-bottom: 24px;
border-radius: 20px;
}
.jws-instructors-advanced-element .layout1 .post-media:after {
position: absolute;
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='303' height='222' viewBox='0 0 303 222' fill='none'%3E%3Cpath d='M0 20C0 8.95431 8.9543 0 20 0H225C236.046 0 245 8.95431 245 20V39.3419C245 50.2531 253.746 59.1508 264.655 59.3389L283.345 59.6611C294.254 59.8492 303 68.7469 303 79.6581V202C303 213.046 294.046 222 283 222H20C8.95431 222 0 213.046 0 202V20Z' fill='%23030F40'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='303' height='222' viewBox='0 0 303 222' fill='none'%3E%3Cpath d='M0 20C0 8.95431 8.9543 0 20 0H225C236.046 0 245 8.95431 245 20V39.3419C245 50.2531 253.746 59.1508 264.655 59.3389L283.345 59.6611C294.254 59.8492 303 68.7469 303 79.6581V202C303 213.046 294.046 222 283 222H20C8.95431 222 0 213.046 0 202V20Z' fill='%23030F40'/%3E%3C/svg%3E");
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: bottom;
content: "";
width: 100%;
height: 100%;
left: 0;
top: 0;
background: var(--main);
mask-size: contain;
}
.jws-instructors-advanced-element .layout1 .post-media img {
position: relative;
z-index: 1;
width: 100%;
transform: translateY(10px);
transition: 0.3s all;
}
.jws-instructors-advanced-element .layout1 .post-media:hover img {
filter: grayscale(0%);
transform: translateY(0px);
}
.jws-instructors-advanced-element .layout1 .post-meta {
margin-top: 7px;
gap: 5px;
flex-wrap: wrap;
}
.filter-instructer {
margin-bottom: 30px;
}
.filter-instructer .field-select {
min-width: 160px;
}
.filter-instructer .result-post {
margin-inline-end: 8em;
}
.filter-instructer .serch-field {
max-width: 246px;
}
.filter-instructer .serch-field input {
padding-right: 50px !important;
}
.filter-instructer .serch-field button {
font-size: 24px;
top: 50%;
margin-top: -9px;
right: 23px;
}
@media (max-width: 767px) {
.filter-instructer .col-xl-7 {
justify-content: space-between;
display: flex;
align-items: center;
}
.filter-instructer .col-xl-5 {
justify-content: flex-start;
margin-top: 20px;
}
.filter-instructer .serch-field {
width: 100%;
max-width: 100%;
}
}
.form-mailchimp-inline .ld_subscribe_form {
display: flex;
}
.form-mailchimp-inline .ld_subscribe_form .ld_sf_paragraph {
flex: 1;
margin-right: 10px;
}
.ld_subscribe_form input {
color: var(--input-color);
}
.ld_subscribe_form input::-webkit-input-placeholder { color: var(--input-color);
}
.ld_subscribe_form input:-ms-input-placeholder { color: var(--input-color);
}
.ld_subscribe_form input::placeholder {
color: var(--input-color);
}
.form-mailchimp-button_in_input button[type="submit"] {
position: absolute;
top: 0;
right: 0;
transform: none !important;
}
@media (max-width: 480px) {
.form-mailchimp-inline .ld_subscribe_form {
flex-direction: column;
}
.form-mailchimp-inline .ld_subscribe_form .ld_sf_paragraph {
margin-right: 0;
}
.form-mailchimp-inline .ld_subscribe_form button {
width: 100% !important;
}
}
.jws-switch-pricing.layout-table {
overflow-x: auto;
}
.jws-switch-pricing.layout-table .elementor-button {
width: 100%;
--btn-pt: 0.7em;
--btn-pb: 0.7em;
}
.jws-switch-pricing.layout-table .table-info {
padding: 25px;
}
.jws-switch-pricing.layout-table .table-info .title {
margin-bottom: 17px;
}
.jws-switch-pricing.layout-table .table-info .btn {
margin-top: 12px;
}
.jws-switch-pricing.layout-table .table-info .popular-bage {
font-size: 12px;
background-color: var(--third);
border-radius: 5px;
padding: 4px 5px;
font-family: var(--body-font);
vertical-align: middle;
margin-inline-start: 10px;
}
.jws-switch-pricing.layout-table table {
border-collapse: separate;
border-spacing: 0;
}
.jws-switch-pricing.layout-table table td {
padding: 8px 0;
}
.jws-switch-pricing.layout-table table .jws-icon-check-bold {
font-size: 24px;
}
.jws-switch-pricing.layout-table table thead th:first-child {
padding-right: 10px;
}
.jws-switch-pricing.layout-table tr {
border: none;
}
.jws-switch-pricing.layout-table tbody tr.fr-h td {
border-bottom: 1px solid var(--main);
padding-top: 20px;
}
.jws-switch-pricing.layout-table tbody tr:not(.fr-f) .td-d {
border-bottom-style: dashed;
}
.jws-switch-pricing.layout-table tbody tr.fr-h + tr td {
padding-top: 20px;
}
.jws-switch-pricing.layout-table tbody tr td:nth-child(2) {
border-left: 1px solid var(--main);
}
.jws-switch-pricing.layout-table tbody tr td:nth-child(3) {
background-color: #F8F8F8;
}
.jws-switch-pricing.layout-table tbody tr td:last-child {
border-right: 1px solid var(--main);
}
.jws-switch-pricing.layout-table tbody tr:last-child td:not(:first-child) {
border-bottom: 1px solid var(--main);
}
.jws-switch-pricing.layout-table tbody tr:last-child td:nth-child(2) {
border-bottom-left-radius: 30px;
}
.jws-switch-pricing.layout-table tbody tr:last-child td:last-child {
border-bottom-right-radius: 30px;
}
.jws-switch-pricing.layout-table tbody .fr-n {
max-width: 210px;
}
.jws-switch-pricing.layout-table thead th {
padding: 0;
white-space: nowrap;
}
.jws-switch-pricing.layout-table thead tr th:nth-child(2) {
border-left: 1px solid var(--main);
border-top-left-radius: 30px;
}
.jws-switch-pricing.layout-table thead tr th:nth-child(3) {
background-color: #F8F8F8;
}
.jws-switch-pricing.layout-table thead tr th:last-child {
border-right: 1px solid var(--main);
border-top-right-radius: 30px;
}
.jws-switch-pricing.layout-table thead tr th:not(:first-child) {
border-top: 1px solid var(--main);
}
.jws-switch-pricing.layout-table thead .pricing-sub-heading {
white-space: normal;
}
.jws-switch-pricing.layout-default .pricing-heading {
margin-bottom: -20px;
}
.jws-switch-pricing.layout-default .pricing-heading span {
background-color: var(--light);
padding: 10px 15px;
}
.jws-switch-pricing.layout-default .elementor-button {
width: 100%;
--btn-pt: 0.7em;
--btn-pb: 0.7em;
}
.jws-switch-pricing.layout-default .pricing-tabs {
backdrop-filter: blur(5px);
}
.jws-switch-pricing.layout-default .title h5 {
margin-bottom: 2px;
}
.jws-switch-pricing.layout-default .price {
border-bottom: 1px solid rgba(255, 255, 255, 0.5);
padding: 40px 0;
padding-top: 25px;
padding-bottom: 45px;
margin-bottom: 23px;
}
.jws-switch-pricing.layout-default .feature {
margin-bottom: 26px;
}
.jws-switch-pricing.layout-default .feature ul {
padding-left: 1em;
}
.jws-switch-pricing.layout-default .feature > div {
margin-bottom: 4px;
}
.jws-switch-pricing.layout-default .pricing-item:not(:last-child) {
border-right: 1px solid rgba(255, 255, 255, 0.1);
}
.jws-switch-pricing.layout-default .pricing-nav {
margin-bottom: 43px;
}
.jws-switch-pricing.layout-default .pricing-nav-button {
width: 70px;
height: 30px;
background-color: var(--light);
margin: 0 20px;
}
.jws-switch-pricing.layout-default .pricing-nav-button.slide:after {
left: 43px;
}
.jws-switch-pricing.layout-default .pricing-nav-button:after {
width: 24px;
height: 24px;
border-radius: 100%;
background-color: var(--secondary);
content: "";
display: block;
top: 3px;
position: absolute;
left: 3px;
transition: all 250ms ease-in-out;
}
.jws-switch-pricing.layout-default .pricing-nav-button .switch-button {
width: 50%;
}
@media (max-width: 992px) {
.jws-switch-pricing.layout-table tbody > tr > td:first-child {
background: var(--light);
position: sticky;
left: 0;
}
}
.episodes-audio-player .mejs__time-float {
height: 17px !important;
}
.episodes-audio-player .mejs__time-float-current {
color: var(--heading);
}
.episodes-audio-player .mejs__volume-button {
color: var(--light);
line-height: 38px;
}
.episodes-audio-player .mejs__volume-button button {
display: none;
}
.episodes-audio-player .mejs__volume-button .mejs__volume-slider {
bottom: 30px;
}
.episodes-audio-player .mejs__volume-button.mejs__mute:before {
content: '\e84d';
font-family: "jws_icon";
}
.episodes-audio-player .mejs__volume-button.mejs__unmute:before {
content: '\e84e';
font-family: "jws_icon";
}
.jws-player-inner {
width: 100%;
}
.jws-player-inner .episodes-audio-player {
width: 100% !important;
}
.mejs__button.mejs__pause > button:before {
content: '\e834';
font-family: "jws_icon";
color: var(--light);
font-size: 15px;
line-height: 20px;
}
.has-multi .jws-player .jws-control {
display: block;
}
.has-multi .jws-player.layout2 {
padding-left: 45px;
}
.jws-player {
width: 100%;
position: relative;
}
.jws-player .jws-control {
display: none;
}
.jws-player.layout2 .jws-control {
color: var(--light);
position: absolute;
top: 15px;
left: 0;
}
.jws-player.layout2 .jws-control span {
cursor: pointer;
}
.jws-player.layout2 .mejs__controls {
padding: 0;
}
.jws-player.layout1 .jws-control > span {
position: absolute;
top: 20px;
color: var(--light);
cursor: pointer;
}
.jws-player.layout1 .jws-control > span.prev {
left: 0;
}
.jws-player.layout1 .jws-control > span.next {
right: 0;
}
.jws-player.layout1 .episodes-audio-player {
height: auto !important;
min-width: 100% !important;
}
.jws-player.layout1 .episodes-audio-player .mejs__container {
position: relative;
height: auto !important;
}
.jws-player.layout1 .episodes-audio-player .mejs__controls {
display: block;
padding: 0;
height: auto;
position: relative;
}
.jws-player.layout1 .episodes-audio-player .mejs__controls .mejs__time-rail {
height: auto;
width: calc(100% - 27px);
margin: 0;
padding: 0;
}
.jws-player.layout1 .episodes-audio-player .mejs__controls .mejs__time-rail .mejs__time-slider {
position: relative;
}
.jws-player.layout1 .episodes-audio-player .mejs__controls .mejs__button {
margin: 0 auto;
}
.jws-player.layout1 .episodes-audio-player .mejs__controls .mejs__time {
position: absolute;
bottom: -35px;
height: auto;
padding: 0;
line-height: 20px;
}
.jws-player.layout1 .episodes-audio-player .mejs__controls .mejs__currenttime-container {
left: 0;
}
.jws-player.layout1 .episodes-audio-player .mejs__controls .mejs__duration-container {
right: 0;
}
.jws-player.layout1 .episodes-audio-player .mejs__volume-button {
position: absolute;
bottom: -15px;
right: 0;
height: 30px;
cursor: pointer;
line-height: 27px;
}
.jws-player.layout1 .episodes-audio-player .mejs__playpause-button {
width: 50px;
height: 50px;
margin-bottom: 15px !important;
}
.jws-player.layout1 .episodes-audio-player .mejs__playpause-button > button {
width: 50px;
height: 50px;
margin: 0;
}
.jws-player.layout1 .episodes-audio-player .mejs__playpause-button.mejs__play > button:before {
font-size: 15px;
}
.jws-player.layout1 .episodes-audio-player .mejs__playpause-button.mejs__pause > button:before {
font-size: 20px;
}
.jws-player-audio .loader .path {
stroke: var(--light);
}
.jws-player-audio.loading .jws-player-inner {
opacity: 0;
}
.jws-player-audio.player_layout1 img {
border-radius: 50px;
border: 1px solid var(--border-color3);
max-width: 256px;
margin: 0 auto;
display: block;
}
.jws-player-audio.player_layout1 h5 {
margin-top: 27px;
margin-bottom: 19px;
}
.jws-player-audio.player_layout1 h5 a {
color: var(--body3);
}
.jws-player-audio.player_layout1 .jws-player {
margin-top: 20px;
}
.jws-player-audio.player_layout1 .shows a {
color: var(--body);
} .jws-cart-animating {
transition: 0.35s ease;
}
.jws_wishlist a {
position: relative;
display: block;
}
.jws_wishlist a .wishlist_icon {
display: inline-block;
vertical-align: bottom;
position: relative;
font-size: 30px;
margin-right: 3px;
}
.jws_wishlist a .count {
width: 18px;
height: 18px;
line-height: 18px;
display: block;
text-align: center;
font-size: 14px;
border-radius: 100%;
top: -8px;
right: -4px;
position: absolute;
background: var(--third);
color: var(--heading);
}
.elementor-menu-cart--show-quantity-count-item-yes .jws_mini_cart .jws_cart_content .jws-cart-panel .jws-cart-panel-list-wrap .jws_mini_cart_item {
display: block;
}
.jws-mini-cart-wrapper.active .jws-cart-overlay {
opacity: 1;
visibility: visible;
}
.jws-mini-cart-wrapper.active .jws-cart-sidebar {
-webkit-transform: translateX(0%);
-o-transform: translateX(0%);
-ms-transform: translateX(0%);
-moz-transform: translateX(0%);
transform: translateX(0%);
}
.jws-cart-overlay {
position: fixed;
left: 0;
top: 0;
height: 100%;
width: 100%;
background: rgba(0, 0, 0, 0.73);
transition: 0.7s ease;
visibility: hidden;
z-index: 9998;
opacity: 0;
}
.jws-cart-sidebar {
position: fixed;
top: 0;
right: 0;
z-index: 9999;
-webkit-transition: 0.7s ease;
transition: 0.7s ease;
-webkit-transform: translateX(105%);
-o-transform: translateX(105%);
-ms-transform: translateX(105%);
-moz-transform: translateX(105%);
transform: translateX(105%);
background-color: var(--background-body);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
-ms-box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
-o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
height: 100%;
width: 375px;
}
.cart-head {
padding: 21px 30px 17px;
border-bottom: 1px solid var(--border-color2);
}
.cart-head .cart-close {
width: 20px;
height: 20px;
display: block;
margin-top: 5px;
float: right;
cursor: pointer;
font-size: 30px;
color: var(--heading);
transition: 0.7s ease;
}
.cart-head .cart-close:hover {
color: var(--main);
}
.cart-head label {
font-size: 28px;
line-height: 34px;
margin-bottom: 10px;
margin-top: 0;
font-family: var(--font2);
font-weight: 700;
color: var(--heading);
}
.cart-head label .count {
margin-left: 10px;
}
.jws_cart_content {
display: flex;
flex-direction: column;
flex: 1;
height: 100%;
padding-bottom: 240px;
}
.jws_cart_content.jws-cart-panel-empty {
padding-bottom: 0;
}
.jws_cart_content.jws-cart-panel-empty .jws-cart-panel-summary {
border: 0 !important;
}
.jws_cart_content .variation dt,
.jws_cart_content .variation dd {
margin: 0;
}
.jws_cart_content .jws-cart-panel {
display: flex;
flex-direction: column;
flex: 1;
overflow: auto;
height: 100%;
}
.jws_cart_content .jws-cart-panel .jws-cart-panel-summary {
margin-top: auto;
padding: 20px 30px;
border-top: 1px solid var(--border-color2);
position: absolute;
width: 100%;
bottom: 0;
left: 0;
background-color: var(--background-body);
}
.jws_cart_content .jws-cart-panel .jws-cart-panel-summary .jws-cart-panel-summary-inner .jws-shipping {
margin-bottom: 18px;
}
.jws_cart_content .jws-cart-panel .jws-cart-panel-summary .jws-cart-panel-summary-inner .jws-shipping .progress_bar_total {
margin-bottom: 13px;
}
.jws_cart_content .jws-cart-panel .jws-cart-panel-summary .jws-cart-panel-summary-inner .jws-shipping .progress_bar_total .line {
height: 6px;
position: relative;
}
.jws_cart_content .jws-cart-panel .jws-cart-panel-summary .jws-cart-panel-summary-inner .jws-shipping .progress_bar_total .line > span {
position: absolute;
height: 100%;
top: 0;
left: 0;
}
.jws_cart_content .jws-cart-panel .jws-cart-panel-summary .jws-cart-panel-summary-inner .jws-shipping .progress_bar_total .line > span > span {
position: absolute;
width: 100%;
height: 100%;
background: var(--main);
}
.jws_cart_content .jws-cart-panel .jws-cart-panel-summary .jws-cart-panel-summary-inner .jws-shipping .progress_bar_total .line > span .number {
position: absolute;
left: 100%;
background: var(--main);
top: -7px;
font-size: 12px;
color: var(--light);
line-height: 17.6px;
padding: 2px 5px 0px 5px;
border-radius: 3px;
}
.jws_cart_content .jws-cart-panel .jws-cart-panel-summary .jws-cart-panel-summary-inner .jws-shipping .progress_bar_total .line:before {
width: 100%;
height: 100%;
position: absolute;
content: "";
left: 0;
top: 0;
background: var(--main);
opacity: 0.1;
}
.jws_cart_content .jws-cart-panel .jws-cart-panel-summary .jws-cart-panel-summary-inner .jws-shipping .jws_shipping_wap {
font-size: 14px;
text-align: center;
}
.jws_cart_content .jws-cart-panel .jws-cart-panel-summary .jws-cart-panel-summary-inner .jws-shipping .jws_shipping_wap .fa-check-square {
color: #44c344;
font-size: 16px;
margin-right: 5px;
}
.jws_cart_content .jws-cart-panel .jws-cart-panel-summary .jws-cart-panel-summary-inner .jws-shipping .amount {
font-weight: 500;
}
.jws_cart_content .jws-cart-panel .jws-cart-panel-summary .jws-cart-panel-summary-inner .jws-shipping .text-free {
font-weight: 600;
text-transform: uppercase;
font-size: 12px;
}
.jws_cart_content .jws-cart-panel .jws-cart-panel-summary .jws-cart-panel-summary-inner .total-cart {
margin-bottom: 17px;
}
.jws_cart_content .jws-cart-panel .jws-cart-panel-summary .jws-cart-panel-summary-inner .total-cart .jws-cart-panel-summary-subtotal {
float: right;
font-weight: 500;
color: var(--heading);
}
.jws_cart_content .jws-cart-panel .jws-cart-panel-summary .jws-cart-panel-summary-inner .total-cart strong {
font-weight: 500;
color: var(--heading);
}
.jws_cart_content .jws-cart-panel .jws-cart-panel-summary .jws-cart-panel-summary-inner .total-cart p {
margin: 0;
}
.jws_cart_content .jws-cart-panel .jws-cart-panel-summary .jws-cart-panel-summary-inner .buttons_checkout a {
--main: var(--heading);
color: var(--light);
}
.jws_cart_content .jws-cart-panel .jws-cart-panel-summary .jws-cart-panel-summary-inner .buttons_checkout a:hover {
color: var(--main);
}
.jws_cart_content .jws-cart-panel .jws-cart-panel-summary .jws-cart-panel-summary-inner .woocommerce-mini-cart__buttons {
margin: 0;
margin-bottom: 10px;
}
.jws_cart_content .jws-cart-panel .jws-cart-panel-summary .jws-cart-panel-summary-inner .woocommerce-mini-cart__buttons a {
display: block;
}
.jws_cart_content .jws-cart-panel .jws-cart-panel-list-wrap {
padding: 30px;
}
.jws_cart_content .jws-cart-panel .jws-cart-panel-list-wrap .jws_mini_cart_item {
margin-bottom: 25px;
display: none;
}
.jws_cart_content .jws-cart-panel .jws-cart-panel-list-wrap .cart_list {
padding: 0;
list-style-type: none;
}
.jws_cart_content .jws-cart-panel .jws-cart-panel-list-wrap .cart_list .cart_empty {
text-align: center;
padding-top: 20px;
border: 0;
margin-top: 20px;
}
.jws_cart_content .jws-cart-panel .jws-cart-panel-list-wrap .cart_list .cart_empty .button-custom {
display: block;
margin-top: 20px;
}
.jws_cart_content .jws-cart-panel .jws-cart-panel-list-wrap .cart_list .cart_empty > span {
color: #ececec;
display: block;
margin-bottom: 10px;
}
.jws_cart_content .jws-cart-panel .jws-cart-panel-list-wrap .cart_list .cart_empty > span:before {
font-size: 85px;
line-height: 85px;
}
.jws_cart_content .jws-cart-panel .jws-cart-panel-list-wrap .cart_list li {
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid var(--border-color2);
position: relative;
}
.jws_cart_content .jws-cart-panel .jws-cart-panel-list-wrap .cart_list li.loading .jws_cart_item_inner {
pointer-events: none;
opacity: 0.2;
transition: 0.3s all;
}
.jws_cart_content .jws-cart-panel .jws-cart-panel-list-wrap .cart_list li .jws_cart_item_inner {
position: relative;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.jws_cart_content .jws-cart-panel .jws-cart-panel-list-wrap .cart_list li:last-child {
margin-bottom: 0;
border: 0;
}
.jws_cart_content .jws-cart-panel .jws-cart-panel-list-wrap .cart_list li .jws-cart-panel-item-thumbnail {
flex: 0 0 80px;
max-width: 80px;
margin-right: 20px;
position: relative;
}
.jws_cart_content .jws-cart-panel .jws-cart-panel-list-wrap .cart_list li .jws-cart-panel-item-content {
flex: 0 0 calc(100% - 100px);
max-width: calc(100% - 100px);
position: relative;
}
.jws_cart_content .jws-cart-panel .jws-cart-panel-list-wrap .cart_list li .jws-cart-panel-item-content .variation {
margin-bottom: 5px;
margin-top: 10px;
font-size: 13px;
}
.jws_cart_content .jws-cart-panel .jws-cart-panel-list-wrap .cart_list li .jws-cart-panel-item-content .variation dt {
float: none;
font-weight: 700;
color: var(--heading);
}
.jws_cart_content .jws-cart-panel .jws-cart-panel-list-wrap .cart_list li .jws-cart-panel-item-content .jws-cart-panel-product-title {
color: var(--heading);
display: block;
font-weight: 700;
padding-right: 20px;
}
.jws_cart_content .jws-cart-panel .jws-cart-panel-list-wrap .cart_list li .jws-cart-panel-item-content .jws-cart-panel-product-title:hover {
color: var(--main);
}
.jws_cart_content .jws-cart-panel .jws-cart-panel-list-wrap .cart_list li .jws-cart-panel-item-price {
color: var(--secondary);
margin-bottom: 5px;
}
.jws_cart_content .jws-cart-panel .jws-cart-panel-list-wrap .cart_list li .remove {
text-align: center;
right: 0;
top: 0;
position: absolute;
font-size: 16px;
z-index: 1;
opacity: 0.6;
}
.jws_cart_content .jws-cart-panel .jws-cart-panel-list-wrap .cart_list li .remove:hover {
opacity: 1;
color: var(--heading);
}
.jws_cart_content .jws-cart-panel .jws-cart-panel-list-wrap .cart_list li .remove:before {
content: "\f2ed";
font-family: "Font Awesome 5 Free";
font-size: 14px;
}
.jws_mini_cart > .jws-cart-nav a {
color: var(--heading);
position: relative;
display: block;
}
.jws_mini_cart > .jws-cart-nav a .cart_icon {
display: inline-block;
position: relative;
font-size: 32px;
color: var(--body);
transition: 0.3s all;
vertical-align: middle;
text-align: center;
background: #ffffff;
border-radius: 10px;
width: 40px;
height: 40px;
line-height: 40px;
}
.jws_mini_cart > .jws-cart-nav a .jws_price_total {
vertical-align: middle;
font-size: 14px;
margin-left: 2px;
}
.jws_mini_cart > .jws-cart-nav a .cart_text {
display: inline-block;
letter-spacing: 0.5px;
}
.jws_mini_cart > .jws-cart-nav a .cart_text i {
margin-left: 2px;
display: inline-block;
vertical-align: middle;
}
.jws_mini_cart > .jws-cart-nav a .jws_cart_count {
width: 18px;
height: 18px;
line-height: 18px;
display: block;
text-align: center;
font-size: 14px;
border-radius: 100%;
top: 0px;
right: -2px;
position: absolute;
background: var(--third);
color: var(--heading);
}
.jws_mini_cart .jws-cart-sidebar {
height: 100%;
min-width: 300px;
}
@media (max-width: 767px) {
.jws-cart-sidebar {
max-width: 90%;
}
.jws-cart-sidebar .jws_cart_content .jws-cart-panel .jws-cart-panel-list-wrap {
padding: 15px;
}
.jws-cart-sidebar .jws_cart_content .jws-cart-panel .jws-cart-panel-summary {
padding: 20px 15px;
}
.cart-head {
padding: 10px 15px 10px;
}
}
@media (max-width: 340px) {
.jws_cart_content .jws-cart-panel .jws-cart-panel-list-wrap .cart_list li .jws-cart-panel-item-price {
position: relative;
}
}
dt.variation-hidden {
display: none;
}
.jws-dropdown-wap {
font-size: 13px;
}
.jws-dropdown-wap a:after {
content: '\e849';
font-family: "jws_icon";
margin-left: 5px;
}
.jws-dropdown-wap .dropdown {
font-weight: 400;
border: 1px solid var(--border-color2);
padding: 5px 10px;
border-radius: 3px;
margin-bottom: 10px;
}
.jws-dropdown-wap .dropdown.hide {
display: none;
}
.jws-dropdown-wap .dropdown .label {
font-weight: bold;
color: var(--heading);
}
.edit-meals {
color: var(--third);
font-size: 13px;
border-bottom: 1px solid;
line-height: 16px;
}  .post-share .addthis_button_more {
padding-bottom: 4px;
}
.post-share a {
display: inline-block;
vertical-align: middle;
}
.post-share a:not(:last-child) {
margin-right: 24px;
}
.post-share a:hover {
color: var(--main);
}
.post-author-info {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(100% - 75px);
flex: 0 0 calc(100% - 75px);
max-width: calc(100% - 75px);
padding-left: 20px;
}
.post-about-author {
margin-top: 30px;
border: 1px solid #EFF1F2;
border-radius: 10px;
padding: 23px 30px;
}
.post-about-author .row {
margin: 0;
}
.post-about-author .post-author-avatar {
-webkit-box-flex: 0;
-ms-flex: 0 0 75px;
flex: 0 0 75px;
max-width: 75px;
}
.post-about-author .post-author-avatar img {
border-radius: 100%;
width: 75px;
height: 75px;
object-fit: cover;
}
.post-about-author .at-name > span {
display: block;
font-family: var(--body-font);
}
.post-about-author .description {
margin-top: 15px;
}
.post-about-author .icon-author a {
color: var(--heading);
margin-right: 15px;
}
.single-blog {
padding: 0px 0 7px;
}
.single-blog.layout_layout2 .header-blog-style {
padding: 153px 0 24px;
}
.single-blog .post-breadcrumb .delimiter {
font-size: 16px;
margin: 0 7px;
}
.single-blog .post-breadcrumb a {
color: var(--body);
}
.single-blog .post-breadcrumb .current {
color: var(--heading);
}
.single-blog .header-blog-style {
background: linear-gradient(180deg, var(--five) 0%, rgba(255, 255, 255, 0) 100%);
padding: 190px 0 115px;
}
.single-blog .header-blog-style .post-cat a {
background-color: var(--secondary);
border-radius: 30px;
color: var(--light);
padding: 10px 15px;
margin-right: 10px;
}
.single-blog .header-blog-style .post-meta {
margin-bottom: 62px;
}
.single-blog .header-blog-style .post-meta > span:not(:first-child):before {
content: "";
background-color: #D9D9D9;
width: 3px;
height: 3px;
border-radius: 100%;
display: inline-block;
vertical-align: middle;
margin: 0 10px;
}
.single-blog .header-blog-style .jws-post-info .post-title {
font-size: 36px;
line-height: 48px;
margin-top: 0;
font-family: var(--font2);
font-weight: 700;
color: var(--heading);
margin-bottom: 10px;
margin-top: 1px;
}
.single-blog .header-blog-style .h-left {
padding-right: 15%;
}
.single-blog.sidebar_right .post_sidebar {
padding-left: 30px;
}
.single-blog.sidebar_left .post_sidebar {
padding-right: 30px;
}
.single-blog footer {
clear: both;
margin-top: 11px;
}
.single-blog .entry_content {
margin-top: 25px;
}
.single-blog .post-related {
padding: 0;
margin-top: 53px;
}
.single-blog .post-related .title-related {
margin-bottom: 30px;
}
.single-blog .post-author {
margin-bottom: 24px;
}
.single-blog .post-author img {
width: 36px;
border-radius: 100%;
margin-right: 8px;
height: 36px;
object-fit: cover;
}
.single-blog .post-author span {
vertical-align: middle;
}
.single-blog .post-author a {
color: var(--body);
}
.single-blog .post-tags {
padding: 10px 0;
}
.single-blog .post-tags > span {
margin-right: 15px;
color: var(--heading);
}
.single-blog .post-tags > span:before {
content: '\e820';
font-family: "jws_icon";
margin-right: 5px;
}
.single-blog .post-tags a {
color: var(--body);
margin-right: 15px;
}
.single-blog .post-tags a:before {
content: "#";
}
.single-blog .post-tags a:hover {
color: var(--main);
}
.single-blog .post-navigation {
position: relative;
margin-top: 50px;
}
.single-blog .post-navigation:after {
content: "";
display: table;
clear: both;
}
.single-blog .post-navigation > .left {
float: left;
width: 43%;
}
.single-blog .post-navigation > .left i {
margin-right: 11px;
}
.single-blog .post-navigation > .right {
float: right;
width: 43%;
}
.single-blog .post-navigation > .right i {
margin-left: 11px;
}
.single-blog .post-navigation > .right .content_nav {
text-align: right;
}
.single-blog .post-navigation .content_nav > span {
display: block;
color: var(--body);
}
.single-blog .post-navigation .content_nav i {
display: inline-block;
vertical-align: middle;
color: var(--heading);
margin-top: -1px;
font-size: 20px;
}
.comments-area .comment_top {
margin-bottom: 60px;
}
.comments-area .comment_top .comments-title {
margin-bottom: 20px;
}
.comments-area .comment_top .comment-list {
list-style-type: none;
padding: 0;
margin: 0;
}
.comments-area .comment_top .comment-list .comment-respond {
margin-top: 30px;
margin-bottom: 30px;
padding-top: 0;
}
.comments-area .comment_top .comment-list .comment-respond:before {
display: none;
}
.comments-area .comment_top .comment-list > li:not(:last-child) {
border-bottom: 1px solid var(--body3);
padding-bottom: 16px;
margin-bottom: 18px;
}
.comments-area .comment_top .comment-list li ol {
list-style-type: none;
padding: 0;
margin: 0;
}
.comments-area .comment_top .comment-list li .children {
padding-left: 100px;
}
.comments-area .comment_top .comment-list li .comment-body {
margin-bottom: 15px;
}
.comments-area .comment_top .comment-list li .comment-body .comment-avatar {
display: inline-block;
vertical-align: top;
margin-top: 12px;
}
.comments-area .comment_top .comment-list li .comment-body .comment-avatar img {
border-radius: 100%;
width: 80px;
height: 80px;
object-fit: cover;
}
.comments-area .comment_top .comment-list li .comment-body .title-review {
font-weight: 500;
margin-bottom: -5px;
}
.comments-area .comment_top .comment-list li .comment-body .comment-info {
width: calc(100% - 85px);
display: inline-block;
vertical-align: top;
padding-left: 15px;
padding-top: 12px;
position: relative;
}
.comments-area .comment_top .comment-list li .comment-body .comment-info .comment-reply-login {
display: none;
}
.comments-area .comment_top .comment-list li .comment-body .comment-info .comment-reply-link {
font-size: var(--font-size-sm);
line-height: var(--line-height-sm);
border: 1px solid var(--body3);
border-radius: 3px;
padding: 2px 5px 0;
font-weight: bold;
position: absolute;
top: 10px;
right: 0;
}
.comments-area .comment_top .comment-list li .comment-body .comment-info .comment-reply-link:before {
content: "\f3e5";
font-family: 'Font Awesome 5 Free';
font-weight: 900;
margin-right: 7px;
font-size: 13px;
}
.comments-area .comment_top .comment-list li .comment-body .comment-info .comment-reply-link:hover {
background-color: var(--main);
color: var(--light);
border-color: var(--main);
}
.comments-area .comment_top .comment-list li .comment-body .comment-info p {
margin-top: 0;
}
.comments-area .comment_top .comment-list li .comment-body .comment-info > p:last-child {
margin: 0;
}
.comments-area .comment_top .comment-list li .comment-body .comment-info .comment-author {
font-size: 18px;
line-height: 24px;
}
.comments-area .comment-respond {
margin-top: 12px;
padding-top: 70px;
position: relative;
}
.comments-area .comment-respond:before {
content: "";
width: 150vw;
height: 160vh;
position: absolute;
top: 0;
left: -50vw;
background-color: var(--body2);
z-index: -1;
}
.comments-area .comment-respond .comment-form-cookies-consent {
margin-top: 3px;
}
.comments-area .comment-respond .comment-form-cookies-consent label {
color: var(--heading);
font-size: var(--font-size-sm);
line-height: var(--line-height-sm);
}
.comments-area .comment-respond #cancel-comment-reply-link {
color: var(--heading);
font-size: 12px;
font-weight: 700;
letter-spacing: 3px;
text-transform: uppercase;
margin-left: 10px;
}
.comments-area .comment-respond #cancel-comment-reply-link:hover {
color: var(--main);
}
.comments-area .comment-respond .comment-form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -15px;
margin-right: -15px;
}
.comments-area .comment-respond .comment-form > p:not(.comment-form-author):not(.comment-form-email) {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.666667%;
flex: 0 0 100%;
max-width: 100%;
padding: 0 15px;
}
.comments-area .comment-respond .comment-form .comment-form-comment2 {
order: 1;
}
.comments-area .comment-respond .comment-form .comment-form-cookies-consent {
order: 1;
}
.comments-area .comment-respond .comment-form .form-submit {
order: 2;
}
.comments-area .comment-respond .comment-form p {
margin: 0;
}
.comments-area .comment-respond .comment-form .form-label {
color: var(--heading);
font-weight: 500;
}
.comments-area .comment-respond .comment-form input[type="text"],
.comments-area .comment-respond .comment-form textarea {
padding: 0 25px;
}
.comments-area .comment-respond .comment-form textarea {
padding-top: 12px;
height: 222px;
border-radius: 30px;
}
.comments-area .comment-respond .comment-form input[type="text"] {
min-height: 50px;
margin-bottom: 20px;
border-radius: 40px;
}
.comments-area .comment-respond .comment-form .comment-form-cookies-consent input {
margin-right: 5px;
vertical-align: middle;
width: 19px;
height: 19px;
}
.comments-area .comment-respond .comment-form .comment-form-cookies-consent input:after {
line-height: 25px;
}
.comments-area .comment-respond .comment-form .comment-notes {
margin-bottom: 20px;
margin-top: 0;
}
.comments-area .comment-respond .comment-form .logged-in-as {
margin-bottom: 18px;
}
.comments-area .comment-respond .comment-form .comment-form-cookies-consent {
margin-bottom: 35px;
margin-top: 16px;
}
@media (max-width: 1280px) {
.single-blog .header-blog-style .h-left {
padding-right: 0;
margin-bottom: 25px;
}
}
@media (max-width: 992px) {
.single-blog .post_content {
margin-bottom: 30px;
}
.single-blog.sidebar_right .post_sidebar {
padding-left: 15px;
}
.single-blog.sidebar_left .post_sidebar {
padding-right: 15px;
}
}
@media (max-width: 767px) {
.single-blog .jws-post-info .post-title {
font-size: 30px;
line-height: 45px;
}
.single-blog .header-blog-style {
padding: 120px 0 0px !important;
}
.single-blog .header-blog-style .post-meta {
margin-bottom: 20px;
}
.single-blog .header-blog-style .mr_b_35 {
margin-bottom: 25px;
}
.single-blog .post-share {
text-align: left;
}
.single-blog .post-navigation .content_nav .title {
font-size: 15px;
line-height: 20px;
}
.single-blog .post-about-author .post-author-avatar {
-ms-flex: 0 0 100px;
flex: 0 0 100px;
max-width: 100px;
}
.single-blog .post-about-author .post-author-info {
-ms-flex: 0 0 calc(100% - 100px);
flex: 0 0 calc(100% - 100px);
max-width: calc(100% - 100px);
padding-left: 15px;
}
.comments-area .comment_top .comment-list li .comment-body .comment-avatar {
display: block;
}
.comments-area .comment_top .comment-list li .comment-body .comment-info {
display: block;
width: 100%;
padding-left: 0;
margin-top: 10px;
}
.comments-area .comment_top .comment-list li .children {
padding-left: 30px;
}
} .single-events .site-main {
padding-top: 35px;
padding-bottom: 70px;
}
.single-events .post-share .post-share-inner {
right: 0;
}
.single-events .siderbar-sc {
margin-bottom: 45px;
}
.single-events .google-map-button {
text-decoration: underline;
color: var(--secondary);
position: relative;
}
.single-events .add_to_calendar {
margin-top: 10px;
text-decoration: underline;
color: var(--secondary);
position: relative;
}
.single-events .add_to_calendar .atc_event,
.single-events .add_to_calendar .atcb-link {
display: none;
}
.single-events .add_to_calendar .atcb-list {
list-style-type: none;
padding: 0;
pointer-events: auto;
opacity: 0;
transform: translatey(15px);
pointer-events: none;
transition: 0.3s all;
position: absolute;
top: 100%;
background: #fff;
transform: translatey(0);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
padding: 15px 20px;
border-radius: 5px;
}
.single-events .add_to_calendar:hover .atcb-list {
opacity: 1;
pointer-events: auto;
}
.single-events .jws-filter-modal {
box-shadow: rgba(16, 30, 87, 0.07000000000000001) 0px 4px 20px 2px;
border-radius: 30px;
padding: 30px;
}
.single-events .events-related {
margin-top: 86px;
}
.single-team .site-content {
padding-bottom: 80px;
}
.single-team .site-main > .container {
padding: 0;
}
.post-share > span {
color: var(--heading);
display: block;
padding: 10px 0;
}
.post-share > span:after {
content: '\e83e';
font-family: "jws_icon";
font-size: 24px;
margin-left: 10px;
vertical-align: middle;
}
.post-share .post-share-inner {
opacity: 0;
pointer-events: none;
transform: translateY(-20px);
bottom: 100%;
background: #ffffff;
box-shadow: rgba(16, 30, 87, 0.07000000000000001) 0px 4px 20px 2px;
border-radius: 5px;
padding: 10px 15px;
display: flex;
}
.post-share:hover .post-share-inner {
opacity: 1;
pointer-events: auto;
transform: none;
}
@media (max-width: 767px) {
.single-events .fl_end {
justify-content: flex-start;
}
.single-events .fl_end .post-share .post-share-inner {
left: 0;
right: inherit;
}
}
.instructor-page .author-banner .banner-overlay {
background-color: var(--body2);
height: 344px;
}
.instructor-page .author-banner .images {
height: 323px;
margin-top: -236px;
background-color: var(--body3);
}
.instructor-page .user-avatar {
margin-top: -66px;
margin-left: 80px;
border: 5px solid var(--light);
}
.instructor-page .user-avatar img {
width: 120px;
height: 120px;
object-fit: cover;
}
.instructor-page .author-infomation .row {
margin: 0 -4em;
}
.instructor-page .author-infomation .row > div {
padding: 0 4em;
}
.instructor-page .user-name {
margin-top: 10px;
margin-bottom: 30px;
}
.instructor-page .post-meta {
margin-top: 8px;
margin-bottom: 30px;
max-width: 340px;
gap: 5px;
}
.instructor-page .about-bio {
padding-top: 80px;
}
.instructor-page .about-bio h5 {
margin-bottom: 18px;
}
.author-tabs .jws-nav {
display: flex;
overflow-x: auto;
}
.author-tabs .jws-nav .active {
background: rgba(11, 134, 131, 0.15);
}
.author-tabs .jws-nav a {
padding: 20px;
border-radius: 30px 30px 0px 0px;
letter-spacing: 1.5px;
padding: 22px 40px;
white-space: nowrap;
}
.author-tabs .jws-content {
background: rgba(11, 134, 131, 0.15);
padding: 36px 40px 70px;
}
.jws-tabs .jws-content {
border-radius: 0px 0px 30px 30px;
}
.jws-tabs .jws-content > div:not(.active) {
display: none;
}
.ul_st_1 li {
padding-left: 30px;
position: relative;
}
.ul_st_1 li:last-child {
margin-bottom: 0;
}
.ul_st_1 li:before {
content: "";
width: 8px;
height: 8px;
border-radius: 100%;
background-color: var(--third);
position: absolute;
left: 0;
top: 6px;
}
@media (max-width: 992px) {
.instructor-page .author-infomation .row {
margin: 0 -15px;
}
.instructor-page .author-infomation .row > div {
padding: 0 15px;
}
}
@media (max-width: 767px) {
.instructor-page .post-meta {
max-width: 290px;
}
.instructor-page .author-banner .images {
height: 250px;
}
.instructor-page .about-bio {
padding-top: 40px;
}
.instructor-page .course-list {
margin-top: 40px;
}
.author-tabs .jws-nav a {
border-radius: 10px 10px 0px 0px;
letter-spacing: 1px;
padding: 12px 15px;
white-space: nowrap;
font-size: 10px;
}
}
.wp-video-shortcode .mejs-time {
overflow: unset;
}
#submit-report {
padding: 30px;
}
.courses-single .author-list {
margin-top: 24px;
margin-bottom: 70px;
}
.courses-single .post-about-author:not(:last-child) {
margin-bottom: 30px;
}
.courses-single.layout3 {
padding-top: 60px;
}
.courses-single.layout4 .courses-header {
background-color: transparent;
padding-bottom: 0;
}
.post-media.media-popup {
padding-bottom: 64.25%;
}
.post-media.media-popup.size-2 {
padding-bottom: 53.25%;
margin-bottom: 60px;
}
.post-media.media-popup a {
top: 50%;
left: 50%;
width: 70px;
height: 52px;
transform: translate(-50%, -50%);
background: rgba(255, 255, 255, 0.5);
line-height: 52px;
text-align: center;
}
.post-media.media-popup a.btn-s-3 {
width: 116px;
height: 86px;
line-height: 86px;
font-size: 26px;
}
.post-media.media-popup a.btn-s-1 {
width: 43px;
height: 32px;
font-size: 10px;
line-height: 32px;
}
.post-media.media-popup img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.courses-header {
padding-top: 57px;
padding-bottom: 85px;
margin-bottom: 70px;
background-color: var(--body4);
}
.courses-header .post-cat a {
background-color: var(--secondary);
border-radius: 5px;
color: var(--light);
padding: 8px 10px;
margin-right: 10px;
}
.courses-header .post-meta > span:not(:first-child):before {
content: "";
background-color: #D9D9D9;
width: 3px;
height: 3px;
border-radius: 100%;
display: inline-block;
vertical-align: middle;
margin: 0 10px;
}
.courses-header.l-dark {
background-color: var(--main);
color: var(--light);
--heading: var(--light);
}
.courses-header.header-2 .container {
max-width: 1000px;
}
.courses-header.header-3 {
background-color: transparent;
padding: 0;
margin-bottom: 50px;
}
.courses-report i {
font-size: 16px;
margin-right: 8px;
}
.courses-shre > * {
padding: 0 20px;
}
.courses-shre > *:not(:last-child) {
border-right: 1px solid var(--body2);
}
.jws-courses-info {
border: 2px solid var(--body3);
padding: 22px 28px;
}
.jws-courses-info .post-share > span:after {
float: left;
font-size: 16px;
margin-right: 8px;
margin-left: 0;
}
.jws-courses-info > ul li {
display: flex;
justify-content: space-between;
margin-bottom: 10px;
border-bottom: 1px solid var(--border-color2);
padding-bottom: 10px;
}
.jws-courses-info > ul li span:first-child {
font-weight: 500;
}
.jws-courses-info > ul li i {
font-size: 20px;
margin-right: 7px;
vertical-align: middle;
}
.jws-courses-info .ld-course-status-seg-action {
margin-bottom: 10px;
}
.jws-courses-info .ld-course-status-seg-action .show-login-form {
display: block;
text-align: center;
}
.jws-courses-info .ld-course-status-content {
height: auto !important;
}
.jws-courses-info .course-price {
background-color: var(--secondary);
background-image: url(https://azure-mantis-125269.hostingersite.com/wp-content/themes/masterlife/assets/image/bg_price.png);
padding: 20px 25px;
}
.jws-courses-info .course-price .ld-course-status-price {
display: block;
font-size: 36px;
line-height: 41px;
}
.course-wishlist {
position: relative;
}
.course-wishlist.added i:before {
content: '\e833';
}
.course-wishlist i {
width: 36px;
height: 36px;
line-height: 36px;
background: #FFFFFF;
box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.08);
font-size: 16px;
}
.course-wishlist span {
margin-left: 10px;
}
.course-wishlist:not(.added) span:nth-child(3) {
display: none;
}
.course-wishlist.added span:nth-child(2) {
display: none;
}
.single-sfwd-courses .learndash-wrapper {
margin-bottom: 70px;
}
.single-sfwd-courses .learndash-wrapper .ld-course-status-action .btn {
width: 211px;
}
.single-sfwd-courses .learndash-wrapper #btn-join {
background: var(--main);
border-color: var(--main);
font-weight: bold;
font-family: var(--font2);
font-size: 14px;
border-radius: 40px;
transition: all .3s;
width: 211px;
line-height: 52px;
padding: 0 10px;
}
.single-sfwd-courses .learndash-wrapper #btn-join:hover {
color: #fff;
border-color: transparent;
background-color: var(--main);
box-shadow: 0 12px 28px rgba(0, 0, 0, 0.12);
}
.single-sfwd-courses .learndash-wrapper .ld-course-status .ld-status.ld-status-progress {
background: var(--main);
}
.single-sfwd-courses .learndash-wrapper .ld-progress .ld-progress-heading .ld-progress-stats .ld-progress-percentage {
color: var(--secondary);
}
.single-sfwd-courses .learndash-wrapper .ld-progress .ld-progress-bar .ld-progress-bar-percentage {
background: var(--secondary);
}
.single-sfwd-courses .learndash-wrapper .ld-item-icon {
font-size: 20px;
}
.single-sfwd-courses .learndash-wrapper .ld-table-list .ld-table-list-item-preview {
padding: 24px 20px;
}
.single-sfwd-courses .learndash-wrapper .ld-item-list.ld-lesson-list .ld-section-heading h2 {
font-size: 22.5px;
}
.single-sfwd-courses .learndash-wrapper .ld-item-list.ld-lesson-list .ld-lesson-section-heading {
font-family: var(--font2);
color: var(--heading);
margin: 2em 0 1em;
}
.single-sfwd-courses .learndash-wrapper .ld-item-list.ld-lesson-list .ld-topic-list .ld-table-list-header {
padding: 25px 25px;
}
.single-sfwd-courses .learndash-wrapper .ld-item-list.ld-lesson-list .ld-topic-list .ld-table-list-item {
margin: 0 3px;
}
.single-sfwd-courses .learndash-wrapper .ld-item-list.ld-lesson-list .ld-topic-list .ld-table-list-item-preview {
align-items: flex-start;
}
.single-sfwd-courses .learndash-wrapper .ld-item-list.ld-lesson-list .ld-topic-list .ld-table-list-item-preview .ld-status-icon {
margin-top: -4px;
}
.single-sfwd-courses .learndash-wrapper .ld-item-list .ld-table-list-header {
background-color: var(--main);
font-size: 15px;
font-family: var(--font2);
font-weight: 500;
}
.single-sfwd-courses .learndash-wrapper .ld-item-list .ld-item-list-item {
border: 1px solid var(--body3);
border-radius: 10px;
}
.single-sfwd-courses .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-name {
color: var(--heading);
font-weight: bold;
font-family: var(--font2);
}
.single-sfwd-courses .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-title .ld-item-components {
color: var(--body);
display: block;
font-size: var(--font-size-sm);
font-weight: 400;
margin-top: 16px;
}
.single-sfwd-courses .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview .ld-status-icon {
margin-right: 20px;
margin-top: -2px;
}
.single-sfwd-courses .learndash-wrapper .ld-expand-button {
background-color: var(--main);
font-size: var(--font-size-sm);
border-radius: 40px;
align-items: flex-end;
}
.single-sfwd-courses .learndash-wrapper .ld-expand-button:hover {
background-color: var(--main);
}
.single-sfwd-courses .learndash-wrapper .ld-expand-button .ld-icon {
font-size: 1em;
}
.single-sfwd-courses .learndash-wrapper .ld-expand-button.ld-button-alternate .ld-text {
color: var(--secondary) !important;
}
.single-sfwd-courses .learndash-wrapper .ld-expand-button.ld-button-alternate .ld-icon {
background: var(--secondary) !important;
line-height: 20px;
font-size: 11px;
}
.single-sfwd-courses .learndash-wrapper .ld-status {
border-radius: 5px;
font-weight: inherit;
line-height: 1.8 !important;
text-transform: none;
font-size: var(--font-size-sm);
padding: 5px 24px;
}
.single-sfwd-courses .learndash-wrapper .ld-status-waiting {
color: var(--heading);
}
.single-sfwd-courses .learndash-wrapper .ld-course-status.ld-course-status-not-enrolled {
background: var(--body2);
margin: 0;
padding: 42px 0 20px;
}
.single-sfwd-courses .learndash-wrapper .ld-course-status.ld-course-status-not-enrolled .ld-course-status-label {
color: var(--heading);
font-size: var(--font-size-sm);
font-weight: inherit;
margin-bottom: 5px;
}
.single-sfwd-courses .learndash-wrapper .ld-course-status.ld-course-status-not-enrolled .ld-course-status-price {
color: var(--heading);
font-size: 36px;
}
.single-sfwd-courses .learndash-wrapper .ld-course-status.ld-course-status-not-enrolled > * {
border-right: 1px solid var(--body3);
}
.single-sfwd-courses .learndash-wrapper .ld-tabs .ld-tabs-navigation:after {
height: 3px;
}
.single-sfwd-courses .learndash-wrapper .ld-tabs .ld-tabs-navigation .ld-tab {
font-family: var(--font2);
color: var(--heading);
opacity: 0.5;
padding: 12px 40px 12px 0px;
}
.single-sfwd-courses .learndash-wrapper .ld-tabs .ld-tabs-navigation .ld-tab.ld-active {
opacity: 1;
color: var(--heading);
}
.single-sfwd-courses .learndash-wrapper .ld-tabs .ld-tabs-navigation .ld-tab.ld-active:after {
background: var(--secondary) !important;
}
.single-sfwd-courses .learndash-wrapper .ld-tabs .ld-tabs-navigation .ld-tab:after {
height: 3px;
bottom: -2px;
}
.single-sfwd-courses .learndash-wrapper .ld-tabs .ld-tabs-navigation .ld-tab .ld-icon {
font-size: 24px;
}
.single-sfwd-courses .learndash-wrapper .ld-tabs .ld-tabs-navigation .ld-tab .ld-icon-materials:before {
content: '\e844';
font-family: "jws_icon";
}
.learndash-wrapper .ld-status-complete {
background-color: var(--secondary) !important;
}
.ld-icon-checkmark:before,
.ld-icon-complete:before {
content: "\e838" !important;
font-family: "jws_icon";
}
.learndash-wrapper .ld-course-navigation .ld-status-icon .ld-icon-checkmark {
font-size: 10px !important;
margin-top: 0px !important;
}
.learndash-wrapper .ld-course-navigation .ld-lesson-item-preview .ld-lesson-title {
font-size: 14px !important;
font-weight: 500 !important;
}
.learndash-wrapper .ld-course-navigation .ld-status-icon {
margin-top: 2px !important;
}
.learndash-cpt .learndash-wrapper .ld-expand-button.ld-button-alternate .ld-icon {
order: 12;
font-size: 11px !important;
padding: 0;
flex: 0 0 20px;
height: 20px;
line-height: 20px;
}
.ld-dashboard-main-wrapper .acf-notice {
margin: 0;
}
.single .learndash-wrapper:not(.ld-registration__outer-wrapper) .ld-content-actions .ld-content-action .ld-course-step-back {
margin: 10px 0;
}
.learndash-wrapper .ld-course-navigation .ld-table-list.ld-topic-list .ld-table-list-item .ld-table-list-item-preview .ld-topic-title {
font-weight: 500;
}
.learndash-wrapper .ld-expand-button.ld-button-alternate .ld-text {
font-weight: 500;
}
.learndash .learndash-wrapper .ld-tabs {
margin: 3em 0;
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_button,
.learndash-wrapper .wpProQuiz_content .wpProQuiz_button2 {
min-width: 100px;
}
.learndash-wrapper .ld-focus .ld-focus-main .ld-focus-content h1 {
font-size: 46px;
line-height: 55px;
margin-bottom: 10px;
margin-top: 0;
font-family: var(--font2);
font-weight: 700;
color: var(--heading);
}
.wpProQuiz_questionInput:before {
display: none !important;
}
.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation .ld-lesson-item-section-heading .ld-lesson-section-heading {
color: var(--heading);
}
.single .learndash-wrapper .ld-focus-comments__header,
.single .learndash-wrapper .ld-focus-comments .comment-respond #reply-title {
color: var(--heading);
font-weight: 600;
font-size: 24px;
line-height: 32px;
}
.single .learndash-wrapper .ld-focus-comment.bypostauthor.ptype-sfwd-assignment > .ld-comment-wrapper {
padding: 20px;
border-radius: 10px;
}
body .learndash-wrapper .ld-quiz-actions input[name=reShowQuestion],
body .learndash-wrapper .ld-quiz-actions input[name=restartQuiz] {
background: var(--main) !important;
padding: 10px 20px;
transition: 0.3s all;
}
body .learndash-wrapper .wpProQuiz_graded_points,
.learndash-wrapper .wpProQuiz_points {
background-color: var(--body3);
border: 2px solid var(--body3);
color: var(--heading);
}
.single .learndash-wrapper .ld-content-actions {
border-top: 1px solid var(--body3);
}
body.single .learndash-wrapper #sfwd-mark-complete:after,
body.single .learndash-wrapper .sfwd-mark-complete:after {
content: "\e838" !important;
font-family: "jws_icon" !important;
}
.single .learndash-wrapper .ld-focus .ld-focus-header .ld-mobile-nav span {
background-color: var(--heading);
height: 2px;
margin: 6px 0;
}
.single .learndash-wrapper .ld-focus .ld-focus-header .ld-user-menu .ld-user-menu-items {
overflow: hidden;
border-radius: 5px;
}
.learndash .learndash-wrapper .ld-status {
margin-bottom: 0;
}
.single .learndash-wrapper .ld-focus .ld-focus-sidebar .ld-focus-sidebar-trigger .ld-icon {
background: var(--secondary);
font-size: 10px;
padding: 10px;
}
.single .learndash-wrapper:not(.ld-registration__outer-wrapper) .ld-button.learndash-link-previous-incomplete:hover .ld-icon-arrow-left {
transform: translate(-3px, -50%);
}
.course-comments-area .comment-list {
padding: 0;
list-style-type: none;
}
.course-comments-area .info-top {
margin-bottom: 23px;
}
.course-comments-area .comment-avatar img {
width: 55px;
height: 55px;
object-fit: cover;
border-radius: 100%;
}
.course-comments-area .comment-author {
width: calc(100% - 55px);
padding-left: 18px;
}
.course-comments-area .comment-author h6 {
margin-top: 4px;
}
.course-comments-area .comment-date {
top: 0;
right: 0;
}
.course-comments-area .star-rating:before {
color: #FFC119;
}
.course-comments-area .star-rating span:before {
color: #FFC119;
}
.course-comments-area .comment-vote.loading {
pointer-events: none;
}
.course-comments-area .comment-vote .vote-loading {
display: inline-block;
vertical-align: middle;
margin: 0 20px;
}
.course-comments-area .comment-vote a {
font-size: 24px;
margin-right: 10px;
vertical-align: middle;
position: relative;
}
.course-comments-area .comment-vote a[data-action="like"].selected i:before {
content: '\e84a';
}
.course-comments-area .comment-vote a[data-action="unlike"].selected i:before {
content: '\e849';
}
.course-comments-area .comment-vote a:first-child {
margin-left: 18px;
}
.course-comments-area li:not(:last-child) .comment-body {
margin-bottom: 30px;
}
.course-comments-area .comment-body {
border-bottom: 1px solid var(--body3);
padding-bottom: 30px;
}
@media (max-width: 1024px) {
.courses-single h1.post-title {
font-size: 25px;
line-height: 35px;
}
.jws-courses-info {
margin-top: 30px;
}
}
@media (max-width: 767px) {
.learndash-wrapper .ld-focus .ld-focus-main .ld-focus-content h1 {
font-size: 30px;
line-height: 42px;
}
.courses-single {
padding-bottom: 50px;
}
.courses-single.layout1 .courses-header .row {
gap: 20px;
}
.post-author-info {
flex-direction: column;
gap: 15px;
align-items: flex-start !important;
}
.courses-header {
padding-bottom: 30px;
margin-bottom: 30px;
padding-top: 30px;
}
}
.single-shows .container > .post-content {
padding: 0 70px;
margin-bottom: 70px;
}
.single-shows .container > .post-media:before {
content: "";
display: block;
padding-bottom: 50%;
}
.single-shows .container > .post-media:after {
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.8)));
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.8) 100%);
position: absolute;
inset: 0;
width: 100%;
height: 100%;
content: "";
}
.single-shows .container > .post-media img {
position: absolute;
inset: 0;
object-fit: cover;
width: 100%;
height: 100%;
}
.single-shows .container > .post-media .play-episodes {
position: absolute;
z-index: 1;
bottom: 50px;
left: 50px;
display: flex;
align-items: center;
gap: 20px;
}
.single-shows .container > .post-media .play-episodes i {
height: 80px;
width: 80px;
line-height: 80px;
text-align: center;
font-size: 20px;
border-radius: 100%;
display: inline-block;
background-color: #ffffff;
}
.single-shows .container > .post-media .play-episodes span {
display: inline-block;
color: var(--light);
}
.single-episodes .post_content {
padding-bottom: 60px;
}
.single-episodes .time-lines {
border: 1px solid var(--body3);
border-radius: 30px;
padding: 25px;
}
.single-episodes .time-lines li div {
font-size: 12px;
}
.single-episodes .time-lines li div i {
font-size: 24px;
vertical-align: middle;
margin-right: 5px;
}
.single-episodes .time-lines li:not(:last-child) {
margin-bottom: 18px;
}
.single-episodes .post-header {
padding: 134px 0 40px;
margin-bottom: 70px;
background: linear-gradient(180deg, var(--five) 0%, rgba(255, 255, 255, 0) 100%);
border-bottom: 1px solid var(--body3);
}
.single-episodes .post-header .container {
max-width: 780px;
}
.single-episodes .post-header .container-top {
max-width: 676px;
margin: 0 auto;
}
.single-episodes .post-platform {
display: flex;
gap: 10px;
flex-wrap: wrap;
justify-content: center;
grid-template-columns: repeat(4, 1fr);
}
.single-episodes .post-platform a {
background-color: #000000;
color: var(--light);
border-radius: 8px;
display: inline-block;
padding: 7px;
line-height: 10px;
min-width: 177px;
padding-left: 37px;
background-size: 25px;
background-repeat: no-repeat;
background-position: 7px 8px;
}
.single-episodes .post-platform a span {
font-size: 9px;
display: block;
margin-bottom: 5px;
}
.single-episodes .post-platform .platform_apple {
background-image: url(https://azure-mantis-125269.hostingersite.com/wp-content/themes/masterlife/assets/image/social_podcast/Apple.svg);
}
.single-episodes .post-platform .platform_spotify {
background-image: url(https://azure-mantis-125269.hostingersite.com/wp-content/themes/masterlife/assets/image/social_podcast/Spotify.svg);
}
.single-episodes .post-platform .platform_rss {
background-image: url(https://azure-mantis-125269.hostingersite.com/wp-content/themes/masterlife/assets/image/social_podcast/feed.svg);
}
.single-episodes .post-platform .platform_google {
background-image: url(https://azure-mantis-125269.hostingersite.com/wp-content/themes/masterlife/assets/image/social_podcast/Google.svg);
}
.single-episodes .post-player {
padding: 20px;
gap: 30px;
}
.single-episodes .post-player .player-content {
width: calc(100% - 200px);
}
.single-episodes .post-player .player-media {
width: 200px;
}
.single-episodes .post-player .player-media img {
height: 200px;
object-fit: cover;
}
@media (max-width: 767px) {
.single-shows .container > .post-content {
padding: 0;
}
.single-episodes .post-header {
padding: 80px 0 40px;
}
.single-episodes .post-player {
flex-direction: column;
}
.single-episodes .post-player .player-content {
text-align: center;
width: 100%;
}
.single-episodes .post-player .mejs__container {
width: 100% !important;
}
.single-episodes h2.post-title {
font-size: 35px;
line-height: 45px;
}
} .shop-page {
padding-top: 45px;
}
.shop-page .jws-pagination-number {
margin-top: 10px;
}
.woocommerce-loop-product__link {
display: block;
}
.products-wrap {
position: relative;
}
.products-wrap > .loader {
top: 10%;
}
.products-wrap.metro .col-xl-40 .product-image img {
max-width: none;
object-position: center;
object-fit: scale-down;
height: 40.8vw;
}
.products-wrap.loading .product-item-inner {
opacity: 0 !important;
transform: translatey(20px) !important;
}
.jws-animated-products .product-item-inner {
opacity: 0;
transform: translatey(50px);
}
.jws-animated-products .jws-animated .product-item-inner {
opacity: 1;
transform: translatey(0px);
}
.jws_pr_labels {
position: absolute;
z-index: 2;
top: 13px;
right: 10px;
text-align: center;
display: flex;
align-items: flex-start;
}
.jws_pr_labels .jws_pr_label {
color: var(--heading);
background: #232323;
margin-bottom: 5px;
text-transform: uppercase;
width: 50px;
height: 24px;
line-height: 24px;
font-size: 14px;
font-family: var(--font2);
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
--before-color: #232323;
font-weight: 500;
}
.jws_pr_labels .jws_pr_label:before {
left: 100%;
width: 0;
bottom: 0;
height: 0;
border-right: 12px solid transparent;
border-top: 12px solid var(--before-color);
border-left: 1px solid var(--before-color);
border-bottom: 12px solid var(--before-color);
position: absolute;
content: "";
}
.jws_pr_labels .new {
background: #5a9b1c;
color: var(--heading);
border-color: #5a9b1c;
--before-color: #5a9b1c;
}
.jws_pr_labels .onsale {
background: #FFC119;
border-color: #FFC119;
color: var(--heading);
--before-color: #FFC119;
}
.jws_pr_labels .out-of-stock {
color: #ffffff;
}
.product-item {
margin-bottom: 40px;
}
.product-item .product-image {
position: relative;
}
.product-item .product-image .gallery {
position: absolute;
left: 0;
top: 0;
opacity: 0;
transition: opacity 0.5s ease, transform 2s cubic-bezier(0, 0, 0.44, 1.18), -webkit-transform 2s cubic-bezier(0, 0, 0.44, 1.18);
width: 100%;
z-index: 1;
pointer-events: none;
}
.product-item .product-image img {
transition: all 0.7s cubic-bezier(0, 0, 0.2, 1);
width: 100%;
} .product-item.product .product-item-inner {
transition: 0.3s all;
overflow: hidden;
}
.product-item.product .jws-attr-swatches.has_attr .swatch {
opacity: 0.5;
}
.product-item.product .jws-attr-swatches .swatch {
cursor: pointer;
}
.product-item.product .jws-attr-swatches .swatch:not(:last-child) {
margin-right: 20px;
}
.product-item.product .jws-attr-swatches .swatch.selected {
opacity: 1;
}
.product-item.product .star-rating {
margin-bottom: 9px;
}
.product-item.product .price {
color: var(--heading);
}
.product-item.product .price del {
margin-right: 1px;
color: var(--body);
}
.product-item.product .price ins {
text-decoration: none;
}
.product-item.product .star-rating-wap {
text-align: center;
margin-top: 10px;
}
.added_to_cart {
display: none !important;
}
.products-tab .jws-nav-carousel > div {
position: absolute;
top: 50%;
margin-top: -23px;
width: 46px;
height: 46px;
line-height: 46px;
text-align: center;
background: #f3f3f3;
color: var(--main);
cursor: pointer;
z-index: 1;
font-size: 20px;
transition: 0.3s all;
}
.products-tab .jws-nav-carousel > div:before {
font-family: "jws_icon";
}
.products-tab .jws-nav-carousel > div:hover {
background: var(--main);
color: #ffffff;
}
.products-tab .jws-nav-carousel .jws-button-prev {
left: -56px;
}
.products-tab .jws-nav-carousel .jws-button-prev:before {
content: '\e800';
}
.products-tab .jws-nav-carousel .jws-button-next {
right: -56px;
}
.products-tab .jws-nav-carousel .jws-button-next:before {
content: '\e801';
}
.products-tab.layout1 .product-item-inner {
transition: 0.3s all;
display: flex;
flex-wrap: wrap;
}
.products-tab.layout1 .product-item-inner:hover .button {
opacity: 1;
transform: translatey(-20px);
}
.products-tab.layout1 .product-item-inner:hover .price-item {
transform: translatey(-20px);
opacity: 0;
}
.products-tab.layout1 .product-image {
margin-bottom: 22px;
}
.products-tab.layout1 .product-info {
width: 100%;
}
.products-tab.layout1 .starting {
font-size: 13px;
margin-bottom: 2px;
}
.products-tab.layout1 .woocommerce-loop-product__title {
margin-bottom: 6px;
}
.products-tab.layout1 .price-item {
display: inline-block;
vertical-align: middle;
transition: 0.3s all;
}
.button-addtocart {
display: inline-block;
position: relative;
height: 40px;
overflow: hidden;
}
.button-addtocart .button {
display: block;
font-family: var(--font2);
font-size: 15px;
opacity: 0;
}
.button-addtocart .button .text {
position: relative;
color: var(--heading);
font-weight: bold;
display: inline-block;
opacity: 1;
}
.button-addtocart .button:after {
content: '\e81d';
font-family: "jws_icon";
margin-left: 10px;
width: 30px;
height: 30px;
display: inline-block;
background-color: var(--secondary);
border-radius: 100%;
color: var(--light);
text-align: center;
line-height: 30px;
font-size: 16px;
}
.button-addtocart .button .loader {
right: 0;
left: inherit;
}
.button-addtocart .button .loader .path {
stroke: var(--light);
} @-webkit-keyframes "spinner-fade" {
0% {
background-color: var(--main);
}
100% {
background-color: transparent;
}
}
@keyframes "spinner-fade" {
0% {
background-color: var(--main);
}
100% {
background-color: transparent;
}
}
@keyframes rotatekey {
100% {
transform: rotate(360deg);
}
}
@keyframes dash {
0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -35px;
}
100% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -124px;
}
}
.jws-products-load-more {
margin-top: 30px;
}
.jws-products-load-more.loading {
pointer-events: none;
}
.jws-products-load-more.loading span {
opacity: 0;
}
.jws-products-load-more.auto_load_more {
opacity: 0;
}
.jws-products-load-more .loader svg .path {
stroke: var(--btn-color);
}
.loading,
.submitting {
position: relative;
}
.loading .loader,
.submitting .loader {
opacity: 1;
}
.loading > span:not(.select2),
.submitting > span:not(.select2),
.loading > i,
.submitting > i,
.loading:before,
.submitting:before {
opacity: 0;
}
.shop-page .products-wrap > .product-category.product .woocommerce-loop-category__title {
font-size: 20px;
text-align: center;
}
.shop-page .products-wrap > .product-category.product .count {
background: transparent;
}
.shop-page .no-products {
transition: 0.3s all;
}
.shop-page .no-products > div {
text-align: center;
padding-top: 30px;
}
.shop-page .no-products > div i {
font-size: 60px;
color: var(--heading);
}
.shop-page .woocommerce-pagination {
text-align: center;
position: relative;
}
.shop-page .woocommerce-pagination .jws-product-loaded {
border-bottom: 2px solid;
display: inline-block;
padding: 5px 20px;
}
.shop-page .woocommerce-pagination .jws-product-loaded .found-min {
display: none;
}
.shop-page .woocommerce-pagination .spinner {
display: inline-block;
position: absolute;
top: 80%;
left: 50%;
margin-left: -6px;
}
.shop-page .woocommerce-pagination .spinner-blade {
position: absolute;
left: 0.4629em;
bottom: 0;
width: 2px;
height: 6px;
border-radius: 0.5em;
background-color: transparent;
transform-origin: center -0.2222em;
-webkit-animation: spinner-fade 1s infinite linear;
animation: spinner-fade 1s infinite linear;
}
.shop-page .woocommerce-pagination .spinner-blade:nth-child(1) {
-webkit-animation-delay: 0s;
animation-delay: 0s;
transform: rotate(0deg);
}
.shop-page .woocommerce-pagination .spinner-blade:nth-child(2) {
-webkit-animation-delay: 0.13s;
animation-delay: 0.13s;
transform: rotate(45deg);
}
.shop-page .woocommerce-pagination .spinner-blade:nth-child(3) {
-webkit-animation-delay: 0.26s;
animation-delay: 0.26s;
transform: rotate(90deg);
}
.shop-page .woocommerce-pagination .spinner-blade:nth-child(4) {
-webkit-animation-delay: 0.39s;
animation-delay: 0.39s;
transform: rotate(135deg);
}
.shop-page .woocommerce-pagination .spinner-blade:nth-child(5) {
-webkit-animation-delay: 0.52s;
animation-delay: 0.52s;
transform: rotate(180deg);
}
.shop-page .woocommerce-pagination .spinner-blade:nth-child(6) {
-webkit-animation-delay: 0.65s;
animation-delay: 0.65s;
transform: rotate(225deg);
}
.shop-page .woocommerce-pagination .spinner-blade:nth-child(7) {
-webkit-animation-delay: 0.78s;
animation-delay: 0.78s;
transform: rotate(270deg);
}
.shop-page .woocommerce-pagination .spinner-blade:nth-child(8) {
-webkit-animation-delay: 0.91s;
animation-delay: 0.91s;
transform: rotate(315deg);
}
.shop-page .shop-content .product-item {
margin-bottom: 50px;
}
.shop-page .sidebar-has_sidebar.no_container .siderbar-inner.left {
padding-top: 3px;
}
.shop-page .sidebar-has_sidebar.no_container .siderbar-inner.right {
padding-top: 3px;
}
.shop-page .sidebar-no_sidebar .woocommerce-result-count {
display: inline;
}
.shop-page .shop-container.no_container {
padding: 0 70px;
}
.shop-page .grid-view {
display: flex;
align-items: center;
margin-right: 45px;
margin-left: 45px;
}
.shop-page .grid-view > span {
margin-right: 23px;
font-size: 12px;
font-weight: 600;
}
.shop-page .grid-view .view-icon-list {
display: flex;
margin: 0 -5.5px;
}
.shop-page .grid-view a {
width: 20px;
height: 19px;
display: inline-block;
background-repeat: no-repeat;
margin: 0 5.5px;
opacity: 0.5;
}
.shop-page .grid-view a.sel-active {
opacity: 1;
pointer-events: none;
}
.shop-page .shop-topbar {
display: none;
margin-bottom: 24px;
}
.shop-page .widget_layered_nav_filters {
margin-bottom: 24px;
}
.shop-page .widget_layered_nav_filters ul {
list-style-type: none;
}
.shop-page .widget_layered_nav_filters ul .chosen {
margin-right: 12px;
margin-bottom: 5px;
margin-top: 5px;
}
.shop-page .widget_layered_nav_filters ul .chosen a {
border: 1px solid rgba(117, 117, 117, 0.5);
padding: 2px 10px;
display: block;
}
.shop-page .widget_layered_nav_filters ul .chosen a:after {
content: '\e814';
font-family: "jws_icon";
margin-left: 5px;
}
.shop-page .widget_layered_nav_filters ul li {
display: inline-block;
}
.shop-page .widget_layered_nav_filters ul li .remove-filter-actived {
color: var(--third);
border-bottom: 2px solid #e1e1e1;
padding-bottom: 1px;
}
.shop-page .shop-top-filters-right {
display: flex;
align-items: center;
justify-content: flex-end;
-webkit-justify-content: flex-end;
}
.shop-page .woocommerce-ordering {
position: relative;
font-size: var(--font-size-sm);
}
.shop-page .woocommerce-ordering .select2-selection--single {
min-height: 33px;
line-height: 33px;
border-color: var(--border-color2);
}
.shop-page .woocommerce-ordering select {
border-color: var(--border-color2);
min-height: 33px;
line-height: 33px;
}
.shop-page .shop-nav-top {
align-items: center;
margin-bottom: 40px;
}
.shop-page .shop-nav-top .woocommerce-result-count {
margin-bottom: 0px;
font-size: 14px;
}
.jws-filter-modal {
display: none;
z-index: 999;
position: fixed;
width: 100%;
top: 0;
left: 0;
height: 100%;
}
.jws-filter-modal .modal-top {
margin-bottom: 20px;
}
.jws-filter-modal .modal-top:after {
content: "";
display: table;
clear: both;
}
.jws-filter-modal .modal-top .modal-title {
color: var(--heading);
margin-bottom: 21px;
font-size: 14px;
line-height: 24px;
padding-bottom: 3px;
font-weight: bold;
letter-spacing: 1.5px;
}
.jws-filter-modal .modal-top .modal-close {
color: var(--heading);
font-size: 14px;
float: right;
cursor: pointer;
}
.jws-filter-modal .modal-top .modal-close:after {
content: '\e81e';
font-family: "jws_icon";
margin-left: 4px;
font-size: 22px;
margin-top: -5px;
display: inline-block;
vertical-align: middle;
}
.jws-filter-modal .widget-title.close:before {
transform: rotate(180deg);
transition-delay: 0.05s;
}
.jws-filter-modal .widget-title.close:after {
transform: rotate(180deg);
}
.jws-filter-modal .widget-title {
position: relative;
cursor: pointer;
}
.jws-filter-modal .modal-content {
width: 300px;
max-width: 85%;
padding: 2rem 1rem;
transform: translateX(-100%);
overflow: auto;
opacity: 0;
transition: 0.4s all;
position: fixed;
top: 0;
left: 0;
bottom: 0;
z-index: 1;
direction: rtl;
background: var(--background-body);
}
.jws-filter-modal .modal-content > div,
.jws-filter-modal .modal-content section {
direction: ltr;
}
.jws-filter-modal .modal-overlay {
background: #040202;
opacity: 0.2;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 1;
opacity: 0;
visibility: hidden;
transition: 0.4s all;
}
.jws-filter-modal.open .modal-content {
transform: translateX(0);
opacity: 1;
}
.jws-filter-modal.open .modal-overlay {
opacity: 0.2;
visibility: visible;
}
.filter-shop-nav {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.filter-shop-nav > span {
font-size: 14px;
font-weight: 500;
margin-right: 10px;
}
.filter-shop-nav > section {
display: inline-block;
position: relative;
}
.filter-shop-nav > section:not(:last-child) {
margin-right: 15px;
}
.filter-shop-nav > section:hover > ul,
.filter-shop-nav > section:hover > div,
.filter-shop-nav > section:hover > form {
opacity: 1;
transform: translatey(0);
pointer-events: auto;
}
.filter-shop-nav > section > h5 {
margin-bottom: 0;
font-size: 14px;
font-family: var(--body-font);
font-weight: 300;
cursor: pointer;
position: relative;
}
.filter-shop-nav > section > h5:before {
content: '';
width: 100%;
position: absolute;
top: 100%;
height: 40px;
}
.filter-shop-nav > section > h5:after {
content: '\eaec';
font-family: "jws_icon";
margin-left: 8px;
font-weight: bold;
font-size: 15px;
}
.filter-shop-nav > section > h5 + ul,
.filter-shop-nav > section > h5 + div,
.filter-shop-nav > section > h5 + form {
opacity: 0;
transform: translatey(-15px);
position: absolute;
top: 100%;
background: #ffffff;
pointer-events: none;
transition: 0.3s all;
z-index: 15;
width: 280px;
padding: 20px !important;
border: 1px solid #ebebeb;
margin-top: 13px;
}
.woocommerce .woocommerce-message,
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-error,
.woocommerce .woocommerce-successful {
padding: 20px 30px;
margin: 0 0 2em;
background-color: #1e85be;
color: #fff;
list-style: none outside;
width: auto;
word-wrap: break-word;
position: relative;
}
.woocommerce .woocommerce-message strong,
.woocommerce .woocommerce-info strong,
.woocommerce .woocommerce-error strong,
.woocommerce .woocommerce-successful strong {
color: inherit;
}
.woocommerce .woocommerce-message a,
.woocommerce .woocommerce-info a,
.woocommerce .woocommerce-error a,
.woocommerce .woocommerce-successful a {
text-decoration: underline;
}
.woocommerce .woocommerce-message .jws-close-notice,
.woocommerce .woocommerce-info .jws-close-notice,
.woocommerce .woocommerce-error .jws-close-notice,
.woocommerce .woocommerce-successful .jws-close-notice {
float: right;
text-decoration: none;
font-size: 20px;
display: inline;
position: absolute;
right: 10px;
top: 20px;
}
.woocommerce .woocommerce-info {
background-color: #fef5e5;
color: #80452e;
}
.woocommerce .woocommerce-error {
background-color: #fceceb;
color: #8a543f;
margin-bottom: 15px !important;
}
.woocommerce .woocommerce-error li:not(.cart-empty):before {
font-size: 14px;
margin-right: 2px;
display: inline-block;
vertical-align: middle;
margin-top: -5px;
color: #cb6060;
content: "\f071";
font-family: "Font Awesome 5 Free";
font-weight: 900;
}
.woocommerce .woocommerce-message {
background-color: #dff5dd;
color: #235631;
}
.woocommerce .woocommerce-message:not(.cart-empty):before {
content: "\f058";
color: #48bd68;
font-family: 'Font Awesome 5 Free';
font-weight: 400;
font-size: 16px;
margin-right: 2px;
display: inline-block;
vertical-align: middle;
margin-top: -4px;
}
@media (min-width: 1024px) {
.sidebar-has_sidebar .jws-filter-modal {
display: block !important;
position: relative;
z-index: 1;
}
.sidebar-has_sidebar .jws-filter-modal .modal-content.sidebar {
position: relative;
opacity: 1;
transform: none;
padding: 0;
width: auto;
z-index: 1;
overflow: unset;
max-width: 100%;
}
.sidebar-has_sidebar .jws-filter-modal .modal-top {
display: none;
}
.sidebar-has_sidebar .jws-filter-modal .modal-close {
display: none;
}
}
@media (max-width: 1440px) {
.shop-page .sidebar-has_sidebar.no_container .siderbar-inner.left {
padding-right: 0;
}
.shop-page .sidebar-has_sidebar.no_container .siderbar-inner.right {
padding-left: 0;
}
}
@media (max-width: 1024px) {
.shop-page .shop-container.no_container {
padding: 0 15px;
}
.archive-nav .post-select-filter {
float: none;
}
.archive-nav .post-select-filter .fild-item {
margin-left: 0;
margin-right: 10px;
}
.products-tab.layout2 .product-item-inner .product-info {
padding-left: 15px;
}
}
@media (min-width: 992px) {
.sidebar-sideout .shop-sidebar {
display: none;
animation: fadeInLeft 0.5s both;
}
.sidebar-sideout .shop-content {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.sidebar-sideout.opened .shop-content {
animation: fadeInRight 0.5s both;
}
.sidebar-sideout.open .shop-content {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
animation: fadeInLeft 0.5s both;
}
.sidebar-sideout.open .shop-sidebar {
display: block;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.shop-page .grid-view {
margin-right: 15px;
margin-left: 15px;
}
}
@media (max-width: 991px) {
.product-item .product-item-inner .product-image .buttton-inner {
opacity: 1;
transform: translateX(0px);
}
.product-item .product-item-inner .product-image .buttton-inner li > a span {
display: none;
}
.shop-nav-top.filter-top .found-min {
display: none;
}
.shop-nav-top.filter-top > div {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.shop-nav-top.filter-top .filter-shop-nav {
display: block;
}
.shop-nav-top.filter-top .filter-shop-nav > span {
margin-bottom: 10px;
display: block;
}
.shop-nav-top.filter-top .filter-shop-nav > section {
display: block;
margin-right: 0px;
padding-bottom: 10px;
border-bottom: 1px solid #e3e3e3;
margin-bottom: 10px;
}
.shop-nav-top.filter-top .filter-shop-nav > section > h5:after {
float: right;
}
.shop-nav-top.filter-top .filter-shop-nav > section > h5 + ul,
.shop-nav-top.filter-top .filter-shop-nav > section > h5 + div,
.shop-nav-top.filter-top .filter-shop-nav > section > h5 + form {
opacity: 1;
transform: none;
position: relative;
transition: unset;
width: 100%;
padding: 0px !important;
border: 0;
display: none;
margin-bottom: 8px;
}
}
@media (max-width: 1220px) {
.shop-page .product-item {
padding-right: 5px;
padding-left: 5px;
}
.products-tab.layout2 a.button {
font-size: 11px;
}
.products-tab.layout2 a.button > span:after {
font-size: 16px;
margin-right: 2px;
margin-top: -4px;
}
.widget_products .product_list_widget .product-item-inner .product-image {
max-width: 50px;
}
.widget_products .product_list_widget .product-item-inner .product-content {
max-width: calc(100% - 55px);
}
.widget_products .product_list_widget .product-item-inner .price {
font-size: 14px;
}
}
@media (max-width: 767px) {
.jws_pr_labels .jws_pr_label {
font-size: 10px;
width: 40px;
height: 40px;
line-height: 40px;
}
.shop-page .grid-view {
display: none;
}
.products-tab .product-item-inner .price-item {
transform: none !important;
opacity: 1 !important;
margin-top: 10px;
display: block;
}
.layout3 .button-addtocart .button {
transform: none !important;
}
.button-addtocart .button {
opacity: 1 !important;
transform: translateX(-50%) !important;
}
}
@media (max-width: 480px) {
.products-tab.layout1 .button-inner .button {
padding-top: 10px;
padding-right: 15px;
padding-bottom: 10px;
padding-left: 15px;
font-size: 12px;
line-height: 20px;
}
.woocommerce-result-count {
display: none !important;
}
}
.quick-view-main .main-product .entry-summary {
position: relative;
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
padding: 0;
-webkit-mask-image: linear-gradient(to top, transparent 5px, #000000 40px);
mask-image: linear-gradient(to top, transparent 5px, #000000 40px);
overflow-y: auto;
padding: 0 15px 30px;
scrollbar-color: #1f1f1f #e2e2e278;
scrollbar-width: thin;
}
.quick-view-main .size-guide-action {
display: none;
}
.quick-view-main .popup-quick-view {
max-width: 800px;
margin: 0 auto;
background: #ffffff;
padding: 20px 50px;
transition: 0.4s all;
}
.quick-view-main .popup-quick-view .main-product.product {
padding: 15px 15px ;
}
.quick-view-main .popup-quick-view .main-product.product .images {
padding: 15px 0;
}
.quick-view-main .popup-quick-view .main-product.product .row {
margin: 0;
}
.quick-view-main .popup-quick-view .main-product.product .jws_pr_labels {
left: 30px;
top: 30px;
z-index: 2;
}
.quick-view-main .popup-quick-view .mfp-close {
border-radius: 100%;
position: fixed;
right: 15px;
top: 5px;
background: transparent;
}
.quick-view-main .popup-quick-view .mfp-close:before {
display: block;
transition: 0.3s all;
}
.quick-view-main .popup-quick-view .mfp-close:hover:before {
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
}
.quick-view-main .popup-quick-view .shop-single {
padding: 0;
position: relative;
}
.quick-view-main .popup-quick-view .shop-single .jws-summary {
margin: 0px 0 15px;
}
.quick-view-main .popup-quick-view figure {
margin: 0;
}
.quick-view-main .woocommerce-review-link {
pointer-events: none;
}
@media (max-width: 767px) {
.quick-view-main .popup-quick-view .main-product.product {
padding: 0;
}
.quick-view-main .main-product .entry-summary {
position: relative;
padding: 0 0px 30px;
}
}
.woocommerce-password-strength {
font-size: 14px;
margin-top: 16px;
}
.woocommerce-password-strength.bad {
color: red;
}
.woocommerce-password-strength.good {
color: Orange;
}
.woocommerce-password-strength.strong {
color: green;
}
.password-input {
position: relative;
}
.password-input button.show-password-input {
position: absolute;
right: 16px;
top: 50%;
transform: translateY(-50%);
padding: 0;
border: none;
background: transparent;
min-height: auto;
height: auto;
}
.password-input button.show-password-input:before {
content: '\f070';
font-family: 'Font Awesome 5 Free';
}
.password-input button.show-password-input.display-password:before {
content: '\f06e';
}
.row-account {
margin: 0;
}
.woocommerce-account .woocommerce-notices-wrapper > ul,
.woocommerce-account .woocommerce-notices-wrapper > div {
margin-bottom: 20px;
}
.woocommerce .woocommerce-MyAccount-navigation {
-webkit-box-flex: 0;
-ms-flex: 0 0 30%;
flex: 0 0 30%;
max-width: 30%;
vertical-align: top;
padding-left: 30px;
padding-right: 30px;
padding-bottom: 30px;
padding-top: 30px;
background: var(--main);
font-weight: 400;
}
.woocommerce .woocommerce-MyAccount-navigation ul {
list-style: none;
padding: 0;
margin: 0;
}
.woocommerce .woocommerce-MyAccount-navigation ul li.is-active a {
background-color: var(--secondary);
}
.woocommerce .woocommerce-MyAccount-navigation ul li a {
display: block;
color: #ffffff;
padding: 15px 15px;
}
.woocommerce .woocommerce-MyAccount-content {
-webkit-box-flex: 0;
-ms-flex: 0 0 70%;
flex: 0 0 70%;
max-width: 70%;
display: inline-block;
padding: 0 30px;
}
.woocommerce .woocommerce-MyAccount-content > p {
margin-bottom: 10px;
}
.woocommerce .woocommerce-MyAccount-content > p strong {
color: var(--heading);
font-size: 18px;
}
.woocommerce .woocommerce-MyAccount-content > p > a {
text-decoration: underline;
text-underline-offset: 1px;
font-weight: 400;
}
.woocommerce .woocommerce-MyAccount-content form h3 {
font-size: 24px;
}
.woocommerce .woocommerce-MyAccount-content form .form-row {
margin-bottom: 20px;
}
.woocommerce .woocommerce-MyAccount-content form label {
color: var(--heading);
margin-bottom: 10px;
}
.woocommerce .woocommerce-MyAccount-content form #account_display_name + span {
margin-top: 7px;
display: block;
}
.woocommerce .woocommerce-MyAccount-content form button:not(.show-password-input) {
display: block;
position: relative;
text-align: center;
margin-top: 5px;
color: var(--btn-color);
min-width: 100%;
background: var(--btn-bgcolor);
height: 50px;
font-weight: bold;
-webkit-transition: 0.3s all;
-o-transition: 0.3s all;
-ms-transition: 0.3s all;
-moz-transition: 0.3s all;
transition: 0.3s all;
border: none;
outline: none;
border-radius: 3px;
}
.woocommerce .woocommerce-MyAccount-content form button:not(.show-password-input):hover {
opacity: 0.8;
}
.woocommerce .woocommerce-MyAccount-content form fieldset {
margin-top: 40px;
margin-bottom: 20px;
border-width: 1px;
}
.woocommerce .woocommerce-MyAccount-content form fieldset legend {
font-weight: 500;
margin-bottom: 20px;
color: var(--heading);
}
.woocommerce .woocommerce-MyAccount-content form fieldset .form-row .password-input {
display: block;
}
.woocommerce-notices-wrapper > div {
margin-bottom: 10px;
}
.lost_reset_password {
text-align: center;
max-width: 540px;
margin: 0 auto;
}
.lost_reset_password > h3 {
margin-bottom: 35px;
}
.lost_reset_password .lost-notes {
margin-bottom: 37px;
}
.lost_reset_password .form-lost {
max-width: 380px;
margin: 0 auto;
}
.lost_reset_password .woocommerce-password-strength {
color: #fff;
margin-top: 10px;
padding: 5px;
}
.lost_reset_password .woocommerce-password-strength.bad {
background: #c7c747;
}
.lost_reset_password .woocommerce-password-strength.strong {
background: green;
}
.lost_reset_password .woocommerce-password-strength.good {
background: #41ab41;
}
form.woocommerce-form-track-order .form-row,
.lost_reset_password .form-row {
margin-bottom: 10px;
margin-top: 10px;
}
form.woocommerce-form-track-order .form-row label,
.lost_reset_password .form-row label {
font-weight: 500;
color: var(--heading);
}
form.woocommerce-form-track-order .button,
.lost_reset_password .button {
padding: 14px 35px 14px 35px;
background: var(--main);
color: var(--light);
border-style: solid;
border-width: 0px 0px 0px 0px;
font-weight: 500;
display: block;
text-align: center;
min-width: 100%;
margin-top: 20px;
}
@media (max-width: 767px) {
.woocommerce .woocommerce-MyAccount-navigation {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
margin-bottom: 20px;
padding: 15px 0;
}
.woocommerce .woocommerce-MyAccount-content {
padding: 0 15px;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.woocommerce-account .woo-account-form #jws-login-form .form-contaier.owl-carousel {
display: block;
}
.woocommerce-account .woo-account-form #jws-login-form .form-contaier.owl-carousel .jws-login {
margin-bottom: 40px;
}
.woocommerce-account .woo-account-form #jws-login-form .form-contaier.owl-carousel .slider-item {
width: 100%;
}
.woocommerce-account .woo-account-form #jws-login-form .form-contaier.owl-carousel .slider-item form {
max-width: 100%;
}
} .woocommerce-cart .shop_table tr {
border: 0;
}
.woocommerce-cart .shop_table tr.cart_item td {
padding: 20px 0 20px 26px;
border: none;
border-bottom: 1px solid var(--border-color2);
}
.woocommerce-cart .shop_table tr.cart_item td.product-remove {
padding-left: 0;
}
.woocommerce-cart .cart-heading {
margin-bottom: 30px;
}
.woocommerce-cart .combined_table_item a[href] {
pointer-events: none;
}
.woocommerce-cart .woocommerce-cart-form {
margin-bottom: 55px;
border-radius: 5px;
border: 2px solid var(--body3);
padding: 20px 30px 30px 30px;
}
.woocommerce-cart .shop_table tr.order-total .includes_tax {
display: block;
margin-top: 5px;
}
.woocommerce-cart .shop_table {
width: 100%;
}
.woocommerce-cart .box_added .box_added_content {
display: none;
}
.woocommerce-cart .shop_table th.product-remove {
width: 40px;
}
.woocommerce-cart .shop_table td.order-status {
text-align: center !important;
}
.woocommerce-cart .shop_table td.product-remove {
padding: 0;
text-align: left;
}
.woocommerce-cart .shop_table td.product-remove a {
font-size: 0px;
}
.woocommerce-cart .shop_table td.product-remove a:before {
content: '\e81E';
font-family: "jws_icon";
font-size: 24px;
opacity: 0.5;
}
.woocommerce-cart .shop_table td.product-remove a:hover:before {
opacity: 1;
}
.woocommerce-cart .shop_table td.product-name .variation {
margin-bottom: 0;
}
.woocommerce-cart .shop_table td.product-name .variation:after {
content: "";
display: table;
clear: both;
}
.woocommerce-cart .shop_table td.product-name .variation dt {
font-weight: 400;
}
.woocommerce-cart .shop_table td.product-name .variation .variation-Vendor {
display: inline-block;
margin: 0;
}
.woocommerce-cart .half-half-image {
margin-right: 22px;
}
.woocommerce-cart .shop_table td.product-name img {
max-width: 80px;
height: auto;
margin-right: 22px;
}
.woocommerce-cart .woocommerce .cart-empty {
text-align: center;
position: relative;
font-size: 30px;
text-transform: uppercase;
letter-spacing: 1px;
line-height: 1.5;
padding: 140px 0 0px 0;
font-weight: bold !important;
margin-bottom: 30px;
background: transparent;
border: 0;
color: var(--heading);
}
.woocommerce-cart .woocommerce .cart-empty:after,
.woocommerce-cart .woocommerce .cart-empty:before {
position: absolute;
color: rgba(142, 142, 142, 0.2);
left: 50%;
font-weight: normal;
transform: translateX(-50%);
-o-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-sand-transform: translateX(-50%);
}
.woocommerce-cart .woocommerce .cart-empty:before {
font-size: 140px;
top: -40px;
font-family: "jws_icon";
content: '\e848';
}
.woocommerce-cart .woocommerce .cart-empty:after {
font-size: 35px;
top: 36px;
font-family: "jws_icon";
margin-left: 7px;
content: '\e81a';
}
.woocommerce-cart .woocommerce .return-to-shop {
text-align: center;
margin-bottom: 50px;
}
.woocommerce-cart .woocommerce .cart-emtry-text {
text-align: center;
}
.woocommerce-cart .shop_table {
border-collapse: unset;
}
.woocommerce-cart .shop_table thead th {
color: var(--heading);
padding: 0;
padding-left: 26px;
border-bottom: 1px solid var(--border-color2);
padding-bottom: 20px;
font-family: var(--font2);
font-size: 14px;
text-transform: uppercase;
font-weight: normal;
}
.woocommerce-cart .shop_table tr .actions {
padding: 30px 0px 0px;
}
.woocommerce-cart .shop_table tr .actions:after {
display: table;
content: " ";
clear: both;
}
.woocommerce-cart .shop_table tr .actions .col-right {
float: right;
}
.woocommerce-cart .shop_table tr .actions .col-right .button {
background: var(--heading);
color: var(--light);
border: 0;
height: 50px;
padding: 0 10px;
border-radius: 30px;
min-width: 190px;
font-weight: 14px;
font-weight: bold;
}
.woocommerce-cart .shop_table tr .actions .col-right .button[disabled] {
cursor: no-drop;
opacity: 0.5;
}
.woocommerce-cart .shop_table tr .actions .coupon {
float: left;
position: relative;
display: flex;
width: 100%;
max-width: 420px;
}
.woocommerce-cart .shop_table tr .actions .coupon label {
display: none;
}
.woocommerce-cart .shop_table tr .actions .coupon button {
background: var(--heading);
color: var(--light);
border: 0;
height: 50px;
padding: 0 10px;
border-radius: 30px;
min-width: 190px;
font-size: 14px;
font-weight: bold;
}
.woocommerce-cart .shop_table tr .actions .coupon .input-text {
padding: 0 15px;
max-width: 192px;
margin-right: 10px;
}
.woocommerce-cart .shop_table tr .product-name .cart_pr_item {
display: flex;
align-items: center;
}
.woocommerce-cart .shop_table tr .product-name .cart_content_item {
text-align: left;
margin-bottom: 0;
}
.woocommerce-cart .shop_table tr .product-name .cart_content_item > a {
display: block;
font-weight: bold;
}
.woocommerce-cart .shop_table tr .product-name .cart_content_item .variation {
font-size: 13px;
}
.woocommerce-cart .shop_table tr .product-name .cart_content_item .variation dt {
float: none;
font-weight: 700;
color: var(--heading);
}
.woocommerce-cart .shop_table tr .product-name > a {
color: var(--heading);
}
.woocommerce-cart .shop_table tr .amount {
color: var(--heading);
}
.cart-collaterals {
border-radius: 10px;
border: 2px solid var(--body3);
background: var(--body2);
padding: 40px;
}
.cart-collaterals .continue_shop {
display: block;
text-align: center;
margin-top: 20px;
}
.cart-collaterals .continue_shop i {
vertical-align: middle;
margin-right: 7px;
}
.cart-collaterals .woocommerce-shipping-calculator .shipping-calculator-button {
display: block;
color: var(--main);
margin-top: 7px;
font-weight: 500;
}
.cart-collaterals .woocommerce-shipping-calculator .shipping-calculator-form {
text-align: left;
margin-top: 10px;
margin-bottom: 10px;
}
.cart-collaterals .woocommerce-shipping-calculator .select2.select2-container {
width: 100% !important;
margin-bottom: 15px;
}
.cart-collaterals .woocommerce-shipping-calculator .select2-container--default .select2-selection--single {
background-color: #ffffff !important;
}
.cart-collaterals .woocommerce-shipping-calculator .select2-container--default .select2-selection--single .select2-selection__rendered {
color: #838383 !important;
}
.cart-collaterals .woocommerce-shipping-calculator .select2-container--default .select2-selection--single .select2-selection__arrow b:before {
color: #838383 !important;
}
.cart-collaterals .woocommerce-shipping-calculator select,
.cart-collaterals .woocommerce-shipping-calculator .input-text {
height: 40px;
padding: 0 10px;
width: 100%;
margin-bottom: 15px;
color: var(--body);
}
.cart-collaterals .woocommerce-shipping-calculator button {
display: block;
position: relative;
text-align: center;
cursor: pointer;
background: var(--main);
color: #ffffff;
min-width: 100%;
height: 50px;
line-height: 50px;
border: none;
outline: none;
}
.cart-collaterals .cross-sells > h2 {
font-size: 16px;
font-weight: 600;
padding-bottom: 20px;
text-align: center;
letter-spacing: 0;
}
.cart-collaterals .continue {
font-size: 18px;
font-weight: 500;
letter-spacing: 0.7px;
}
.cart-collaterals .continue i {
margin-left: 10px;
}
.cart-collaterals .cart_totals h5 {
margin-bottom: 20px;
}
.cart-collaterals .cart_totals .shop_table {
background: #f5f5f5;
padding: 0 30px;
margin-bottom: 30px;
}
.cart-collaterals .cart_totals .wc-proceed-to-checkout {
margin-top: 30px;
}
.cart-collaterals .cart_totals .wc-proceed-to-checkout .checkout-button {
display: block;
padding: 0px 20px;
background: var(--main);
color: var(--light);
height: 60px;
border-radius: 30px;
font-weight: bold;
text-align: center;
line-height: 60px;
}
.cart-collaterals .cart_totals .respon-table {
padding: 9px 30px 9px 30px;
background: #f6f6f6;
margin-top: 27px;
}
.cart-collaterals .cart_totals table .order-total {
border: 0px;
}
.cart-collaterals .cart_totals table tr {
border-color: var(--body3);
}
.cart-collaterals .cart_totals table tr:after {
content: "";
display: table;
clear: both;
}
.cart-collaterals .cart_totals table tr.order-total td {
font-size: 16px;
font-weight: 500;
color: var(--heading);
}
.cart-collaterals .cart_totals table tr.order-total td strong {
font-weight: 700;
}
.cart-collaterals .cart_totals table tr .woocs_special_price_code {
font-weight: 400;
}
.cart-collaterals .cart_totals table tr th {
padding: 17px 0px;
padding-right: 10px;
color: var(--heading);
font-weight: bold;
}
.cart-collaterals .cart_totals table tr td {
text-align: right;
padding: 17px 0px;
color: var(--heading);
}
.cart-collaterals .cart_totals table tr td .woocommerce-shipping-methods {
list-style-type: none;
padding: 0;
}
.cart-collaterals .cart_totals table tr td strong {
font-weight: 400;
}
.cart-collaterals .cart_totals table tr td label {
font-weight: 400;
}
.cart-collaterals .cart_totals table tr td .woocommerce-shipping-destination {
margin-bottom: 10px;
}
.cart-collaterals .cart_totals table tr td input[type="radio"] {
position: relative;
top: 2px;
margin-right: 0;
margin-right: 7px;
}
.cross-sells {
margin-top: 36px;
}
.cross-sells .cross-sells-inner {
border: 1px solid rgba(117, 117, 117, 0.2);
padding: 20px;
}
.cross-sells .product-item-inner {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
align-items: center;
}
.cross-sells .product-item-inner .product-image {
max-width: 120px;
margin-bottom: 0;
margin-right: 20px;
flex: 20%;
}
.cross-sells .product-item-inner .product-content {
flex: 20%;
}
.cross-sells .product-item-inner .product-content .woocommerce-loop-product__title {
margin-bottom: 5px;
}
.cross-sells .product-item-inner .cross-button {
flex: 60%;
text-align: right;
}
.cross-sells .product-item-inner .cross-button .price-item {
margin-right: 23%;
}
.cross-sells .product-item-inner .cross-button .product-buy {
display: inline-block;
}
.cross-sells .product-item-inner .cross-button .product-buy a {
border: 1px solid #040202;
font-weight: 500;
padding: 6px 30px;
position: relative;
display: block;
}
.cross-sells .product-item-inner .product-item.product .woocommerce-loop-product__title {
margin-bottom: 5px;
}
@media (max-width: 1024px) {
.cart-collaterals {
padding: 40px 20px;
}
}
@media (max-width: 767px) {
.cart-collaterals .cart_totals {
max-width: 100%;
}
.cross-sells {
margin-bottom: 30px;
}
.cross-sells .product-item-inner .cross-button {
flex: 100%;
text-align: left;
margin-top: 20px;
}
.cross-sells .product-item-inner .cross-button .price-item {
margin-right: 10px;
}
.woocommerce-checkout .woocommerce .woocommerce-info {
font-size: 14px;
}
.cart-collaterals .continue {
margin-bottom: 15px;
display: block;
}
.woocommerce-cart-form .shop_table {
width: 100%;
display: block;
}
.woocommerce-cart-form .shop_table thead {
display: none;
}
.woocommerce-cart-form .shop_table thead th {
width: 25%;
}
.woocommerce-cart-form .shop_table thead th.product-remove,
.woocommerce-cart-form .shop_table thead th.product-thumbnail {
display: none;
}
.woocommerce-cart-form .shop_table tbody {
display: block;
}
.woocommerce-cart-form .shop_table tbody tr {
display: block;
}
.woocommerce-cart-form .shop_table tbody tr td {
width: 100%;
display: block;
position: relative;
text-align: right;
padding: 15px 0px !important;
}
.woocommerce-cart-form .shop_table tbody tr td.product-subtotal {
border: 0;
padding-right: 15px;
}
.woocommerce-cart-form .shop_table tbody tr td.product-name img {
max-width: 50px;
margin-right: 10px;
}
.woocommerce-cart-form .shop_table tbody tr td.product-name .cart_content_item {
font-size: 14px;
}
.woocommerce-cart-form .shop_table tbody tr td.product-name .cart_pr_item {
justify-content: end;
padding-left: 30px;
}
.woocommerce-cart-form .shop_table tbody tr td.product-remove a:before {
font-size: 18px;
}
.woocommerce-cart-form .shop_table tbody tr td.product-quantity:before {
padding-top: 4px;
}
.woocommerce-cart-form .shop_table tbody tr td.actions {
margin-bottom: 28px;
text-align: center;
}
.woocommerce-cart-form .shop_table tbody tr td.actions .continue_shop {
float: none;
margin-bottom: 15px;
}
.woocommerce-cart-form .shop_table tbody tr td.actions .col-right {
float: none;
}
.woocommerce-cart-form .shop_table tbody tr td.actions .col-right button {
font-size: 14px;
}
.woocommerce-cart-form .shop_table tbody tr td.actions .coupon {
float: none;
max-width: 100%;
margin-bottom: 20px;
justify-content: center;
}
.woocommerce-cart-form .shop_table tbody tr td.actions .coupon .input-text {
max-width: 190px;
}
.woocommerce-cart-form .shop_table tbody tr td.actions .coupon .button {
min-width: 150px;
}
.woocommerce-cart-form .shop_table tbody tr td:before {
content: attr(data-title);
font-weight: 600;
float: left;
color: var(--heading);
font-size: 14px;
}
.woocommerce-cart-form .shop_table tbody tr td.product-remove:before {
content: "";
}
}
#customer_details > div:not(.loader) {
transition: 0.3s all;
}
#customer_details.loading > div:not(.loader) {
opacity: 0;
}
#customer_details .loader {
top: 150px;
}
.wc-item-meta-label {
font-size: 13px;
color: var(--heading);
}
form.woocommerce-checkout {
margin-top: 70px;
}
form.woocommerce-checkout > .row > div > h4 {
margin-bottom: 17px;
}
form.woocommerce-checkout .required {
color: #df0000;
text-decoration: none;
border: none;
}
form.woocommerce-checkout .woocommerce-account-fields {
color: var(--heading);
}
form.woocommerce-checkout .woocommerce-account-fields .form-row {
margin-bottom: 0 !important;
}
form.woocommerce-checkout .woocommerce-account-fields input.input-checkbox {
margin-right: 5px;
}
form.woocommerce-checkout .woocommerce-account-fields .input-text {
margin-bottom: 10px;
}
form.woocommerce-checkout .woocommerce-account-fields .create-account {
margin-bottom: 20px;
}
form.woocommerce-checkout .woocommerce-shipping-fields input {
margin-right: 5px;
}
form.woocommerce-checkout .woocommerce-shipping-fields h3 input {
margin-right: 21px;
transform: scale(1.5);
position: relative;
top: -2px;
accent-color: #d76e17;
}
form.woocommerce-checkout .woocommerce-billing-fields h4 {
margin-bottom: 11px;
}
form.woocommerce-checkout .woocommerce-additional-fields label {
display: none;
}
form.woocommerce-checkout .woocommerce-additional-fields textarea {
height: 110px;
}
form.woocommerce-checkout .woocommerce-account-fields,
form.woocommerce-checkout .woocommerce-billing-fields,
form.woocommerce-checkout .woocommerce-shipping-fields {
margin-bottom: 5px;
}
form.woocommerce-checkout .woocommerce-account-fields .form-row,
form.woocommerce-checkout .woocommerce-billing-fields .form-row,
form.woocommerce-checkout .woocommerce-shipping-fields .form-row {
position: relative;
margin-top: 0;
display: inline-block;
width: 100%;
padding-left: 5px;
padding-right: 5px;
margin-bottom: 18px;
}
form.woocommerce-checkout .woocommerce-account-fields .form-row label:not(.woocommerce-form__label-for-checkbox),
form.woocommerce-checkout .woocommerce-billing-fields .form-row label:not(.woocommerce-form__label-for-checkbox),
form.woocommerce-checkout .woocommerce-shipping-fields .form-row label:not(.woocommerce-form__label-for-checkbox) {
margin-bottom: 8px;
color: var(--heading);
}
form.woocommerce-checkout .woocommerce-account-fields .form-row .screen-reader-text,
form.woocommerce-checkout .woocommerce-billing-fields .form-row .screen-reader-text,
form.woocommerce-checkout .woocommerce-shipping-fields .form-row .screen-reader-text {
width: auto;
height: auto;
overflow: unset;
clip: unset;
}
form.woocommerce-checkout .woocommerce-account-fields .form-row input::placeholder,
form.woocommerce-checkout .woocommerce-billing-fields .form-row input::placeholder,
form.woocommerce-checkout .woocommerce-shipping-fields .form-row input::placeholder { opacity: 0; }
form.woocommerce-checkout .woocommerce-account-fields .form-row input:-ms-input-placeholder,
form.woocommerce-checkout .woocommerce-billing-fields .form-row input:-ms-input-placeholder,
form.woocommerce-checkout .woocommerce-shipping-fields .form-row input:-ms-input-placeholder { opacity: 0; }
form.woocommerce-checkout .woocommerce-account-fields .form-row input::-ms-input-placeholder,
form.woocommerce-checkout .woocommerce-billing-fields .form-row input::-ms-input-placeholder,
form.woocommerce-checkout .woocommerce-shipping-fields .form-row input::-ms-input-placeholder { opacity: 0; }
form.woocommerce-checkout .woocommerce-account-fields .form-row .select2.select2-container,
form.woocommerce-checkout .woocommerce-billing-fields .form-row .select2.select2-container,
form.woocommerce-checkout .woocommerce-shipping-fields .form-row .select2.select2-container {
width: 100% !important;
}
form.woocommerce-checkout .woocommerce-account-fields .form-row select,
form.woocommerce-checkout .woocommerce-billing-fields .form-row select,
form.woocommerce-checkout .woocommerce-shipping-fields .form-row select {
padding: 0 20px;
}
.woocommerce-checkout .jws_woo_your_order h4 {
margin-bottom: 28px;
}
.woocommerce-checkout .jws_woo_your_order .woocommerce-checkout-review-order-table tr {
border-color: var(--body3);
}
.woocommerce-checkout .jws_woo_your_order .woocommerce-checkout-review-order {
border-radius: 10px;
border: 2px solid var(--body3);
background: var(--body2);
padding: 40px;
}
.woocommerce-checkout .jws_woo_your_order .woocommerce-checkout-review-order .blockUI {
display: none !important;
}
.woocommerce-checkout .jws_woo_your_order .woocommerce-checkout-review-order.processing {
position: relative;
}
.woocommerce-checkout .jws_woo_your_order .woocommerce-checkout-review-order.processing:after {
content: " ";
top: 0;
left: 0;
position: absolute;
right: 0;
bottom: 0;
}
.woocommerce-checkout .jws_woo_your_order .woocommerce-checkout-review-order.processing:before {
content: " ";
display: block;
width: 24px;
height: 24px;
border-radius: 50%;
border: 1px solid #000;
border-color: #000 #000 #fafafa #fafafa;
animation: lds-dual-ring 0.7s linear infinite;
transition: 0.35s all;
position: absolute;
z-index: 1;
left: 50%;
top: 50%;
margin: -12px 0 0 -12px;
}
.woocommerce-checkout .jws_woo_your_order .woocommerce-checkout-review-order .place-order button.button {
display: block;
}
.woocommerce-checkout .jws_woo_your_order .woocommerce-checkout-review-order .place-order .woocommerce-terms-and-conditions-wrapper .woocommerce-form__label-for-checkbox {
font-size: 14px;
line-height: 19.6px;
}
.woocommerce-checkout .jws_woo_your_order .woocommerce-checkout-review-order .place-order .woocommerce-terms-and-conditions-wrapper .woocommerce-form__label-for-checkbox a {
text-decoration: underline;
}
.woocommerce-checkout .jws_woo_your_order .woocommerce-checkout-review-order .place-order .woocommerce-terms-and-conditions-wrapper .woocommerce-privacy-policy-text {
margin-bottom: 38px;
}
.woocommerce-checkout .jws_woo_your_order .woocommerce-checkout-review-order .place-order .woocommerce-terms-and-conditions-wrapper .woocommerce-privacy-policy-text a {
font-weight: 700;
color: var(--main);
}
.woocommerce-checkout .jws_woo_your_order .woocommerce-checkout-review-order .place-order .woocommerce-terms-and-conditions-wrapper .woocommerce-terms-and-conditions {
border: 1px solid #ececec;
padding: 15px;
margin: 20px 0;
font-size: 80%;
line-height: 1.8;
}
.woocommerce-checkout .jws_woo_your_order .woocommerce-checkout-review-order .shop_table .coupon-clone-td {
text-align: left !important;
position: relative;
padding-top: 36px;
}
.woocommerce-checkout .jws_woo_your_order .woocommerce-checkout-review-order .shop_table .coupon-clone-td:before {
border-top: 1px solid var(--border-color);
width: 100%;
height: 1px;
content: "";
top: 20px;
left: 0;
position: absolute;
}
.woocommerce-checkout .jws_woo_your_order .woocommerce-checkout-review-order .shop_table .coupon-clone-td [role="alert"] {
margin-top: 15px;
background-color: transparent;
padding: 0;
margin-bottom: 0;
}
.woocommerce-checkout .jws_woo_your_order .woocommerce-checkout-review-order .shop_table .coupon-clone-td .woocommerce-error {
color: #b81c23;
}
.woocommerce-checkout .jws_woo_your_order .woocommerce-checkout-review-order .shop_table .coupon-clone-td .woocommerce-message {
color: #00c75f;
}
.woocommerce-checkout .jws_woo_your_order .woocommerce-checkout-review-order .shop_table .coupon-clone-td .coupon-clone-wrap {
display: flex;
margin-top: 14px;
}
.woocommerce-checkout .jws_woo_your_order .woocommerce-checkout-review-order .shop_table .coupon-clone-td .button {
background: var(--btn-bgcolor);
color: var(--btn-color);
border: 0;
padding-top: 13px;
padding-right: 20px;
padding-bottom: 13px;
padding-left: 20px;
font-weight: 500;
font-size: 16px;
display: inline-block;
min-width: 122px;
}
.woocommerce-checkout .jws_woo_your_order .woocommerce-checkout-review-order .shop_table .coupon-clone-td #coupon_code-clone {
width: calc(100% - 126px);
display: inline-block;
min-height: 49px;
margin-right: 10px;
}
.woocommerce-checkout .jws_woo_your_order .woocommerce-checkout-review-order .shop_table ul:not([role="alert"]) {
list-style: none;
padding: 0;
}
.woocommerce-checkout .jws_woo_your_order .woocommerce-checkout-review-order .shop_table .woocommerce-shipping-methods input {
margin-right: 10px;
}
.woocommerce-checkout .jws_woo_your_order .woocommerce-checkout-review-order .shop_table .cart_item {
border: 0;
}
.woocommerce-checkout .jws_woo_your_order .woocommerce-checkout-review-order .shop_table .cart_item .edit_box {
display: block;
text-decoration: underline;
color: var(--secondary);
}
.woocommerce-checkout .jws_woo_your_order .woocommerce-checkout-review-order .shop_table .cart_item td {
padding: 0;
padding-bottom: 5px;
}
.woocommerce-checkout .jws_woo_your_order .woocommerce-checkout-review-order .shop_table .cart_item:first-child td {
padding-top: 25px;
}
.woocommerce-checkout .jws_woo_your_order .woocommerce-checkout-review-order .shop_table .cart_item:last-child td {
padding-bottom: 12px;
}
.woocommerce-checkout .jws_woo_your_order .woocommerce-checkout-review-order .shop_table .cart_item:not(:last-child) td {
border-bottom: 0;
}
.woocommerce-checkout .jws_woo_your_order .woocommerce-checkout-review-order .shop_table .cart_item .product-name .td-item {
display: flex;
align-items: center;
color: var(--heading);
}
.woocommerce-checkout .jws_woo_your_order .woocommerce-checkout-review-order .shop_table .cart_item .product-name strong {
color: var(--body);
font-weight: 400;
}
.woocommerce-checkout .jws_woo_your_order .woocommerce-checkout-review-order .shop_table th {
color: var(--heading);
}
.woocommerce-checkout .jws_woo_your_order .woocommerce-checkout-review-order .shop_table .product-name,
.woocommerce-checkout .jws_woo_your_order .woocommerce-checkout-review-order .shop_table .product-total {
border: 0;
padding: 15px 0;
}
.woocommerce-checkout .jws_woo_your_order .woocommerce-checkout-review-order .shop_table tbody {
border-bottom: 1px solid var(--body3);
}
.woocommerce-checkout .jws_woo_your_order .woocommerce-checkout-review-order .shop_table tbody tr th {
padding: 0px 0px 17px;
font-size: 14px;
text-transform: uppercase;
}
.woocommerce-checkout .jws_woo_your_order .woocommerce-checkout-review-order .shop_table tbody tr th:last-child {
text-align: right;
}
.woocommerce-checkout .jws_woo_your_order .woocommerce-checkout-review-order .shop_table tbody .cart_item:nth-child(2) td {
padding-top: 17px;
}
.woocommerce-checkout .jws_woo_your_order .woocommerce-checkout-review-order .shop_table tbody .cart_item:last-child td {
padding-bottom: 20px;
}
.woocommerce-checkout .jws_woo_your_order .woocommerce-checkout-review-order .shop_table tfoot th {
padding: 17px 0;
}
.woocommerce-checkout .jws_woo_your_order .woocommerce-checkout-review-order .shop_table .woocommerce-shipping-totals th,
.woocommerce-checkout .jws_woo_your_order .woocommerce-checkout-review-order .shop_table .woocommerce-shipping-totals td {
padding-bottom: 15px !important;
}
.woocommerce-checkout .jws_woo_your_order .woocommerce-checkout-review-order .shop_table .order-total {
border-top: 1px solid var(--border-color2);
font-size: 18px;
}
.woocommerce-checkout .jws_woo_your_order .woocommerce-checkout-review-order .shop_table .order-total th {
padding-top: 20px;
padding-bottom: 30px;
}
.woocommerce-checkout .jws_woo_your_order .woocommerce-checkout-review-order .shop_table td label {
margin-bottom: 0;
display: inline;
}
.woocommerce-checkout .jws_woo_your_order .woocommerce-checkout-review-order .shop_table td:last-of-type {
text-align: right;
color: var(--heading);
padding: 0;
}
.woocommerce-checkout .woocommerce-form-coupon-toggle,
.woocommerce-checkout .woocommerce-form-login-toggle {
padding: 14px 25px;
color: var(--heading);
margin-bottom: 15px;
border: 1px solid var(--main);
border-radius: 10px;
}
.woocommerce-checkout .woocommerce-form-coupon-toggle > div,
.woocommerce-checkout .woocommerce-form-login-toggle > div {
background: transparent;
border: 0;
margin: 0;
padding: 0;
font-weight: 700;
color: var(--heading);
}
.woocommerce-checkout .woocommerce-form-coupon-toggle .jws-close-notice,
.woocommerce-checkout .woocommerce-form-login-toggle .jws-close-notice {
display: none;
}
.woocommerce-checkout .woocommerce-form-coupon-toggle a,
.woocommerce-checkout .woocommerce-form-login-toggle a {
text-decoration: underline;
text-underline-offset: 5px;
font-weight: 400;
}
.woocommerce-checkout .woocommerce-form-coupon,
.woocommerce-checkout .woocommerce-form-login {
border: 1px solid var(--body3);
background: var(--body2);
padding: 24px 23px;
margin-bottom: 10px;
display: block;
width: 100%;
border-radius: 10px;
}
.woocommerce-checkout .woocommerce-form-coupon .form-inner,
.woocommerce-checkout .woocommerce-form-login .form-inner {
max-width: 584px;
}
.woocommerce-checkout .woocommerce-form-coupon > p,
.woocommerce-checkout .woocommerce-form-login > p {
padding: 0 5px;
}
.woocommerce-checkout .woocommerce-form-coupon p:first-child,
.woocommerce-checkout .woocommerce-form-login p:first-child {
margin-bottom: 11px;
}
.woocommerce-checkout .woocommerce-form-coupon .lost_password a,
.woocommerce-checkout .woocommerce-form-login .lost_password a {
color: var(--heading);
}
.woocommerce-checkout .woocommerce-form-coupon .lost_password a:hover,
.woocommerce-checkout .woocommerce-form-login .lost_password a:hover {
color: var(--main);
}
.woocommerce-checkout .woocommerce-form-coupon .form-row .woocommerce-form-login__rememberme,
.woocommerce-checkout .woocommerce-form-login .form-row .woocommerce-form-login__rememberme {
margin-right: 10px;
}
.woocommerce-checkout .woocommerce-form-coupon .form-row input.input-text,
.woocommerce-checkout .woocommerce-form-login .form-row input.input-text {
padding: 0 20px;
margin-bottom: 10px;
display: block;
width: 100%;
background: var(--light);
border-radius: 30px;
}
.woocommerce-checkout .woocommerce-form-coupon .form-row button,
.woocommerce-checkout .woocommerce-form-login .form-row button {
height: 50px;
padding-top: 10px;
padding-bottom: 10px;
}
.woocommerce-checkout .woocommerce-form-login .form-row button {
margin: 10px 0;
}
.woocommerce-checkout .woocommerce-form-coupon .form-row {
display: inline-block;
vertical-align: top;
margin-bottom: 0;
}
.woocommerce-checkout .woocommerce-form-coupon .form-row.form-row-first {
min-width: 306px;
margin-right: 10px;
}
.woocommerce-checkout .woocommerce-form-coupon .form-row.form-row-last {
min-width: 200px;
}
.cart-discount .woocommerce-remove-coupon:before {
content: '\e814';
font-family: "jws_icon";
}
.cart-discount .woocommerce-remove-coupon span {
border: 1px solid #dbdbdb;
background-color: #efefef;
padding: 5px;
text-transform: uppercase;
border-radius: 3px;
margin: 0 5px;
}
.woocommerce-checkout-payment {
padding: 17px 0;
}
.woocommerce-checkout-payment .woocommerce-terms-and-conditions {
background: rgba(232, 232, 235, 0.4);
padding: 15px;
font-size: 14px;
}
.woocommerce-checkout-payment .woocommerce-terms-and-conditions + .form-row {
margin-top: 15px;
}
.woocommerce-checkout-payment #place_order {
width: 100%;
padding: 6px 20px;
background: var(--main);
color: var(--light);
font-weight: bold;
text-align: center;
border: 0;
height: 50px;
border-radius: 30px;
}
.woocommerce-checkout-payment .wc_payment_methods {
padding: 0px;
list-style-type: none;
margin-bottom: 16px;
margin-top: 30px;
}
.woocommerce-checkout-payment li {
margin-bottom: 20px;
}
.woocommerce-checkout-payment li.woocommerce-info {
background: var(--background-item);
color: var(--heading);
}
.woocommerce-checkout-payment li input[type="radio"]:before,
.woocommerce-checkout-payment li input[type="checkbox"]:before {
border-radius: 100%;
}
.woocommerce-checkout-payment li label {
margin-bottom: 0;
font-weight: 700;
color: var(--heading);
display: inline;
}
.woocommerce-checkout-payment li input {
margin-right: 10px;
}
.woocommerce-checkout-payment li .payment_box {
margin-top: 10px;
margin-bottom: 14px;
}
.woocommerce-checkout-payment li.payment_method_paypal img {
width: 145px;
margin: 0 15px;
}
.woocommerce-checkout-payment li.payment_method_paypal a {
font-size: 14px;
color: var(--heading);
text-decoration: underline;
}
#billing_first_name_field,
#shipping_first_name_field {
width: 50%;
padding-right: 5px;
float: left;
}
#billing_last_name_field,
#shipping_last_name_field {
width: 50%;
padding-left: 20px;
float: right;
}
.woocommerce-billing-fields__field-wrapper,
.woocommerce-shipping-fields__field-wrapper,
.woocommerce-account-fields {
margin: 0 -5px;
}
.checkout_coupon {
display: none;
} .woocommerce-order-received .site-content .entry-content > .woocommerce {
max-width: 800px;
margin: 0 auto;
}
.woocommerce-order-received .responsive-table {
margin-bottom: 60px;
}
.woocommerce-order-received .woocommerce .woocommerce-thankyou-order-received {
background: transparent;
border: 2px dashed var(--heading);
color: var(--heading);
font-weight: 600;
width: 100%;
text-align: center;
font-size: 16px;
margin-bottom: 30px;
line-height: 1.4;
padding: 15px 25px;
}
.woocommerce-order-details {
margin-bottom: 50px;
}
.woocommerce-order-received ul.order_details {
margin-left: 0;
}
.woocommerce-order-details__title,
.wc-bacs-bank-details-heading {
margin-bottom: 5px;
text-align: center;
}
.woocommerce-order-details__title + h3,
.wc-bacs-bank-details-heading + h3 {
font-size: 16px;
opacity: 0.8;
margin-bottom: 30px;
text-align: center;
}
.woocommerce-customer-details .woocommerce-column__title {
font-size: 18px;
letter-spacing: 0;
line-height: 30px;
margin-top: 12px;
color: var(--heading);
margin-bottom: 20px;
}
.woocommerce-order-received .woocommerce {
max-width: 800px;
margin: 0 auto;
}
.woocommerce-order-received .box_added .box_added_content {
display: block;
}
.woocommerce-order-details h2 {
margin-bottom: 19px;
font-size: 24px;
color: var(--heading);
margin-top: 20px;
}
.woocommerce-order-details table tbody tr .product-name .product-quantity {
font-size: 14px;
font-weight: 400;
}
.woocommerce-order-details table tbody tr th,
.woocommerce-order-details table tbody tr td {
padding: 15px 0px;
border: none;
}
.woocommerce-order-details table tbody tr th {
text-align: left;
}
.woocommerce-order-details table tfoot tr th,
.woocommerce-order-details table tfoot tr td {
padding: 15px 0px;
border: none;
color: var(--heading);
text-align: left;
}
.woocommerce-order-details table tfoot tr td {
text-align: right;
}
.woocommerce-order-details table thead {
background: none;
}
.woocommerce-order-details table thead tr th {
padding: 15px 0px;
}
.woocommerce-order-details table .product-name a {
display: inline-block;
}
.woocommerce-order-details table .product-total {
text-align: right;
}
.woocommerce-columns--addresses,
.woocommerce-Addresses {
margin: 20px -15px 0;
}
.woocommerce-columns--addresses .col-1,
.woocommerce-Addresses .col-1,
.woocommerce-columns--addresses .col-2,
.woocommerce-Addresses .col-2 {
float: left;
width: 48%;
max-width: 100%;
}
.woocommerce-columns--addresses .col-1 address,
.woocommerce-Addresses .col-1 address,
.woocommerce-columns--addresses .col-2 address,
.woocommerce-Addresses .col-2 address {
padding: 25px 30px 30px 30px;
border: 2px dashed var(--heading);
line-height: 30px;
font-style: italic;
}
.woocommerce-columns--addresses .col-1 .edit,
.woocommerce-Addresses .col-1 .edit,
.woocommerce-columns--addresses .col-2 .edit,
.woocommerce-Addresses .col-2 .edit {
margin-bottom: 10px;
display: block;
}
.woocommerce-columns--addresses .col-1 h3,
.woocommerce-Addresses .col-1 h3,
.woocommerce-columns--addresses .col-2 h3,
.woocommerce-Addresses .col-2 h3 {
font-size: 22px;
margin-bottom: 20px;
color: var(--heading);
font-family: var(--body-font);
}
.woocommerce-columns--addresses .col-1,
.woocommerce-Addresses .col-1 {
margin-right: 30px;
}
.jws_options_table {
background: #ffffff;
padding: 10px 0;
margin-top: 10px !important;
text-align: left;
}
.jws_options_table li {
padding: 5px 15px;
}
.jws_options_table li:not(:last-child) {
border-bottom: 1px solid #f1f1f1;
}
.woocommerce-thankyou-order-details {
list-style-type: none;
padding: 0;
display: flex;
-webkit-display: flex;
display: -webkit-flex;
-ms-display: flex;
flex-direction: row;
-webkit-flex-direction: row;
-ms-flex-direction: row;
justify-content: space-between;
-webkit-justify-content: space-between;
}
.woocommerce-thankyou-order-details + p {
font-size: 16px;
background-color: #f6f6f6;
padding-top: 20px;
padding-bottom: 20px;
padding-right: 15px;
padding-left: 15px;
margin-bottom: 30px;
text-align: center;
}
.woocommerce-thankyou-order-details li {
flex-grow: 1;
-ms-flex-grow: 1;
-webkit-flex-grow: 1;
padding-left: 20px;
padding-right: 20px;
margin-bottom: 20px;
border-right: 1px solid #dfdfdf;
text-align: center;
}
.woocommerce-thankyou-order-details li strong {
display: block;
color: var(--heading);
line-height: 24px;
}
.woocommerce .blockUI.blockOverlay {
opacity: 1 !important;
background: rgba(255, 255, 255, 0.6) !important;
position: relative;
}
.woocommerce .blockUI.blockOverlay:before {
content: " ";
display: block;
width: 24px;
height: 24px;
border-radius: 50%;
border: 1px solid #000;
border-color: #000 #000 #fafafa #fafafa;
animation: lds-dual-ring 0.7s linear infinite;
transition: 0.35s all;
position: absolute;
z-index: 1;
left: 50%;
top: 50%;
margin: -12px 0 0 -12px;
}
#jws-shipping-methods {
display: none;
}
#jws-shipping-methods h3 {
font-size: 28.43px;
line-height: 32px;
color: var(--heading);
margin-bottom: 25px;
}
#jws-shipping-methods .woocommerce-shipping-methods {
list-style-type: none;
border: 1px solid #E8E8EB;
padding: 20px 20px 15px;
margin-bottom: 20px;
}
#jws-shipping-methods .woocommerce-shipping-methods input {
margin-right: 5px;
}
.jws-error {
color: #cc1818;
font-size: 13px;
}
.jws-error strong {
color: #cc1818;
font-weight: 500;
}
.page_checkout_classic {
padding-bottom: 95px;
padding-left: 15px;
padding-right: 15px;
}
.page_checkout_classic .woocommerce-form-login-toggle {
margin-bottom: 16px;
}
.page_checkout_classic .woocommerce-checkout-review-order {
border: 1px solid rgba(117, 117, 117, 0.3);
padding: 11px 39px 52px;
}
.page_checkout_classic .woocommerce-checkout-payment {
margin-top: 40px;
}
.page_checkout_classic .woocommerce-checkout-payment > h3 {
display: none;
}
.page_checkout_classic .woocommerce-checkout-payment .wc_payment_methods {
border: 0;
padding: 0;
}
.page_checkout_classic .woocommerce-checkout-payment li .payment_box {
padding: 0;
background: transparent;
margin: 8px 0;
}
.page_checkout_classic .woocommerce-shipping-methods li:not(last-child) {
margin-bottom: 5px;
}
.page_checkout_classic .woocommerce-shipping-methods li input {
float: right;
margin-left: 7px;
margin-top: 4px;
}
.page_checkout_classic .woocommerce-checkout .jws_woo_your_order .woocommerce-checkout-review-order .shop_table .product-name,
.page_checkout_classic .woocommerce-checkout .jws_woo_your_order .woocommerce-checkout-review-order .shop_table .product-total {
border-bottom: 1px solid #ebebeb;
}
.page_checkout_classic #billing_city_field,
.page_checkout_classic #billing_state_field,
.page_checkout_classic #billing_postcode_field,
.page_checkout_classic #shipping_city_field,
.page_checkout_classic #shipping_state_field,
.page_checkout_classic #shipping_postcode_field {
width: 100%;
}
.page_checkout_classic .form-row label:not(.woocommerce-form__label-for-checkbox) {
color: var(--heading);
font-weight: 500;
margin-bottom: 9px;
}
.woocommerce-NoticeGroup-checkout {
margin-bottom: 15px;
}
@media (max-width: 992px) {
#customer_details {
margin-bottom: 30px;
}
}
@media (max-width: 767px) {
.woocommerce-checkout .jws_woo_your_order h5 {
margin-top: 25px;
margin-bottom: 20px;
}
.woocommerce-checkout .jws_woo_your_order #order_review {
padding: 24px 20px 54px;
}
.woocommerce-checkout .jws_woo_your_order .woocommerce-checkout-review-order .shop_table .cart_item .product-name img {
max-width: 50px;
margin-right: 10px;
}
.woocommerce-checkout .woocommerce-form-coupon,
.woocommerce-checkout .woocommerce-form-login {
padding: 15px;
}
#billing_first_name_field,
#shipping_first_name_field,
#billing_last_name_field,
#shipping_last_name_field {
width: 100%;
padding: 0;
}
}
.jws-wishlist-table.loading .jws-wishlist-row {
opacity: 0.4;
pointer-events: none;
}
.jws-wishlist-table .jws-wishlist-row {
-webkit-transition: 0.35s all;
-o-transition: 0.35s all;
-ms-transition: 0.35s all;
-moz-transition: 0.35s all;
transition: 0.35s all;
}
.jws-wishlist-table .jws-wishlist-row thead {
background: var(--main);
color: var(--light);
text-align: left;
}
.jws-wishlist-table .jws-wishlist-row thead tr th {
text-align: center;
}
.jws-wishlist-table .jws-wishlist-row thead tr th:first-child {
padding: 20px 5%;
text-align: left;
}
.jws-wishlist-table .jws-wishlist-row tbody {
border-left: 1px solid var(--border-color);
border-right: 1px solid var(--border-color);
}
.jws-wishlist-table .jws-wishlist-row tbody tr {
border-bottom: 1px solid var(--border-color);
}
.jws-wishlist-table .jws-wishlist-row tbody tr td {
vertical-align: middle;
}
.jws-wishlist-table .jws-wishlist-row tbody tr .jws-wishlist-remove {
color: var(--heading);
display: inline-block;
font-size: 20px;
vertical-align: middle;
}
.jws-wishlist-table .jws-wishlist-row tbody tr td.jws_wishlist_detail {
padding: 25px 4%;
}
.jws-wishlist-table .jws-wishlist-row tbody tr td:not(.jws_wishlist_detail) {
text-align: center;
padding: 25px 30px;
}
.jws-wishlist-table .jws-wishlist-row tbody tr .price {
color: var(--secondary);
font-size: 18px;
font-weight: bold;
}
.jws-wishlist-table .jws-wishlist-row tbody tr .price .star-rating {
display: block;
margin: 0 auto;
}
.jws-wishlist-table .jws-wishlist-row tbody tr .add_to_cart_button.loading {
pointer-events: none;
}
.jws-wishlist-table .jws-wishlist-row tbody tr .add_to_cart_button.loading .loader .path {
stroke: var(--light);
}
.jws-wishlist-table .jws-wishlist-row tbody tr .jws_wishlist_detail .product-image {
display: inline-block;
max-width: 66px;
margin-right: 30px;
vertical-align: middle;
}
.jws-wishlist-table .jws-wishlist-row tbody tr .jws_wishlist_detail .product-title {
display: inline-block;
width: calc(100% - 100px);
vertical-align: middle;
max-width: 230px;
font-weight: 500;
}
.jws-wishlist-table .jws-wishlist-row tbody tr .jws_wishlist_detail .product-title a {
color: var(--heading);
}
.jws-wishlist-table .jws-wishlist-row tbody tr .jws_wishlist_detail .product-title a:hover {
color: var(--main);
}
.return-to-shop a {
margin-top: 30px;
}
@media (max-width: 767px) {
.jws_products.jws_products_skin9 .jws_products_item .jws_content_product,
.jws_products.jws_products_skin1 .jws_products_item .jws_content_product {
padding-top: 5px;
padding-bottom: 5px;
}
.jws_products.jws_products_skin9 .jws_products_item .jws_content_product .jws_content_center_product,
.jws_products.jws_products_skin1 .jws_products_item .jws_content_product .jws_content_center_product {
margin: 0;
}
.jws_products.jws_products_skin4 .jws_products_item .jws_content_product .jws_content_center_product {
margin: 0;
}
.jws-wishlist-table .jws-wishlist-row thead {
display: none;
}
.jws-wishlist-table .jws-wishlist-row tbody {
display: block;
border: none;
}
.jws-wishlist-table .jws-wishlist-row tbody tr {
display: block;
width: 100%;
margin-bottom: 15px;
border: 2px solid #f2f2f2;
}
.jws-wishlist-table .jws-wishlist-row tbody tr td {
display: block;
text-align: center;
}
.jws-wishlist-table .jws-wishlist-row tbody tr td .product-image {
margin-right: 0 !important;
margin-bottom: 15px !important;
}
.jws-wishlist-table .jws-wishlist-row tbody tr td .product-title {
width: 100% !important;
}
} .jws_pr_labels {
position: absolute;
}
#jws-nutrition-info-popup {
max-width: 800px;
background-color: #ffffff;
padding: 50px;
}
#jws-nutrition-info-popup .nut-heading {
margin-bottom: 3px;
}
#jws-nutrition-info-popup .nutritions-table {
margin-top: 10px;
margin-bottom: 36px;
}
#jws-nutrition-info-popup .nutritions-table th {
padding: 0 0 14px;
}
#jws-nutrition-info-popup .nutritions-table tbody tr {
border: 0;
}
#jws-nutrition-info-popup .nutritions-table tbody tr:first-child td {
padding-top: 20px;
}
#jws-nutrition-info-popup .nutritions-table tbody td {
padding: 1px 0px;
}
#jws-nutrition-info-popup .nutritions-table .per-serve {
text-align: center;
}
#jws-nutrition-info-popup .nutritions-table .serve-g {
text-align: right;
}
#jws-nutrition-info-popup .ingredient-wap {
margin-bottom: 30px;
}
#jws-nutrition-info-popup .ingredient-wap span {
margin-right: 5px;
}
#jws-nutrition-info-popup .ingredient-wap span:not(:last-child):after {
content: ",";
}
#jws-nutrition-info-popup .allergen-wap .allergen-file {
color: var(--third);
font-weight: 700;
margin-top: 8px;
display: block;
}
#jws-nutrition-info-popup .allergen-wap ul {
display: flex;
flex-wrap: wrap;
margin: 0 -15px;
margin-bottom: 38px;
}
#jws-nutrition-info-popup .allergen-wap ul li {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 50%;
max-width: 50%;
padding: 0 15px;
margin-bottom: 2px;
}
#jws-nutrition-info-popup .allergen-wap ul li div {
display: flex;
width: 100%;
justify-content: space-between;
}
#jws-nutrition-info-popup .allergen-wap ul li strong {
color: var(--heading);
}
.product-addon-totals {
color: var(--heading);
max-width: 285px;
margin-bottom: 30px;
}
.product-addon-totals dt {
font-weight: inherit;
clear: both;
}
.product-addon-totals dd {
float: right;
margin-bottom: 0;
}
.product-addon-totals:after {
content: "";
display: table;
clear: both;
}
.half_half .jws_main_image,
.half_half .jws_thumbnail_image {
display: none;
}
.half-half-image {
position: relative;
min-width: 80px;
}
.half-half-image:before {
content: "";
padding-bottom: 100%;
display: block;
}
.half-half-image > div {
position: absolute;
width: 100%;
height: 100%;
display: flex;
background: #fff;
overflow: hidden;
top: 0;
left: 0;
}
.half-half-image > div > div {
object-fit: cover;
width: 50%;
vertical-align: middle;
border-style: none;
background-size: cover !important;
background-repeat: no-repeat !important;
}
.half-half-image > div .pizza-1 {
order: 1;
background-position: 100% !important;
}
.product-addon {
margin-bottom: 20px;
}
.product-addon .addon-name {
font-family: var(--body-font);
font-size: inherit;
font-weight: bold;
margin-bottom: -2px;
}
.product-addon .space {
margin-bottom: 12px;
}
.product-addon .addon-custom-textarea {
border-color: #b7b7b7;
}
.product-addon.list-style .addon {
margin-right: 10px;
margin-left: 3px;
}
.product-addon.list-style.style2 .form-row {
width: 48%;
display: inline-block;
}
.product-addon.list-style.style2 .addon-info {
display: inline;
}
.product-addon.list-style.style2 .addon .label {
display: inline-block;
}
.product-addon.list-style.style2 .addon:before {
width: 20px;
height: 20px;
border-radius: 100%;
}
.product-addon.list-style.style2 .addon:after {
width: 26px;
height: 26px;
line-height: 26px;
border-radius: 100%;
}
.product-addon.list-style.style2 .label {
display: inline-block;
color: var(--heading);
font-weight: bold;
vertical-align: middle;
}
.product-addon.list-style.style2 .price {
font-size: 13px;
color: var(--body);
font-weight: 400;
line-height: 10px;
}
.product-addon.list-style.style2 img {
max-width: 45px;
margin-right: 10px;
}
.product-addon.list-style.style1 .addon-info {
display: inline;
}
.product-addon.list-style.style1 .form-row {
width: 48%;
display: inline-block;
}
.product-addon.list-style.style1 .form-row label {
margin-bottom: 2px;
}
.product-addon.list-style.style1 .form-row .label {
display: inline-block;
}
.product-addon.list-style.style1 .form-row img {
max-width: 45px;
margin-right: 5px;
}
.product-addon.list-style.style3 .addon {
display: none;
}
.product-addon.list-style.style3 .addon:checked + .addon-info {
border-color: #232323;
}
.product-addon.list-style.style3 .addon:checked + .addon-info:after {
opacity: 1;
animation: zoomIn 0.3s both;
}
.product-addon.list-style.style3 .form-row {
display: inline-block;
margin-right: 10px;
}
.product-addon.list-style.style3 .label {
color: var(--heading);
line-height: 20px;
}
.product-addon.list-style.style3 .label .price {
font-size: 13px;
color: var(--body);
}
.product-addon.list-style.style3 .addon-info {
border: 1px solid #a6a6a6;
border-radius: 3px;
padding: 10px;
display: flex;
flex-wrap: wrap;
text-align: center;
justify-content: center;
min-height: 150px;
max-width: 110px;
transition: 0.3s all;
position: relative;
}
.product-addon.list-style.style3 .addon-info:after {
content: '\e81e';
font-family: "jws_icon";
position: absolute;
opacity: 0;
top: -8px;
color: #ffffff;
font-size: 12px;
right: -13px;
width: 25px;
height: 25px;
background-color: var(--main);
text-align: center;
line-height: 25px;
border-radius: 100%;
transition: 0.3s all;
}
.product-addon.list-style.style3 .addon-info img {
order: 2;
margin-top: 10px;
max-height: 75px;
object-fit: contain;
width: auto;
will-change: auto;
}
.jws-quantity-wrap {
max-width: 130px;
display: inline-block;
vertical-align: middle;
color: var(--heading);
}
.jws-quantity-wrap .quantity {
position: relative;  }
.jws-quantity-wrap .quantity .screen-reader-text {
display: none;
}
.jws-quantity-wrap .quantity input::-webkit-outer-spin-button,
.jws-quantity-wrap .quantity input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.jws-quantity-wrap .quantity input[type=number] {
-moz-appearance: textfield;
font-size: var(--font-size-md);
color: var(--heading);
min-height: 54px;
width: 100%;
padding: 0 50px;
position: relative;
margin-right: 27px;
border-radius: 40px;
border: 0;
font-weight: bold;
border: 1px solid var(--body3);
}
.jws-quantity-wrap .quantity > span {
position: absolute;
z-index: 1;
cursor: pointer;
top: 50%;
margin-top: -22.5px;
line-height: 20px;
width: 45px;
height: 45px;
text-align: center;
background-color: transparent;
line-height: 45px;
border-radius: 100%;
transition: 0.3s all;
}
.jws-quantity-wrap .quantity > span:hover {
background-color: var(--body2);
}
.jws-quantity-wrap .quantity > span:before {
font-size: 18px;
font-weight: bold;
}
.jws-quantity-wrap .quantity > span.jws-qty-minus {
left: 9px;
}
.jws-quantity-wrap .quantity > span.jws-qty-minus:before {
content: '-';
}
.jws-quantity-wrap .quantity > span.jws-qty-plus {
right: 9px;
}
.jws-quantity-wrap .quantity > span.jws-qty-plus:before {
content: '+';
}
.jws-quantity-wrap .quantity .input-text {
text-align: center;
}
.product-360-view-wrapper {
max-width: 600px;
}
.shop-single {
padding-bottom: 85px;
padding-top: 32px;
}
.shop-single .woocommerce-notices-wrapper {
margin: 0 auto;
padding: 0 15px;
}
.main-product .jws-quantity-wrap {
margin-right: 15px;
}
.main-product .woocommerce-product-details__short-description {
color: var(--heading);
}
.main-product .entry-summary {
position: relative;
padding-left: 60px;
}
.main-product .entry-summary .woocommerce-product-rating {
margin-bottom: 12px;
margin-top: 7px;
}
.main-product .entry-summary .woocommerce-product-rating .woocommerce-review-link {
margin-left: 15px;
padding-bottom: 2px;
font-size: var(--font-size-sm);
}
.main-product .entry-summary .product-title {
margin-bottom: 10px;
margin-top: 18px;
}
.main-product .entry-summary > .stock {
font-weight: 700;
margin: 0;
color: var(--heading);
margin-bottom: 24px;
margin-top: 32px;
}
.main-product .entry-summary .in-stock {
color: #227835;
}
.main-product .entry-summary .in-stock:before {
content: '\eb10';
font-family: "jws_icon";
font-size: 21px;
font-weight: bold;
margin-right: 4px;
vertical-align: middle;
margin-top: -4px;
display: inline-block;
}
.main-product .entry-summary.quickview-summary .product-share {
display: none;
}
.main-product .entry-summary .product_meta {
margin-bottom: 25px;
}
.main-product .entry-summary > .product-short-text {
font-size: 14px;
margin-top: 8px;
margin-bottom: 13px;
}
.main-product .entry-summary .price-wrap {
margin-bottom: 10px;
}
.main-product .entry-summary .price-wrap:after {
content: "";
display: table;
clear: both;
}
.main-product .entry-summary .price-wrap .nutrition-info {
display: inline;
}
.main-product .entry-summary .price-wrap .nutrition-info a {
margin-left: 6px;
position: relative;
}
.main-product .entry-summary .price-wrap .nutrition-info a span {
background-color: #000000;
position: absolute;
color: #ffffff;
left: -13px;
top: 27px;
white-space: nowrap;
font-size: 13px;
padding: 0 10px;
border-radius: 5px;
line-height: 25px;
transition: 0.3s all;
pointer-events: none;
opacity: 0;
}
.main-product .entry-summary .price-wrap .nutrition-info a span:before {
width: 0;
height: 0;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 8px solid #000000;
content: "";
position: absolute;
top: -8px;
left: 14px;
}
.main-product .entry-summary .price-wrap .nutrition-info a:hover span {
pointer-events: auto;
opacity: 1;
}
.main-product .entry-summary .price-wrap .nutrition-info a:before {
content: '\e81f';
font-family: "jws_icon";
color: #5a9b1c;
}
.main-product .entry-summary .price-wrap > .price {
margin-bottom: 26px;
color: var(--heading);
display: inline;
margin-right: 45px;
}
.main-product .entry-summary .price-wrap > .price ins {
text-decoration: none;
}
.main-product .entry-summary .price-wrap > .price del {
color: var(--body);
margin-right: 1px;
font-size: 18px;
}
.main-product .entry-summary .price-wrap > .price .amount .woocommerce-product-rating .woocommerce-review-link {
font-size: 14px;
color: var(--body);
opacity: 0.9;
}
.main-product .entry-summary .price-wrap > .price .amount .woocommerce-product-rating .star-rating {
margin-right: 12px;
}
.main-product .product-inner {
width: 130px;
position: absolute;
opacity: 0;
bottom: 45px;
right: 0;
transition: 0.3s all;
padding: 10px;
z-index: 99;
transform: translateY(-10px);
background: var(--light);
box-shadow: 0px 0px 5.74px 1.26px rgba(25, 4, 2, 0.05);
pointer-events: none;
}
.main-product .product-inner img {
margin-bottom: 10px;
}
.main-product .product-inner .title a {
color: var(--heading);
font-size: 12px;
line-height: 20px;
display: block;
}
.main-product .product-inner .title a:hover {
color: var(--main);
}
.single_add_to_cart_button {
min-height: 52px;
min-width: 185px;
background: var(--secondary);
border-color: var(--secondary);
}
.single_add_to_cart_button.loading {
pointer-events: none;
}
.single_add_to_cart_button.loading .loader svg .path {
stroke: #fff;
}
.external_form {
margin-top: 25px;
}
.external_form .single_add_to_cart_button {
width: calc(100% - 33px);
}
.grouped_form p {
margin-bottom: 0;
}
.grouped_form table {
margin-bottom: 13px;
margin-left: -10px;
}
.grouped_form table .woocommerce-loop-product__title {
font-weight: bold;
}
.grouped_form table img {
border-radius: 10px;
}
.grouped_form table [alt="blend-mode"] {
mix-blend-mode: multiply;
}
.grouped_form table tr {
border: 0;
}
.grouped_form table tr td {
padding: 12px 10px;
}
.variations_form {
margin-top: 27px;
}
.variations_form .variations {
margin-bottom: 20px;
max-width: 368px;
}
.variations_form tr {
border: 0;
display: block;
}
.variations_form tr:not(:last-child) {
margin-bottom: 23px;
}
.variations_form .label {
color: var(--heading);
font-weight: 700;
padding: 0;
display: block;
}
.variations_form .label label {
margin-bottom: 12px;
}
.variations_form .value {
padding: 0;
position: relative;
width: 100%;
display: block;
}
.variations_form .text_vari {
display: none;
}
.variations_form .woocommerce-variation-price .price {
color: var(--heading);
}
.variations_form .feature_image .tawcvs-swatches {
margin-right: 20px;
}
.variations_form .tawcvs-swatches {
cursor: pointer;
}
.variations_form .tawcvs-swatches .disabled {
opacity: 0.5;
cursor: no-drop;
}
.variations_form .tawcvs-swatches .swatch-label {
border: 1px solid var(--border-color3);
width: auto;
padding: 0 20px;
text-align: center;
height: 44px;
line-height: 44px;
display: block;
border-radius: 3px;
color: var(--heading);
display: inline-block;
position: relative;
}
.variations_form .tawcvs-swatches .swatch-label:after {
content: '\e81e';
font-family: "jws_icon";
position: absolute;
opacity: 0;
top: -8px;
color: #ffffff;
font-size: 8px;
right: 5px;
width: 18px;
height: 18px;
background-color: var(--main);
text-align: center;
line-height: 15px;
border-radius: 100%;
transition: 0.3s all;
border: 2px solid var(--light);
}
.variations_form .tawcvs-swatches .swatch-label:not(:last-child) {
margin-right: 18px;
}
.variations_form .tawcvs-swatches .swatch-label.selected {
border-color: var(--heading);
}
.variations_form .tawcvs-swatches .swatch-label.selected:after {
opacity: 1;
}
.variations_form .tawcvs-swatches .swatch > .text {
position: absolute;
background: var(--main);
font-size: 12px;
color: var(--light);
border-radius: 3px;
padding: 1px 12px;
top: -33px;
opacity: 0;
left: 50%;
transform: translateX(-50%);
text-align: center;
pointer-events: none;
line-height: 19px;
box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);
white-space: nowrap;
transition: 0.3s all;
}
.variations_form .tawcvs-swatches .swatch > .text:after {
border-left: 3px solid transparent;
border-right: 3px solid transparent;
border-top: 5px solid var(--main);
left: 50%;
margin-left: -3px;
top: 21px;
content: "";
position: absolute;
}
.variations_form .tawcvs-swatches .swatch:hover .text {
opacity: 1;
}
.variations_form .tawcvs-swatches .swatch-color {
width: 24px;
height: 24px;
border-radius: 100%;
display: block;
position: relative;
transition: 0.3s all;
margin-left: 3px;
}
.variations_form .tawcvs-swatches .swatch-color.show-images-color {
width: 60px;
height: 60px;
border-radius: 0;
border: 1px solid transparent;
}
.variations_form .tawcvs-swatches .swatch-color.show-images-color.selected,
.variations_form .tawcvs-swatches .swatch-color.show-images-color:hover {
border-color: rgba(4, 2, 2, 0.5);
}
.variations_form .tawcvs-swatches .swatch-color.show-images-color:before {
display: none;
}
.variations_form .tawcvs-swatches .swatch-color:before {
display: inline-block;
width: 30px;
height: 30px;
border-radius: 100%;
border: 1px solid var(--border-color);
transition: .3s all;
cursor: pointer;
content: "";
position: absolute;
left: -3px;
top: -3px;
}
.variations_form .tawcvs-swatches .swatch-color.selected:before,
.variations_form .tawcvs-swatches .swatch-color:hover:before {
border-color: var(--main);
}
.variations_form .reset_variations {
margin-left: 10px;
color: var(--heading);
font-size: 14px;
border-bottom: 1px solid var(--heading);
left: 100%;
padding-top: 10px;
position: absolute;
top: 0;
}
.product-tabs {
position: relative;
margin-top: 60px;
}
.woocommerce-tabs {
margin-bottom: 46px;
position: relative;
margin-top: 8px;
}
.woocommerce-tabs.horizontal li {
position: relative;
}
.woocommerce-tabs.horizontal .woocommerce-Tabs-panel {
padding: 20px 0 50px;
color: var(--heading);
}
.woocommerce-tabs.horizontal .woocommerce-Tabs-panel .ingredient-wap {
margin-top: 26px;
}
.woocommerce-tabs.horizontal .woocommerce-Tabs-panel .ingredient-wap label {
font-weight: bold;
color: var(--heading);
margin-bottom: 12px;
}
.woocommerce-tabs.horizontal .woocommerce-Tabs-panel .ingredient-wap li {
display: inline-block;
width: 50%;
}
.woocommerce-tabs.horizontal .woocommerce-Tabs-panel .woocommerce-product-attributes {
margin: 0 auto;
max-width: 845px;
}
.woocommerce-tabs.horizontal .woocommerce-Tabs-panel#tab-description table {
border: 0;
}
.woocommerce-tabs.horizontal .woocommerce-Tabs-panel#tab-description table tr {
border-bottom: 0;
}
.woocommerce-tabs.horizontal .woocommerce-Tabs-panel#tab-description table tr td {
padding: 0.2em 0px;
border: 0;
}
.woocommerce-tabs .jws-group-accordion-wap {
transition: height 0.5s cubic-bezier(0.2, 0.35, 0.25, 1) 0s;
overflow: hidden;
}
.woocommerce-tabs .jws-group-accordion-wap .tab-heading {
font-size: 18px;
font-weight: 500;
font-family: var(--body-font);
margin: 0;
padding: 12.5px 0;
cursor: pointer;
display: none;
}
.woocommerce-tabs .jws-group-accordion-wap .tab-heading:after {
font-size: 10px;
font-weight: bold;
font-family: "jws_icon";
content: '\f531';
float: right;
}
.woocommerce-tabs .jws-group-accordion-wap .accordion-active .tab-heading:after {
content: '\f4bf';
}
.woocommerce-tabs .jws-group-accordion-wap .woocommerce-Tabs-panel {
padding-bottom: 15px;
}
.woocommerce-tabs .woocommerce-Tabs-panel {
display: none;
}
.woocommerce-tabs .woocommerce-Tabs-panel table {
border: 1px solid var(--border-color);
}
.woocommerce-tabs .woocommerce-Tabs-panel table th {
font-weight: 700;
padding: 10px 20px;
min-width: 100px;
color: var(--heading);
border-right: 1px solid var(--border-color);
}
.woocommerce-tabs .woocommerce-Tabs-panel table tr {
border-bottom: 1px solid var(--border-color);
}
.woocommerce-tabs .woocommerce-Tabs-panel table td {
padding: 10px 15px;
vertical-align: middle;
border-right: 1px solid var(--border-color);
}
.woocommerce-tabs .woocommerce-Tabs-panel > .elementor {
margin-right: -10px;
margin-left: -10px;
}
.woocommerce-tabs .woocommerce-Tabs-panel h3 {
margin: 0;
margin-bottom: 15px;
}
.woocommerce-tabs .wc-tabs {
padding: 0;
list-style-type: none;
position: relative;
}
.woocommerce-tabs .wc-tabs li {
display: inline-block;
margin-right: 20px;
}
.woocommerce-tabs .wc-tabs li:last-child {
margin-right: 0;
}
.woocommerce-tabs .wc-tabs li.active a:after {
width: 100%;
left: 0;
}
.woocommerce-tabs .wc-tabs li.active a {
opacity: 1;
}
.woocommerce-tabs .wc-tabs li a {
font-size: 16px;
line-height: 24px;
margin-bottom: 10px;
margin-top: 0;
font-family: var(--font2);
font-weight: 700;
color: var(--heading);
}
.woocommerce-tabs .wc-tabs li a:after {
content: "";
width: 0;
transition: .3s all;
position: absolute;
right: 0;
bottom: 1px;
height: 2px;
background: var(--secondary);
}
.product-reviews .ratings-list {
vertical-align: top;
display: inline-block;
width: 100%;
max-width: 300px;
text-align: center;
border-left: 1px solid var(--border-color2);
border-right: 1px solid var(--border-color2);
padding-top: 1px;
padding-bottom: 15px;
}
.product-reviews .ratings-list .ratings-item {
text-align: left;
display: block;
max-width: 100%;
width: 250px;
margin: 0 auto;
margin-bottom: -2px;
}
.product-reviews .ratings-list .star-rating {
margin-right: 10px;
height: 16px;
line-height: 14px;
}
.product-reviews .ratings-list .count {
font-size: 14px;
font-weight: 500;
color: var(--heading);
width: 20px;
text-align: center;
display: inline-block;
}
.product-reviews .ratings-list .rating-percent {
display: inline-block;
position: relative;
height: 5px;
width: calc(100% - 135px);
margin-right: 8px;
vertical-align: middle;
}
.product-reviews .ratings-list .rating-percent:before {
position: absolute;
width: 100%;
height: 100%;
left: 0;
background: #EFF1F2;
content: "";
top: 0;
}
.product-reviews .ratings-list .rating-percent > span {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: #FFC119;
}
.product-reviews .avg-rating-container {
vertical-align: top;
display: inline-block;
margin-right: 24px;
margin-bottom: 20px;
margin-top: -10px;
}
.product-reviews .avg-rating-container .ratings-review {
display: block;
margin-top: 1px;
}
.product-reviews .avg-rating-container .star-rating {
width: 124px;
margin-top: 0;
letter-spacing: 0;
height: 25px;
line-height: 25px;
}
.product-reviews .avg-rating-container .star-rating:before {
font-size: 25px;
color: #FFC119;
}
.product-reviews .avg-rating-container .star-rating span:before {
top: 0px;
font-size: 25px;
color: #FFC119;
}
.product-reviews h3 {
font-size: 36px;
font-weight: bold;
background: transparent;
padding: 0;
margin-right: 11px;
vertical-align: middle;
color: var(--heading);
display: inline;
}
#answer-question-list,
#product-questions {
display: none;
}
#product-questions > div {
font-size: var(--font-size-md);
margin-bottom: 21px;
display: block;
color: var(--heading);
font-weight: bold;
}
.form-questions.loading .submit {
color: rgba(0, 0, 0, 0);
position: relative;
}
.form-questions.loading .submit .loader .path {
stroke: #ffffff;
}
#answer-question-list {
position: relative;
}
#answer-question-list > ul {
padding: 0;
list-style-type: none;
}
#answer-question-list > ul li {
margin-bottom: 20px;
border-bottom: 1px solid #E8E8EB;
padding-bottom: 29px;
position: relative;
}
#answer-question-list > ul li .q-name {
color: var(--main);
font-weight: 500;
}
#answer-question-list > ul li .q-date {
position: absolute;
right: 0;
top: 2px;
opacity: 0.7;
}
#answer-question-list > ul li .q-question {
color: var(--heading);
font-weight: 500;
margin-bottom: 20px;
display: block;
}
#answer-question-list > ul li .answer_content {
border-left: 1px solid var(--secondary);
padding-left: 15px;
padding-top: 15px;
padding-bottom: 5px;
}
#answer-question-list > ul li .answer_content > div {
color: var(--main);
font-weight: 500;
}
.jws_action_review {
max-width: 183px;
margin-right: 0;
margin-left: auto;
margin-top: 5px;
}
.jws_action_review span {
border: 2px solid var(--border-color);
display: block;
cursor: pointer;
height: 50px;
line-height: 46px;
margin-bottom: 14px;
text-align: center;
font-weight: 700;
color: var(--heading);
transition: 0.3s all;
padding: 0 15px;
border-radius: 3px;
}
.jws_action_review span.active {
background: var(--heading);
border-color: var(--heading);
color: var(--light);
}
.tabs_review_questios {
margin-bottom: 38px;
margin-top: 82px;
position: relative;
}
.tabs_review_questios .tabs_review_nav {
display: inline-block;
position: relative;
z-index: 1;
font-size: var(--font-size-md);
color: var(--heading);
}
.tabs_review_questios span {
cursor: pointer;
opacity: 0.6;
margin-right: 15px;
position: relative;
}
.tabs_review_questios span:after {
content: "";
width: 0;
transition: 0.3s all;
position: absolute;
right: 0;
bottom: -4px;
height: 1px;
background: var(--main);
}
.tabs_review_questios span.active {
opacity: 1;
}
.tabs_review_questios span.active:after {
width: 100%;
left: 0;
}
.product .related {
margin-top: 37px;
}
.product .related > h4 {
margin-bottom: 10px;
}
.product .related .product-item {
margin: 0;
}
.jws-wishlist-btn {
display: block;
position: relative;
gap: 15px;
}
.jws-wishlist-btn i {
width: 40px;
height: 40px;
background: var(--light);
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.05);
font-size: 24px;
line-height: 43px;
text-align: center;
}
.jws-wishlist-btn:not(.added) span:last-child {
display: none;
}
.jws-wishlist-btn.added span:nth-child(2) {
display: none;
}
.jws-wishlist-btn.added i:before {
content: "\e833";
}
form.cart {
margin-bottom: 27px;
margin-top: 23px;
max-width: 603px;
}
.product_meta > span {
display: block;
line-height: 22px;
margin-bottom: 8px;
}
.product_meta > span .meta_label {
color: var(--heading);
font-weight: bold;
}
.product_meta > span span:not(.meta_label),
.product_meta > span a {
color: var(--body);
margin-left: 5px;
}
.product_meta > span a:hover {
color: var(--main);
}
.woocommerce-variation-price {
margin-bottom: 9px;
}
.woocommerce-variation-price .price {
font-size: 18px;
color: #e96b65;
}
.product_banner {
margin-top: 23px;
}
.product-share .share-label {
color: var(--heading);
display: block;
text-transform: uppercase;
font-size: var(--font-size-sm);
font-family: var(--font2);
margin-bottom: 15px;
}
.product-share .addthis_inline_share_toolbox a {
font-size: 24px;
margin-right: 8px;
}
.product-share .addthis_inline_share_toolbox a:hover {
color: var(--secondary);
}
.jws_thumbnail_image .product-image-thumbnail .video_thumbnail {
position: relative;
padding: 100% 0 0 0;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 1px solid transparent;
overflow: hidden;
}
.jws_thumbnail_image .product-image-thumbnail iframe {
pointer-events: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
transform: scale(1.5);
}
.jws_thumbnail_image .product-image-thumbnail img {
border: 1px solid transparent;
transition: 0.3s all;
width: 100%;
margin-bottom: 1px;
}
.jws_thumbnail_image .active-thumb img,
.jws_thumbnail_image .active-thumb .video_thumbnail {
border-color: var(--third);
}
.jws_main_image {
position: relative;
}
.jws_main_image .woocommerce-product-gallery__image a,
.jws_main_image .woocommerce-product-gallery__image img {
cursor: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxyZWN0IGZpbGw9Im5vbmUiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIvPjxwb2x5Z29uIHBvaW50cz0iMjAsMTEgMTMsMTEgMTMsNCAxMSw0IDExLDExIDQsMTEgNCwxMyAxMSwxMyAxMSwyMCAxMywyMCAxMywxMyAyMCwxMyAiLz48L3N2Zz4=), auto;
width: 100%;
display: block;
}
.jws_main_image .layout_default figure {
background: #e9e8e6;
}
.jws_main_image figure {
margin: 0;
}
.jws_main_image .product-video-popup {
position: absolute;
bottom: 28px;
right: 35px;
z-index: 1;
}
.jws_main_image .product-video-popup a {
font-size: 14px;
font-weight: 500;
background: #fff;
padding: 7px 10px;
border-radius: 40px;
box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.05);
}
.jws_main_image .product-video-popup a i {
font-size: 25px;
margin-right: 7px;
vertical-align: middle;
margin-top: -2px;
display: inline-block;
}
.has-owl-carousel .woocommerce-product-gallery__wrapper > .product-image-wrap {
display: none;
}
.has-owl-carousel .woocommerce-product-gallery__wrapper > .product-image-wrap:first-child {
display: block;
}
.thumbnail_flex_true .woocommerce-product-gallery {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -10px;
}
.thumbnail_flex_true .woocommerce-product-gallery__wrapper .owl-item:not(:first-child) {
display: none;
}
.thumbnail_flex_true .owl-loaded .owl-item:not(:first-child) {
display: block;
}
.thumbnail_flex_true .jws_main_image {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(100% - 110px);
flex: 0 0 calc(100% - 110px);
max-width: calc(100% - 110px);
position: relative;
padding: 0 10px;
}
.thumbnail_flex_true .jws_main_image .jws_pr_labels {
top: 13px;
right: 30px;
}
.thumbnail_flex_true .jws_thumbnail_image {
-webkit-box-flex: 0;
-ms-flex: 0 0 110px;
flex: 0 0 110px;
max-width: 110px;
position: relative;
padding: 0 10px;
}
.thumbnail_flex_true .jws_thumbnail_image .thumbnails {
opacity: 0;
height: 0;
}
.thumbnail_flex_true .jws_thumbnail_image .thumbnails.slick-initialized,
.thumbnail_flex_true .jws_thumbnail_image .thumbnails.owl-loaded {
opacity: 1;
height: auto;
}
.thumbnail_flex_true .jws_thumbnail_image .thumbnails.slick-slider > button {
-ms-flex-order: 2;
order: 2;
padding: 0;
height: 24px;
border: none;
background: var(--main);
color: #ffffff;
font-size: 0;
line-height: 24px;
transition: .3s ease;
z-index: 1;
width: 100%;
margin-bottom: 15px;
}
.thumbnail_flex_true .jws_thumbnail_image .thumbnails.slick-slider > button.slick-next:before {
content: "\f078";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 16px;
}
.thumbnail_flex_true .jws_thumbnail_image .thumbnails.slick-slider > button.slick-prev:before {
content: "\f077";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 16px;
}
.thumbnail_flex_true .jws_thumbnail_image .product-image-thumbnail {
margin: 0;
margin-bottom: 15px;
}
.gallery_false .jws_thumbnail_image {
display: none;
}
.gallery_false .jws_main_image {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
margin-bottom: 0 !important;
}
.comments-heading {
text-align: center;
margin-bottom: 36px;
}
.woocommerce-Reviews .review-based {
margin-bottom: 21px;
}
.woocommerce-Reviews .average {
font-size: 36px;
color: var(--heading);
font-weight: bold;
display: block;
margin-top: 19px;
margin-bottom: 9px;
}
.woocommerce-Reviews .average i {
color: var(--main);
font-size: 22px;
vertical-align: top;
margin-left: 5px;
}
.woocommerce-Reviews .review-count {
color: var(--heading);
display: block;
margin-bottom: 29px;
}
.woocommerce-Reviews form .error {
color: #ea1332;
margin-top: 10px;
display: block;
position: absolute;
}
.woocommerce-Reviews form label {
font-weight: 700;
color: var(--heading);
}
.woocommerce-Reviews form .row > div:not(:last-child) {
margin-bottom: 30px;
}
.woocommerce-Reviews form p {
margin-bottom: 17px;
}
.woocommerce-Reviews form .submit {
min-width: 183px;
text-align: center;
}
.woocommerce-Reviews .comment-notes {
display: none;
}
.woocommerce-Reviews .comment-reply-title {
font-size: var(--font-size-md);
margin-bottom: 21px;
display: block;
color: var(--heading);
font-weight: bold;
}
.woocommerce-Reviews #comments {
position: relative;
}
.woocommerce-Reviews .commentlist {
padding: 0;
}
.woocommerce-Reviews .commentlist li {
margin-bottom: 22px;
}
.woocommerce-Reviews .commentlist li .comment_container {
border-bottom: 1px solid var(--border-color2);
padding-bottom: 15px;
}
.woocommerce-Reviews .commentlist li .comment_container img {
border-radius: 100%;
width: 80px;
display: inline-block;
vertical-align: top;
margin-top: 6px;
height: 80px;
object-fit: cover;
}
.woocommerce-Reviews .commentlist li .comment_container .comment-text {
width: calc(100% - 85px);
display: inline-block;
vertical-align: top;
padding-left: 13px;
padding-top: 6px;
position: relative;
}
.woocommerce-Reviews .commentlist li .comment_container .meta {
font-size: 16px;
line-height: 24px;
margin-bottom: 10px;
margin-top: 0;
font-family: var(--font2);
font-weight: 700;
color: var(--heading);
margin-bottom: 8px;
margin-top: 5px;
}
.woocommerce-Reviews .woocommerce-Reviews-title {
display: none;
}
.woocommerce-Reviews .comment-form-cookies-consent {
margin-top: 17px;
}
.woocommerce-Reviews .comment-form-cookies-consent input {
margin-right: 10px;
}
.woocommerce-Reviews .comment-form-cookies-consent label {
margin: 0;
font-weight: 400;
}
.woocommerce-Reviews .review-title {
font-weight: bold;
font-size: 13px;
display: block;
position: relative;
margin-bottom: 11px;
overflow: hidden;
}
.woocommerce-Reviews .review-title:after {
position: absolute;
top: 51%;
overflow: hidden;
width: 100%;
height: 1px;
content: '\a0';
background-color: #e7e7e7;
margin-left: 10px;
}
@media (max-width: 1100px) {
.main-product .entry-summary:not(.quickview-summary) {
padding-left: 0;
padding-right: 0;
}
}
@media (max-width: 767px) {
.woocommerce-tabs {
margin-bottom: 20px;
margin-top: 30px;
}
.resize-slider-mobile .woocommerce-product-gallery__wrapper > .product-image-wrap {
display: none;
}
.resize-slider-mobile .woocommerce-product-gallery__wrapper > .product-image-wrap:first-child {
display: block;
}
.product-reviews .ratings-list {
border: 0;
max-width: 100%;
}
.product-reviews .ratings-list .ratings-item {
max-width: 100%;
width: 100%;
}
.woocommerce-Tabs-panel#tab-description table tr td {
display: block;
}
.woocommerce-Reviews .commentlist li .comment_container .avatar-right .date-comment {
position: relative;
top: 3px;
font-size: 14px;
}
#answer-question-list > ul li .q-date {
font-size: 14px;
}
.woocommerce-tabs.horizontal:before {
display: none;
}
.tabs-modal-container .jws-group-accordion-wap {
padding: 64px 20px;
}
.main-product .entry-summary .product-title {
font-size: 25px;
line-height: 30px;
}
}
.woocommerce-product-gallery__wrapper {
position: relative;
}
.woocommerce-product-gallery__wrapper .owl-dots {
display: none;
}
.woocommerce-product-gallery__wrapper.has_video .owl-stage .product-image-wrap {
height: 100%;
}
.woocommerce-product-gallery__wrapper.has_video .owl-stage .product-image-wrap .video_inner {
height: 100%;
overflow: hidden;
}
.woocommerce-product-gallery__wrapper.has_video .owl-stage .product-image-wrap .video_inner .video_product {
padding: 133.33% 0 0 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transform: scale(1.1);
}
.woocommerce-product-gallery__wrapper.has_video .owl-stage .product-image-wrap .video_inner .video_product iframe {
position: absolute;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
}
.star-rating-wap .review-count {
font-size: 13px;
margin-left: 7px;
}
.star-rating {
height: 20px;
line-height: 20px;
overflow: hidden;
position: relative;
text-align: left;
width: 87px;
display: inline-block;
vertical-align: middle;
letter-spacing: 3px;
}
.star-rating:before {
left: 0;
top: 0;
font-size: 15px;
color: #FFC119;
font-family: "jws_icon";
content: "\e814\e814\e814\e814\e814";
}
.star-rating span {
overflow: hidden;
position: absolute;
text-indent: -999em;
color: #FFC119;
padding-top: 1.5em;
left: 0;
top: 0;
}
.star-rating span:before {
left: 0;
top: 0px;
position: absolute;
font-size: 15px;
text-indent: 0;
color: #FFC119;
font-family: "jws_icon";
content: "\e813\e813\e813\e813\e813";
}
.comment-form-rating {
margin-bottom: 31px;
}
.comment-form-rating .select2 {
display: none !important;
}
.comment-form-rating label {
margin-bottom: 6px;
}
.comment-form-rating .stars {
height: 16px;
}
.comment-form-rating .stars [class*="star"] {
text-indent: -999em;
display: block;
position: absolute;
display: inline-block;
}
.comment-form-rating .stars [class*="star"]:before {
position: absolute;
font-family: "jws_icon";
font-weight: 400;
left: 0;
text-indent: 0;
font-size: 15px;
color: #FFC119;
letter-spacing: 5px;
}
.comment-form-rating .stars .star-1 {
width: 16px;
z-index: 50;
}
.comment-form-rating .stars .star-1.active:before,
.comment-form-rating .stars .star-1:hover:before {
content: "\e813";
}
.comment-form-rating .stars .star-2 {
width: 35px;
z-index: 40;
}
.comment-form-rating .stars .star-2.active:before,
.comment-form-rating .stars .star-2:hover:before {
content: "\e813\e813";
}
.comment-form-rating .stars .star-3 {
width: 54px;
z-index: 30;
}
.comment-form-rating .stars .star-3.active:before,
.comment-form-rating .stars .star-3:hover:before {
content: "\e813\e813\e813";
}
.comment-form-rating .stars .star-4 {
width: 71px;
z-index: 20;
}
.comment-form-rating .stars .star-4.active:before,
.comment-form-rating .stars .star-4:hover:before {
content: "\e813\e813\e813\e813";
}
.comment-form-rating .stars .star-5 {
width: 88px;
z-index: 10;
}
.comment-form-rating .stars .star-5.active:before,
.comment-form-rating .stars .star-5:hover:before {
content: "\e813\e813\e813\e813\e813";
}
.comment-form-rating .stars .star-5:before {
content: "\e814\e814\e814\e814\e814";
}
@media (min-width: 1025px) {
.shop-single div.product .main-product.thumbnail_position_left .jws_main_image {
-ms-flex-order: 13;
order: 13;
}
.shop-single div.product .main-product.thumbnail_position_left .jws_thumbnail_image {
-ms-flex-order: -1;
order: -1;
}
}
@media (max-width: 1440px) {
.layout_gid_two_coloms > .container {
padding: 0 15px;
}
.layout_gid_two_coloms > .container .col-xl-4 {
padding-left: 15px;
}
.layout_vertical_metro .woocommerce-product-gallery {
padding-right: 0;
}
.layout_vertical_metro .summary_right {
max-width: 100%;
padding-top: 0;
}
}
@media (max-width: 1024px) {
.shop-single div.product .main-product.thumbnail_flex_true .jws_main_image,
.shop-single div.product .main-product.thumbnail_flex_true .jws_thumbnail_image {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
body .woocommerce-product-gallery {
padding: 0px;
}
.thumbnail_flex_true .jws_thumbnail_image {
margin: 0 -5px;
}
.thumbnail_flex_true .jws_thumbnail_image .product-image-thumbnail {
padding: 5px;
margin-bottom: 0 !important;
}
.thumbnail_position_bottom .summary {
padding-left: 0;
}
.layout_vertical .entry-summary {
padding-left: 0;
}
}
@media (max-width: 767px) {
.shop-single div.product .main-product .related .product-item {
padding: 0 5px;
}
.shop-single div.product .main-product.layout_default .woocommerce-tabs > .container {
padding: 0px;
}
.shop-single div.product .main-product.layout_default .woocommerce-tabs .jws-group-accordion-wap {
padding: 0px;
}
.shop-single div.product .main-product .comment-section {
margin-top: 0;
}
.shop-single div.product .main-product .woocommerce-tabs ul.tabs {
display: none;
}
.shop-single div.product .main-product .woocommerce-tabs .tab-heading {
display: block;
}
.shop-single div.product .main-product .woocommerce-tabs .jws-group-accordion-wap {
padding: 30px 0px;
}
.shop-single div.product .main-product .woocommerce-tabs .woocommerce-Tabs-panel {
padding: 0px 0 15px;
}
.main-product .entry-summary:not(.quickview-summary) {
margin-top: 30px;
padding-left: 0;
max-width: 100%;
}
.jws_action_review {
margin-left: 0;
margin-top: 25px;
display: flex;
max-width: 100%;
}
.jws_action_review span {
height: 42px;
line-height: 38px;
font-size: 14px;
}
.jws_action_review span:first-child {
margin-right: 5px;
}
.tabs_review_questios span {
font-size: 16.33px;
}
}
@media (max-width: 480px) {
.variations_form .variations {
max-width: 100%;
}
.variations_form .reset_variations {
top: -42px;
right: 0;
left: inherit;
}
#jws-nutrition-info-popup {
padding: 50px 20px;
}
#jws-nutrition-info-popup .allergen-wap ul li {
-ms-flex: 0 0 100%;
flex: 100%;
max-width: 100%;
}
.woocommerce-tabs .woocommerce-Tabs-panel table {
font-size: 14px;
}
.entry-summary .jws-quantity-wrap {
max-width: 100%;
display: block;
margin-right: 0;
margin-bottom: 20px;
}
.entry-summary .jws-quantity-wrap input {
max-width: 100% !important;
}
.grouped_form table tr td:first-child {
display: none;
}
.grouped_form table tr td .jws-quantity-wrap {
max-width: 125px;
}
.single_add_to_cart_button {
width: 100% !important;
display: block;
max-width: 100%;
text-align: center;
}
.cart .jws-wishlist-btn {
margin-left: 0;
margin-top: 15px;
}
.product-addon.list-style.style1 .form-row,
.product-addon.list-style.style2 .form-row {
width: 100%;
}
.product-addon.list-style.style3 .form-row {
max-width: 90px;
}
}
.jws-notices {
position: fixed;
left: 15px;
right: 15px;
top: 15px;
z-index: 999;
}
.jws-notices .note-close {
position: absolute;
top: 19px;
left: 10px;
cursor: pointer;
}
.jws-notices .note-item {
display: none;
margin-bottom: 10px;
width: 100%;
max-width: 520px;
margin-left: auto;
}
.elementor-button.button-default {
background: var(--secondary);
color: var(--light);
padding-top: 15px;
padding-right: 27px;
padding-bottom: 15px;
padding-left: 27px;
font-size: 14px;
line-height: 22px;
font-weight: 500;
position: relative;
overflow: hidden;
display: inline-block;
transition: .3s ease;
text-align: center;
border-radius: 40px;
font-family: var(--font2);
}
.elementor-button.button-default > span {
z-index: 1;
position: relative;
}
.elementor-button.button-default svg {
width: 1em;
height: 1em;
vertical-align: middle;
fill: currentColor;
}
.elementor-button.button-default:hover {
background: var(--btn-bgcolor2);
color: var(--btn-color2);
}
.elementor-button.button-default:hover .loader svg .path {
stroke: var(--btn-color2);
}
.elementor-button.button-default.elementor-size-md {
padding-top: 17px;
padding-bottom: 17px;
}
.elementor-widget__width-auto.elementor-widget-jws-gradient-button .button-default {
display: block;
}
.button-custom {
padding-top: 15px;
padding-right: 25px;
padding-bottom: 15px;
padding-left: 25px;
font-size: 14px;
line-height: 20px;
position: relative;
overflow: hidden;
display: inline-block;
transition: .2s ease;
text-align: center;
background: var(--main);
color: var(--light);
border: 1px solid var(--main);
border-radius: 40px;
font-weight: bold;
font-family: var(--font2);
}
.button-custom:hover {
background: var(--btn-bgcolor2);
color: var(--btn-color2);
border-color: var(--btn-bgcolor2);
}
.button-custom:hover .loader svg .path {
stroke: var(--btn-color2);
}
.elementor-button {
position: relative;
}
.elementor-button:hover .elementor-align-icon-right {
animation: bounceAlpha 1s both;
-webkit-animation: bounceAlpha 1s both;
}
.elementor-button:hover .elementor-align-icon-left {
animation: bounceAlpha2 1s both;
-webkit-animation: bounceAlpha2 1s both;
}
.elementor-button-content-wrapper {
align-items: center;
}
.jws-button a#custom-buttonbr {
overflow: hidden;
}
.jws-watchlist-button .jws-watchlist a {
font-size: 0px;
width: 54px;
height: 54px;
background: #191c33;
border-radius: 10px;
display: block;
line-height: 54px;
text-align: center;
}
.jws-watchlist-button .jws-watchlist a i {
font-size: 24px;
}
.watchlist-add.watchlisted i:before {
content: '\f33e';
}
.watchlist-add.watchlisted span {
display: none;
}
.watchlist-add.watchlisted .added {
display: inline;
}
.watchlist-add .added {
display: none;
}
.like-button.liked i:before {
content: '\f33e';
}
.jws-post-category-filter li {
margin-bottom: 10px;
}
.amount-display {
gap: 0 10px;
}
.amount-display input {
background-color: #f8f8f8;
min-height: 44px;
}
.ui-slider {
position: relative;
text-align: left;
}
.ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: .7em;
display: block;
border: 0;
}
.price_slider_wrapper .ui-widget-content {
background: var(--body3);
border-radius: 5px;
max-width: 100%;
margin: 0 auto;
}
.ui-slider-horizontal {
height: 4px;
}
.ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
left: -1px;
}
.ui-slider-horizontal .ui-slider-range-max {
right: -1px;
}
.price_slider_wrapper {
padding-top: 5px;
padding-right: 12px;
}
.price_slider_wrapper input[readonly] {
border: 0;
}
.price_slider_wrapper .price-numner {
color: var(--heading);
margin-bottom: 23px;
display: block;
}
.price_slider_wrapper .ui-slider .ui-slider-range {
background: var(--main);
}
.price_slider_wrapper .ui-slider .ui-slider-handle {
width: 20px;
height: 20px;
border-radius: 100%;
background: var(--light);
top: -8.5px;
display: block;
position: absolute;
margin-left: 0px;
z-index: 1;
outline: none;
cursor: pointer;
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
margin-left: -10px;
}
.price_slider_wrapper .price_slider_wrapper {
position: relative;
padding-top: 51px;
}
.price_slider_wrapper .price_slider_amount {
margin-top: 24px;
}
.price_slider_wrapper .price_slider_amount input {
display: none;
}
.price_slider_wrapper .price_slider_amount .price_label {
text-align: center;
padding-top: 3px;
color: var(--heading);
display: flex;
gap: 10px;
margin-bottom: 30px;
}
.price_slider_wrapper .price_slider_amount .price_label > span {
background-color: #F8F8F8;
border-radius: 5px;
width: 146px;
padding: 10px 10px;
}
.price_slider_wrapper .price_slider_amount button {
float: right;
background: transparent;
border-radius: 40px;
font-weight: bold;
color: var(--light);
padding: 0px 14px;
background-color: var(--heading);
font-size: 13px;
line-height: 25px;
border: 0;
}
.price_slider_wrapper .price_slider_amount button:hover {
background: var(--main);
}
.price_slider_wrapper .price_slider_amount:after {
content: "";
display: table;
clear: both;
} form.search-form {
position: relative;
}
form.search-form input {
padding-right: 60px;
min-height: 48px;
}
form.search-form input::placeholder { color: var(--body);
}
form.search-form input:-ms-input-placeholder { color: var(--body);
}
form.search-form input::-ms-input-placeholder { color: var(--body);
}
form.search-form button {
height: 40px;
font-size: 24px;
color: var(--body);
min-width: 40px;
position: absolute;
top: 6px;
right: 16px;
background: transparent;
border: 0;
}
.jws-search-results.emtry {
display: none;
}
.widget-filter-checkbox ul {
list-style-type: none;
padding: 0;
}
.widget-filter-checkbox ul .children {
list-style: none;
padding: 10px 10px 0;
}
.widget-filter-checkbox ul li:not(:last-child) {
margin-bottom: 4px;
}
.widget-filter-checkbox ul li > span:not(.count-atr) {
margin-left: 4px;
}
.widget-filter-checkbox ul li > a {
padding-left: 35px;
position: relative;
color: var(--body);
}
.widget-filter-checkbox ul li > a:before {
content: "";
width: 15px;
height: 15px;
border: 1px solid #dbdbdb;
position: absolute;
left: 0;
top: -1px;
opacity: 0.5;
transition: 0.3s all;
}
.widget-filter-checkbox ul li > a:after {
content: "";
width: 9px;
height: 9px;
background: var(--heading);
position: absolute;
left: 3px;
top: 2px;
opacity: 0;
}
.widget-filter-checkbox ul li > a.active:after {
opacity: 1;
}
.widget-filter-checkbox ul li > a:hover {
color: var(--heading);
}
.widget-filter-checkbox ul li > a:hover:before {
opacity: 1;
border-color: var(--heading);
}
.wc-layered-nav {
list-style-type: none;
padding: 0;
}
.wc-layered-nav ul {
font-size: var(--font-size-sm);
line-height: var(--line-height-sm);
text-transform: uppercase;
}
.wc-layered-nav .children {
list-style: none;
padding: 10px 10px 0;
}
.wc-layered-nav li:not(.show-color):not(:last-child) {
margin-bottom: 12.5px;
}
.wc-layered-nav li:not(.show-color) > span:not(.count-atr) {
margin-left: 4px;
}
.wc-layered-nav li:not(.show-color) > a {
color: var(--heading);
}
.wc-layered-nav li:not(.show-color) > a:hover {
color: var(--main);
}
.wc-layered-nav li:not(.show-color).chosen > a,
.wc-layered-nav li:not(.show-color).current-cat > a {
color: var(--main);
}
.courses-sidebar .widget-title {
border-bottom: 1px solid var(--body3);
padding-bottom: 10px;
}
.courses-sidebar .widget-title:after {
content: '\e818';
font-family: "jws_icon";
font-size: 16px;
font-weight: bold;
position: absolute;
right: 0;
}
.widget-title {
margin-bottom: 20px;
}
.widget .checkbox-filter {
padding-top: 5px;
}
.widget .checkbox-filter li:not(:last-child) {
margin-bottom: 15px;
}
.widget .checkbox-filter li a {
position: relative;
padding-left: 26px;
display: block;
cursor: pointer;
}
.widget .checkbox-filter li a:before {
content: "";
width: 20px;
height: 20px;
border: 1px solid var(--main);
position: absolute;
left: 0;
top: 0;
border-radius: 5px;
transition: .3s all;
background-color: var(--body2);
}
.widget .checkbox-filter li a:after {
content: '\e839';
font-family: 'jws_icon';
width: 20px;
height: 20px;
font-size: 16px;
position: absolute;
text-align: center;
left: 0;
top: -3px;
opacity: 0;
color: var(--light);
}
.widget .checkbox-filter li a.current-cat:before {
background-color: var(--secondary);
}
.widget .checkbox-filter li a.current-cat:after {
opacity: 1;
}
.siderbar-inner .widget {
padding-bottom: 45px;
}
.siderbar-inner .widget .jws-product-search {
margin-bottom: 15px;
}
.siderbar-inner .elementor-widget .elementor-widget-container > h5 {
font-size: 28px;
line-height: 34px;
margin-bottom: 10px;
margin-top: 0;
font-family: var(--font2);
font-weight: 700;
color: var(--heading);
margin-bottom: 20px;
}
.siderbar-inner .autocomplete-suggestion {
-ms-flex: 1 1 100%;
flex: 1 1 100%;
max-width: 100%;
}
.sidebar-left .siderbar-inner {
padding-right: 44px;
}
.elementor-widget-wp-widget-tag_cloud a,
.widget_product_tag_cloud a,
.jws-post-tag-filter a {
display: inline-block;
color: var(--heading);
margin: 0 10px 10px 0px;
border-radius: 30px;
background-color: var(--body2);
padding: 7px 15px;
font-size: var(--font-size-sm);
}
.elementor-widget-wp-widget-tag_cloud a:hover,
.widget_product_tag_cloud a:hover,
.jws-post-tag-filter a:hover {
background-color: var(--secondary);
color: var(--light);
}
.widget_products .product-item {
margin-bottom: 15px;
}
.widget_products .product_list_widget {
list-style-type: none;
margin-top: 22px;
padding: 0;
}
.widget_products .product_list_widget .product-item-inner {
position: relative;
display: flex;
align-items: center;
}
.widget_products .product_list_widget .product-item-inner .jws-wishlist-btn {
position: absolute;
right: 0;
font-size: 18px;
}
.widget_products .product_list_widget .product-item-inner .jws-wishlist-btn i:before {
font-weight: 600;
}
.widget_products .product_list_widget .product-item-inner .jws-wishlist-btn.added {
color: var(--main);
}
.widget_products .product_list_widget .product-item-inner .jws-wishlist-btn span {
display: none;
}
.widget_products .product_list_widget .product-item-inner .product-image {
max-width: 80px;
margin: 0;
border-radius: 3px;
}
.widget_products .product_list_widget .product-item-inner .product-image img {
will-change: unset;
}
.widget_products .product_list_widget .product-item-inner .product-content {
max-width: calc(100% - 80px);
padding-left: 20px;
}
.widget_products .product_list_widget .product-item-inner .woocommerce-loop-product__title {
margin-bottom: 5px;
}
.widget_products .product_list_widget .product-item-inner .price {
font-size: 15px;
}
.widget_products .product_list_widget .product-item-inner .product-short-text {
margin-bottom: 0;
}
.wc-layered-nav .chosen a .swatch:before {
outline-color: #363636 !important;
}
.wc-layered-nav .count-atr {
float: right;
color: var(--third);
width: 16px;
text-align: center;
}
.wc-layered-nav .show-color:not(:last-child) {
margin-bottom: 14px;
}
.wc-layered-nav .show-color a .swatch {
width: 19px;
height: 19px;
border-radius: 100%;
display: inline-block;
vertical-align: middle;
border: 1px solid rgba(208, 190, 182, 0.35);
position: relative;
cursor: pointer;
margin-right: 16px;
}
.wc-layered-nav .show-color a .swatch:before {
display: inline-block;
width: 23px;
height: 23px;
border-radius: 100%;
outline: 1px solid transparent;
padding: 2px;
transition: 0.3s all;
margin: 0 2px;
position: absolute;
left: -5px;
top: -3px;
content: "";
}
.elementor-widget-wp-widget-nav_menu ul.menu {
list-style-type: none;
padding: 0;
}
.elementor-widget-wp-widget-nav_menu ul.menu li {
margin-bottom: 8px;
}
.elementor-widget-wp-widget-nav_menu ul.menu li.item-with-label a {
padding-right: 45px;
}
.elementor-widget-wp-widget-nav_menu ul.menu li a {
color: var(--body-color);
position: relative;
display: inline-block;
}
.elementor-widget-wp-widget-nav_menu ul.menu li a:hover {
color: var(--main);
}
.elementor-widget-wp-widget-nav_menu ul.menu li a .menu-label {
color: #ffffff;
font-size: 13px;
border-radius: 3px;
padding: 0px 8px;
position: absolute;
top: -7px;
right: 0;
line-height: 19px;
margin-left: 6px;
}
.elementor-widget-wp-widget-categories ul,
.widget_product_categories ul {
list-style-type: none;
padding: 0;
}
.elementor-widget-wp-widget-categories ul li,
.widget_product_categories ul li {
color: var(--body);
}
.elementor-widget-wp-widget-categories ul li:not(last-child),
.widget_product_categories ul li:not(last-child) {
margin-bottom: 10px;
}
.elementor-widget-wp-widget-categories ul li.current-cat,
.widget_product_categories ul li.current-cat {
color: var(--secondary);
}
.elementor-widget-wp-widget-categories ul li.current-cat > a,
.widget_product_categories ul li.current-cat > a {
color: var(--secondary);
}
.elementor-widget-wp-widget-categories ul li a,
.widget_product_categories ul li a {
color: var(--heading);
font-weight: 500;
font-size: var(--font-size-sm);
}
.elementor-widget-wp-widget-categories ul li a:hover,
.widget_product_categories ul li a:hover {
color: var(--heading);
}
.elementor-widget-wp-widget-categories ul li .children,
.widget_product_categories ul li .children {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.666667%;
flex: 0 0 100%;
max-width: 100%;
padding-left: 20px;
}
.elementor-widget-wp-widget-categories ul li .children li:last-child,
.widget_product_categories ul li .children li:last-child {
margin-bottom: 0;
}
.jws-newsletter-popup {
background: #ffffff;
max-width: 840px;
margin: 0 auto;
}
.jws-newsletter-popup .jws-form-content {
margin-right: -1px;
}
.jws-newsletter-popup .jws-form-content > .row {
margin: 0;
}
.jws-newsletter-popup .sub-new-nothank {
color: var(--third);
text-decoration: underline;
}
@media (max-width: 1024px) {
.masterlifeduct-category-list ul li {
width: 20%;
}
}
@media (max-width: 767px) {
.masterlifeduct-category-list ul img {
max-width: 80%;
}
}
body > .site {
overflow: hidden;
}
.user-popup .mfp-content > div {
max-width: 600px;
background-color: var(--light);
border-radius: 20px;
position: relative;
overflow: hidden;
}
.user-popup .mfp-content .popup-header {
color: var(--heading);
font-weight: 700;
background-color: #F9F9FC;
padding: 20px;
}
.user-popup .mfp-content .popup-body {
padding: 20px;
}
.user-popup .mfp-close {
top: 18px;
}
.post-media img {
width: 100%;
}
h1.elementor-heading-title,
h1,
.h1 {
font-size: 73px;
line-height: 80px;
}
h2.elementor-heading-title,
h2,
.h2 {
font-size: 46px;
line-height: 55px;
}
h3.elementor-heading-title,
h3,
.h3 {
font-size: 36px;
line-height: 48px;
}
h4.elementor-heading-title,
h4,
.h4 {
font-size: 28px;
line-height: 34px;
}
h5.elementor-heading-title,
h5,
.h5 {
font-size: 22.5px;
line-height: 30px;
}
h6.elementor-heading-title,
h6,
.h6 {
font-size: 16px;
line-height: 24px;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
margin-bottom: 10px;
margin-top: 0;
font-family: var(--font2);
font-weight: 700;
color: var(--heading);
}
.font2 {
font-family: var(--font2);
}
.font_body {
font-family: var(--body-font);
}
.animated {
animation-duration: 0.6s;
}
.rad_30 {
border-radius: 30px;
}
.rad_100 {
border-radius: 100%;
}
.rad_5 {
border-radius: 5px;
}
.rad_10 {
border-radius: 10px;
}
.rad_20 {
border-radius: 20px;
}
.rad_50 {
border-radius: 50px;
}
.z_index1 {
z-index: 1;
}
.z_index2 {
z-index: 2;
}
.transition_main {
transition: 0.3s all;
}
.d-flex {
display: flex;
}
.d-block {
display: block;
}
.d-inline-block {
display: inline-block;
}
.flex-grow-1 {
flex-grow: 1;
}
.flex-wrap {
flex-wrap: wrap;
}
.flex-column {
flex-direction: column;
}
.c-pointer {
cursor: pointer;
}
.fl-center {
align-items: center;
}
.fl-bottom {
align-items: flex-end;
}
.fl_center {
justify-content: center;
}
.fl_between {
justify-content: space-between;
}
.fl_end {
justify-content: flex-end;
}
.pos-rel {
position: relative;
}
.pos-abs {
position: absolute;
}
.pos-tl {
top: 0;
left: 0;
}
.pos-bl {
bottom: 0;
left: 0;
}
.ob_cover {
object-fit: cover;
}
.ws-nowrap {
white-space: nowrap;
}
.overflow-hidden {
overflow: hidden;
}
.pointer-events-none {
pointer-events: none;
}
.height-100 {
height: 100%;
}
.width-100 {
width: 100%;
}
.width-auto {
width: auto;
}
.jws-fill {
position: absolute;
inset: 0;
}
.cl-main {
color: var(--main);
}
.bg-main {
background-color: var(--main);
}
.bg-secondary {
background-color: var(--secondary);
}
.cl-secondary {
color: var(--secondary);
}
.cl-third {
color: var(--third);
}
.hover-third:hover {
color: var(--third);
}
.cl-four {
color: var(--four);
}
.cl-heading {
color: var(--heading);
}
.cl-light {
color: var(--light);
}
.cl-light-hover {
color: var(--light);
}
.cl-light-hover:hover {
color: var(--light);
}
.cl-body {
color: var(--body);
}
.cl-body2 {
color: var(--body2);
}
.reset-button {
background: transparent;
border: 0;
padding: 0;
}
.al-center {
text-align: center;
}
.fs-medium {
font-size: var(--font-size-md);
line-height: var(--line-height-md);
}
.fs-small {
font-size: var(--font-size-sm);
line-height: var(--line-height-sm);
}
.fw-700 {
font-weight: 700;
}
.fw-600 {
font-weight: 600;
}
.fw-500 {
font-weight: 500;
}
.fw-400 {
font-weight: 400;
}
.gap_20 {
gap: 20px;
}
.gap_10 {
gap: 10px;
}
.opacity_0 {
opacity: 0;
}
.mr_b_0 {
margin-bottom: 0;
}
.mr_b_5 {
margin-bottom: 5px;
}
.mr_b_6 {
margin-bottom: 6px;
}
.mr_b_10 {
margin-bottom: 10px;
}
.mr_b_15 {
margin-bottom: 15px;
}
.mr_b_20 {
margin-bottom: 20px;
}
.mr_b_25 {
margin-bottom: 25px;
}
.mr_b_30 {
margin-bottom: 30px;
}
.mr_b_35 {
margin-bottom: 35px;
}
.mr_b_40 {
margin-bottom: 40px;
}
.mr_b_50 {
margin-bottom: 50px;
}
.mr_0 {
margin: 0;
}
.mr_t_10 {
margin-top: 10px;
}
.mr_t_20 {
margin-top: 20px;
}
.mr_t_30 {
margin-top: 30px;
}
.mr_t_60 {
margin-top: 60px;
}
.mr_t_100 {
margin-top: 100px;
}
.mr_l_10 {
margin-left: 10px;
}
.mr_r_5 {
margin-right: 5px;
}
.mr_r_10 {
margin-right: 10px;
}
.mr_r_15 {
margin-right: 15px;
}
.mr_r_20 {
margin-right: 20px;
}
a.underline {
text-decoration: underline;
}
.uppercase {
text-transform: uppercase;
}
.verti_al_top {
vertical-align: top;
}
.background_fill {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.in-social a {
width: 46px;
height: 46px;
line-height: 46px;
background-color: rgba(34, 34, 34, 0.05);
}
.in-social a:hover {
background-color: var(--third);
color: var(--main);
}
.in-social li {
margin-right: 6px;
}
.jws-animated-post .loading .jws-post-item {
transform: none;
opacity: 0;
transition: 0.3s all;
pointer-events: none;
}
.jws-animated-post .jws-post-item {
transform: translateY(50px);
opacity: 0;
transition: 0.3s all;
}
.jws-animated-post .jws-animated {
transform: none;
opacity: 1;
}
.jws-events-archive {
padding: 60px 0 0px;
}
.site-main.jws-blog-archive {
padding: 70px 0 50px;
}
.site-main.jws-blog-archive.sidebar-right .post_sidebar {
padding-left: 45px;
}
.site-main.jws-blog-archive.sidebar-left .post_sidebar {
padding-right: 45px;
}
.comment-form .comment-form-cookies-consent label {
display: inline;
}
input[type="radio"],
input[type="checkbox"] {
-webkit-appearance: none;
position: relative;
vertical-align: middle;
margin-top: -3px;
margin-left: 3px;
width: 20px;
height: 20px;
}
input[type="radio"]:before,
input[type="checkbox"]:before {
content: "";
width: 100%;
height: 100%;
border: 1px solid #b7b7b7;
display: block;
border-radius: 3px;
transition: 0.3s all;
}
input[type="radio"]:after,
input[type="checkbox"]:after {
content: '\e839';
font-family: "jws_icon";
position: absolute;
opacity: 0;
top: -3px;
color: #ffffff;
font-size: 12px;
left: -3px;
width: calc(100% + 6px);
height: calc(100% + 6px);
text-align: center;
line-height: 25px;
border-radius: 3px;
transition: 0.3s all;
}
input[type="radio"]:checked:before,
input[type="checkbox"]:checked:before {
border-color: var(--main);
background-color: var(--main);
}
input[type="radio"]:checked:after,
input[type="checkbox"]:checked:after {
opacity: 1;
}
.owl-carousel:hover .owl-nav > button {
opacity: 0.7;
}
.owl-carousel .owl-nav > button {
border: 0;
position: absolute;
top: 50%;
text-align: center;
opacity: 0;
background: transparent;
transform: translatey(-50%);
width: 40px;
}
.owl-carousel .owl-nav > button.disabled {
cursor: no-drop;
}
.owl-carousel .owl-nav > button:hover {
opacity: 1 !important;
}
.owl-carousel .owl-nav > button span {
font-size: 0;
display: inline-block;
}
.owl-carousel .owl-nav > button span:before {
font-family: "jws_icon";
font-size: 40px;
}
.owl-carousel .owl-nav > button.owl-next {
right: -20px;
}
.owl-carousel .owl-nav > button.owl-next span:before {
content: '\e815';
}
.owl-carousel .owl-nav > button.owl-prev {
left: -20px;
}
.owl-carousel .owl-nav > button.owl-prev span:before {
content: '\e815';
display: block;
transform: scale(-1);
}
body.search .search-nav {
padding: 0;
text-align: center;
display: flex;
justify-content: center;
list-style-type: none;
margin: 20px 0 40px;
background: var(--background-item);
padding: 30px 10px;
}
body.search .search-nav li {
margin: 0 10px;
}
body.search .search-nav a.active {
border-bottom: 2px solid var(--main);
padding-bottom: 3px;
}
.js-content-container .pmpro_content_message {
display: none;
}
.js-content-container .js-content {
overflow: hidden;
}
.js-content-container .js-content.js-more {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.js-content-container .js-content p:last-child {
margin-bottom: 0;
}
.js-content-container .view-more-content {
display: none;
padding-top: 15px;
text-decoration: underline;
}
.js-content-container .view-more-content i {
transition: 0.3s all;
display: inline-block;
margin-left: 8px;
}
.js-content-container.open .js-content {
-webkit-line-clamp: 100;
height: auto;
max-height: 12.2rem;
overflow: auto;
}
.js-content-container.open .view-more-content {
display: none !important;
}
.jws-breadcrumb .br-home:before {
content: '\e819';
font-family: "jws_icon";
margin-right: 5px;
color: var(--heading);
}
.jws-breadcrumb * {
color: var(--body);
}
.jws-breadcrumb .current {
color: var(--heading);
}
.jws-breadcrumb .delimiter {
margin: 0 5px;
}
.jws-breadcrumb a:hover {
color: var(--heading);
}
.background-gradient-mu {
background: linear-gradient(248.28deg, var(--secondary) 9.539999999999999%, rgba(142, 97, 255, 0) 32.8%), radial-gradient(81.70999999999999% 279.87% at -16.57% -92%, var(--third) 28.69%, rgba(205, 219, 248, 0) 69.54000000000001%), var(--main);
}
.special_change .jws_header .elementor-logo .logo-special {
display: block;
}
.special_change .jws_header .elementor-logo .logo-inner {
display: none;
}
.special_change #multiscroll-nav span {
border-color: #ffffff;
}
.special_change #multiscroll-nav li .active span {
background: #ffffff;
}
.special_change .jws-offcanvas-action-wrap .html-animation .burger {
background: var(--main);
}
.special_change .jws-offcanvas-action-wrap .html-animation .burger:before,
.special_change .jws-offcanvas-action-wrap .html-animation .burger:after {
background: var(--main);
}
.page-mail {
padding: 60px 0;
}
.page-mail > div {
margin-bottom: 20px;
}
.page-mail .btn-dark {
margin-right: 10px;
}
.loader {
position: absolute;
margin: 0 auto;
width: 30px;
height: 30px;
margin-left: -15px;
margin-top: -15px;
opacity: 0;
top: 50%;
left: 50%;
background-color: rgba(255, 255, 255, 0.2);
border-radius: 100%;
padding: 10px;
}
.loader:before {
content: '';
display: block;
padding-top: 100%;
}
.loader .circular {
animation: rotatekey 2s linear infinite;
height: 100%;
transform-origin: center center;
width: 100%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
.loader .path {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0;
animation: dash 1.5s ease-in-out infinite;
stroke: var(--heading);
stroke-linecap: round;
}
.footer-parallax .site-content {
position: relative;
z-index: 1;
}
.jws-scrollbar,
.select2-results__options {
scrollbar-color: var(--main);
scrollbar-width: thin;
overflow-x: hidden;
}
.jws-scrollbar-x {
overflow-x: auto;
}
.select2-dropdown--below {
animation: fadeInUp 0.3s both;
}
.select2-dropdown--above {
animation: fadeInDown 0.3s both;
}
.select2-container--default .select2-results > .select2-results__options {
padding-right: 3px;
}
.select2-results__options::-webkit-scrollbar,
.jws-scrollbar::-webkit-scrollbar {
width: 5px;
}
.select2-results__options::-webkit-scrollbar-track,
.jws-scrollbar::-webkit-scrollbar-track {
background-color: rgba(255, 255, 255, 0.2);
border-radius: 10px;
}
.select2-results__options::-webkit-scrollbar-thumb,
.jws-scrollbar::-webkit-scrollbar-thumb {
background-color: var(--main);
border-radius: 10px;
}
.dark-mode-on #preloader {
background: rgba(0, 0, 0, 0.9);
}
.jws-recapcha {
margin-top: -1px;
}
.jws-recapcha > div {
width: auto !important;
height: auto !important;
}
.is_stuck {
z-index: 1;
}
.page-no-builder {
padding: 80px 15px;
}
@-webkit-keyframes sk-bounce {
0%,
100% {
transform: scale(0);
-webkit-transform: scale(0);
}
50% {
transform: scale(1);
-webkit-transform: scale(1);
}
}
@keyframes sk-bounce {
0%,
100% {
transform: scale(0);
-webkit-transform: scale(0);
}
50% {
transform: scale(1);
-webkit-transform: scale(1);
}
}
input:not([type="submit"]):focus,
select:focus,
textarea:focus {
border-color: var(--main) !important;
outline: none;
transition: 0.3s all;
}
input[type="radio"]:focus,
input[type="checkbox"]:focus {
border: 0 !important;
}
.slick-slide:first-child {
display: block;
}
.slick-disabled {
opacity: 0.5;
}
a,
.slick-slide {
outline: none !important;
}
.jws_iframe iframe {
margin: 0 auto;
display: block;
}
#at-expanded-menu-host .at-expanded-menu {
animation: fadeIn 0.5s ease;
-webkit-animation: fadeIn 0.5s ease;
} .search-results .jws_search_wap {
margin-bottom: 40px;
}
.search-results .jws_search_wap .entry-title {
font-size: 24px;
line-height: 1.5em;
}
.search-results .jws_search_wap .entry-title a {
color: var(--heading);
}
.search-results .jws_search_wap .jws_search_meta {
font-size: 14px;
color: var(--heading);
}
.search-no-results .error-404,
.error404 .error-404 {
max-width: 500px;
margin: 0 auto;
text-align: center;
}
.search-no-results .page-title,
.error404 .page-title {
font-size: 24px;
line-height: 1.5em;
color: var(--heading);
font-weight: 700;
}
.search-no-results p,
.error404 p {
margin-bottom: 25px;
} .error404 .error-404 {
padding: 100px 0;
} .sidebar-mobile-wap .mfp-content {
position: fixed;
left: 0;
width: 300px !important;
background: #ffffff;
height: 100%;
top: 0;
padding: 30px 15px;
overflow: auto;
transform: translatex(-100%);
-webkit-transform: translatex(-100%);
-webkit-transition: -webkit-transform 0.5s;
transition: transform 0.5s;
}
.sidebar-mobile-wap .mfp-content .mfp-close {
color: #ebebeb;
background: #000000;
top: 0;
}
.sidebar-mobile-wap.mfp-ready .mfp-content {
transform: translatex(0%);
-webkit-transform: translatex(0%);
}
.sidebar-mobile-wap.mfp-removing .mfp-content {
transform: translatex(-100%);
-webkit-transform: translatex(-100%);
}
.gallery-global .mfp-content {
max-width: 900px;
}
.gallery-global .mfp-close {
top: 0;
}
.gallery-global .mfp-bottom-bar {
display: none;
}   .mfp-zoom-in .mfp-figure,
.mfp-zoom-in .html_inline,
.mfp-zoom-in .mfp-figure,
.mfp-zoom-in .comment-respond,
.mfp-zoom-in .mfp-iframe-holder .mfp-iframe-scaler {
opacity: 0;
transition: all 0.3s ease-out;
transform: scale(0.95);
}
.mfp-zoom-in .mfp-preloader {
opacity: 0;
transition: all 0.3s ease-out;
}
.mfp-zoom-in.mfp-image-loaded .mfp-figure,
.mfp-zoom-in.mfp-ready .html_inline,
.mfp-zoom-in.mfp-ready .comment-respond,
.mfp-zoom-in.mfp-ready .mfp-iframe-holder .mfp-iframe-scaler {
opacity: 1;
transform: scale(1);
}
.mfp-zoom-in.mfp-ready .mfp-preloader {
opacity: 0.8;
}
.mfp-zoom-in.mfp-removing .mfp-figure,
.mfp-zoom-in.mfp-removing .html_inline,
.mfp-zoom-in.mfp-removing .comment-respond,
.mfp-zoom-in.mfp-removing .mfp-iframe-holder .mfp-iframe-scaler {
transform: scale(0.95);
opacity: 0;
}
.mfp-zoom-in.mfp-removing .mfp-preloader {
opacity: 0;
}
.mfp-zoom-in,
.sidebar-mobile-wap {  }
.mfp-zoom-in.mfp-bg,
.sidebar-mobile-wap.mfp-bg {
opacity: 0;
transition: 0.3s ease;
}
.mfp-zoom-in.mfp-ready.mfp-bg,
.sidebar-mobile-wap.mfp-ready.mfp-bg {
opacity: 0.8;
}
.mfp-zoom-in.mfp-removing.mfp-bg,
.sidebar-mobile-wap.mfp-removing.mfp-bg {
opacity: 0;
}
.mfp-content .comment-respond {
max-width: 700px;
margin: 0 auto;
}
.mfp-arrow-left {
transform: translatex(-100%);
}
.mfp-arrow-right {
transform: translatex(100%);
}
.mfp-ready .mfp-arrow-left {
transform: translatex(0%);
}
.mfp-ready .mfp-arrow-right {
transform: translatex(0%);
}
.mfp-removing .mfp-arrow-left {
transform: translatex(-100%);
}
.mfp-removing .mfp-arrow-right {
transform: translatex(100%);
}
.backToTop {
position: fixed;
right: 20px;
bottom: 20px;
width: 50px;
height: 50px;
border-radius: 100%;
line-height: 50px !important;
display: block;
text-align: center;
background: #ffffff;
z-index: 99;
opacity: 0;
font-size: 16px;
box-shadow: 0 7px 16px rgba(0, 0, 0, 0.1);
}
.backToTop span:before {
font-family: "jws_icon";
content: '\e80D';
transform: rotate(180deg);
display: block;
}
.backToTop.totop-show {
opacity: 1;
}
.backToTop:hover {
transform: translateY(-3px);
-webkit-transform: translateY(-3px);
}
.backToTop:hover span {
animation: bounceAlphaUp 1s both;
-webkit-animation: bounceAlphaUp 1s both;
display: block;
}
.jws-load-more {
position: relative;
}
.jws-load-more .has-loaded {
display: none;
}
.jws-load-more.all-items-loaded .has-loaded {
display: block;
}
.jws-load-more.all-items-loaded .has-loading {
display: none;
}
.jws-load-more.items-loading {
background: transparent !important;
border-color: transparent !important;
}
.jws-load-more.items-loading:before,
.jws-load-more.items-loading:after {
opacity: 0.6;
transition-delay: 0.3s;
visibility: visible;
}
.jws-load-more.items-loading span {
opacity: 0;
}
.jws-pagination-number ul {
list-style-type: none;
padding: 0;
margin: 0;
text-align: center;
margin-top: 12px;
}
.jws-pagination-number ul li {
display: inline-block;
vertical-align: middle;
text-align: center;
margin: 4px;
}
.jws-pagination-number ul li:first-child {
margin-left: 0 !important;
padding-left: 0 !important;
}
.jws-pagination-number ul li:last-child {
margin-right: 0 !important;
padding-right: 0 !important;
}
.jws-pagination-number ul li > a,
.jws-pagination-number ul li > span {
color: var(--heading);
border-radius: 100%;
display: block;
width: 44px;
height: 44px;
line-height: 44px;
font-weight: bold;
border: 2px solid var(--main);
}
.jws-pagination-number ul li > .current {
background: var(--main);
color: var(--light);
}
.jws-pagination-number ul li > a:hover {
background: var(--third);
}
.bg_main {
background: var(--main);
}
.jws-toolbar-wap {
position: fixed;
right: 0;
bottom: 0;
display: none;
left: 0;
z-index: 350;
display: flex;
align-items: center;
justify-content: space-between;
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
padding: 5px;
height: 45px;
background: #ffffff;
box-shadow: 0 0 9px rgba(0, 0, 0, 0.12);
transition: 0.3s all;
transform: translatey(100%);
opacity: 0;
-ms-overflow-style: none; scrollbar-width: none; }
.jws-toolbar-wap::-webkit-scrollbar {
display: none;
}
.jws-toolbar-wap .jws-toolbar-item {
flex: 1 0 20%;
text-align: center;
font-size: 10px;
}
.jws-toolbar-wap .jws-toolbar-item .jws-icon-dots-three-outline-vertical {
transform: rotate(90deg);
display: inline-block;
}
.jws-toolbar-wap .jws-toolbar-item i {
display: inline-block;
font-size: 20px;
}
.jws-toolbar-wap .jws-toolbar-item span {
display: block;
line-height: 5px;
}
.jws-toolbar-wap .jws-toolbar-item .jws_toolbar_wishlist i {
position: relative;
}
.jws-toolbar-wap .jws-toolbar-item .jws_toolbar_wishlist i:after {
background: var(--main);
position: absolute;
width: 8px;
height: 8px;
border-radius: 100%;
content: "";
opacity: 0;
top: 2px;
right: -2px;
}
.jws-toolbar-wap .jws-toolbar-item .jws_toolbar_wishlist.dots i:after {
animation: fadeIn 1s ease infinite;
}
@media (min-width: 1500px) {
.container-full #main > .container {
padding: var(--container-padding);
}
}
@media (max-width: 1024px) {
.jws-toolbar-wap {
transform: translatey(0);
opacity: 1;
}
body.has_toolbar {
padding-bottom: 55px;
}
.backToTop {
bottom: 65px;
}
.jws_sticky_move {
position: unset !important;
top: 0 !important;
width: 100% !important;
}
.jws_sticky_move ~ div {
display: none !important;
}
.site-main.jws-blog-archive.sidebar-right .post_sidebar {
padding-left: 15px;
}
.site-main.jws-blog-archive.sidebar-left .post_sidebar {
padding-right: 15px;
}
}
@media (max-width: 992px) {
.site-main.jws-blog-archive.sidebar-left .post_sidebar {
order: 12;
}
.backToTop {
width: 35px;
height: 35px;
line-height: 35px !important;
font-size: 12px;
}
}
@media (max-width: 992px) {
.elementor-widget-jws_advanced_heading h1.elementor-heading-title,
h1,
.h1 {
font-size: 36px;
line-height: 48px;
}
.elementor-widget-jws_advanced_heading h2.elementor-heading-title,
h2,
.h2 {
font-size: 36px;
line-height: 48px;
}
.elementor-widget-jws_advanced_heading h3.elementor-heading-title,
h3,
.h3 {
font-size: 30px;
line-height: 40px;
}
.elementor-widget-jws_advanced_heading h4.elementor-heading-title,
h4,
.h4 {
font-size: 25px;
line-height: 35.25px;
}
}
@media (max-width: 767px) {
body {
font-size: 14px;
line-height: 20px;
}
#jws-login-form .jws-animation form .lost-pass-link {
font-size: 14px;
}
.elementor-widget-heading h5.elementor-heading-title,
h5,
.h5 {
font-size: 18.66px;
line-height: 25px;
}
}
.site-header {
position: relative;
z-index: 100;
}
.admin-bar .header-side {
padding-top: 32px;
}
.has-header-side .site-content,
.has-header-side .site-footer {
width: calc(100% - 320px);
margin-left: 320px;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.header-side {
width: 320px;
position: fixed;
left: 0;
top: 0;
height: 100%;
overflow-y: auto;
overflow-x: hidden;
z-index: 100;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-ms-overflow-style: none; background: var(--background-body);
scrollbar-width: none; }
.header-side > .elementor {
height: 100%;
}
.header-side > .elementor .elementor-section-height-full {
height: 100%;
}
.header-side::-webkit-scrollbar {
display: none;
}
.has-header-side.header-side-open .site-content,
.has-header-side.header-side-open .site-footer {
transform: translatex(320px);
}
.has-header-side.header-side-open .header-side {
transform: none;
}
.has-header-side.menu-expand .jws-menu-side-element .jws-menu-side > .menu-item > a > .menu-text {
pointer-events: auto;
opacity: 1;
transition: 0.3s all;
transition-delay: 0.3s;
}
.has-header-side.menu-expand .header-side {
width: 200px;
padding-left: 0;
}
.has-header-side.menu-expand .site-content,
.has-header-side.menu-expand .site-footer {
transform: translatex(200px);
}
header.header_absolute_yes {
position: absolute;
width: 100%;
}
.account-menu-dropdown {
background: var(--light);
opacity: 0;
visibility: hidden;
transition: 0.3s all;
transform: translatey(-10px);
-webkit-transform: translatey(-10px);
position: absolute;
top: 100%;
z-index: 1;
padding: 21px 0;
pointer-events: none;
width: 230px;
right: 0;
text-align: initial;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.account-menu-dropdown ul {
will-change: transform;
padding: 0;
list-style-type: none;
}
.account-menu-dropdown a {
font-size: 14px;
color: var(--heading);
display: block;
padding: 7.5px 25px;
line-height: 20px;
}
.account-menu-dropdown a:hover {
color: var(--main);
}
.account-menu-dropdown a i {
margin-right: 22px;
font-size: 17px;
}
.account-menu-dropdown .no-user {
padding: 0 25px;
}
.account-menu-dropdown .no-user li:not(:last-child) {
margin-bottom: 20px;
}
.account-menu-dropdown .hover_2 {
font-weight: 500;
border: 2px solid;
text-align: center;
padding: 10.5px 25px;
}
.account-menu-dropdown .hover_2:hover {
background: var(--main);
color: var(--light);
border-color: var(--main);
}
.account-menu-dropdown .hover:hover {
background: #f3f3f3;
}
.account-menu-dropdown .account-setting {
position: relative;
}
.account-menu-dropdown .account-setting .settings {
position: absolute;
right: 21px;
top: 7px;
font-size: 17px;
padding: 0;
}
.account-menu-dropdown .account-setting .settings:hover {
color: var(--main);
}
.account-menu-dropdown .account-setting .name a {
color: var(--main);
font-weight: bold;
display: flex;
-webkit-display: flex;
}
.account-menu-dropdown #jws-login-form {
padding: 7px 25px 0px;
}
.account-menu-dropdown #jws-login-form .jws-animation form p {
margin-bottom: 15px;
}
.account-menu-dropdown #jws-login-form .message {
margin-top: 20px;
}
.account-menu-dropdown #recaptcha6 {
transform: scale(0.5960259999999999);
-webkit-transform: scale(0.5960259999999999);
transform-origin: 0 0;
-webkit-transform-origin: 0 0;
}
.account-menu-dropdown .jws-button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-0-align-items: center;
margin-bottom: 0 !important;
}
.account-menu-dropdown .jws-button .button {
width: 50% !important;
}
.account-menu-dropdown .jws-button a {
width: 50%;
padding: 0;
padding-left: 10px;
}
.account-menu-dropdown .message {
margin-top: 20px;
font-size: 12px;
line-height: 23px;
margin-bottom: 0;
}
#jws_header_default .elementor_jws_menu_layout_menu_horizontal .jws_main_menu .jws_main_menu_inner > ul > li > a {
padding: 0;
padding-right: 25px;
}
@media (min-width: 1025px) and (max-width: 1500px) {
.header-side {
width: 270px;
}
.has-header-side .site-content,
.has-header-side .site-footer {
width: calc(100% - 270px);
margin-left: 270px;
}
}
@media (min-width: 1025px) {
.has-header-side.menu-expand .site-content,
.has-header-side.menu-expand .site-footer {
width: calc(100% - 200px);
}
.car-account-action:hover .account-menu-dropdown {
opacity: 1;
visibility: visible;
transform: translatey(0px);
-webkit-transform: translatey(0px);
pointer-events: auto;
}
}
@media (max-width: 1024px) {
.car-account-action.active .account-menu-dropdown {
opacity: 1;
visibility: visible;
transform: translatey(0px);
-webkit-transform: translatey(0px);
pointer-events: auto;
}
.has-header-side .site-content,
.has-header-side .site-footer {
width: 100%;
transform: none;
margin: 0;
}
.header-side {
position: relative;
width: 100%;
padding: 0;
}
}
.is-sticky {
position: fixed;
right: 0;
top: 0;
z-index: 11;
width: 100%;
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}
.cafe-scroll-up-sticky.is-sticky {
transform: translateY(-100%);
-webkit-transform: translateY(-100%);
}
.cafe-row-sticky.cafe-scroll-up-sticky.is-sticky.active-sticky {
transform: translateY(0);
-webkit-transform: translateY(0);
transition: 0.5s all !important;
}
.is-sticky.no-active-sticky {
transform: translateY(-100%);
-webkit-transform: translateY(-100%);
transition: 0.5s all !important;
}
.cafe-sticky-row-container {
width: 100%;
}
.site-footer {
clear: both;
}
@media (max-width: 1024px) {
.has-tool-bar .site-footer {
padding-bottom: 45px;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.fadeIn {
animation-name: fadeIn;
}
@-webkit-keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
@-webkit-keyframes jws_fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 50px, 0);
transform: translate3d(0, 50px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes jws_fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 50px, 0);
transform: translate3d(0, 50px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.jws_fadeInUp {
-webkit-animation-name: jws_fadeInUp;
animation-name: jws_fadeInUp;
}
@keyframes pulse {
0% {
transform: scale3d(1, 1, 1);
opacity: 1;
}
100% {
transform: scale3d(2.2, 2.2, 1);
opacity: 0;
}
}
@-webkit-keyframes fadeInRight2 {
from {
opacity: 0;
-webkit-transform: translate3d(50px, 0, 0);
transform: translate3d(50px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRight2 {
from {
opacity: 0;
-webkit-transform: translate3d(50px, 0, 0);
transform: translate3d(50px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInRight2 {
-webkit-animation-name: fadeInRight2;
animation-name: fadeInRight2;
}
#pulse:before,
#pulse:after {
animation: 3s ease-out 0s normal none infinite running pulse;
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
border-radius: 24px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.7) inset;
content: "";
height: 48px;
left: 50%;
margin: -24px 0 0 -24px;
pointer-events: none;
position: absolute;
top: 50%;
width: 48px;
z-index: -1;
}
#pulse:after {
animation-delay: 1.5s;
}
#pulse {
width: 50px;
height: 50px;
background: #ffffff url(http://www.blogher.com/files/imagecache/tiny_thumb/user_pictures/picture-196261.jpg) no-repeat center center;
position: relative;
border-radius: 25px;
text-align: center;
font: bold 14px/50px tahoma;
} @-webkit-keyframes btnIconRipple {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0.8;
}
20% {
opacity: 0.8;
}
100% {
-webkit-transform: scale(1.5);
transform: scale(1.5);
opacity: 0;
}
}
@keyframes btnIconRipple {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0.8;
}
20% {
opacity: 0.8;
}
100% {
-webkit-transform: scale(1.5);
transform: scale(1.5);
opacity: 0;
}
}
@keyframes animatedBackground {
from {
background-position: 0 0;
}
to {
background-position: 100% 0;
}
}
@keyframes fadeInUp {
from {
opacity: 0;
transform: translatey(50px);
-webkit-transform: translatey(50px);
}
to {
opacity: 1;
transform: translatey(0px);
-webkit-transform: translatey(0px);
}
}
.fadeInUp {
animation-name: fadeInUp;
}
@keyframes fadeInDown {
from {
opacity: 0;
transform: translatey(-50px);
-webkit-transform: translatey(-50px);
}
to {
opacity: 1;
transform: translatey(0px);
-webkit-transform: translatey(0px);
}
}
.fadeInDown {
animation-name: fadeInDown;
}
@keyframes fadeInRight {
from {
opacity: 0;
transform: translatex(150px);
-webkit-transform: translatex(150px);
}
to {
opacity: 1;
transform: translatex(0px);
-webkit-transform: translatex(0px);
}
}
.fadeInRight {
animation-name: fadeInRight;
}
@keyframes fadeInLeft {
from {
opacity: 0;
transform: translatex(-50px);
-webkit-transform: translatex(-50px);
}
to {
opacity: 1;
transform: translatex(0px);
-webkit-transform: translatex(0px);
}
}
.fadeInLeft {
animation-name: fadeInLeft;
}
@keyframes MoveLeft {
from {
transform: translatex(0px);
-webkit-transform: translatex(0px);
}
to {
transform: translatex(100px);
-webkit-transform: translatex(100px);
}
}
@keyframes MoveRight {
from {
transform: translatex(0px);
-webkit-transform: translatex(0px);
}
to {
transform: translatex(-100px);
-webkit-transform: translatex(-100px);
}
}
@keyframes MoveTop {
from {
transform: translatey(0px);
-webkit-transform: translatey(0px);
}
to {
transform: translatey(-100px);
-webkit-transform: translatey(-100px);
}
}
@keyframes MoveBottom {
from {
transform: translatey(0px);
-webkit-transform: translatey(0px);
}
to {
transform: translatey(100px);
-webkit-transform: translatey(100px);
}
}
@keyframes MoveZoomIn {
from {
transform: scale(0.7);
-webkit-transform: scale(0.7);
}
to {
transform: scale(1);
-webkit-transform: scale(1);
}
}
@keyframes MoveZoomOut {
from {
transform: scale(1);
-webkit-transform: scale(1);
}
to {
transform: scale(0.7);
-webkit-transform: scale(0.7);
}
}
@keyframes MoveCircle {
0% {
transform: rotate(0deg) translate(-100%) rotate(0deg);
-webkit-transform: rotate(0deg) translate(-100%) rotate(0deg);
}
100% {
transform: rotate(360deg) translate(-100%) rotate(-360deg);
-webkit-transform: rotate(360deg) translate(-100%) rotate(-360deg);
}
}
@keyframes MoveCircleSmall {
0% {
transform: rotate(0deg) translate(-10%) rotate(0deg);
-webkit-transform: rotate(0deg) translate(-10%) rotate(0deg);
}
100% {
transform: rotate(360deg) translate(-10%) rotate(-360deg);
-webkit-transform: rotate(360deg) translate(-10%) rotate(-360deg);
}
}
@keyframes MoveCircle360 {
100% {
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
}
}
@keyframes width100 {
0% {
opacity: 0;
transform: scaleX(0);
}
100% {
opacity: 1;
transform: scaleX(1);
}
}
@keyframes bounceAlpha {
0% {
opacity: 1;
transform: translateX(0px) scale(1);
}
25% {
opacity: 0;
transform: translateX(10px) scale(0.9);
}
26% {
opacity: 0;
transform: translateX(-10px) scale(0.9);
}
55% {
opacity: 1;
transform: translateX(0px) scale(1);
}
}
@keyframes bounceAlpha4 {
0% {
opacity: 1;
transform: translate(0px, 0px) scale(1);
}
54% {
opacity: 0;
transform: translate(100%, 0px) scale(0.9);
}
55% {
opacity: 0;
transform: translate(-120%, 0px) scale(0.9);
}
}
@keyframes bounceAlpha_display {
0% {
opacity: 0;
transform: translateX(-7px);
}
100% {
opacity: 1;
transform: translateX(0px);
}
}
@keyframes bounceAlpha_hiden {
0% {
opacity: 1;
transform: translateX(0px);
}
100% {
opacity: 0;
transform: translateX(7px);
}
}
@keyframes bounceAlpha2 {
0% {
opacity: 1;
transform: translateX(0px) scale(1);
}
25% {
opacity: 0;
transform: translateX(-10px) scale(0.9);
}
26% {
opacity: 0;
transform: translateX(10px) scale(0.9);
}
55% {
opacity: 1;
transform: translateX(0px) scale(1);
}
}
@keyframes bounceAlphaUp {
0% {
opacity: 1;
transform: translateY(0px) scale(1);
}
25% {
opacity: 0;
transform: translateY(-10px) scale(0.9);
}
26% {
opacity: 0;
transform: translateY(10px) scale(0.9);
}
55% {
opacity: 1;
transform: translateY(0px) scale(1);
}
}
@keyframes bounceAlphaUp2 {
0% {
opacity: 1;
transform: translateY(0px);
}
25% {
opacity: 0;
transform: translateY(-10px);
}
26% {
opacity: 0;
transform: translateY(10px);
}
55% {
opacity: 1;
transform: translateY(0px);
}
}
@-webkit-keyframes jwsWave {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0.8;
}
20% {
opacity: 0.8;
}
100% {
-webkit-transform: scale(5.5);
transform: scale(5.5);
opacity: 0;
}
}
@keyframes jwsWave {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0.8;
}
20% {
opacity: 0.8;
}
100% {
-webkit-transform: scale(5.5);
transform: scale(5.5);
opacity: 0;
}
} @-webkit-keyframes rollIn {
0% {
-webkit-transform: translateY(60px) translateZ(-130px) rotateX(-90deg);
transform: translateY(60px) translateZ(-130px) rotateX(-90deg);
opacity: 0;
}
100% {
-webkit-transform: translatey(0), rotateX(0deg);
transform: translatey(0) rotateX(0deg);
opacity: 1;
}
}
@keyframes rollIn {
0% {
-webkit-transform: translateY(60px) translateZ(-130px) rotateX(-90deg);
transform: translateY(60px) translateZ(-130px) rotateX(-90deg);
opacity: 0;
}
100% {
-webkit-transform: translatey(0) rotateX(0deg);
transform: translatey(0) rotateX(0deg);
opacity: 1;
}
}
@-webkit-keyframes zoomInDown {
0% {
-webkit-transform: translateY(-60px) rotateX(90deg);
transform: translateY(-60px) rotateX(90deg);
opacity: 0;
}
100% {
-webkit-transform: translatey(0), rotateX(0deg);
transform: translatey(0) rotateX(0deg);
opacity: 1;
}
}
@keyframes zoomInDown {
0% {
-webkit-transform: translateY(-60px) rotateX(90deg);
transform: translateY(-60px) rotateX(90deg);
opacity: 0;
}
100% {
-webkit-transform: translatey(0) rotateX(0deg);
transform: translatey(0) rotateX(0deg);
opacity: 1;
}
}
@-webkit-keyframes zoomInUp {
0% {
-webkit-transform: translateY(100px) scaleX(0.7) scaleY(0.7);
transform: translateY(100px) scaleX(0.7) scaleY(0.7);
opacity: 0;
}
100% {
-webkit-transform: translateY(0) scaleX(1) scaleY(1);
transform: translateY(0) scaleX(1) scaleY(1);
opacity: 1;
}
}
@keyframes zoomInUp {
0% {
-webkit-transform: translateY(100px) scaleX(0.7) scaleY(0.7);
transform: translateY(100px) scaleX(0.7) scaleY(0.7);
opacity: 0;
}
100% {
-webkit-transform: translateY(0) scaleX(1) scaleY(1);
transform: translateY(0) scaleX(1) scaleY(1);
opacity: 1;
}
}
@-webkit-keyframes zoomInRight {
0% {
-webkit-transform: translateX(160px) translateZ(-130px) rotateY(90deg);
transform: translateX(160px) translateZ(-130px) rotateY(90deg);
opacity: 0;
}
100% {
-webkit-transform: translateX(0), rotateY(0deg);
transform: translateX(0) rotateY(0deg);
opacity: 1;
}
}
@keyframes zoomInRight {
0% {
-webkit-transform: translateX(160px) translateZ(-130px) rotateY(90deg);
transform: translateX(160px) translateZ(-130px) rotateY(90deg);
opacity: 0;
}
100% {
-webkit-transform: translateX(0) rotateY(0deg);
transform: translateX(0) rotateY(0deg);
opacity: 1;
}
}
@-webkit-keyframes zoomInLeft {
0% {
-webkit-transform: translateX(-160px) translateZ(130px) rotateY(-90deg);
transform: translateX(-160px) translateZ(130px) rotateY(-90deg);
opacity: 0;
}
100% {
-webkit-transform: translateX(0), rotateY(0deg);
transform: translateX(0) rotateY(0deg);
opacity: 1;
}
}
@keyframes zoomInLeft {
0% {
-webkit-transform: translateX(-160px) translateZ(130px) rotateY(-90deg);
transform: translateX(-160px) translateZ(130px) rotateY(-90deg);
opacity: 0;
}
100% {
-webkit-transform: translateX(0) rotateY(0deg);
transform: translateX(0) rotateY(0deg);
opacity: 1;
}
}
[data-settings='{"_animation":"bounceInLeft"}'] img,
[data-settings='{"_animation":"bounceInDown"}'] img,
[data-settings='{"_animation":"bounceInUp"}'] img,
[data-settings='{"_animation":"bounceInRight"}'] img {
opacity: 0;
transition: 0.2s all;
}
[data-settings='{"_animation":"bounceInLeft"}']:before,
[data-settings='{"_animation":"bounceInDown"}']:before,
[data-settings='{"_animation":"bounceInUp"}']:before,
[data-settings='{"_animation":"bounceInRight"}']:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: calc(100% + 1px);
background: #fafafa;
pointer-events: none;
opacity: 0;
transition: 0.8s ease-in-out, opacity 0s;
content: "";
z-index: 1;
}
[data-settings='{"_animation":"bounceInLeft"}'].animated:before,
[data-settings='{"_animation":"bounceInDown"}'].animated:before,
[data-settings='{"_animation":"bounceInUp"}'].animated:before,
[data-settings='{"_animation":"bounceInRight"}'].animated:before {
background: #fafafa;
opacity: 1;
transition-delay: 0.6s;
}
[data-settings='{"_animation":"bounceInLeft"}'].animated img,
[data-settings='{"_animation":"bounceInDown"}'].animated img,
[data-settings='{"_animation":"bounceInUp"}'].animated img,
[data-settings='{"_animation":"bounceInRight"}'].animated img {
opacity: 1;
transition-delay: 0.6s;
}
[data-settings='{"_animation":"bounceInLeft"}']:before {
transform-origin: 100% 50%;
}
[data-settings='{"_animation":"bounceInLeft"}'].animated:before {
transform: scaleX(0);
}
[data-settings='{"_animation":"bounceInDown"}']:before {
transform-origin: 50% 100%;
}
[data-settings='{"_animation":"bounceInDown"}'].animated:before {
transform: scaleY(0);
}
[data-settings='{"_animation":"bounceInUp"}']:before {
transform-origin: 50% 0%;
}
[data-settings='{"_animation":"bounceInUp"}'].animated:before {
transform: scaleY(0);
}
[data-settings='{"_animation":"bounceInRight"}']:before {
transform-origin: 0% 50%;
}
[data-settings='{"_animation":"bounceInRight"}'].animated:before {
transform: scaleX(0);
}
.bounceInLeft,
.bounceInDown,
.bounceInUp,
.bounceInRight {
animation-name: none;
}
.perspective {
-webkit-perspective: 1800px;
perspective: 1800px;
}
.animated {
animation-timing-function: ease-in-out;
-webkit-animation-timing-function: ease-in-out;
}
@keyframes pulse-border-simple {
0% {
-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(0);
transform: translateX(-50%) translateY(-50%) translateZ(0) scale(0);
opacity: 1;
}
20% {
opacity: 1;
}
100% {
-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.2);
transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.2);
opacity: 0;
}
}
@keyframes pulse-border {
0% {
-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(0);
transform: translateX(-50%) translateY(-50%) translateZ(0) scale(0);
opacity: 0.8;
}
20% {
opacity: 0.8;
}
100% {
-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.2);
transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.2);
opacity: 0;
}
}
@keyframes pulse-border2 {
0% {
transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
opacity: 1;
}
100% {
transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.4);
-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.4);
}
}
@keyframes pulse-border3 {
0% {
-webkit-transform: scale(0);
transform: scale(0);
opacity: 1;
}
20% {
opacity: 1;
}
100% {
-webkit-transform: scale(1.2);
transform: scale(1.2);
opacity: 0;
}
}
@keyframes lds-dual-ring {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@-webkit-keyframes lds-dual-ring {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes width-left-right {
0% {
width: 0%;
}
100% {
width: 100%;
}
}
@-webkit-keyframes animated-text {
0% {
background-position: 0 0;
}
50% {
background-position: 100% 0;
}
100% {
background-position: 0 0;
}
}
@keyframes animated-text {
0% {
background-position: 0 0;
}
50% {
background-position: 100% 0;
}
100% {
background-position: 0 0;
}
}
@keyframes lds-dual-ring {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@-webkit-keyframes lds-dual-ring {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.lds-dual-ring {
-webkit-animation-name: lds-dual-ring;
animation-name: lds-dual-ring;
}
.jws-state-online {
align-items: center;
margin-bottom: 15px;
}
.jws-state-online label.span {
font-weight: 700;
color: var(--heading);
font-family: var(--font-button);
}
.jws-state-online .chat-title {
font-weight: 700;
font-size: 24px;
line-height: 31px;
font-family: var(--font-button);
color: var(--heading);
letter-spacing: -0.48px;
}
.jws-state-online .chat-state {
text-align: right;
}
.jws-state-online .chat-state .toggle-checkbox {
margin-left: 10px;
}
.jws-state-online .chat-state .toggle-checkbox .toggle-switch {
width: 40px;
height: 20px;
}
.jws-state-online .chat-state .toggle-checkbox .toggle-switch:before {
width: 16px;
height: 16px;
}
.jws-message-form-search-user {
border: 2px solid var(--border-color2);
padding: 20px;
border-radius: 5px;
display: none;
}
.jws-message-form-search-user input[name="subject"] {
margin-bottom: 20px;
}
.jws-message-form-search-user button {
width: 100%;
margin-top: 20px;
}
.jws-message-form-search-user .select2-selection__rendered {
overflow-y: auto;
max-height: 100px;
}
.jws-chat-members {
background: #fff;
border-radius: 20px;
box-shadow: 0px 15px 30px -12px rgba(30, 50, 101, 0.15);
}
.jws-chat-members .gif-player video {
width: auto;
max-width: 100%;
max-height: 300px;
}
.jws-chat-members #messages-list {
max-height: 500px;
height: 500px;
display: flex;
flex-direction: column-reverse;
padding: 0 16px;
}
.jws-chat-members #messages-list.scroll > .loader {
top: 20px;
}
.jws-chat-members .back-conversation {
position: absolute;
left: 15px;
font-size: 25px;
top: 50%;
margin-top: -10px;
display: none;
cursor: pointer;
}
.jws-chat-members .chat-sidebar {
padding: 0;
}
.jws-chat-members .chat-sidebar .conversation-sd-top {
border-bottom: 1px solid var(--border-color2);
padding: 20px 16px;
display: flex;
align-items: center;
gap: 16px;
}
.jws-chat-members .chat-sidebar .conversation-sd-top > .create-new-conversation {
font-size: 24px;
color: var(--heading);
cursor: pointer;
}
.jws-chat-members .chat-sidebar form {
width: 100%;
position: relative;
}
.jws-chat-members .chat-sidebar form input {
min-height: 40px;
border-radius: 8px;
border: none;
padding-right: 42px;
background: var(--body4);
}
.jws-chat-members .chat-sidebar form i {
position: absolute;
right: 15px;
top: 50%;
transform: translateY(-50%);
font-size: 24px;
}
.jws-chat-members .chat-sidebar .conversation-list {
max-height: 640px;
min-height: 400px;
}
.jws-chat-members .chat-sidebar .conversation-list .not-found {
padding: 20px;
}
.jws-chat-members .chat-sidebar .conversation-list .conversation-item {
display: flex;
align-items: center;
gap: 8px;
padding: 14px 16px;
cursor: pointer;
}
.jws-chat-members .chat-sidebar .conversation-list .conversation-item:not(:last-child) {
border-bottom: 1px solid var(--border-color2);
}
.jws-chat-members .chat-sidebar .conversation-list .group .users-avatar {
display: grid;
grid-gap: 5px;
grid-template-columns: repeat(2, 2fr);
}
.jws-chat-members .chat-sidebar .conversation-list .users-avatar {
position: relative;
max-width: 56px;
flex: 0 0 56px;
}
.jws-chat-members .chat-sidebar .conversation-list .users-avatar img {
width: 100%;
object-fit: cover;
border-radius: 50%;
}
.jws-chat-members .chat-sidebar .conversation-list .users-info {
flex: 0 0 calc(100% - 64px);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.jws-chat-members .chat-sidebar .conversation-list .users-info h6 {
display: flex;
justify-content: space-between;
align-items: center;
column-gap: 8px;
}
.jws-chat-members .chat-sidebar .conversation-list .users-info .chat-status {
font-size: 14px;
font-family: var(--font-button);
font-weight: 400;
opacity: .7;
}
.jws-chat-members .chat-content {
padding: 0;
border-left: 1px solid #F5F7F7;
padding-bottom: 16px;
}
.jws-chat-members .chat-content .jws-filter-empty {
margin-top: 16px;
}
.jws-chat-members .chat-content .jws-filter-empty.empty {
text-align: center;
max-width: 400px;
margin: auto;
justify-content: center;
display: flex;
flex-direction: column;
height: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.jws-chat-members .chat-content .jws-filter-empty .button {
text-decoration: underline;
color: var(--secondary);
text-underline-offset: 2px;
}
.jws-chat-members .chat-content .conversation-header {
z-index: 2;
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
flex-wrap: wrap;
border-bottom: 1px solid #F5F7F7;
padding: 12px 30px;
height: 75px;
}
.jws-chat-members .chat-content .conversation-header .conversation-h-left > span {
font-size: 14px;
opacity: .7;
color: var(--heading);
}
.jws-chat-members .chat-content .row-messages-list-container {
margin-left: 0;
margin-right: 0;
}
.jws-chat-members .chat-content .messages-list-container {
border-right: 1px solid #F5F7F7;
padding: 0;
}
.jws-chat-members .chat-content .header-reply-name {
font-weight: 700;
font-family: var(--font-button);
color: var(--heading);
margin-bottom: 4px;
}
.jws-chat-members .chat-content .messasge-content {
display: inline-block;
padding-right: 70px;
}
.jws-chat-members .chat-content .group_date {
margin: 0 auto 40px;
display: flex;
justify-content: center;
}
.jws-chat-members .chat-content .group_date span {
display: block;
background-color: var(--secondary);
color: #fff;
font-size: 12px;
font-weight: bold;
padding: 5px 20px;
line-height: 16px;
border-radius: 5px;
text-align: center;
}
.jws-chat-members .chat-content .message-item {
display: flex;
column-gap: 15px;
align-items: flex-start;
margin-bottom: 30px;
}
.jws-chat-members .chat-content .message-item.me {
flex-direction: row-reverse;
}
.jws-chat-members .chat-content .message-item.me .messasge-content {
padding-right: 0;
padding-left: 70px;
}
.jws-chat-members .chat-content .message-item.me .messasge-content .mess-edit .action {
left: unset;
right: 0;
}
.jws-chat-members .chat-content .message-item.me .mess-edit {
left: unset;
right: 100%;
padding-right: 10px;
margin-left: 0px;
}
.jws-chat-members .chat-content .message-item.me .message-top {
justify-content: flex-end;
}
.jws-chat-members .chat-content .message-item .message-top {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 8px;
}
.jws-chat-members .chat-content .message-item .name {
font-weight: bold;
color: var(--heading);
}
.jws-chat-members .chat-content .message-item .time {
font-size: 14px;
}
.jws-chat-members .chat-content .message-item .reply-text {
font-size: 14px;
opacity: .8;
}
.jws-chat-members .chat-content .message-item .message {
display: inline;
word-break: break-word;
line-height: unset;
word-wrap: unset;
margin: 0 !important;
padding: 0 !important;
}
.jws-chat-members .chat-content .message-item .message-wrap {
display: block;
position: relative;
padding: 12px;
border-radius: 5px;
background: #F8F8F8;
}
.jws-chat-members .chat-content .message-item .message-wrap:hover .mess-edit {
opacity: 1;
visibility: visible;
}
.jws-chat-members .chat-content .message-item .mess-edit {
transition: all 0.3s;
position: absolute;
left: 100%;
top: 50%;
transform: translateY(-50%);
margin-left: 10px;
opacity: 0;
visibility: hidden;
cursor: pointer;
}
.jws-chat-members .chat-content .message-item .mess-edit .action {
bottom: 100%;
transition: all 0.3s;
position: absolute;
left: 0;
background: #fff;
box-shadow: 0 14px 54px rgba(0, 0, 0, 0.1);
z-index: 1;
padding: 8px;
border-radius: 3px;
font-size: 14px;
text-align: left;
}
.jws-chat-members .chat-content .users-avatar {
max-width: 40px;
flex: 0 0 40px;
margin-top: -10px;
position: relative;
}
.jws-chat-members .chat-content .users-avatar img {
width: 100%;
object-fit: cover;
border-radius: 50%;
}
.jws-chat-members .chat-content .users-avatar.active:after {
background: #5BBB7B;
}
.jws-chat-members .chat-content .users-avatar:after {
content: '';
position: absolute;
right: -3px;
bottom: 4px;
width: 10px;
height: 10px;
border: 1px solid #fff;
background: #B9B9B9;
border-radius: 50%;
}
.jws-chat-members .chat-content .like-mess {
display: inline-block;
margin-right: 3px;
color: #E0162B;
}
.jws-chat-members .chat-content .conversation-user-info .row {
margin: 0;
}
.jws-chat-members .chat-content .conversation-user-info .user-profile {
text-align: center;
margin-bottom: 16px;
}
.jws-chat-members .chat-content .conversation-user-info ul {
list-style-type: none;
padding: 0;
display: flex;
flex-wrap: wrap;
gap: 6px;
justify-content: center;
margin-top: 12px;
}
.jws-chat-members .chat-content .conversation-user-info ul a,
.jws-chat-members .chat-content .conversation-user-info ul li {
font-size: 14px;
font-weight: 500;
padding: 3px 10px;
background: #F5E9FF;
border-radius: 30px;
}
.jws-chat-members .chat-content .conversation-user-info .members-title {
font-weight: 700;
margin-top: 7px;
margin-bottom: 3px;
}
.jws-chat-members .chat-content .conversation-user-info .members-info {
justify-content: center;
}
.jws-chat-members .chat-content .conversation-user-info .description {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
font-size: 14px;
margin-top: 12px;
}
.jws-chat-members .chat-content .conversation-user-info .rating-percent {
display: inline-block;
background: var(--btn-bgcolor);
color: #fff;
font-weight: 700;
padding: 6px 10px;
margin-bottom: 8px;
}
.jws-chat-members .chat-content .conversation-user-info .rating-percent i {
font-weight: 400;
color: #fff;
}
.jws-chat-members .chat-content .conversation-user-info .use-profile-media {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
gap: 10px;
align-items: center;
padding-bottom: 10px;
padding-top: 15px;
position: sticky;
top: 0;
left: 0;
background: #fff;
z-index: 1;
}
.jws-chat-members .chat-content .conversation-user-info .use-profile-media p {
font-weight: 700;
font-family: var(--font-button);
color: var(--heading);
}
.jws-chat-members .chat-content .conversation-user-info .use-profile-media a {
border-radius: 10px;
}
.jws-chat-members .chat-content .conversation-user-info .use-profile-media a:hover {
background: var(--btn-bgcolor);
color: var(--btn-color);
}
.jws-chat-members .chat-content .conversation-user-info .use-profile-media a i {
font-size: 20px;
margin-left: 10px;
}
.jws-chat-members .chat-content .conversation-user-info .user-avatar {
overflow: hidden;
border-radius: 50%;
max-width: 80px;
max-height: 80px;
margin: auto;
}
.jws-chat-members #messages-inner {
padding-top: 24px;
}
.jws-chat-members .conversation-action {
position: relative;
}
.jws-chat-members .conversation-action button {
padding: 0;
background: transparent;
border: none;
font-size: 24px;
color: var(--heading);
}
.jws-chat-members .conversation-action.opened > div {
opacity: 1;
pointer-events: auto;
transform: none;
}
.jws-chat-members .conversation-action > div {
transition: 0.3s all;
opacity: 0;
pointer-events: none;
position: absolute;
transform: translateY(10px);
background-color: var(--light);
box-shadow: 0px 4px 20px 2px rgba(16, 30, 87, 0.07000000000000001);
border-radius: 5px;
top: 0;
right: calc(110%);
min-width: 180px;
}
.jws-chat-members .conversation-action a {
display: block;
border-bottom: 1px solid var(--border-color2);
padding: 5px 5px;
}
.jws-chat-members .conversation-action a i {
margin-right: 5px;
}
.jws-chat-members .emojionearea .emojionearea-button:before {
content: "\E872";
font-family: 'jws_icon';
}
.jws-chat-members #form-create-messages {
position: relative;
padding: 0 16px;
}
.jws-chat-members #reply_edit_message_text {
position: absolute;
bottom: 100%;
width: calc(100% - 32px);
background: #eff1f2;
max-width: 100%;
padding: 9px;
border-bottom: 1px solid #fffbff;
border-radius: 3px;
font-size: 14px;
}
.jws-chat-members #reply_edit_message_text strong {
font-weight: 600;
margin-right: 5px;
}
.jws-chat-members #reply_edit_message_text .close {
font-size: 24px;
position: absolute;
right: 10px;
}
.jws-chat-members .jws-messages-action {
position: relative;
}
.jws-chat-members .jws-messages-action textarea {
height: auto;
min-height: 50px;
border: 2px solid var(--border-color2);
border-radius: 5px;
}
.jws-chat-members .jws-messages-action .meassage-tool {
margin-bottom: 16px;
margin-top: 10px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 10px;
align-items: center;
position: relative;
}
.jws-chat-members .jws-messages-action button[type="submit"] {
background: transparent;
border: 0;
font-size: 14px;
font-weight: bold;
color: var(--heading);
font-family: var(--font2);
}
.jws-chat-members .jws-messages-action button[type="submit"] i {
margin-right: 8px;
}
.jws-chat-members .jws-messages-action .meassage-media {
display: flex;
position: relative;
}
.jws-chat-members .jws-messages-action .meassage-media .progress i {
display: none;
}
.jws-chat-members .jws-messages-action .meassage-media #progress-bar-fill {
font-size: 14px;
top: 2px;
left: 0;
}
.jws-chat-members .jws-messages-action .meassage-media .loader {
width: 20px;
height: 20px;
margin-left: -10px;
margin-top: -12px;
}
.jws-chat-members .jws-messages-action .meassage-media #send-gif {
font-size: 32px;
}
.jws-chat-members .jws-messages-action .meassage-media .button {
position: relative;
padding: 0;
border: none;
background: transparent;
font-size: 24px;
margin-right: 12px;
opacity: .7;
}
.jws-chat-members .jws-messages-action .meassage-media .button:hover {
opacity: 1;
}
.jws-chat-members .jws-messages-action #jws-file-container {
width: auto;
position: absolute;
bottom: calc(100% + 15px);
box-shadow: 0 0 20px 20px rgba(0, 0, 0, 0.05);
padding: 20px;
background-color: #ffffff;
opacity: 0;
pointer-events: none;
visibility: hidden;
z-index: 2;
width: 100%;
}
.jws-chat-members .jws-messages-action #jws-file-container.open {
opacity: 1;
pointer-events: auto;
visibility: visible;
}
.jws-chat-members .jws-messages-action #jws-gif-container {
width: 300px;
min-height: 200px;
position: absolute;
bottom: calc(100% + 15px);
box-shadow: 0 0 20px 20px rgba(0, 0, 0, 0.05);
padding: 20px;
background-color: #ffffff;
opacity: 0;
pointer-events: none;
visibility: hidden;
}
.jws-chat-members .jws-messages-action #jws-gif-container.open {
opacity: 1;
pointer-events: auto;
visibility: visible;
}
.jws-chat-members .jws-messages-action #jws-gif-container #search-giphy {
margin-bottom: 15px;
}
.jws-chat-members .jws-messages-action #jws-gif-container .gif-wap {
max-height: 300px;
overflow: auto;
}
.jws-chat-members .jws-messages-action #jws-gif-container .gif-row {
column-count: 2;
column-gap: 10px;
}
.jws-chat-members .jws-messages-action #jws-gif-container .gif-row img {
margin: 0;
display: grid;
grid-template-rows: 1fr auto;
margin-bottom: 10px;
break-inside: avoid;
width: 100%;
cursor: pointer;
}
.jws-chat-members .jws-messages-action #jws-gift-container {
position: absolute;
width: auto;
left: 0;
bottom: 100%;
opacity: 0;
pointer-events: none;
visibility: hidden;
}
.jws-chat-members .jws-messages-action #jws-gift-container.open {
opacity: 1;
pointer-events: auto;
visibility: visible;
}
.jws-chat-members .jws-messages-action #jws-gift-container .gift-row {
display: grid;
grid-gap: 20px;
grid-template-columns: repeat(4, 1fr);
background-color: #ffffff;
overflow: auto;
height: 300px;
text-align: center;
border-radius: 10px;
box-shadow: 0 0 20px 20px rgba(0, 0, 0, 0.05);
padding: 20px;
}
.jws-chat-members .jws-messages-action #jws-gift-container .gift-item {
cursor: pointer;
}
.jws-chat-members .jws-messages-action #jws-gift-container .gift-item img {
margin-bottom: 15px;
}
.jws-chat-members .conversation-item.active {
background-color: var(--secondary);
border-color: var(--secondary);
}
.jws-chat-members .conversation-item.active .users-info h6,
.jws-chat-members .conversation-item.active .users-info .last-messages,
.jws-chat-members .conversation-item.active .users-info .chat-status {
color: var(--light);
}
.jws-chat-members .conversation-item.active .unread {
background: var(--light);
color: var(--secondary);
}
.jws-chat-members .conversation-item .last-messages {
margin-top: 4px;
position: relative;
overflow: hidden;
text-overflow: ellipsis;
font-size: 14px;
color: var(--heading);
}
.jws-chat-members .conversation-item .last-messages img {
max-width: 20px;
border-radius: 100%;
margin-right: 5px;
}
.jws-chat-members .conversation-item .unread {
position: absolute;
right: 0;
bottom: 0;
height: 20px;
min-width: 20px;
background: var(--secondary);
text-align: center;
border-radius: 50%;
font-weight: 700;
font-size: 12px;
font-weight: 600;
color: var(--light);
}
@media (max-width: 767px) {
.jws-chat-members:not(.loaded) .chat-content {
display: none;
}
.jws-chat-members.loaded .chat-sidebar {
display: none;
}
.jws-chat-members .back-conversation {
display: block;
}
.jws-chat-members .chat-content .conversation-header {
padding-left: 45px;
}
}
.please_login_dashboard {
text-align: center;
padding: 80px 0;
font-size: 18px;
line-height: 28px;
}
.ld-dashboard-tab-heading {
margin-bottom: 38px;
}
.jws-dashboard-pagination-bottom {
display: flex;
align-items: center;
gap: 10px;
justify-content: space-between;
}
.show-filter {
cursor: pointer;
display: none;
}
.change-per-page {
display: flex;
align-items: center;
gap: 10px;
}
.change-per-page select {
width: auto;
}
.change-per-page .select2-selection--single {
min-height: 33px !important;
line-height: 33px !important;
}
.ls-email-success-error {
color: #e32c2c;
margin: 10px 0;
}
.ls-email-success-msg {
color: #5bbb7b;
margin: 10px 0;
}
.ld-dashboard-withdrawal-pop-up-content .ld-dashboard-withdrawal-request-balance {
gap: 10px 15%;
}
.ld-dashboard-withdrawal-pop-up-content .ld-dashboard-withdrawal-form-content {
padding: 30px;
background-color: var(--body4);
}
.ld-dashboard-withdrawal-pop-up-content .ld-dashboard-withdrawal-form-content .ld-dashboard-withdrawal-form-field-amount .input-currency {
background-color: var(--body3);
width: 44px;
height: 50px;
line-height: 50px;
}
.ld-dashboard-withdrawal-pop-up-content .ld-dashboard-withdrawal-form-content .ld-dashboard-withdrawal-form-field-amount input {
border-color: transparent;
border-radius: 0 5px 5px 0;
}
.ld-dashboard-withdrawal-pop-up-content .ld-dashboard-pop-up-details {
padding: 30px;
}
.ld-dashboard-withdrawal-pop-up-content .ld-dashboard-pop-up-details i {
font-size: 24px;
color: var(--secondary);
width: 48px;
height: 48px;
display: flex;
background-color: var(--body2);
border-radius: 100%;
align-items: center;
justify-content: center;
}
.ld-dashboard-header .ld-dashboard-header-inner {
align-items: center;
justify-content: space-between;
width: 100%;
background: #FFFFFF;
box-shadow: 0px 4px 20px 2px rgba(16, 30, 87, 0.07000000000000001);
padding: 25px 0;
}
.ld-dashboard-header .ld-dashboard-header-inner.is-sticky {
padding: 10px 0;
}
.ld-dashboard-header .header-logo {
width: 317px;
padding: 0 40px;
}
.ld-dashboard-header .header-search form {
min-width: 300px;
}
.ld-dashboard-header .header-menu {
width: calc(100% - 317px);
justify-content: space-between;
align-items: center;
padding: 0 40px;
}
.ld-dashboard-header .header-wishlist i {
font-size: 24px;
color: var(--heading);
}
.ld-dashboard-header .header-wishlist {
margin-top: 6px;
}
.ld-dashboard-header .header-notification {
position: relative;
margin-top: 8px;
}
.ld-dashboard-header .header-notification:hover .dropdown {
pointer-events: auto;
transform: translateY(0px);
opacity: 1;
}
.ld-dashboard-header .header-notification .remove_ntt {
position: absolute;
top: 10px;
right: 5px;
cursor: pointer;
}
.ld-dashboard-header .header-notification .remove_ntt:before {
content: '\e81e';
font-family: "jws_icon";
}
.ld-dashboard-header .header-notification .dropdown {
position: absolute;
top: 100%;
right: 0;
background: #ffffff;
min-width: 218px;
z-index: 100;
pointer-events: none;
transition: 0.3s all;
transform: translateY(10px);
opacity: 0;
box-shadow: 0px 4px 20px 2px rgba(16, 30, 87, 0.07000000000000001);
border-radius: 3px;
font-weight: 500;
max-height: 300px;
overflow: auto;
}
.ld-dashboard-header .header-notification .dropdown ul {
padding: 0;
list-style-type: none;
}
.ld-dashboard-header .header-notification .dropdown ul li {
padding: 10px 20px;
position: relative;
transition: 0.3s all;
border-bottom: 1px solid var(--body3);
}
.ld-dashboard-header .header-notification .dropdown ul li:hover,
.ld-dashboard-header .header-notification .dropdown ul li.active {
background-color: var(--body2);
}
.ld-dashboard-header .header-notification i {
font-size: 24px;
color: var(--heading);
}
.ld-dashboard-header .header-notification .count {
width: 20px;
height: 20px;
background-color: var(--secondary);
color: var(--light);
text-align: center;
border-radius: 100%;
border: 1px solid;
font-family: var(--font2);
font-size: 10px;
line-height: 18px;
position: absolute;
right: -7px;
top: -9px;
}
.ld-dashboard-header .ld-dashboard-add-course {
background: var(--secondary);
}
.ld-dashboard-header .ld-dashboard-add-course i {
font-size: 24px;
margin-left: 10px;
}
.ld-dashboard-header .header-right {
gap: 30px;
}
.ld-dashboard-header .header-account {
display: flex;
align-items: center;
gap: 10px;
padding-right: 40px;
position: relative;
}
.ld-dashboard-header .header-account:after {
content: '\e817';
font-family: "jws_icon";
position: absolute;
right: 0;
top: 20px;
}
.ld-dashboard-header .header-account .ld-dashboard-profile-avatar {
width: 40px;
background-color: var(--body3);
}
.ld-dashboard-header .header-account img {
width: 40px;
height: 40px;
object-fit: cover;
border-radius: 100%;
}
.ld-dashboard-content-wrapper .ld-dashboard-left-section {
width: 112px;
transition: width .2s;
}
.ld-dashboard-content-wrapper .ld-dashboard-content {
width: calc(100% - 112px);
transition: width .2s;
padding: 50px;
background-color: #F8F8F8;
}
.menu-ld-expanded .ld-dashboard-content {
width: calc(100% - 317px);
}
.menu-ld-expanded .ld-dashboard-left-section {
width: 317px;
}
.menu-ld-expanded .ld-dashboard-left-section .ld-dashboard-menu-divider-label {
opacity: 1;
}
.menu-ld-expanded .ld-dashboard-left-section .ld-dashboard-location a > span {
opacity: 1;
}
.menu-ld-expanded .expand-toggler div {
background-color: transparent;
}
.menu-ld-expanded .expand-toggler div:before {
top: 0;
transform: rotate(45deg);
transition: top 0.15s ease-in-out, transform 0.15s ease-in-out;
transition-delay: 0s, .15s;
width: 22px;
}
.menu-ld-expanded .expand-toggler div:after {
bottom: 0;
transform: rotate(-45deg);
transition: bottom 0.15s ease-in-out, transform 0.15s ease-in-out;
transition-delay: 0s, .15s;
width: 22px;
}
.ld-dashboard-location {
padding: 20px 20px;
}
.ld-dashboard-location ul {
list-style-type: none;
padding: 0;
}
.ld-dashboard-location .ld-dashboard-left-panel:not(:last-child) {
margin-bottom: 20px;
}
.ld-dashboard-location .ld-dashboard-menu-divider-label {
font-size: var(--font-size-sm);
text-transform: uppercase;
padding: 14px 23px;
opacity: 0;
text-overflow: ellipsis;
white-space: nowrap;
}
.ld-dashboard-location .ld-dashboard-menu-tab {
padding: 14px 23px;
border-radius: 5px;
}
.ld-dashboard-location .ld-dashboard-menu-tab .ld-dashboard-menu-icon {
font-size: 24px;
color: var(--body);
}
.ld-dashboard-location .ld-dashboard-menu-tab a {
display: flex;
gap: 15px;
position: relative;
}
.ld-dashboard-location .ld-dashboard-menu-tab a > span {
opacity: 0;
text-overflow: ellipsis;
white-space: nowrap;
}
.ld-dashboard-location .ld-dashboard-menu-tab.ld-dashboard-active {
background-color: var(--secondary);
}
.ld-dashboard-location .ld-dashboard-menu-tab.ld-dashboard-active a {
background-color: var(--secondary);
color: var(--light);
}
.ld-dashboard-location .ld-dashboard-menu-tab.ld-dashboard-active a .ld-dashboard-menu-icon {
color: var(--light);
}
.expand-toggler {
position: absolute;
left: 0;
height: 40px;
}
.expand-toggler div {
background-color: #000;
border-radius: 2px;
height: 2px;
position: relative;
transition: all 0.1s ease-in-out;
transition-delay: .05s;
width: 22px;
}
.expand-toggler div:before {
top: -6px;
transition: transform 0.15s ease-in-out, top 0.15s ease-in-out;
transition-delay: 0s, .15s;
}
.expand-toggler div:after {
bottom: -6px;
transition: transform 0.15s ease-in-out, bottom 0.15s ease-in-out;
transition-delay: 0s, .15s;
}
.expand-toggler div:before,
.expand-toggler div:after {
background-color: #000;
border-radius: 2px;
content: "";
height: 2px;
left: 0;
position: absolute;
width: 16px;
}
.ld-dashboard-welcome {
font-family: var(--font2);
}
.ld-dashboard-statistics-container {
gap: 30px 0;
}
.ld-dashboard-statistics-container .statistics-inner {
display: flex;
background: #FFFFFF;
box-shadow: 0px 4px 20px 2px rgba(16, 30, 87, 0.07000000000000001);
border-radius: 10px;
gap: 20px;
padding: 25px 30px;
height: 100%;
}
.ld-dashboard-statistics-container .ld-dashboard-icons {
width: 48px;
height: 48px;
background: rgba(11, 134, 131, 0.1);
border-radius: 100%;
font-size: 24px;
line-height: 52px;
text-align: center;
color: var(--secondary);
}
.ld-dashboard-statistics-container .ld-dashboard-icons span {
width: 48px;
display: block;
}
.ld-dashboard-statistics-container .learndash-statistics strong {
font-size: 28px;
line-height: 34px;
font-weight: 600;
color: var(--heading);
font-family: var(--font2);
}
.ld-dashboard-statistics-container .learndash-statistics strong .small {
color: var(--body);
font-weight: inherit;
vertical-align: top;
font-size: 18px;
}
.ld-dashboard-statistics-container .learndash-statistics .statistics-label {
margin-bottom: 13px;
}
.ld-dashboard-chart-loader {
min-height: 300px;
width: 100% !important;
}
.ld-dashboard-content .ld-dashboard-course-progress {
background: #FFFFFF;
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.05);
border-radius: 5px;
margin-bottom: 30px;
}
.ld-dashboard-content .ld-dashboard-content-widget-wrapper {
padding: 15px 30px 30px;
position: relative;
}
.ld-dashboard-content .ld-dashboard-head-wrapper {
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 1px solid var(--body3);
padding: 17px 30px;
margin-bottom: 15px;
}
.ld-dashboard-content .ld-dashboard-head-wrapper .select2-container .select2-selection--single {
line-height: 23px;
min-height: 23px;
}
.ld-dashboard-content .ld-dashboard-head-wrapper > h6 {
margin-bottom: 0;
}
.ld-dashboard-content .ld-dashboard-head-wrapper .ld-dashboard-instructor-earning-filter-wrapper label {
margin-right: 10px;
margin-bottom: 0;
}
.ld-dashboard-content .ld-dashboard-head-wrapper .ld-dashboard-instructor-earning-filter-wrapper .select2-container .select2-selection--single,
.ld-dashboard-content .ld-dashboard-head-wrapper .ld-dashboard-instructor-earning-filter-wrapper select {
min-height: 23px;
line-height: 23px;
}
.ld-dashboard-content .ld-dashboard-head-wrapper #type-data-chart ul {
gap: 23px;
}
.ld-dashboard-content .ld-dashboard-head-wrapper #type-data-chart ul li {
position: relative;
cursor: pointer;
}
.ld-dashboard-content .ld-dashboard-head-wrapper #type-data-chart ul li::after {
content: '';
width: 100%;
height: 3px;
background-color: var(--secondary);
position: absolute;
left: 0;
bottom: -6px;
opacity: 0;
transition: 0.3s all;
}
.ld-dashboard-content .ld-dashboard-head-wrapper #type-data-chart ul li.active:after {
opacity: 1;
}
.ld-dashboard-progress-chart-wrapper {
display: flex;
}
.ld-dashboard-progress-chart-wrapper > div:not(.loader) {
width: 50%;
}
.ld-dashboard-progress-chart-wrapper .title {
background-color: var(--main);
color: var(--light);
text-align: center;
font-family: var(--font2);
font-size: 12px;
line-height: 27px;
font-weight: 600;
position: relative;
padding: 0 20px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.ld-dashboard-progress-chart-wrapper .distribution .title {
background-color: var(--secondary);
}
.ld-dashboard-progress-chart-wrapper .distribution .title:after {
border-color: transparent transparent transparent var(--secondary);
border-style: solid;
border-width: 13px 15px;
content: "";
display: block;
height: 0;
left: 100%;
margin-top: -13px;
position: absolute;
top: 50%;
width: 0;
z-index: 1;
}
.courses-list .jws-post-item {
margin-bottom: 15px;
border-bottom: 1px solid var(--body2);
padding-bottom: 15px;
}
.courses-list .jws-post-item .post-media {
width: 80px;
}
.courses-list .jws-post-item .post-content {
width: calc(100% - 80px);
padding-left: 20px;
}
.courses-list .jws-post-item .post-meta > span {
margin-right: 1rem;
}
.courses-list .jws-post-item .post-meta i {
font-size: 24px;
vertical-align: middle;
margin-right: 7px;
}
.widget-best-seller a {
display: flex;
justify-content: space-between;
}
.widget-best-seller ul li:not(:last-child) {
margin-bottom: 25px;
}
.widget-best-seller ul li span {
float: right;
font-weight: bold;
}
.ld-dashboard-student .ld-dashboard-feed {
padding-top: 20px;
}
.ld-dashboard-feed > .activity-item {
border-bottom: 1px solid var(--body2);
margin-bottom: 20px;
padding-bottom: 20px;
padding-left: 76px;
position: relative;
}
.ld-dashboard-feed > .activity-item:before {
content: '\e861';
font-family: "jws_icon";
position: absolute;
left: 20px;
top: 0;
font-size: 24px;
border-radius: 5px;
background: var(--body2);
width: 36px;
height: 36px;
text-align: center;
line-height: 36px;
}
.ld-dashboard-feed > .activity-item.course:before {
background: rgba(255, 193, 25, 0.1);
color: #FFC119;
content: '\e841';
}
.ld-dashboard-feed > .activity-item.lesson:before {
background: rgba(84, 60, 223, 0.1);
color: #543CDF;
content: '\e811';
}
.ld-dashboard-feed > .activity-item.quiz:before {
background: rgba(91, 187, 123, 0.1);
color: #5BBB7B;
content: '\e842';
}
.ld-dashboard-feed > .activity-item.topic:before {
background: rgba(34, 125, 223, 0.1);
color: #0cb3db;
content: '\e865';
}
.ld-dashboard-feed > .activity-item p {
margin-bottom: 5px;
}
.ld-dashboard-feed > .activity-item h6 {
color: var(--secondary);
margin-bottom: 2px;
}
.ld-dashboard-feed > .activity-item .activity-result span {
color: var(--heading);
font-weight: bold;
margin-right: 5px;
}
.ld-dashboard-feed > .activity-item .activity-post span {
color: var(--heading);
margin-right: 5px;
font-weight: bold;
}
.ld-dashboard-feed > .activity-item .activity-post a {
color: var(--secondary);
}
.widget-recent-activities .ld-dashboard-feed .activity-item {
padding-left: 50px;
}
.widget-recent-activities .ld-dashboard-feed .activity-item:before {
left: 0;
}
.widget-recent-activities .widget-filter {
display: flex;
gap: 10px;
}
.widget-recent-activities .widget-filter .prev i {
margin-right: 10px;
}
.widget-recent-activities .widget-filter .next i {
margin-left: 10px;
}
.widget-recent-activities .widget-filter i {
font-size: 12px;
}
.ld-dashboard-course-completion-report-summary .ld-dashbord-course-average {
margin-bottom: 20px;
}
.ld-dashboard-course-completion-report-summary .ld-dashbord-course-particulars .ld-dashboard-summery-right-entry {
display: flex;
margin-bottom: 10px;
}
.ld-dashboard-course-completion-report-summary .ld-dashbord-course-particulars .ld-dashboard-summary-lable {
font-weight: bold;
color: var(--heading);
margin-right: 5px;
}
.ld-dashboard-student-details .ld-dashboard-student-course-wrapper {
display: flex;
justify-content: space-between;
margin-bottom: 30px;
}
.ld-dashboard-student-details .ld-dashboard-student-courses {
border: 1px solid var(--border-color2);
padding: 20px;
border-radius: 5px;
}
.ld-dashboard-student-details .ld-dashboard-student-courses li {
border-bottom: 1px solid var(--body2);
margin-bottom: 20px;
padding-bottom: 20px;
position: relative;
}
.ld-dashboard-student-details .ld-dashboard-summery-right-entry {
display: flex;
gap: 5px;
justify-content: center;
}
.ld-dashboard-student-details .ld-dashboard-summery-right-entry .ld-dashboard-summary-lable {
color: var(--heading);
font-weight: bold;
}
.ld-dashboard-student-details .ld-student-course-details {
margin-bottom: 20px;
display: flex;
gap: 10px;
}
.ld-dashboard-student-details .ld-student-course-details a {
font-weight: bold;
color: var(--secondary);
}
.ld-dashboard-top .ld-dashboard-section-head-title {
max-width: 900px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.ld-dashboard-my-profile {
max-width: 976px;
}
.ld-dashboard-my-profile .profile-banner {
height: 220px;
background-color: #ebebeb;
border: 5px solid var(--light);
}
.ld-dashboard-my-profile .ld-dashboard-profile-info {
display: flex;
align-items: center;
gap: 20px;
padding: 0 93px;
}
.ld-dashboard-my-profile .profile-avatar {
max-width: 146px;
border-radius: 10px;
border: 5px solid var(--light);
overflow: hidden;
margin-top: -83px;
}
.ld-dashboard-my-profile .profile-avatar img {
height: 146px;
object-fit: cover;
}
.ld-dashboard-my-profile .ld-dashboard-section-head-title {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 30px;
margin-bottom: 40px;
}
.ld-dashboard-my-profile .ld-dashboard-section-head-title .ld-dashboard-edit-profile {
color: var(--secondary);
font-weight: 500;
font-size: 15px;
}
.ld-dashboard-my-profile .ld-dashboard-section-head-title .ld-dashboard-edit-profile span {
margin-right: 10px;
text-decoration: underline;
}
.ld-dashboard-my-profile .ld-dashboard-section-head-title .ld-dashboard-edit-profile i {
font-size: 24px;
}
.ld-dashboard-my-profile .table_content_ld {
background-color: #ffffff;
border-radius: 10px;
overflow: hidden;
margin-bottom: 40px;
}
.ld-dashboard-my-profile .table_content_ld tbody {
border: 1px solid var(--border-color2);
}
.ld-dashboard-my-profile .table_content_ld tr td:first-child {
font-weight: bold;
color: var(--main);
white-space: nowrap;
}
.ld-dashboard-my-profile .table_content_ld tr td {
border-right: 1px solid var(--border-color2);
}
.ld-dashboard-inline-links {
margin-bottom: -10px;
overflow-x: auto;
}
.ld-dashboard-inline-links ul {
padding: 0;
list-style-type: none;
display: flex;
}
.ld-dashboard-inline-links li {
display: inline-block;
}
.ld-dashboard-inline-links a {
background: transparent;
border-radius: 10px 10px 0px 0px;
transition: 0.3s all;
margin: 0;
padding: 15px 27px 20px;
cursor: pointer;
opacity: 0.5;
color: var(--heading);
font-weight: bold;
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.ld-dashboard-inline-links .course-nav-active.first-child {
position: relative;
z-index: 1;
}
.ld-dashboard-inline-links .course-nav-active a {
background: var(--light);
opacity: 1;
}
.ld-dashboard-add-withdraw-method-form {
background-color: var(--light);
padding: 30px;
}
.ld-dashboard-add-withdraw-method-form .ld-dashboard-withdraw-method-single {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 10px;
}
.ld-dashboard-add-withdraw-method-form .ld-dashboard-withdraw-method-container {
margin-bottom: 20px;
}
.ld-dashboard-add-withdraw-method-form small {
margin-top: 5px;
display: block;
}
.ld-dashboard-profile-setting-view {
max-width: 976px;
}
.ld-dashboard-profile-setting-view .ld-dashboard-profile-form-field-list {
padding: 20px 10px;
margin: 0;
}
.ld-dashboard-profile-setting-view .ld-dashboard-section-head-title {
margin-top: 46px;
margin-bottom: 18px;
}
.ld-dashboard-profile-setting-view .ld-dashboard-profile-form-field {
margin-bottom: 20px;
}
.ld-dashboard-profile-setting-view .ld-dashboard-profile-form-field label {
color: var(--heading);
font-weight: bold;
}
.ld-dashboard-profile-setting-view .profile-banner {
height: 220px;
background-color: #ebebeb;
border: 5px solid var(--light);
position: relative;
}
.ld-dashboard-profile-setting-view .profile-banner .change-banner {
font-size: 24px;
width: 48px;
height: 48px;
background-color: var(--main);
color: var(--light);
border: 0;
line-height: 48px;
border-radius: 100%;
position: absolute;
bottom: 10px;
right: 15px;
}
.ld-dashboard-profile-setting-view .ld-dashboard-profile-info {
display: flex;
align-items: center;
gap: 20px;
padding: 0 93px;
}
.ld-dashboard-profile-setting-view .profile-avatar {
max-width: 146px;
border-radius: 10px;
border: 5px solid var(--light);
margin-top: -83px;
position: relative;
background-color: var(--body3);
}
.ld-dashboard-profile-setting-view .profile-avatar img {
height: 146px;
object-fit: cover;
border-radius: 3px;
}
.ld-dashboard-profile-setting-view .profile-avatar .upload-delete-avatar-button button {
font-size: 20px;
width: 34px;
height: 34px;
background-color: var(--main);
color: var(--light);
border: 0;
line-height: 34px;
border-radius: 100%;
position: absolute;
bottom: -14px;
right: -12px;
}
.ld-dashboard-profile-setting-view .profile-avatar .upload-delete-avatar-button .change-avatar {
background-color: var(--secondary);
bottom: 43px;
}
.ld-dashboard-enrolled-course.ld-dashboard-content-inner-box {
background: transparent;
box-shadow: none;
}
.jws-table {
overflow: hidden;
overflow-x: auto;
}
.jws-table thead td,
.jws-table thead th {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.ld-course-filter-form {
display: flex;
gap: 20px;
align-items: flex-end;
}
.ld-course-filter-form label {
display: block;
color: var(--heading);
font-family: var(--font2);
font-weight: 500;
margin-bottom: 12px;
}
.ld-course-filter-form .select2-selection--single,
.ld-course-filter-form select,
.ld-course-filter-form .ld-dashboard-date-picker {
min-height: 36px !important;
line-height: 36px !important;
}
.ld-course-filter-form .btn {
padding: 10px 40px;
}
.ld-course-filter-form > span {
line-height: 36px;
}
.ld-course-filter-form .filter-field {
position: relative;
width: 100%;
}
.ld-course-filter-form .filter-field .loader {
margin-left: -38px;
margin-top: -34px;
top: 100%;
left: 100%;
}
.ld-course-filter-form > span.cl-heading {
display: none;
}
.ld-dashboard-content-inner-box {
background: var(--light);
box-shadow: 0px 4px 20px 2px rgba(16, 30, 87, 0.07000000000000001);
border-radius: 10px;
position: relative;
}
.ld-dashboard-content-inner-box.loading {
pointer-events: none;
}
.ld-dashboard-content-inner-box.loading .ld-dashboard-tab-content-wrapper,
.ld-dashboard-content-inner-box.loading .ld-dashboard-enrolled-course-wrap {
opacity: 0;
}
.ld-dashboard-content-inner-box.loading .course-filter {
opacity: 0.5;
}
.my-quiz-attempts-wrapper-view .ld-dashboard-content-inner-box {
padding: 20px;
}
#quiz_progress_details h4 {
font-size: 22.5px;
line-height: 30px;
margin-bottom: 10px;
margin-top: 0;
font-family: var(--font2);
font-weight: 700;
color: var(--heading);
margin-bottom: 20px;
}
.ld-dashboard-activity-empty {
padding: 20px 20px 0;
}
.ld-dashboard-error {
color: #f30000;
}
.ld-dashboard-feed-wrapper .ld-dashboard-feed {
padding-bottom: 20px;
}
.ld-course-filter-bottom .select2-container .select2-selection--single {
min-height: 36px !important;
line-height: 36px !important;
}
.courses-status-tabs {
margin-bottom: -10px;
}
.courses-status-tabs form {
overflow: auto;
display: flex;
}
.courses-status-tabs form input {
display: none;
}
.courses-status-tabs form input:checked + label {
background: var(--light);
opacity: 1;
}
.courses-status-tabs form label {
white-space: nowrap;
background: transparent;
border-radius: 10px 10px 0px 0px;
transition: 0.3s all;
margin: 0;
padding: 15px 27px 20px;
cursor: pointer;
opacity: 0.5;
color: var(--heading);
font-weight: bold;
}
.search-my-coures {
position: relative;
max-width: 216px;
}
.search-my-coures .search-field {
min-height: 36px;
line-height: 36px;
padding-left: 40px;
}
.search-my-coures button {
position: absolute;
left: 10px;
font-size: 24px;
top: 9px;
}
.status_label {
border: 1px solid;
border-radius: 5px;
padding: 5px 10px;
font-size: 12px;
font-weight: bold;
font-family: var(--font2);
min-width: 80px;
display: inline-block;
text-align: center;
}
.status_label.publish {
color: #5BBB7B;
background: rgba(91, 187, 123, 0.1);
}
.status_label.draft,
.status_label.trash {
color: #667085;
background: rgba(102, 112, 133, 0.1);
}
.status_label.pending {
color: #FFC119;
background: rgba(255, 193, 25, 0.1);
}
.status_label.rejected {
color: #DD3E60;
background: rgba(221, 62, 96, 0.1);
}
.jws-front-end-course-dashboard-my-courses-content table thead {
color: var(--heading);
font-weight: 700;
background-color: #F9F9FC;
}
.jws-front-end-course-dashboard-my-courses-content table tbody tr {
transition: 0.3s all;
}
.jws-front-end-course-dashboard-my-courses-content table tbody tr:hover {
background-color: var(--body2);
}
.jws-front-end-course-dashboard-my-courses-content table tbody tr:last-child .ld-mycourses-stats {
bottom: -33px;
top: inherit;
}
.jws-front-end-course-dashboard-my-courses-content .jws-dashboard-pagination-bottom {
padding: 20px;
}
.jws-front-end-course-dashboard-my-courses-content .course-filter {
padding: 20px;
}
.jws-front-end-course-dashboard-my-courses-content .ld-dashboard-section-head-title {
display: flex;
align-items: center;
justify-content: space-between;
}
.jws-front-end-course-dashboard-my-courses-content .ld-dashboard-add-new-button-container a {
border: 1px solid var(--body3);
border-radius: 5px;
padding: 10px 20px;
background-color: var(--light);
}
.jws-front-end-course-dashboard-my-courses-content .ld-dashboard-add-new-button-container a span {
font-size: 20px;
margin-left: 10px;
vertical-align: middle;
}
.jws-front-end-course-dashboard-my-courses-content .mycourse-action {
position: relative;
}
.jws-front-end-course-dashboard-my-courses-content .mycourse-action > i {
font-size: 24px;
color: var(--heading);
cursor: pointer;
}
.jws-front-end-course-dashboard-my-courses-content .mycourse-action .ld-mycourses-stats {
transition: 0.3s all;
opacity: 0;
pointer-events: none;
position: absolute;
transform: translateY(10px);
background-color: var(--light);
box-shadow: 0px 4px 20px 2px rgba(16, 30, 87, 0.07000000000000001);
border-radius: 5px;
top: -40px;
right: calc(100% + 10px);
min-width: 170px;
}
.jws-front-end-course-dashboard-my-courses-content .mycourse-action .ld-mycourses-stats a {
display: block;
border-bottom: 1px solid var(--border-color2);
padding: 5px 5px;
}
.jws-front-end-course-dashboard-my-courses-content .mycourse-action.open .ld-mycourses-stats {
opacity: 1;
pointer-events: auto;
transform: none;
}
.ld-dashboard-quiz-form,
.ld-dashboard-topic-form {
margin-bottom: 20px;
}
.ld-dashboard-quiz-form .btn,
.ld-dashboard-topic-form .btn {
padding: 10px 25px;
margin-right: 10px;
margin-top: 10px;
}
.ld-dashboard-quiz-form .is-primary,
.ld-dashboard-topic-form .is-primary {
background: var(--secondary);
}
.ld_dashboard_builder_new_lesson {
background: var(--secondary);
}
.ld-dashboard-crate-lesson > div {
margin-bottom: 20px;
margin-top: 20px;
}
.ld-dashboard-crate-lesson .btn {
padding: 10px 25px;
margin-top: 10px;
margin-right: 10px;
}
.ld-dashboard-crate-lesson .is-primary {
background: var(--secondary);
}
.ld-dashboard-update-lesson-form {
display: flex;
align-items: center;
gap: 5px;
}
.ld-dashboard-update-lesson-form .ld-dashboard-update-button-wrap {
display: flex;
align-items: center;
gap: 5px;
}
.ld-dashboard-update-lesson-form .ld-dashboard-update-button-wrap .btn {
padding: 12px 20px;
cursor: pointer;
}
.btn.is-primary {
background-color: var(--secondary);
}
.edit-lesson-name {
background: transparent;
border: 0;
opacity: 0;
font-size: 18px;
}
.ld-dashboard-course-builder-content .ld-dashboard-single-wrap {
border: 1px solid var(--border-color3);
border-radius: 10px;
padding: 20px;
position: relative;
margin-bottom: 25px;
background-color: var(--light);
}
.ld-dashboard-course-builder-content .ld-dashboard-single-wrap:hover .edit-lesson-name {
opacity: 1;
}
.ld-dashboard-course-builder-content .ld-dashboard-single-wrap.ldd-active-lesson,
.ld-dashboard-course-builder-content .ld-dashboard-single-wrap.opened {
background-color: var(--body2);
}
.ld-dashboard-course-builder-content .ld-dashboard-single-wrap[data-type="lesson"] > .ld-dashboard-edit-remove-link-action {
right: 40px;
}
.ld-dashboard-course-builder-content .ld-dashboard-single-wrap .ld-dashboard-crate-topics-quiz button {
padding: 10px 25px;
}
.ld-dashboard-course-builder-content .ld-dashboard-single-wrap .ld-dashboard-crate-topics-quiz .ld_dashboard_builder_new_topic {
background: var(--secondary);
}
.ld-dashboard-course-builder-content .ld-dashboard-single-wrap .ld-dashboard-lesson-builder-wrapper > div {
background-color: var(--light);
margin-bottom: 20px;
margin-top: 20px;
padding: 20px;
border-radius: 10px;
}
.ld-dashboard-course-builder-content .ld-dashboard-single-wrap .ld-dashboard-lesson-builder-wrapper h4 {
font-size: 16px;
line-height: 24px;
}
.ld-dashboard-course-builder-content .ld-dashboard-single-wrap .ld-dashboard-accordian-open:before {
content: '\e817';
font-family: "jws_icon";
}
.ld-dashboard-course-builder-content .ld-dashboard-single-wrap .ld-dashboard-accordian-close:before {
content: '\e818';
font-family: "jws_icon";
}
.ld-dashboard-course-builder-content .ld-dashboard-single-wrap .ld-dashboard-accordian {
position: absolute;
right: 10px;
top: 23px;
font-size: 20px;
}
.ld-dashboard-course-builder-content .ld-dashboard-single-wrap .ld-dashboard-sortable-input-section,
.ld-dashboard-course-builder-content .ld-dashboard-single-wrap .ld-dashboard-sortable-input {
display: none;
}
.ld-dashboard-course-builder-content .ld-dashboard-single-wrap .ld-dashboard-edit-remove-link-action {
display: flex;
gap: 10px;
position: absolute;
top: 23px;
right: 20px;
font-size: 0;
}
.ld-dashboard-course-builder-content .ld-dashboard-single-wrap .ld-dashboard-edit-remove-link-action a:before {
content: '\e850';
font-family: "jws_icon";
font-size: 20px;
}
.ld-dashboard-course-builder-content .ld-dashboard-single-wrap .ld-dashboard-edit-remove-link-action .ld-dashboard-remove-wrapper:before {
content: '\e851';
font-family: "jws_icon";
font-size: 20px;
}
.ld-dashboard-course-builder-content .ld-dashboard-single-wrap .ld-dashboard-course-builder-section-title h4,
.ld-dashboard-course-builder-content .ld-dashboard-single-wrap .ld-dashboard-course-builder-lesson-title h4 {
font-size: 16px;
line-height: 24px;
margin: 0;
}
#custom_ld_answer_field .ld-dashboard-question-answer-box {
padding: 15px 0;
background-color: var(--body4);
margin-bottom: 20px;
border-radius: 20px;
}
#custom_ld_answer_field .correct-singleContent-answer-input {
padding: 15px 30px;
border-bottom: 1px solid var(--body3);
display: flex;
flex-wrap: wrap;
}
#custom_ld_answer_field .correct-singleContent-bottom {
padding: 15px 30px;
}
#custom_ld_answer_field .acf-radio-list label {
padding: 0;
margin: 0;
}
#custom_ld_answer_field .correct-singleContent {
display: flex;
gap: 10px;
flex-direction: column;
width: 200px;
padding-right: 20px;
}
#custom_ld_answer_field .answer-input {
width: calc(100% - 200px);
}
#custom_ld_answer_field .matrix-item .correct-singleContent {
width: 50%;
}
#custom_ld_answer_field .matrix-item .answer-input {
width: 50%;
display: flex;
gap: 10px;
flex-direction: column;
}
.ld-dashboard-share-course-steps-content {
padding: 20px;
}
.ld-dashboard-share-course-steps-content h6 {
margin: 0;
}
.ld-dashboard-share-course-steps-content .ld-dashboard-share-post-single {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 10px;
background-color: var(--body2);
border-radius: 5px;
padding: 10px;
color: var(--heading);
font-weight: 700;
}
.ld-dashboard-share-course-steps-content .ld-dashboard-share-post-single button {
background-color: var(--secondary);
color: var(--light);
border: 0;
font-size: 12px;
padding: 2px 10px;
border-radius: 3px;
}
.ld-dashboard-share-course-steps-content > div {
border: 1px solid var(--border-color3);
border-radius: 10px;
padding: 20px;
position: relative;
margin-bottom: 25px;
background-color: var(--light);
}
.ld-dashboard-share-course-steps-content .ld-dashboard-share-course-toggle-content {
position: absolute;
right: 20px;
top: 20px;
cursor: pointer;
}
.ld-dashboard-share-course-steps-content .ld-dashboard-share-toggle-content {
display: none;
margin-top: 10px;
max-height: 336px;
overflow-y: auto;
}
.ld-dashboard-share-course-steps-content .dashicons-arrow-down:before {
content: '\e817';
font-family: "jws_icon";
}
.ld-dashboard-share-course-steps-content .dashicons-arrow-up {
display: none;
}
.ld-dashboard-share-course-steps-content .dashicons-arrow-up:before {
content: '\e818';
font-family: "jws_icon";
}
.acf-true-false label {
position: relative;
padding-top: 6px;
cursor: pointer;
}
.acf-true-false input[type="checkbox"] {
height: 28px;
width: 60px;
z-index: 1;
margin-right: 10px;
cursor: pointer;
-webkit-appearance: none;
margin-top: 0px;
-webkit-transition: 0.4s;
transition: 0.4s;
border-radius: 100px;
margin-left: 0;
background: rgba(235, 235, 235, 0.3);
border: 2px solid #EBEBEB !important;
}
.acf-true-false input[type="checkbox"]:before {
line-height: 22px;
position: absolute;
height: 16px;
width: 16px;
text-align: center;
background: #667085;
left: 3px;
font-size: 15px;
top: 4px;
border-radius: 100px;
-webkit-transition: 0.4s;
transition: 0.4s;
content: '';
font-weight: bold;
color: #000;
}
.acf-true-false input[type="checkbox"]:after {
display: none;
}
.acf-true-false input[type="checkbox"]:checked {
background: var(--secondary);
border-color: var(--secondary) !important;
}
.acf-true-false input[type="checkbox"]:checked:before {
background: #ffffff;
border-color: #fff;
-webkit-transform: translateX(29px);
-ms-transform: translateX(29px);
transform: translateX(29px);
margin: 0;
height: 24px;
width: 24px;
top: 0px;
}
.acf-tooltip {
font-size: 12px;
padding: 5px 10px;
}
.ld-dashboard-wrapper .acf-actions.-hover {
top: 7px;
right: 5px;
}
.acf-popup-box {
border-radius: 10px;
}
.acf-popup-box .acf-submit-button {
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 0;
vertical-align: middle;
position: relative;
overflow: hidden;
line-height: inherit;
text-align: unset;
white-space: nowrap;
transition: all .3s;
font-weight: bold;
font-family: var(--font2);
font-size: 14px;
border-radius: 40px;
--icon-w: 0px;
--icon-h: 0px;
--icon-mt: 0px;
--icon-me: 0px;
--icon-mb: 0px;
--icon-ms: 8px;
--icon-font-size: 1em;
--btn-pt: 1.1em;
--btn-pe: 2.1em;
--btn-pb: 1.1em;
--btn-ps: 2.1em;
padding: var(--btn-pt) var(--btn-pe) var(--btn-pb) var(--btn-ps);
background: var(--main);
border-color: var(--main);
box-shadow: 0 0 0 transparent;
color: #fff;
border: 0;
--btn-pt: 0.6em;
--btn-pe: 1.5em;
--btn-pb: 0.6em;
--btn-ps: 1.5em;
}
.acf-popup-box .acf-icon.grey {
background: transparent !important;
color: var(--heading) !important;
}
.ld-dashborad-add-edit-course #acf-form {
background: var(--light);
box-shadow: 0px 4px 20px 2px rgba(16, 30, 87, 0.07000000000000001);
border-radius: 10px;
float: left;
width: 70%;
}
.ld-dashborad-add-edit-course .instructor-form-settings #acf-form {
width: 100%;
}
.ld-dashborad-add-edit-course .acf-icon.small,
.ld-dashborad-add-edit-course .acf-icon.-small {
line-height: 20px;
}
.ld-dashborad-add-edit-course .acf-icon.-plus:before {
margin-top: -3px;
}
.ld-dashborad-add-edit-course .acf-repeater-add-row {
background: var(--main);
border-color: var(--main);
box-shadow: 0 0 0 transparent;
color: #fff;
padding: 10px 25px;
border-radius: 30px;
font-size: 14px;
font-weight: bold;
margin-top: 10px;
}
.ld-dashborad-add-edit-course .acf-table {
border-color: var(--body3);
}
.ld-dashborad-add-edit-course .acf-table tbody > tr > td {
padding: 15px 20px;
}
.ld-dashborad-add-edit-course .acf-table thead > tr > th {
color: var(--heading);
font-weight: 700;
background-color: #F9F9FC;
padding: 15px 20px;
border-color: var(--body3);
}
.ld-dashborad-add-edit-course .acf-table thead > tr > th label {
margin-bottom: 0;
}
.ld-dashborad-add-edit-course .acf-repeater .acf-row-handle.order,
.ld-dashborad-add-edit-course .acf-repeater .acf-row-handle.remove {
background-color: #F9F9FC;
}
.ld-dashborad-add-edit-course .acf-fields > .acf-tab-wrap {
background: transparent;
padding: 0 27px;
margin-top: 20px;
margin-bottom: 20px;
}
.ld-dashborad-add-edit-course .acf-fields > .acf-tab-wrap .acf-tab-group {
border-top: 0;
border-bottom: var(--body3) solid 1px;
padding: 0;
}
.ld-dashborad-add-edit-course .acf-fields > .acf-tab-wrap .acf-tab-group li a {
white-space: nowrap;
background: transparent;
border-radius: 10px 10px 0px 0px;
transition: 0.3s all;
margin: 0;
padding: 15px 27px 20px;
cursor: pointer;
opacity: 0.5;
color: var(--heading);
font-weight: bold;
border-color: var(--body3);
}
.ld-dashborad-add-edit-course .acf-fields > .acf-tab-wrap .acf-tab-group li.active a {
background: var(--light);
opacity: 1;
}
.ld-dashborad-add-edit-course .ld-dashboard-share-course-steps-wrapper {
width: 28.5%;
margin-left: 1.5%;
float: right;
height: 100%;
}
.ld-dashborad-add-edit-course .ld-dashboard-share-course-steps-wrapper .ld-dashboard-share-course-steps-content {
background: var(--light);
box-shadow: 0px 4px 20px 2px rgba(16, 30, 87, 0.07000000000000001);
border-radius: 10px;
}
.ld-dashborad-add-edit-course .acf-form-submit {
padding: 0px 27px 30px;
}
.ld-dashborad-add-edit-course .acf-fields {
padding-top: 20px;
}
.ld-dashborad-add-edit-course .acf-field-user-instructors-banner {
display: none;
}
.ld-dashborad-add-edit-course .acf-fields > .acf-field {
border: 0px;
padding: 0px 27px;
margin-bottom: 30px;
}
.ld-dashborad-add-edit-course .acf-fields > .acf-field.acf-field-61c032eba9f66,
.ld-dashborad-add-edit-course .acf-fields > .acf-field.acf-field-61c032cda9f65 {
margin-bottom: 10px;
}
.ld-dashborad-add-edit-course .acf-field .acf-label label {
color: var(--heading);
font-weight: 600;
}
.ld-dashborad-add-edit-course .select2-container.-acf .select2-selection {
border-color: var(--border-color3);
}
.ld-dashborad-add-edit-course .select2-container.-acf .select2-selection--multiple .select2-selection__choice {
background-color: var(--main);
border-color: var(--main);
}
.ld-dashborad-add-edit-course .acf-image-uploader .acf-button {
background: rgba(84, 60, 223, 0.1);
color: var(--secondary);
border-radius: 40px;
padding: 10px 20px;
font-size: 14px;
font-weight: bold;
margin-left: 10px;
}
.ld-dashborad-add-edit-course .ld-width-50 {
padding: 25px;
width: 50%;
margin-left: 25px;
float: left;
clear: none;
}
.ld-dashborad-add-edit-course .ld-width-50 .select2-container {
width: 100% !important;
}
.ld-dashborad-add-edit-course .ldd-hide-label .acf-label {
display: none;
}
.ld-dashborad-add-edit-course .acf-field-61b6e3040659c ul.acf-radio-list li .selected {
color: #5BBB7B;
background: rgba(91, 187, 123, 0.1);
padding: 5px 10px 5px 10px;
}
.ld-dashborad-add-edit-course .acf-field-61b6e3040659c ul.acf-radio-list li .selected input:before {
border-color: #5BBB7B;
}
.ld-dashborad-add-edit-course .acf-field-61b6ede2065b0 ul.acf-radio-list li {
display: block;
margin-right: 0;
}
.ld-dashborad-add-edit-course .acf-url i {
top: 15px;
}
.ld-dashborad-add-edit-course .acf-url i.-globe {
top: 13px;
}
.ld-dashborad-add-edit-course .acf-input-append {
height: 48px;
line-height: 48px;
background-color: var(--secondary);
color: var(--light);
border: 0;
padding: 0 20px;
}
.ld-dashborad-add-edit-course .acf-radio-list,
.ld-dashborad-add-edit-course .acf-checkbox-list {
border: 0 !important;
}
.ld-dashborad-add-edit-course .acf-radio-list label,
.ld-dashborad-add-edit-course .acf-checkbox-list label {
display: block;
border-radius: 30px;
padding: 5px 0px 5px 0px;
cursor: pointer;
}
.ld-dashborad-add-edit-course .acf-radio-list .selected input:before,
.ld-dashborad-add-edit-course .acf-checkbox-list .selected input:before {
border-color: var(--secondary);
}
.ld-dashborad-add-edit-course .acf-radio-list input:checked:before,
.ld-dashborad-add-edit-course .acf-checkbox-list input:checked:before {
border-color: var(--secondary);
}
.ld-dashborad-add-edit-course .acf-radio-list input,
.ld-dashborad-add-edit-course .acf-checkbox-list input {
margin: -4px 6px 0 0 !important;
}
.ld-dashborad-add-edit-course .acf-radio-list input:before,
.ld-dashborad-add-edit-course .acf-checkbox-list input:before {
border: 5px solid var(--body3);
border-radius: 100%;
background: transparent;
}
.ld-dashborad-add-edit-course .acf-radio-list input:after,
.ld-dashborad-add-edit-course .acf-checkbox-list input:after {
display: none;
}
.ld-dashborad-add-edit-course .acf-radio-list li,
.ld-dashborad-add-edit-course .acf-checkbox-list li {
display: inline-block;
font-size: 14px;
color: var(--heading);
margin-right: 5%;
}
.ld-dashborad-add-edit-course .courses-edit-nav .ld-dashboard-inline-links-ul {
gap: 0;
}
.ld-dashborad-add-edit-course .courses-edit-nav li a {
background: transparent;
border-radius: 10px 10px 0px 0px;
transition: 0.3s all;
margin: 0;
padding: 15px 27px 20px;
cursor: pointer;
opacity: 0.5;
color: var(--heading);
font-weight: bold;
}
.ld-dashborad-add-edit-course .courses-edit-nav li.course-nav-active a {
background: var(--light);
opacity: 1;
}
.ld-dashboard-quiz-builder-content #ldd_questions_list {
background: var(--body2);
box-shadow: 0px 4px 20px 2px rgba(16, 30, 87, 0.07000000000000001);
border-radius: 10px;
list-style-type: none;
padding: 0;
padding: 20px;
}
.ld-dashboard-quiz-builder-content #ldd_questions_list li {
border: 1px solid var(--border-color3);
border-radius: 5px;
padding: 10px;
position: relative;
margin-bottom: 10px;
background-color: var(--light);
font-size: 14px;
font-weight: bold;
line-height: 20px;
color: var(--heading);
}
.ld-dashboard-quiz-builder-content .ld-dashboard-assigned-question-default {
border: 1px dashed var(--border-color3);
border-radius: 10px;
padding: 20px;
margin-bottom: 25px;
}
.ld-dashboard-quiz-builder-content #ldd_assigned_questions {
list-style-type: none;
padding: 0;
}
.ld-dashboard-quiz-builder-content #ldd_assigned_questions li {
border: 1px solid var(--border-color3);
border-radius: 10px;
padding: 20px;
position: relative;
margin-bottom: 25px;
background-color: var(--light);
}
.ld-dashboard-quiz-builder-content #ldd_assigned_questions .remove-question {
position: absolute;
right: 20px;
top: 20px;
font-size: 20px;
}
.ld-dashboard-quiz-builder-content #ldd_assigned_questions .remove-question:before {
content: '\e851';
font-family: "jws_icon";
}
.ld-quiz-progress-content-container > p {
border: 1px solid var(--border-color2);
padding: 20px;
border-radius: 10px;
}
.ld-quiz-progress-content-container strong a {
margin: 0;
font-weight: bold;
text-decoration: none;
}
.ld-quiz-progress-content-container a {
margin: 0 5px;
text-decoration: underline;
font-weight: 500;
}
input.learndash-award-points {
width: 50px;
padding: 0 5px;
min-height: 25px;
}
.essay_approve_single {
border: none;
color: #fff;
font-size: 15px;
padding: 10px 20px;
margin: 0;
border-radius: 4px;
text-transform: capitalize;
cursor: pointer;
background: var(--secondary);
}
.ld-dashboard-student-submitted-essays-container tfoot,
.ld-dashboard-student-submitted-essays-container thead {
color: var(--heading);
font-weight: 700;
background-color: #F9F9FC;
}
.ld-dashboard-student-submitted-essays-container .ld-approval-points {
margin: 5px 0;
}
.ld-dashboard-report-container {
padding: 20px;
}
.ld-report-nav {
margin-bottom: -10px;
display: flex;
overflow: auto;
}
.ld-report-nav .ld-dashboard-active:first-child {
position: relative;
z-index: 1;
}
.ld-report-nav > div {
display: inline-block;
}
.ld-report-nav > div a {
background: transparent;
border-radius: 10px 10px 0px 0px;
transition: 0.3s all;
margin: 0;
padding: 15px 27px 20px;
cursor: pointer;
opacity: 0.5;
color: var(--heading);
font-weight: bold;
display: block;
white-space: nowrap;
}
.ld-report-nav > div.ld-dashboard-active a {
background: var(--light);
opacity: 1;
}
.ld-dashboard-withdrawal-preference-content p {
display: inline;
}
.ld-dashboard-withdrawal-preference-content a {
color: var(--secondary);
text-decoration: underline;
}
.ld-dashboard-request-balance strong {
color: var(--heading);
}
.ld-dashboard-withdrawal-tab-content-wrapper {
padding: 20px;
background: var(--light);
box-shadow: 0px 4px 20px 2px rgba(16, 30, 87, 0.07000000000000001);
border-radius: 10px;
position: relative;
}
.ld-dashboard-withdrawal-tab-content-wrapper .current-balance h6 {
font-size: 18px;
line-height: 24px;
}
.ld-dashboard-withdrawal-pending-msg {
color: #FFC119;
background: rgba(255, 193, 25, 0.1);
border: 1px solid;
border-radius: 5px;
padding: 10px;
}
.ld-dashboard-warning {
color: #FFC119;
}
.ld-dashboard-success {
color: #5BBB7B;
}
.ld_dashboard_message_container {
padding: 0 20px 20px;
}
.ld-dashboard-content-inner.ld-dashboard-zoom-setting-fields {
padding: 0 10px;
}
.ld-dashboard-withdraw-method-container {
margin-bottom: 20px !important;
}
.ld-dashboard-withdraw-method-container li {
margin-right: 20px !important;
margin-bottom: 0 !important;
}
.ld-dashboard-no-withdrawal-history-wrapper {
padding: 20px;
}
.ld-dashboard-announcement-content-wrapper.loading .ld-announcement-content-wrapper {
opacity: 0;
}
.ld-dashboard-announcement-container {
padding: 20px;
}
.ld-dashboard-announcement-single {
border: 1px solid var(--border-color2);
padding: 20px;
border-radius: 10px;
color: var(--heading);
font-weight: bold;
margin-bottom: 10px;
cursor: pointer;
}
.ld-dashboard-new-announcements-count {
background-color: var(--secondary);
color: var(--light);
width: 20px;
height: 20px;
line-height: 20px;
display: block;
text-align: center;
border-radius: 100%;
font-size: 12px;
position: absolute;
top: 0;
right: 0;
}
.ld-dashboard-active .ld-dashboard-new-announcements-count {
background-color: var(--light);
color: var(--secondary);
}
.ld-dashboard-become-instructor-btn span {
font-size: 24px;
}
.ld-dashboard-email-content {
padding: 20px;
}
.ld-dashboard-invite-content-wrap {
padding: 20px;
}
.ld-dashboard-student-course-report-ul li {
margin-right: 10px;
}
.ld-dashboard-student-course-report-ul li a {
padding: 0;
}
.ld-dashboard-course-time-tracking-lists {
border: 1px solid var(--body3);
padding: 20px;
border-radius: 5px;
max-height: 300px;
}
.ld-dashboard-course-time-tracking-lists .ld-dashboard-course-title {
font-size: var(--font-size-sm);
}
.ld-dashboard-course-time-tracking-lists .ld-dashboard-course-title:not(:last-child) {
border-bottom: 1px solid var(--body3);
margin-bottom: 10px;
padding-bottom: 10px;
}
.ld-dashboard-course-time-tracking-lists .ld-dashboard-course-title .ld-dashboard-course-student {
color: var(--heading);
font-weight: 500;
display: block;
}
.mfp-content #ld-dashboard-meeting-popup {
overflow: unset !important;
}
.mfp-content #ld-dashboard-meeting-popup:before {
content: "";
position: absolute;
left: -70px;
top: -70px;
width: calc(100% + 140px);
height: calc(100% + 140px);
}
.is-active-time-tracking-popup {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 999999999999;
display: flex;
justify-content: center;
align-items: center;
background: rgba(0, 0, 0, 0.5);
}
.ld-dashboard-idle-message-wrap {
padding: 40px 20px;
text-align: center;
max-width: 300px;
background-color: #ffffff;
width: 100%;
border-radius: 10px;
}
@media (max-width: 1440px) {
.ld-dashboard-statistics-container .statistics-inner {
padding: 20px 20px;
gap: 10px;
}
.ld-dashboard-statistics-container .learndash-statistics strong {
font-size: 20px;
line-height: 28px;
}
.ld-dashboard-statistics {
flex: 0 0 33.33%;
max-width: 33.33%;
}
.menu-ld-expanded .ld-dashboard-content {
width: calc(100% - 270px);
padding: 50px 20px;
}
.menu-ld-expanded .ld-dashboard-content > .jws-chart-content > div {
flex: 0 0 100%;
max-width: 100%;
}
.menu-ld-expanded .ld-dashboard-left-section {
width: 270px;
}
.ld-dashboard-content .ld-dashboard-head-wrapper {
padding: 17px 20px;
}
.ld-dashboard-content .ld-dashboard-head-wrapper .select2-container {
max-width: 150px;
}
.ld-dashboard-content .ld-dashboard-head-wrapper #type-data-chart ul {
gap: 15px;
font-size: var(--font-size-sm);
line-height: var(--line-height-sm);
}
.ld-dashboard-header .header-logo {
width: 270px;
padding: 0 20px;
}
.ld-dashboard-header .header-menu {
width: calc(100% - 270px);
padding: 0 20px;
}
.ld-dashboard-header .expand-toggler {
left: -20px;
}
.ld-dashboard-header .header-search form {
min-width: 240px;
}
.ld-dashboard-header .header-right {
gap: 15px;
}
.jws-table td {
font-size: 14px;
}
table.dataTable thead th,
table.dataTable tbody th,
table.dataTable tbody td {
font-size: 14px;
}
}
.ld-dashboard-mobile {
display: none;
}
@media (min-width: 1024px) and (max-width: 1440px) {
.ld-dashborad-add-edit-course .jws-post-item {
flex: 0 0 33.33%;
max-width: 33.33%;
}
}
@media (max-width: 1280px) {
.ld-dashboard-course-earnings-filter .ld-dashboard-head-wrapper {
flex-direction: column;
gap: 15px;
align-items: flex-start;
}
.ld-dashboard-profile-email,
.ld-dashboard-header .header-account:after {
display: none;
}
.ld-dashboard-header .header-account {
padding-right: 0;
display: block;
}
.ld-dashborad-add-edit-course #acf-form {
width: 100%;
}
.ld-dashborad-add-edit-course .ld-dashboard-share-course-steps-wrapper {
width: 100%;
margin: 0;
margin-top: 20px;
}
}
@media (max-width: 1124px) {
.show-filter {
display: block;
}
.ld-dashboard-course-time-tracking-lists {
margin-bottom: 20px;
}
.ld-dashboard-statistics-container {
margin-right: -5px;
margin-left: -5px;
}
.ld-dashboard-statistics {
flex: 0 0 50%;
max-width: 50%;
padding-right: 5px;
padding-left: 5px;
}
.ld-dashboard-header .header-search,
.ld-dashboard-header .ld-dashboard-header-button {
display: none;
}
.ld-dashboard-header .header-menu {
justify-content: flex-end;
}
.ld-dashboard-header .header-account .ld-dashboard-display-name {
display: none;
}
.ld-dashboard-main-wrapper .ld-dashboard-left-section {
width: 100%;
}
.ld-dashboard-main-wrapper .ld-dashboard-content {
width: 100%;
padding: 50px 10px;
}
.ld-dashboard-main-wrapper .ld-dashboard-content .ld-dashboard-content-widget-wrapper {
padding: 15px 15px 30px;
}
.ld-dashboard-content-wrapper {
display: block;
}
.ld-dashboard-mobile-wrap {
display: flex;
justify-content: space-between;
align-items: center;
padding: 20px 20px;
}
.ld-dashboard-mobile-wrap a i {
vertical-align: middle;
font-size: 28px;
margin-right: 5px;
}
.ld-dashboard-mobile {
display: block;
}
.ld-dashboard-left-panel {
margin-bottom: 10px;
}
.expand-toggler {
display: none;
}
.ld-dashboard-location {
position: fixed;
left: 0;
top: 0;
z-index: 999;
background-color: #ffffff;
height: 100%;
width: 260px;
box-shadow: 0 0 14px 6px rgba(0, 0, 0, 0.05);
transform: translateX(-100%);
transition: 0.5s all;
}
.ld-dashboard-location.ld-dashboard-show-mobile-menu {
transform: none;
}
.ld-dashboard-location .ld-dashboard-left-panel {
margin-bottom: 0 !important;
}
.ld-dashboard-location .ld-dashboard-menu-divider-label {
padding: 15px 0;
position: relative;
color: var(--heading);
font-weight: bold;
cursor: pointer;
border-bottom: 1px solid var(--body3);
}
.ld-dashboard-location .ld-dashboard-menu-divider-label:after {
content: '\e817';
font-family: "jws_icon";
position: absolute;
right: 0;
top: 15px;
font-size: 20px;
}
.ld-dashboard-location .ld-dashboard-menu-tab {
padding: 14px 0;
}
.ld-dashboard-location .ld-dashboard-menu-tab.ld-dashboard-active {
padding: 14px 10px;
}
.ld-dashboard-my-profile .ld-dashboard-profile-info {
padding: 0 15px;
}
.ld-dashboard-my-profile .profile-avatar {
max-width: 110px;
margin-top: -60px;
}
.ld-dashboard-my-profile .profile-avatar img {
height: 110px;
}
.ld-dashboard-profile-setting-view .ld-dashboard-profile-info {
padding: 0 15px;
}
.ld-dashboard-profile-setting-view .profile-avatar {
max-width: 110px;
margin-top: -60px;
}
.ld-dashboard-profile-setting-view .profile-avatar img {
height: 110px;
}
.ld-dashboard-inline-links {
margin-bottom: 0;
}
.ld-dashboard-inline-links a {
padding: 10px 15px 10px;
}
.courses-status-tabs {
margin-bottom: 0;
}
.courses-status-tabs form label {
padding: 10px 15px 10px;
}
.ld-course-filter-form {
width: 100%;
display: none;
}
.ld-course-filter-form .filter-field {
margin-bottom: 10px;
}
.ld-course-filter-form .filter-field .select2-container {
width: 100% !important;
}
.ld-report-nav {
margin-bottom: 0;
}
.ld-report-nav > div a {
padding: 10px 15px 10px;
}
}
@media (max-width: 767px) {
.jws-front-end-course-dashboard-my-courses-content .ld-dashboard-section-head-title {
display: block;
}
.jws-front-end-course-dashboard-my-courses-content .ld-dashboard-section-head-title h4 {
margin-bottom: 25px;
font-size: 25px;
line-height: 30px;
}
.course-filter .course-orderby {
width: 100%;
max-width: 250px;
}
.course-filter .course-orderby .select2-container {
width: 100% !important;
}
.jws-front-end-course-dashboard-my-courses-content .jws-dashboard-pagination-bottom {
flex-direction: column;
gap: 20px;
}
.ld-dashboard-header .ld-dashboard-header-inner {
padding: 10px 0;
}
.ld-dashboard-statistics {
flex: 0 0 100%;
max-width: 100%;
}
}
@media (max-width: 480px) {
#custom_ld_answer_field .correct-singleContent-answer-input > div {
width: 100% !important;
padding-right: 0;
margin-bottom: 20px;
}
}