/*
Theme Name: Bopea
Theme URI: https://jellywp.com/wp/bopea_preview/
Description: WordPress Theme for Blogs & Magazines
Author: Jellywp
Author URI: http://themeforest.net/user/jellywp
Version: 1.1.1
License: GNU General Public License
License URI: license.txt
Tags: two-columns, left-sidebar, right-sidebar, custom-colors, editor-style, theme-options, featured-images, custom-menu, post-formats, sticky-post, translation-ready
Text Domain: bopea
*/
/*-------------------------------------------------------------------------------------
+ CSS Reset
+ Header slider and carousel post
+ Menu and megamenu
+ Header (Mobile Menu, Top-search, Main Menu Menu)
+ Blog large layout with sidebar (Feature-two-column, Three columns, Tab, Image feature, Pagination, widget)
+ woocommerce
+ Audio player
+ Share Post
+ Animation CSS
+ Go to top
+ Footer
+ Responsive
-------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------
CSS Reset
-------------------------------------------------------------------------------------*/
body {
overflow-x: hidden;
width: 100%;
background-color: var(--jl-bg-color);
}
body,
p {
font-family: var(--jl-body-font);
font-weight: var(--jl-body-font-weight);
font-size: var(--jl-body-font-size);
line-height: var(--jl-body-line-height);
color: var(--jl-txt-color);
-moz-osx-font-smoothing: grayscale;
}
p {
margin: 0px 0px 25px;
}
p iframe {
margin-bottom: 0px;
}
iframe {
margin-bottom: 30px;
}
a {
color: var(--jl-txt-color);
outline: none;
text-decoration: none;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
a:hover {
color: var(--jl-main-color);
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
text-decoration: none !important;
color: var(--jl-main-color);
}
h1 {
font-size: 40px;
margin-bottom: 10px;
}
h2 {
font-size: 32px;
margin-bottom: 10px;
}
h3 {
font-size: 28px;
margin-bottom: 10px;
}
h4 {
font-size: 24px;
margin-bottom: 10px;
}
h5 {
font-size: 20px;
margin-bottom: 10px;
}
h6 {
font-size: 16px;
margin-bottom: 10px;
}
ul ul,
ol ul,
ul ol,
ol ol {
margin-bottom: 0;
}
.mejs-container {
position: absolute;
bottom: 0px;
width: 100%;
}
.embed_wrapper {
margin: 30px 0px !important;
}
blockquote.quote_content {
margin: 20px 0px !important;
float: left;
width: 100%;
}
hr,
address {
clear: both;
margin-bottom: 30px;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
font-family: var(--jl-title-font);
font-weight: var(--jl-title-font-weight);
text-transform: var(--jl-title-transform);
letter-spacing: var(--jl-title-space);
line-height: var(--jl-title-line-height);
color: var(--jl-txt-color);
margin-top: 0px;
margin-bottom: 23px;
clear: both;
-ms-word-wrap: break-word;
word-wrap: break-word;
}
.jlc-container {
max-width: 1200px;
width: 100%;
}
::selection {
background-color: var(--jl-main-color);
color: #FFF;
}
blockquote.quote_content {
border-left: 3px solid;
border-color: #ddd;
padding: 0 18px;
font-size: 18px;
line-height: 28px;
font-style: italic;
color: #888;
}
blockquote {
position: relative;
margin-bottom: 30px;
padding: 30px 30px 30px 70px !important;
text-align: left;
background: var(--jl-author-bg);
border: 0px !important;
border-radius: var(--jl-border-rounded);
}
blockquote:before {
content: "\e923";
font-family: 'jl_font';
font-size: 16px;
position: absolute;
top: 27px;
left: 30px;
-webkit-transform: scale(-1, 1);
transform: scale(-1, 1);
}
blockquote.has-text-align-right {
padding: 30px 70px 30px 30px !important;
}
.jl_radius blockquote {
border-radius: 0px;
}
blockquote p {
font-family: var(--jl-title-font);
font-weight: var(--jl-title-font-weight);
text-transform: var(--jl-title-transform);
letter-spacing: var(--jl-title-space) !important;
line-height: var(--jl-title-line-height) !important;
font-size: 22px !important;
margin-bottom: 0px;
}
blockquote cite {
margin-top: 15px;
font-style: normal;
font-size: 12px !important;
line-height: 1.2;
display: block;
font-family: var(--jl-body-font);
font-weight: var(--jl-body-font-weight);
}
table {
width: 100%;
margin-bottom: 20px;
border: 1px solid #d9d9d9;
}
table table{
margin: 0px;
}
table > tbody > tr > td, table > tbody > tr > th{
padding: 8px;
}
table td,
table th {
padding: 8px;
border-bottom: 1px solid #d9d9d9;
border-right: 1px solid #d9d9d9;
}
pre {
display: block;
padding: 20px !important;
margin: 0 0 25px;
font-size: 13px;
line-height: 1.42857143;
color: #333;
word-break: break-all;
-ms-word-wrap: break-word;
word-wrap: break-word;
background-color: #f5f5f5;
border-width: 0px !important;
border-radius: 4px;
}
.dropcap_style {
font-size: 60px;
line-height: 73px;
float: left;
padding: 5px 10px;
text-align: center;
display: block;
background-color: #0D1217;
color: #fff;
margin: 8px 15px 0 0;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
p img {
margin-bottom: 0px !important;
}
img {
vertical-align: middle;
max-width: 100%;
height: auto;
}
/** input */
textarea {
display: block;
padding: 13px;
max-width: 100%;
width: 100%;
outline: none;
font-size: var(--jl-input-size, 15px);
border: 1px var(--jl-sline, solid) var(--jl-post-line-color);
color: var(--jl-txt-color);
background: transparent;
border-radius: 0px !important;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
border-radius: var(--jl-input-radius, 5px) !important;
}
button,
input,
optgroup,
select,
textarea {
border-radius: 0px;
}
input[type='text'],
input[type='tel'],
input[type='password'],
input[type='email'],
input[type='url'],
input[type='search'],
input[type='number'] {
padding: 13px;
max-width: 100%;
border: 1px var(--jl-sline, solid) var(--jl-post-line-color);
color: var(--jl-txt-color);
background: transparent;
outline: none !important;
-webkit-box-shadow: none !important;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
white-space: nowrap;
font-weight: 400;
font-size: var(--jl-input-size, 15px);
border-radius: var(--jl-input-radius, 5px);
}
input[type="email"]:-moz-placeholder, input[type="number"]:-moz-placeholder, input[type="password"]:-moz-placeholder, input[type="search"]:-moz-placeholder, input[type="tel"]:-moz-placeholder, input[type="text"]:-moz-placeholder, input[type="date"]:-moz-placeholder, input[type="url"]:-moz-placeholder, textarea:-moz-placeholder, select:-moz-placeholder, .select2-container--default .select2-selection--single:-moz-placeholder {
color: var(--jl-except-color)
}
input[type="email"]::-moz-placeholder, input[type="number"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="search"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="text"]::-moz-placeholder, input[type="date"]::-moz-placeholder, input[type="url"]::-moz-placeholder, textarea::-moz-placeholder, select::-moz-placeholder, .select2-container--default .select2-selection--single::-moz-placeholder {
color: var(--jl-except-color)
}
input[type="email"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="search"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="text"]:-ms-input-placeholder, input[type="date"]:-ms-input-placeholder, input[type="url"]:-ms-input-placeholder, textarea:-ms-input-placeholder, select:-ms-input-placeholder, .select2-container--default .select2-selection--single:-ms-input-placeholder {
color: var(--jl-except-color)
}
input[type="email"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="search"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="text"]::-webkit-input-placeholder, input[type="date"]::-webkit-input-placeholder, input[type="url"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder, select::-webkit-input-placeholder, .select2-container--default .select2-selection--single::-webkit-input-placeholder {
color: var(--jl-except-color)
}
input[type='submit'],
button {
font-family: var(--jl-menu-font);
font-size: var(--jl-button-font-size);
font-weight: var(--jl-button-font-weight);
text-transform: var(--jl-button-transform);
letter-spacing: var(--jl-button-space);
display: block;
background-color: var(--jl-main-color);
color: #fff !important;
display: flex;
height: 43px;
padding: 0px 30px;
margin-top: 0px;
-o-transition: .25s;
-ms-transition: .25s;
-moz-transition: .25s;
-webkit-transition: .25s;
transition: .25s;
border: 0px;
outline: none;
border-radius: var(--jl-button-radius);
white-space: nowrap;
}
input[type='submit']:hover,
button:hover{
background-color: var(--jl-btn-bg) !important;
}
body:not(.jl-has-sidebar) .jl_smmain_side {
margin-top: 0px !important;
margin-bottom: 0px !important;
}
body:not(.jl-has-sidebar) .jl_smmain_con, body:not(.jl-has-sidebar) .jl_main_achv{
-ms-flex: 0 0 80%;
flex: 0 0 80%;
max-width: 80%;
margin: 0 auto;
}
body:not(.jl-has-sidebar) .jl_smmain_side{
display: none;
}
body:not(.jl-has-sidebar) .jl_main_achv{
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.admin-bar .menu_sticky.stick {
top: 32px !important;
}
.jl_smmain_side select {
width: 100%;
}
.wp-caption.alignnone {
max-width: 100%;
}
.wp-caption {
max-width: 100%;
margin-bottom: 30px !important;
padding: 0px;
background: none;
color: #000;
font-style: italic;
}
.wp-caption p {
margin-bottom: 0px;
}
.wp-caption.alignleft {
margin: 5px 30px 30px 0%;
}
.wp-caption.alignright {
margin: 5px 0% 30px 30px;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 100%;
padding: 0;
width: auto;
}
.wp-caption p.wp-caption-text {
font-style: normal;
letter-spacing: -0.03em;
font-size: 13px !important;
margin: 3px 0px 0px 0px;
}
.wp-caption-text {
margin: 3px 0px 0px 0px;
font-style: normal;
font-size: 13px;
line-height: 1.3;
text-align: center;
color: currentColor;
}
.gallery-caption {
visibility: visible;
opacity: 1;
}
.bypostauthor {
visibility: visible;
opacity: 1;
}
a img.alignright {
float: right;
margin: 10px 0 30px 30px;
}
a img.alignnone {
margin: 0px;
}
a img.alignleft {
float: left;
margin: 10px 30px 30px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.alignleft {
display: block;
float: left;
margin: 5px 30px 30px 0 !important;
}
.alignright {
display: block;
float: right !important;
margin: 5px 0 20px 20px !important;
}
.aligncenter {
display: block;
margin: auto;
}
.jlc-text-inner{
display: inline-block;
}
.jlc-text-inner .jl-custom-text{
margin-bottom: 0px;
}
.jl_img > a {
display: block;
margin-left: auto;
margin-right: auto;
}
.gallery-caption,
.entry-caption {
font-style: italic;
font-size: 12px;
font-size: 0.857142857rem;
line-height: 2;
color: #757575;
}
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
}
.jl_page_error .button{
height: 48px;
}
.jl_search_none.jl_page_error{
text-align: left;
}
.jl_search_none.jl_page_error h1{
margin: 20px 0px 0px 0px;
font-size: 25px;
}
.jl_search_none.jl_page_error .jl_error_desc{
margin: 15px 0px 0px 0px;
}
.jl_search_none.jl_page_error .search_btn{
padding: 0px 20px;
}
.jl_search_none.jl_page_error .button{
width: 60px;
}
.jl_search_none.jl_page_error .searchform_theme{
margin: 0px;
max-width: 530px;
}
.jl_page_error {
text-align: center;
}
.jl_page_error .link_home404 {
font-family: var(--jl-menu-font);
font-size: var(--jl-button-font-size);
font-weight: var(--jl-button-font-weight);
text-transform: var(--jl-button-transform);
letter-spacing: var(--jl-button-space);
height: 48px;
display: inline-flex;
align-items: center;
padding: 0 50px;
color: #FFF;
background: var(--jl-main-color);
cursor: pointer;
border: 0px;
margin-top: 30px;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
transition: 0.3s;
border-radius: var(--jl-button-radius);
}
.jl_page_error .link_home404:hover {
text-decoration: none !important;
color: #fff !important;
background: var(--jl-btn-bg);
}
.jl_page_error h1 {
font-size: 40px;
max-width: 750px;
margin: 0px auto;
}
.jl_page_error .jl_error_desc{
max-width: 600px;
margin: 25px auto 0px auto;
}
.searchform_theme, .woocommerce-product-search{
display: flex;
align-items: center;
margin: 20px auto 0 auto;
justify-content: center;
max-width: 470px;
background: transparent;
}
.searchform_theme .search_btn, .woocommerce-product-search input[type='search']{
color: var(--jl-txt-color);
font-family: var(--jl-menu-font);
flex: 1;
height: 48px;
background: transparent;
font-size: 15px;
padding: 0px 20px;
display: flex;
align-items: center;
border: 1px var(--jl-sline, solid) var(--jl-post-line-color);
border-radius: var(--jl-button-radius) 0px 0px var(--jl-button-radius);
}
.searchform_theme .button, .woocommerce-product-search [type=submit]{
border-radius: 0px;
font-size: 15px;
display: flex;
align-items: center;
justify-content: center;
color: var(--jl-txt-color) !important;
padding: 0px 20px !important;
background-color: var(--jl-main-color);
color: #fff !important;
border-radius: 0px var(--jl-button-radius) var(--jl-button-radius) 0px;
}
.searchform_theme .button i{
font-weight: bold;
}
.widget_search .searchform_theme .search_btn, .widget_search .searchform_theme .button, .woocommerce-product-search input[type='search'], .woocommerce-product-search [type=submit]{
height: 40px;
}
.widget_search .searchform_theme .search_btn{
padding: 0px 14px;
}
/*-------------------------------------------------------------------------------------
Design Sections
-------------------------------------------------------------------------------------*/
.options_layout_wrapper, .options_layout_container{
width: 100%;
display: block;
}
.lazyload,
.lazyloading {
background-color: #ced4da;
-webkit-filter: blur(20px);
filter: blur(20px);
-webkit-clip-path: inset(0 0 0 0);
clip-path: inset(0 0 0 0);
-webkit-transition: .25s -webkit-filter linear;
transition: .25s -webkit-filter linear;
transition: .25s filter linear;
transition: .25s filter linear, .25s -webkit-filter linear;
}
.slick-cloned .lazyload, .slick-cloned .lazyloading, .swiper-slide-active .lazyloading{
-webkit-filter: blur(0px);
filter: blur(0px);
}
.lazyload.loaded {
opacity: 1;
-webkit-transition: opacity .25s cubic-bezier(0.25, 0.8, 0.25, 1);
-moz-transition: opacity .25s cubic-bezier(0.25, 0.8, 0.25, 1);
-o-transition: opacity .25s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: opacity .25s cubic-bezier(0.25, 0.8, 0.25, 1);
-webkit-filter: blur(0px);
-moz-filter: blur(0px);
filter: blur(0px);
}
.jl_txt_2row, .jl_txt_2row a{
display: -webkit-box !important;
-webkit-line-clamp: var(--jl-num-line, 3);
-webkit-box-orient: vertical;
overflow: hidden;
}
.jl_hsmt .jl_smi{
display: none !important;
}
/*-------------------------------------------------------------------------------------
gdpr
-------------------------------------------------------------------------------------*/
.jl-gdpr {
position: fixed;
bottom: var(--jlgdpr-space, 10px);
left: var(--jlgdpr-space, 10px);
right: var(--jlgdpr-space, 10px);
z-index: 999;
display: none;
visibility: hidden;
width: auto;
opacity: 0;
-webkit-transition: all .5s cubic-bezier(0.32, 0.74, 0.57, 1);
-moz-transition: all .5s cubic-bezier(0.32, 0.74, 0.57, 1);
-ms-transition: all .5s cubic-bezier(0.32, 0.74, 0.57, 1);
-o-transition: all .5s cubic-bezier(0.32, 0.74, 0.57, 1);
transition: all .5s cubic-bezier(0.32, 0.74, 0.57, 1);
pointer-events: none;
display: flex !important;
align-items: center;
justify-content: var(--jlgdpr-pos, center);
}
.jl-gdpr .jl-gdpr-inner{
max-width: var(--jlgdpr-width, 700px);
position: relative;
display: flex;
align-items: center;
padding: var(--jlgdpr-padding, 13px);
border-radius: var(--jlgdpr-radius, 10px);
height: auto;
background-color: var(--jlgdpr-bg, #000);
box-shadow: 0 5px 15px -3px rgb(0 0 0 / 20%);
pointer-events: visible;
}
.jl-gdpr .cookie-content a,
.jl-gdpr .cookie-content a:hover {
text-decoration: underline !important;
color: var(--jl-main-color);
font-weight: bold;
}
.jl-gdpr .cookie-content {
font-size: var(--jl-cookie-des-size);
line-height: 1.34;
margin-bottom: 0px;
margin-right: 10px;
color: var(--jlgdpr-color, #fff);
}
.jl-gdpr .jl-gdpr-accept {
font-family: var(--jl-menu-font);
font-weight: var(--jl-button-font-weight);
text-transform: var(--jl-cookie-btn-transform);
letter-spacing: var(--jl-cookie-btn-space);
width: 100%;
height: 26px;
line-height: 26px;
text-align: center;
display: block;
color: #fff;
background: var(--jl-main-color);
margin-top: 15px;
font-size: var(--jl-cookie-btn-size);
border-radius: var(--jlgdpr-btn, 0px);
text-decoration: none !important;
margin: 0px;
padding: 0px 10px;
}
.jl-gdpr .jl-gdpr-accept:hover {
color: #fff !important;
background: var(--jl-main-color);
border-color: transparent;
}
.jl-gdpr.jl-display {
visibility: visible;
opacity: 1;
pointer-events: none !important;
}
/*-------------------------------------------------------------------------------------
Navigation
-------------------------------------------------------------------------------------*/
.navigation_wrapper{
-webkit-font-smoothing: subpixel-antialiased;
position: static;
z-index: 999;
display: flex;
height: 100%;
--jl-meta-color: var(--jl-sub-menu-color);
}
.navigation_wrapper .jl_main_menu{
height: 100%;
display: flex;
flex-direction: row;
align-items: center;
}
.navigation_wrapper ul {
list-style: none;
position: static;
padding: 0px !important;
margin: 0px !important;
}
.navigation_wrapper .jl_main_menu a:hover {
text-decoration: none !important;
}
.navigation_wrapper ul .menu-item {
float: none;
vertical-align: top;
}
.navigation_wrapper .jl_main_menu .menu-item > a {
float: left;
padding: 0;
color: inherit;
font-family: var(--jl-menu-font);
}
.navigation_wrapper .jl_main_menu > li.menu-item-has-children{
position: relative;
}
.navigation_wrapper .jl_main_menu > .menu-item{
margin-right: var(--jl-spacing-menu);
height: 100%;
}
.navigation_wrapper .jl_main_menu > .menu-item:last-child{
margin-right: 0px !important;
}
.navigation_wrapper .jl_main_menu > .menu-item > a {
padding: 0;
height: 100%;
font-size: var(--jl-menu-font-size);
font-weight: var(--jl-menu-font-weight);
text-transform: var(--jl-menu-transform);
letter-spacing: var(--jl-menu-space);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
white-space: nowrap;
}
.navigation_wrapper .jl_main_menu .menu-item > a .jl_mblt{
background-repeat: no-repeat;
background-image: linear-gradient(90deg,var(--jl-menu-ac-color) 0,var(--jl-menu-ac-color) 94%);
transition: background-size .35s cubic-bezier(.215,.61,.355,1);
background-position: 0 100%;
background-size: 0 var(--jl-menu-ac-height);
}
.navigation_wrapper .jl_main_menu > .menu-item:hover > a,
.navigation_wrapper .jl_main_menu > .current-menu-ancestor > a,
.navigation_wrapper .jl_main_menu > .current-menu-item > a,
.navigation_wrapper .jl_main_menu > .is-current-sub > a{
color: var(--jl-menu-hcolor) !important;
position: relative;
}
.navigation_wrapper .jl_main_menu .menu-item:hover > a .jl_mblt,
.navigation_wrapper .jl_main_menu .current-menu-ancestor > a .jl_mblt,
.navigation_wrapper .jl_main_menu .current-menu-item > a .jl_mblt,
.navigation_wrapper .jl_main_menu .is-current-sub > a .jl_mblt{
background-image: linear-gradient(90deg,var(--jl-menu-ac-color) 0,var(--jl-menu-ac-color) 94%);
background-size: 100% var(--jl-menu-ac-height);
}
.navigation_wrapper .jl_main_menu .menu-item .sub-menu a .jl_mblt{
background-size: 0 var(--jl-menu-ac-height);
background-image: linear-gradient(90deg,var(--jl-menu-ac-color) 0,var(--jl-menu-ac-color) 94%);
}
.navigation_wrapper .menu-item-has-children > a:after,
.navigation_wrapper .menupost > a:after {
display: inline-block;
content: "\e926";
margin-left: 5px;
font-family: "jl_font";
font-style: normal;
font-weight: bold;
font-size: 35%;
line-height: 0.9;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.navigation_wrapper .jl_main_menu > .menu-item > .sub-menu{
top: 100%;
margin-left: -22px !important;
}
.navigation_wrapper .jl_main_menu .menu-item .sub-menu{
background: var(--jl-sub-bg-color);
}
.navigation_wrapper .jl_main_menu > .menu-item:not(.menupost) > .sub-menu.jlc-right-menu{
right: 0;
margin-left: 0px !important;
margin-right: -33px !important;
}
.navigation_wrapper .jl_main_menu > .menu-item:not(.menupost) > .sub-menu.jlc-right-menu .menu-item a{
text-align: right;
}
.navigation_wrapper .jl_main_menu > .menu-item:not(.menupost) > .sub-menu.jlc-right-menu .sub-menu{
right: 100%;
left: auto;
}
.navigation_wrapper .jl_main_menu > .menu-item:not(.menupost) > .sub-menu.jlc-right-menu .menu-item a:after{
right: auto;
left: 33px;
transform: scaleX(-1);
}
.navigation_wrapper .jl_main_menu .sub-menu.jl_megal_bw{
box-shadow: none;
border-radius: 0px;
background: transparent;
}
.navigation_wrapper .jl_main_menu .sub-menu {
position: absolute;
overflow: visible;
visibility: hidden;
display: block;
opacity: 0;
padding: 12px 0 !important;
z-index: 100;
background: #fff;
box-shadow: 0 0 25px 0 rgba(0,0,0,.08);
line-height: 1.8666;
-webkit-transition: all .1s;
transition: all .1s;
pointer-events: none;
border-radius: var(--jl-sub-m-radius, 8px);
transform: translateY(-0.6rem);
}
.navigation_wrapper .jl_main_menu .menu-item:hover > .sub-menu{
-webkit-transition: all .2s;
transition: all .2s;
transform: translateY(0rem);
}
.navigation_wrapper .jl_main_menu .menu-item .menu-item {
display: block;
}
.navigation_wrapper .jl_main_menu .sub-menu .sub-menu {
left: 98%;
top: 0;
margin-left: 0;
}
.navigation_wrapper .jl_main_menu .jl_menu_tl .sub-menu {
left: auto !important;
right: 98% !important;
}
.navigation_wrapper .jl_main_menu .menu-item .menu-item {
display: block;
}
.navigation_wrapper .jl_main_menu .sub-menu .menu-item:last-child {
border-bottom: 0px;
}
.navigation_wrapper .jl_main_menu > .menu-item .menu-item a {
--timing: cubic-bezier(.36,.76,.58,1);
float: none;
text-align: left;
display: block;
text-decoration: none;
padding: 7px 20px;
border-top: 0px solid #e9ecef;
pointer-events: none;
line-height: 1.2;
font-size: var(--jl-submenu-font-size);
font-weight: var(--jl-submenu-font-weight);
text-transform: var(--jl-submenu-transform);
letter-spacing: var(--jl-submenu-space);
transition: background .25s var(--timing),border-color .25s var(--timing);
}
.navigation_wrapper .jl_main_menu > .menu-item:hover .menu-item a {
pointer-events: auto;
}
.navigation_wrapper .jl_main_menu .sub-menu .menu-item {
float: none;
min-width: 220px;
max-width: 350px;
border-top: 0;
padding: 0;
position: relative;
}
.navigation_wrapper .jl_main_menu > .menu-item .menu-item:first-child > a {
border-top: 0;
box-shadow: none;
}
.navigation_wrapper .sub-menu .menu-item > .sub-menu {
margin-top: -12px !important;
}
.navigation_wrapper .jl_main_menu ul .menu-item-has-children > a:after {
line-height: 1;
content: "\e92a";
font-size: 64%;
position: absolute;
top: 50%;
right: 20px;
color: currentColor;
-webkit-transform: translate3d(0, 0, 0) perspective(1px) translateY(-50%);
-ms-transform: translate3d(0, 0, 0) perspective(1px) translateY(-50%);
transform: translate3d(0, 0, 0) perspective(1px) translateY(-50%);
}
.navigation_wrapper .jl_main_menu ul .sub-menu {
left: 100%;
top: -18px;
margin-left: 0;
}
.navigation_wrapper .menu-item:hover > .sub-menu {
visibility: visible;
opacity: 1;
pointer-events: auto;
}
.navigation_wrapper .jl_main_menu > .menu-item > a,
.jl_main_menu .menu-item:hover > a{
color: var(--jl-menu-color);
}
.navigation_wrapper .jl_main_menu .sub-menu .menu-item a{
color: var(--jl-sub-menu-color);
}
.navigation_wrapper .jl_main_menu .menu-item .menu-item:hover > a,
.navigation_wrapper .jl_main_menu .menu-item .menu-item.current-menu-item > a {
background: var(--jl-sub-item-bg) !important;
color: var(--jl-sub-hcolor) !important;
}
.navigation_wrapper .jl_main_menu > .menu-item.menupost{
position: static;
}
.elementor-section .navigation_wrapper .jl_main_menu > .menu-item.menupost {
position: relative;
}
.navigation_wrapper .jl_main_menu > .menu-item > .jl-cus-mega-menu.sub-menu{
width: 100vw;
right: auto;
margin-left: auto !important;
padding: 0px !important;
}
.navigation_wrapper .jl_main_menu > .mega-category-menu.menu-item.menu-item-has-children > .jl-cus-mega-menu.sub-menu .jl_mega_c_wrap{
padding-left: 30px;
border-left: 1px solid var(--jl-sub-line-color);
}
.navigation_wrapper .jl_main_menu > .mega-category-menu.menu-item > .jl-cus-mega-menu.sub-menu .jl_mega_c_wrap{
padding-top: 40px;
padding-bottom: 40px;
min-height: 365px;
}
.navigation_wrapper .jl_main_menu > .mega-category-menu.menu-item > .jl-cus-mega-menu.sub-menu .jl_mega_c_wrap .pagination-nextprev{
text-align: left;
margin-top: 30px;
}
.navigation_wrapper .jl_main_menu > .mega-category-menu.menu-item .jl-cus-mega-menu .jl_mega_inner > .jl_mega_contents + ul.sub-menu li{
border-bottom: 1px solid var(--jl-sub-line-color);
min-width: 200px;
}
.navigation_wrapper .jl_main_menu > .mega-category-menu.menu-item .jl-cus-mega-menu .jl_mega_inner > .jl_mega_contents + ul.sub-menu li:last-child{
border: 0px;
}
.navigation_wrapper .jl_main_menu > .mega-category-menu.menu-item .jl-cus-mega-menu .jl_mega_inner > .jl_mega_contents + ul.sub-menu li a{
padding: 13px 0px;
background: transparent !important;
}
.mega-category-menu.menu-item .jl-cus-mega-menu .jl_mega_inner > .jl_mega_contents + ul.sub-menu li.is-current-sub a,
.mega-category-menu.menu-item .jl-cus-mega-menu .jl_mega_inner > .jl_mega_contents + ul.sub-menu li a:hover{
color: var(--jl-sub-hcolor) !important;
}
.navigation_wrapper .jl_main_menu > .mega-category-menu.menu-item > .jl-cus-mega-menu.sub-menu .jl_mega_inner{
max-width: var(--jl-main-width);
width: 100%;
margin: 0 auto;
padding: 0px 20px;
display: flex;
gap: 30px;
}
.navigation_wrapper .jl_main_menu > .mega-category-menu.menu-item .jl_mega_contents{
order: 2;
width: 100%;
}
.navigation_wrapper .jl_main_menu > .mega-category-menu.menu-item .jl-cus-mega-menu .jl_mega_inner > .jl_mega_contents + ul.sub-menu{
margin: 0px !important;
background: transparent !important;
box-shadow: none;
padding-top: 30px !important;
padding-bottom: 0px !important;
position: static;
order: 1;
box-shadow: none;
visibility: visible;
opacity: 1;
}
.jl_mega_full.navigation_wrapper .jl-cus-mega-menu.sub-menu{
border-radius: 0px !important;
pointer-events: visible;
}
.navigation_wrapper .menu-item:hover > .jl-cus-mega-menu.sub-menu .jl_mega_inner, .navigation_wrapper .menu-item:hover > .jl-cus-mega-menu.sub-menu .e-con-inner, .navigation_wrapper .menu-item:hover > .jl-cus-mega-menu.sub-menu .elementor-container{
pointer-events: visible;
}
.jl_mega_boxed.navigation_wrapper .jl-cus-mega-menu.sub-menu,
.jl_main_menu.jl_mm_box .jl-cus-mega-menu.sub-menu{
pointer-events: none;
}
.jl_mega_boxed.navigation_wrapper .jl_main_menu > .mega-category-menu.menu-item > .jl-cus-mega-menu.sub-menu,
.jl_main_menu.jl_mm_box > .mega-category-menu.menu-item > .jl-cus-mega-menu.sub-menu{
background: transparent;
box-shadow: unset;
}
.jl_mega_boxed.navigation_wrapper .jl_main_menu > .mega-category-menu.menu-item > .jl-cus-mega-menu.sub-menu .jl_mega_inner,
.jl_main_menu.jl_mm_box > .mega-category-menu.menu-item > .jl-cus-mega-menu.sub-menu .jl_mega_inner{
max-width: calc(var(--jl-main-width) - 40px);
padding: 0px 30px;
box-shadow: 0 0 25px 0 rgba(0,0,0,.08);
background: var(--jl-sub-bg-color);
border-radius: var(--jl-sub-m-radius, 8px);
}
/* Menu hover/active type */
.jl_mm_c .jl_main_menu .menu-item > a .jl_mblt, .jl_mh_bg .jl_main_menu .menu-item > a .jl_mblt, .jl_mm_lbt .jl_main_menu .menu-item > a .jl_mblt{
background-image: none !important;
}
.jl_mh_bg .jl_main_menu > .menu-item{
margin-right: 0px;
}
.jl_mh_bg .jl_main_menu > .menu-item > a{
padding: 0px var(--jl-spacing-menu);
}
.jl_mh_bg .jl_main_menu > .menu-item:hover > a,
.jl_mh_bg .jl_main_menu > .current-menu-ancestor > a,
.jl_mh_bg .jl_main_menu > .current-menu-item > a,
.jl_mh_bg .jl_main_menu > .is-current-sub > a{
background-color: var(--jl-menu-ac-color);
}
.jl_mm_lbt .jl_main_menu > .menu-item > a:before{
transition: all .3s cubic-bezier(0.32, 0.74, 0.57, 1) !important;
content: '';
}
.jl_mm_lbt .jl_main_menu > .menu-item:hover > a:before,
.jl_mm_lbt .jl_main_menu > .current-menu-ancestor > a:before,
.jl_mm_lbt .jl_main_menu > .current-menu-item > a:before,
.jl_mm_lbt .jl_main_menu > .is-current-sub > a:before{
position: absolute;
bottom: 0px;
left: 0px;
right: 0px;
height: var(--jl-menu-ac-height);
background-color: var(--jl-menu-ac-color);
}
/* Menu builder */
.jl_mb_wp{
--jl-menu-ac-color: var(--jl-ha-skin, var(--jl-main-color));
justify-content: var(--jl-bm-align, center) !important;
height: var(--jl-mbm-h, 90px);
}
.jl_mb_wp > div{
height: 100%;
}
.jl_mb_wp .jl_mm_full .jl-cus-mega-menu{
border-radius: 0px !important;
}
.jl_mega_post_2 .jl_contain,
.jl_mega_post_3 .jl_contain,
.jl_mega_post_4 .jl_contain,
.jl_mega_post_5 .jl_contain,
.jl_mega_post_6 .jl_contain{
width: 100%;
display: grid;
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.jl_mega_post_2 .jl_contain{
grid-template-columns: repeat(2,minmax(0,1fr));
}
.jl_mega_post_3 .jl_contain{
grid-template-columns: repeat(3,minmax(0,1fr));
}
.jl_mega_post_4 .jl_contain{
grid-template-columns: repeat(4,minmax(0,1fr));
}
.jl_mega_post_5 .jl_contain{
grid-template-columns: repeat(5,minmax(0,1fr));
}
.jl_mega_post_6 .jl_contain{
grid-template-columns: repeat(6,minmax(0,1fr));
}
.jl_main_menu .menupost ul.sub-menu{
-webkit-transition: all 0s !important;
transition: all 0s !important;
}
.jl_main_menu .menupost:hover ul.sub-menu{
-webkit-transition: all .55s !important;
transition: all .55s !important;
}
.jl_main_menu .menupost .jl_mega_c_wrap .jl_el_nav_w{
justify-content: left;
margin-top: 0px;
}
.sub-menu.menu_post_feature{
overflow: hidden;
}
.jl_main_menu .menupost:hover .menu_post_feature .jl_mega_c_wrap .jl-roww .jl_mega_cols,
.jl_main_menu .menupost:hover .menu_post_feature .jl_megal_bu .elementor-container .elementor-widget-wrap > .elementor-element{
opacity: 0;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-duration: .5s;
animation-duration: .5s;
-webkit-animation-delay: .3s;
animation-delay: .3s;
-webkit-animation-name: jlmdown;
animation-name: jlmdown;
}
@-webkit-keyframes jlmdown {
from {
opacity: 0;
-webkit-transform: translatey(-15px);
transform: translatey(-15px);
}
to {
opacity: 1;
-webkit-transform: translatey(0);
transform: translatey(0);
}
}
@keyframes jlmdown {
from {
opacity: 0;
-webkit-transform: translatey(-15px);
transform: translatey(-15px);
}
to {
opacity: 1;
-webkit-transform: translatey(0);
transform: translatey(0);
}
}
.jl_imgw{
position: relative;
border-radius: 0px;
-webkit-clip-path: inset(0 0 0 0 round 0px);
clip-path: inset(0 0 0 0 round 0px);
overflow: hidden;
padding-bottom: var(--jl-img-h, 66.66667%);
}
.jl_radus_e{
border-radius: var(--jl-border-rounded);
overflow: hidden;
}
.jl_imgw .jl_imgl{
display: flex;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
z-index: 2;
}
.jl_imgl, .jl_cat_img_link, .jl_box_link, .jl_cap_ov{
font-size: 0px !important;
}
.jl_imgw .jl_imgin{
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
.jl_imgw .jl_imgin img{
width: 100%;
height: 100%;
max-width: 100%;
-o-object-fit: cover;
object-fit: cover;
display: block;
transition: transform 1s ease,opacity .5s ease;
transform: scale(1.01);
}
.jl_imgw:hover .jl_imgin img, .jl_ov_el:hover .jl_imgin img, .jl_box_info:hover .jl_box_bg img{
transform: scale(1.051);
}
/*-------------------------------------------------------------------------------------
Mega post grid
-------------------------------------------------------------------------------------*/
.jl_mega_gl .jl_mega_text .jl_fr_ptxt{
font-size: 16px;
}
.navigation_wrapper .mega-category-menu .jl_f_cat .jl_cat_txt{
color: var(--jl-sub-menu-color)
}
.navigation_wrapper .mega-category-menu.menu-item .sub-menu .jl_mega_gl .jl_fe_title a,
.navigation_wrapper .mega-category-menu.menu-item .sub-menu .jl_mega_sml .jl_fe_title a,
.navigation_wrapper .mega-category-menu.menu-item .jl_mega_gl .jl_post_meta span,
.navigation_wrapper .mega-category-menu.menu-item .jl_mega_gl .jl_post_meta span a,
.navigation_wrapper .mega-category-menu.menu-item .jl_mega_sml .jl_post_meta span,
.navigation_wrapper .mega-category-menu.menu-item .jl_mega_sml .jl_post_meta span a{
color: var(--jl-sub-menu-color);
}
.jl_mega_gl .jl_imgw{
margin-bottom: 20px;
}
.jl_mega_gl .jl_imgw .jl-donut-front, .jl_mega_go .jl_imgw .jl-donut-front{
transform: scale(.85);
top: 5px;
right: 5px;
}
/*-------------------------------------------------------------------------------------
Mega post grid overlay
-------------------------------------------------------------------------------------*/
.jl_mega_go{
position: relative;
padding-bottom: 86%;
}
.jl_mega_go:before, .jl_mega_go .jl_imgl{
background: linear-gradient(180deg, rgba(0, 0, 0, 0) var(--jl-ov-bg-pos), var(--jl-ov-bg) var(--jl-ov-bgc-pos)) !important;
--jl-ov-bg: #000000ed;
--jl-ov-bg-pos: 10%;
--jl-ov-bgc-pos: 100%;
content: '';
position: absolute;
z-index: 1;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.jl_mega_go .jl_imgw{
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
}
.jl_mega_go .jl_mega_text{
position: absolute;
bottom: 0px;
left: 0px;
right: 0px;
padding: 20px;
text-align: left;
z-index: 3;
}
.jl_mega_go .jl_mega_text .jl_fr_ptxt{
font-size: 16px;
}
.jl_mega_go .jl_mega_text .jl_lb1 .jl_cat_txt{
color: #fff !important;
}
.jl_mega_go .jl_mega_text .jl_fr_ptxt a, .jl_mega_go .jl_mega_text .jl_fr_ptxt a:hover, .jl_mega_go .jl_mega_text .jl_fr_ptxt, .jl_mega_go .jl_mega_text .jl_fr_ptxt:hover{
color: #fff !important;
}
.jl_mega_go .jl_mega_text .jl_post_meta span,
.jl_mega_go .jl_mega_text .jl_post_meta a,
.jl_mega_go .jl_mega_text .jl_post_meta a:hover {
color: #FFF !important;
}
/*-------------------------------------------------------------------------------------
Mega post small list
-------------------------------------------------------------------------------------*/
.mega_small_list.jl_mega_c_wrap{
min-height: auto !important;
}
.jl_mega_sml{
display: flex;
align-items: center;
}
.jl_mega_sml .jl_imgw{
align-self: flex-start;
display: block;
-webkit-flex: 0 0 110px;
-ms-flex: 0 0 110px;
flex: 0 0 110px;
width: 110px;
height: 90px;
margin-right: 15px;
padding: 0px;
}
.jl_mega_sml .jl_mega_text .jl_fr_ptxt{
font-size: var(--jl-small-font);
}
/*menu label*/
.jl_main_menu li:hover > a .jl_menu_lb {
left: auto;
}
.jl_menu_lb {
left: auto;
position: relative !important;
bottom: auto !important;
color: #FFF;
line-height: 17px;
height: 17px !important;
font-size: 70%;
padding: 0px 3px;
letter-spacing: 0px !important;
width: unset !important;
display: inline-flex;
margin: auto auto auto 4px;
-ms-flex-item-align: start;
align-self: flex-start;
vertical-align: baseline;
position: relative;
overflow: hidden;
border-radius: 4px;
background: transparent !important;
z-index: 1;
}
.jl_menu_lb .jl_lb_ar{
background: #000;
position: absolute;
width: 100%;
height: 100%;
left: 0px;
z-index: -1;
}
/*-------------------------------------------------------------------------------------
Mobile Menu
-------------------------------------------------------------------------------------*/
.menu_mobile_icons_wrap{
display: flex;
}
.menu_mobile_icons i, .menu_mobile_icons svg{
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.jlm_w{
display: flex;
min-width: 23px;
min-height: 17px;
align-items: center;
transition: none;
vertical-align: middle;
position: relative;
flex-direction: column;
justify-content: space-between;
}
.jlm_w span {
width: 100%;
height: 2px;
background: var(--jl-menu-color);
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
/*-------------------------------------------------------------------------------------
search and menu
-------------------------------------------------------------------------------------*/
.active_search_box{
overflow: hidden;
}
.search_header_menu{
display: flex;
align-items: center;
flex: 1;
justify-content: flex-end;
position: relative;
z-index: 999;
}
.search_header_menu > *{
margin-left: 14px;
}
.search_header_menu > *:first-child{
margin-left: 0px;
}
.search_header_wrapper.jlce-seach.search_form_menu_personal_click{
margin-left: 10px;
}
.search_header_wrapper.jlce-seach.search_form_menu_personal_click i{
font-size: 17px;
}
.search_header_wrapper.search_form_menu_personal_click svg{
cursor: pointer;
width: 1em;
height: auto;
}
.search_header_wrapper.search_form_menu_personal_click .jli-search {
font-weight: 500;
color: var(--jl-menu-color) !important;
}
.search_header_wrapper.search_form_menu_personal_click {
display: flex;
align-items: center;
height: 100%;
cursor: pointer;
color: var(--jl-menu-color);
position: relative;
font-size: 19px;
transition: all 0.3s ease 0s;
}
.search_form_menu_personal .searchform_theme {
max-width: 600px;
width: 100%;
height: auto;
margin: 0px;
overflow: hidden;
float: none;
border: 0px;
border-radius: 0;
background: transparent;
border-bottom: 2px solid var(--sh-top-color) !important;
}
.search_form_menu_personal .searchform_theme .search_btn {
background: none;
border: 0;
color: var(--sh-top-color);
float: left;
font-size: 23px;
font-weight: 400;
line-height: 100%;
padding: 20px 0;
width: 100%;
height: 60px;
}
.search_form_menu_personal .searchform_theme .search_btn::-webkit-input-placeholder{
color: var(--sh-top-color) !important;
}
.search_form_menu_personal .searchform_theme .search_btn::-moz-placeholder{
color: var(--sh-top-color) !important;
}
.search_form_menu_personal .searchform_theme .search_btn:-ms-input-placeholder{
color: var(--sh-top-color) !important;
}
.search_form_menu_personal .searchform_theme .search_btn:-moz-placeholder{
color: var(--sh-top-color) !important;
}
.search_form_menu_personal .searchform_theme .button {
display: flex;
align-items: center;
position: unset;
height: 42px;
width: unset;
background: var(--jlc7-btnbg, var(--jl-main-color)) !important;
color: var(--jl-btncolor, #fff) !important;
font-size: 17px;
padding: 0px 15px !important;
outline: none;
border-radius: var(--jl-button-radius);
}
.search_header_menu .search_header_wrapper i:hover {
color: #000;
}
.menu_mobile_icons {
display: flex;
align-items: center;
height: 100%;
cursor: pointer;
}
.menu_mobile_icons.jl_tog_mob{
display: none;
}
.menu_mobile_icons.jl_tog_mob.jl_desk_show{
display: flex;
}
.search_header_menu .menu_mobile_icons i {
margin: 0px;
cursor: pointer;
font-size: 17px;
}
.search_header_menu .menu_mobile_icons i:hover {
color: #000;
}
.search_form_menu_personal{
--sh-top-color: #000;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background: rgba(255, 255, 255, .97);
opacity: 0;
position: fixed;
top: 0 !important;
left: 0;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
width: 100%;
height: 100%;
z-index: 999999;
visibility: hidden;
padding: 25px;
display: flex;
align-items: center;
justify-content: center;
}
.options_dark_skin .search_form_menu_personal{
--sh-top-color: #FFF;
background: rgba(0, 0, 0, .9);
}
.search_form_menu_personal_active {
opacity: 1 !important;
visibility: visible !important;
transform: translateY(0rem) !important;
}
.menu_mobile_large_close {
position: absolute;
top: 50px;
right: 50px;
cursor: pointer;
z-index: 9999;
}
.jl_close_wapper {
position: relative;
display: inline-block;
vertical-align: middle;
width: 23px;
height: 23px;
transform: rotate(0);
transition: transform .3s ease;
}
.menu_mobile_large_close:hover .jl_close_wapper, .menu_mobile_icons:hover .jl_close_wapper{
transform: rotate(90deg);
}
.options_dark_skin .jl_close_wapper .jl_close_1,
.options_dark_skin .jl_close_wapper .jl_close_2{
background-color: #fff;
}
.jl_close_wapper .jl_close_1,
.jl_close_wapper .jl_close_2 {
position: absolute;
left: 0;
width: 2px;
height: 100%;
background-color: #000;
-webkit-transform: rotate(25deg);
-moz-transform: rotate(25deg);
transform: rotate(25deg);
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
transition: all .2s ease;
}
.jl_close_wapper .jl_close_1 {
left: 50%;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
}
.jl_close_wapper .jl_close_2 {
left: 50%;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.menu_mobile_large {
cursor: pointer;
height: 90px;
line-height: 90px !important;
display: inherit;
float: right;
font-size: 20px !important;
margin-left: 18px;
position: relative;
width: 30px;
}
.search_close_btn_pop {
position: absolute;
top: 40px;
right: 40px;
width: 35px;
height: 35px;
line-height: 35px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
text-align: center;
cursor: pointer;
z-index: 10;
display: block;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
margin: 0px !important;
}
.search_close_btn_pop i {
font-size: 20px !important;
color: #fff;
float: left !important;
text-align: center;
width: 35px;
height: 35px;
line-height: 35px;
}
.search_close_btn_pop:hover i {
color: #fff !important;
}
.searchform_theme.pop_search_form {
margin: -60px 0 0 -300px;
position: absolute;
top: 50%;
left: 50%;
width: 600px;
height: auto;
overflow: hidden;
float: none;
}
.searchform_theme.pop_search_form .search_input_pop {
background: none;
border: 0;
border-bottom: 2px solid #444 !important;
color: #444;
float: left;
font-size: 60px;
font-weight: 700;
line-height: 100%;
padding: 20px 0;
width: 100%;
height: 70px;
}
.search_form_menu_personal .search_btn,
.search_form_menu_personal #sbtn {
padding: 0px !important;
border: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
h2.notfound_p_title {
color: #222;
text-transform: capitalize;
}
p.notfound_p_text {
margin-bottom: 40px;
}
.searchform_theme .search_btn::-webkit-input-placeholder {
color: currentColor;
}
.search_content_page {
float: left;
width: 100%;
margin-bottom: 40px;
}
/*-------------------------------------------------------------------------------------
Side Navigation
-------------------------------------------------------------------------------------*/
.menu_mobile_share_wrapper .menu_mobile_share {
float: right;
margin-right: 18px;
padding-bottom: 11px;
}
.menu_mobile_share_wrapper .menu_mobile_share i {
color: #000;
}
.menu_mobile_share_wrapper .social_icon_header {
border-left: 1px solid #ececec;
border-bottom: 1px solid #ececec;
background: #fff;
left: auto;
right: 0px;
top: 19px;
bottom: auto;
width: 201px;
padding: 0px;
margin-left: 0px;
display: block;
position: absolute;
z-index: 1;
overflow: visible;
height: auto !important;
visibility: hidden;
opacity: 0;
filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
-webkit-transform: translate(0px, 20px);
-moz-transform: translate(0px, 20px);
-ms-transform: translate(0px, 20px);
-o-transform: translate(0px, 20px);
transform: translate(0px, 20px);
-webkit-transition: visibility 0s, opacity 0.375s ease-in-out, -webkit-transform 0.375s ease-in-out;
-webkit-transition-delay: 0.55s, 0.175s, 0.175s;
-moz-transition: visibility 0s 0.55s, opacity 0.375s ease-in-out 0.175s, -moz-transform 0.375s ease-in-out 0.175s;
-o-transition: visibility 0s 0.55s, opacity 0.375s ease-in-out 0.175s, -o-transform 0.375s ease-in-out 0.175s;
transition: visibility 0s 0.55s, opacity 0.375s ease-in-out 0.175s, transform 0.375s ease-in-out 0.175s;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-webkit-box-shadow: 0 5px 40px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 5px 40px rgba(0, 0, 0, 0.15);
box-shadow: 0 5px 40px rgba(0, 0, 0, 0.15);
}
.top_bar_menu_black .menu_mobile_share_wrapper .social_icon_header {
top: 14px !important;
}
.menu_mobile_share_wrapper:hover .social_icon_header {
visibility: visible;
filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
-webkit-transition: visibility 0s ease-in-out, opacity 0.375s ease-in-out, -webkit-transform 0.375s ease-in-out;
-webkit-transition-delay: 0.175s, 0.175s, 0.175s;
-moz-transition: visibility 0s ease-in-out 0.175s, opacity 0.375s ease-in-out 0.175s, -moz-transform 0.375s ease-in-out 0.175s;
-o-transition: visibility 0s ease-in-out 0.175s, opacity 0.375s ease-in-out 0.175s, -o-transform 0.375s ease-in-out 0.175s;
transition: visibility 0s ease-in-out 0.175s, opacity 0.375s ease-in-out 0.175s, transform 0.375s ease-in-out 0.175s;
}
.menu_mobile_share_wrapper {
float: right;
position: relative;
}
.menu_mobile_share_wrapper .social_icon_header li {
float: left;
margin: 0px;
}
.menu_mobile_share_wrapper .social_icon_header li a {
height: 40px;
line-height: 40px;
width: 40px;
text-align: center;
-webkit-border-radius: 0%;
-moz-border-radius: 0%;
border-radius: 0%;
border: 1px solid #ececec;
border-left: 0px;
border-bottom: 0px;
}
.menu_mobile_share_wrapper .social_icon_header li a i {
color: inherit;
font-size: 15px;
}
/*-------------------------------------------------------------------------------------
Menu slide
-------------------------------------------------------------------------------------*/
#jl_sb_nav .logo_small_wrapper a * {
max-width: var(--jl-s-logo-width) !important;
}
#jl_sb_nav .logo_small_wrapper_table{
justify-content: space-between;
align-items: center;
}
#jl_sb_nav .logo_small_wrapper_table .mobile_close_icons.closed_menu{
position: unset;
transform: translateX(10px);
}
#jl_sb_nav .feature-image-link.image_post {
width: 90px;
}
#jl_sb_nav .feature-post-list .item-details {
margin-left: 105px;
}
.mobile_close_icons.closed_menu {
width: 35px;
height: 35px;
line-height: 30px;
margin-top: 0px;
right: 20px;
top: 20px;
margin-right: 0px;
margin-bottom: 0px;
text-align: center;
cursor: pointer;
z-index: 10;
display: block;
-webkit-transition: .3s ease-in-out;
-moz-transition: .3s ease-in-out;
-o-transition: .3s ease-in-out;
transition: .3s ease-in-out;
color: #000;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
position: absolute;
}
.mobile_close_icons.closed_menu i {
font-size: 20px !important;
margin-top: 0px !important;
float: left;
width: 100%;
text-align: center;
line-height: 35px;
}
#jl_sb_nav select {
width: 100%;
}
#jl_sb_nav .post_list_widget,
#jl_sb_nav .jellywp_about_us_widget {
padding: 0px;
}
#jl_sb_nav .cfs_from_wrapper {
padding: 7px;
}
#jl_sb_nav .cfs_from_wrapper .cfs_form_title {
font-size: 16px;
}
.jl_mobile_nav_inner {
float: left;
width: 100%;
flex: 1;
}
.nav_mb_f {
padding: 10px 0px 0px 0px;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.nav_mb_f .jl_sh_ic_li{
margin-bottom: 20px;
}
.nav_mb_f .jl_sh_ic_li li a,
.nav_mb_f .jl_sh_ic_li li:hover,
.nav_mb_f .jl_sh_ic_li li a:hover {
color: var(--jl-txt-color) !important;
}
.jl_sh_ic_li {
padding: 0px;
display: flex;
gap: 17px;
flex-wrap: wrap;
margin-bottom: 0px;
}
.jl_sh_ic_li li {
display: flex;
list-style: none;
align-items: center;
}
.jl_sh_ic_li li:hover,
.jl_sh_ic_li li a:hover {
color: var(--jl-txt-color) !important;
}
.jl_sh_ic_li li a {
color: var(--jl-txt-color);
font-size: 16px;
display: flex;
}
.jl_sh_ic_li li a svg, .jl_sh_widget .jl_sh_ic_li li a svg{
width: auto;
}
.cp_txt {
font-size: var(--jl-foot-copyright);
font-family: var(--jl-menu-font);
}
.cp_txt a {
color: var(--jl-main-color);
}
.active_mobile_nav_class {
overflow: hidden;
}
#jl_sb_nav .search_form_menu {
padding: 0px 40px;
float: left;
width: 100%;
margin: 40px 0px 20px 0px;
}
#jl_sb_nav .search_form_menu .button {
border: 0px !important;
line-height: 36px !important;
margin-right: 5px;
background: none;
color: #000 !important;
right: 0px;
top: 0px;
}
#jl_sb_nav .search_form_menu .search_btn {
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
border: 0px solid #000;
background: #ececec;
font-size: 14px;
height: 39px;
line-height: 39px;
color: #000;
}
.menu_mobile_icons {
float: right;
cursor: pointer;
color: #fff;
}
.menu_mobile_icons i {
margin-top: 5px;
}
.menu_mobile_icons.closed_menu .fa-bars {
display: none;
}
.menu_mobile_icons .fa-times {
display: none;
}
.menu_mobile_icons.closed_menu .fa-times {
display: block;
}
#jl_sb_nav .logo_link {
float: left;
width: 100%;
text-align: center;
margin-bottom: 0px;
}
#jl_sb_nav.jl_mobile_nav_wrapper {
visibility: hidden;
display: flex;
flex-direction: column;
}
#jl_sb_nav.jl_mobile_nav_wrapper.jl_mobile_nav_open,
.jl_mb_nav_pos_right #jl_sb_nav.jl_mobile_nav_wrapper.jl_mobile_nav_open,
.jl_mb_nav_pos_right #jl_sb_nav.jl_mobile_nav_wrapper.jl_mobile_nav_open {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-overflow-scrolling: touch;
-webkit-box-shadow: 0 -5px 100px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 -5px 100px rgba(0, 0, 0, 0.1);
box-shadow: 0 -5px 100px rgba(0, 0, 0, 0.1);
opacity: 1;
visibility: visible !important;
}
.jl_mobile_nav_wrapper .jl_mobile_nav_inner, .jl_mobile_nav_wrapper .nav_mb_f{
visibility: hidden;
opacity: 0;
transition: all 0.3s ease;
}
.jl_mobile_nav_wrapper.jl_mobile_nav_open .jl_mobile_nav_inner, .jl_mobile_nav_wrapper.jl_mobile_nav_open .nav_mb_f{
visibility: visible;
opacity: 1;
}
.options_dark_skin #jl_sb_nav.jl_mobile_nav_wrapper.jl_mobile_nav_open{
box-shadow: unset;
}
.jl_mobile_nav_wrapper .logo_small_wrapper_table {
margin-top: -30px;
margin-left: -25px;
margin-right: -25px;
padding: 15px 25px 15px 25px;
margin-bottom: 10px;
border-bottom: 1px var(--jl-sline, solid) var(--jl-post-line-color);
height: auto;
position: sticky;
top: -30px;
z-index: 9;
background: var(--jl-bg-color);
}
.jl_mobile_nav_wrapper .logo_link {
margin-bottom: 0px;
}
/* Left postition */
.jl_mb_nav_pos_left #jl_sb_nav{
left: 0;
-webkit-transform: translate3d(-100%, 0, 0);
-ms-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
#jl_sb_nav {
top: 0;
right: 0;
height: 100%;
z-index: 999999;
width: var(--jl-canvas-w, 350px);
padding: 30px 25px;
color: var(--jl-txt-color);
position: fixed;
background: var(--jl-bg-color);
overflow-y: scroll !important;
-webkit-transition: all .5s cubic-bezier(.30, 0, .140, 1);
-moz-transition: all .5s cubic-bezier(.30, 0, .140, 1);
-o-transition: all .5s cubic-bezier(.30, 0, .140, 1);
transition: all .5s cubic-bezier(.30, 0, .140, 1);
-webkit-transform: translate3d(100%, 0, 0);
-ms-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
-o-transform: translate3d(100%, 0, 0);
-webkit-backface-visibility: hidden;
-webkit-font-smoothing: subpixel-antialiased;
-webkit-overflow-scrolling: touch;
opacity: 1;
visibility: hidden;
transition-duration: 400ms;
}
#jl_sb_nav::-webkit-scrollbar{
width: 3px;
height: 3px;
}
#jl_sb_nav::-webkit-scrollbar-track{
background: rgba(255, 255, 255, .2);
}
#jl_sb_nav::-webkit-scrollbar-thumb{
background: var(--jl-main-color);
}
#jl_sb_nav .menu_moble_slide > li+li{
border-top: 1px var(--jl-sline, solid) var(--jl-post-line-color);
}
#jl_sb_nav .menu_moble_slide li a {
padding: 7px 0px !important;
display: block;
color: var(--jl-txt-color);
position: relative;
font-family: var(--jl-menu-font);
font-size: var(--jl-menu-font-size);
font-weight: var(--jl-menu-font-weight);
text-transform: var(--jl-menu-transform);
letter-spacing: var(--jl-menu-space);
}
#jl_sb_nav .menu_moble_slide li a:hover {
opacity: .5;
}
#jl_sb_nav .menu_moble_slide > li {
border-top: 0px solid var(--jl-post-line-color);
}
#jl_sb_nav .menu_moble_slide > li a {
padding-left: 30px !important;
}
#jl_sb_nav .sub-menu li {
border-top: 0px solid var(--jl-post-line-color);
display: inline-block;
margin: 0;
padding: 0;
}
#jl_sb_nav .menu_moble_slide li {
width: 100%;
list-style: none;
display: inline-block;
margin: 0;
padding: 0px;
position: relative;
}
#jl_sb_nav .menu_moble_slide > li > a{
padding: 10px 0px !important;
}
#jl_sb_nav .menu_moble_slide > li > .sub-menu{
padding-bottom: 10px;
}
#jl_sb_nav .sub-menu .sub-menu a {
padding-left: 30px;
}
#jl_sb_nav .menu_moble_slide li a:hover {
text-decoration: none;
}
#jl_sb_nav .sub-menu > li a {
padding-left: 0px !important;
padding-top: 3px !important;
padding-bottom: 3px !important;
font-size: var(--jl-submenu-font-size);
font-weight: var(--jl-submenu-font-weight);
text-transform: var(--jl-submenu-transform);
letter-spacing: var(--jl-submenu-space);
}
#jl_sb_nav .sub-menu .sub-menu > li a {
padding-left: 20px !important;
}
#jl_sb_nav .sub-menu .sub-menu .sub-menu > li a {
padding-left: 40px !important;
}
#jl_sb_nav .sub-menu .sub-menu .sub-menu .sub-menu > li a {
padding-left: 60px !important;
}
#jl_sb_nav .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu> li a {
padding-left: 80px !important;
}
#jl_sb_nav .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu> li a {
padding-left: 100px !important;
}
#jl_sb_nav .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu> li a {
padding-left: 120px !important;
}
#jl_sb_nav .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu> li a {
padding-left: 140px !important;
}
#jl_sb_nav .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu> li a {
padding-left: 160px !important;
}
#jl_sb_nav .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu> li a {
padding-left: 180px !important;
}
.menu_moble_slide {
border-bottom: 0px solid #DADADA;
margin-bottom: 25px;
}
#jl_sb_nav .menu_moble_slide li a,
#jl_sb_nav .menu_moble_slide {
width: 100% !important;
text-decoration: none !important;
padding: 0px;
}
#jl_sb_nav a .arrow_down {
-moz-osx-font-smoothing: grayscale;
padding: 0px;
position: absolute;
top: 50%;
right: -10px;
width: 35px;
height: 35px;
line-height: 35px;
text-align: center;
color: var(--jl-txt-color);
font-size: 18px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
transform: translate3d(0, 0, 0) perspective(1px) translateY(-50%);
}
#jl_sb_nav a .arrow_down i {
margin: 0px;
width: 35px;
height: 35px;
line-height: 35px;
float: left;
font-size: 7px;
font-weight: bold;
-webkit-transition-duration: 0.6s;
transition-duration: 0.6s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out;
}
#jl_sb_nav ul .menu-active-class {
opacity: 1;
visibility: visible;
display: block;
margin-top: 0px;
}
#jl_sb_nav .sub-menu {
border: none;
padding: 0;
margin: 0;
position: relative;
display: none;
box-shadow: none;
}
#jl_sb_nav .jl_close_wapper .jl_close_1, #jl_sb_nav .jl_close_wapper .jl_close_2{
background-color: var(--jl-txt-color);
}
.mobile_menu_active.mobile_menu_overlay {
visibility: visible;
background: rgba(0,0,9,.35);
cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='51px' height='51px' viewBox='0 0 51 51' enable-background='new 0 0 51 51' xml:space='preserve' style=' stroke-width: 2;%0A'%3E%3Cline fill='none' stroke='%23fff' stroke-miterlimit='10' x1='15.25' y1='35.75' x2='35.75' y2='15.25' style=' /* stroke-width: 2px; */%0A'%3E%3C/line%3E%3Cline fill='none' stroke='%23fff' stroke-miterlimit='10' x1='15.25' y1='15.25' x2='35.75' y2='35.75'%3E%3C/line%3E%3C/svg%3E")21 21, pointer;
}
.mobile_menu_overlay {
display: block;
width: 100%;
height: 100%;
z-index: 99999;
position: fixed;
top: 0;
left: 0;
visibility: hidden;
background: transparent;
transition: all 0.3s ease;
}
.sb-toggle-left {
display: none;
width: 40px;
height: 38px;
margin-left: 15px;
float: right !important;
padding: 11px 8px 8px 8px;
background: #151515;
cursor: pointer;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.navicon-line {
width: 24px;
height: 4px;
border-radius: 1px;
margin-bottom: 3px;
background-color: #FFF;
}
.mobile_menu_meg {
width: 100%;
position: relative;
float: left;
display: none;
}
#nav-wrapper {
background-color: #151515;
text-align: left;
float: left;
width: 100% !important;
position: absolute;
display: none;
z-index: 9999;
}
#nav-wrapper #menu-main-menu {
margin: 0px;
padding: 0px;
}
#nav-wrapper .jl_main_menu > li {
border-top: 1px solid #212121;
}
#nav-wrapper .jl_main_menu > li a {
padding-left: 30px !important;
}
#nav-wrapper .sub-menu li {
border-top: 1px solid #212121;
display: inline-block;
margin: 0;
padding: 0;
}
#nav-wrapper #menu-main-menu li {
width: 100%;
list-style: none;
display: inline-block;
margin: 0;
padding: 6px 0px;
}
#nav-wrapper .sub-menu .sub-menu a {
padding-left: 30px;
}
#nav-wrapper #menu-main-menu li a:hover {
text-decoration: none;
}
#nav-wrapper .sub-menu > li a {
padding-left: 50px !important;
}
#nav-wrapper .sub-menu .sub-menu > li a {
padding-left: 70px !important;
}
#nav-wrapper .sub-menu .sub-menu .sub-menu > li a {
padding-left: 90px !important;
}
#nav-wrapper .sub-menu .sub-menu .sub-menu .sub-menu > li a {
padding-left: 110px !important;
}
#nav-wrapper .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu> li a {
padding-left: 130px !important;
}
#nav-wrapper a,
#nav-wrapper #menu-main-menu {
color: #FFF;
width: 100% !important;
text-decoration: none !important;
}
#nav-wrapper li:hover a {
color: #ccc;
}
#nav-wrapper a .arrow_down {
background-color: #212121;
border: 1px solid #333;
padding: 0px 6px;
margin-left: 20px;
}
#nav-wrapper ul .menu-active-class {
opacity: 1;
visibility: visible;
display: block;
margin-top: 10px;
}
#nav-wrapper .sub-menu {
border: none;
padding: 0;
margin: 0;
position: relative;
visibility: hidden;
display: none;
box-shadow: none;
}
/*-------------------------------------------------------------------------------------
Cart
-------------------------------------------------------------------------------------*/
.jl_h_cart .cart-link {
position: relative;
display: flex;
display: -webkit-flex;
height: 100%;
line-height: 1;
cursor: pointer;
justify-content: center;
align-items: center;
}
.navbar-right {
position: relative;
display: flex;
display: -webkit-flex;
flex-flow: row nowrap;
align-items: stretch;
justify-content: flex-end;
}
.navbar-right > * {
position: static;
display: flex;
display: -webkit-flex;
margin-left: 7px;
flex-flow: row nowrap;
align-items: center;
}
.jl_h_cart, .jl_h_cart .jl_l_cart{
display: flex;
align-items: center;
height: 100%;
color: var(--jl-menu-color);
}
.jl_h_cart .cart-link,
.off-canvas-wrap .cart-link {
font-size: 24px;
}
.jl_l_cart .jli-bag{
font-size: 17px;
color: var(--jl-menu-color);
}
.jl_i_cart {
display: flex;
display: -webkit-flex;
align-items: center;
position: relative;
font-size: 20px;
}
.jl_i_cart svg{
width: 1em;
height: auto;
}
.jl_count_cart {
display: flex;
align-items: center;
justify-content: center;
width: 19px;
height: 19px;
color: #fff;
font-size: 10px;
background: var(--jl-main-color);
border-radius: 50%;
font-style: normal;
font-family: var(--jl-menu-font);
font-weight: 400;
}
.jl-hshow {
position: absolute;
top: 100%;
right: 0;
left: auto;
z-index: 1000;
display: block;
visibility: hidden;
padding: 25px;
width: 310px;
background: var(--jl-sub-bg-color);
color: var(--jl-sub-menu-color);
opacity: 0;
box-shadow: 0 0 25px 0 rgba(0,0,0,.08);
border-radius: var(--jl-sub-m-radius, 8px);
-webkit-transition: all .2s;
-moz-transition: all .2s;
-ms-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
pointer-events: none;
transform: translateY(-0.6rem);
}
.jl-hshow .woocommerce-mini-cart{
max-height: 255px;
overflow: auto;
}
.jl-hshow .woocommerce-mini-cart__empty-message{
color: currentColor;
}
.is-hover:hover .jl-hshow {
visibility: visible;
opacity: 1;
pointer-events: auto;
transform: translatey(0px);
}
.jl-hshow .woocommerce-mini-cart__buttons.buttons .button{
padding: 0px !important;
width: 100%;
border-radius: var(--jl-button-radius);
height: 40px;
line-height: 1.2 !important;
font-size: var(--jl-button-font-size);
}
.jl-hshow .mini_cart_item img{
border: 1px solid var(--jl-sub-line-color);
}
/*-------------------------------------------------------------------------------------
Ads
-------------------------------------------------------------------------------------*/
.jl_ads_wrap_sec{
display: flex;
flex-direction: column;
width: 100%;
}
.jl_adsw{
text-align: center;
}
.jl_ads_wrap_sec.jl_auth_adsbl, .jl_ads_wrap_sec.jl_rel_adsab, .jl_ads_wrap_sec.jl_rel_adsbl{
margin-top: 40px;
}
/* Button */
.jlopt-btn{
font-family: var(--jl-menu-font);
font-size: var(--jl-button-font-size);
font-weight: var(--jl-button-font-weight);
text-transform: var(--jl-button-transform);
letter-spacing: var(--jl-button-space);
padding: 16px 30px;
display:inline-flex;
align-items: center;
justify-content: center;
color:#fff;
position:relative;
line-height:1;
overflow: hidden;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
white-space:nowrap;
vertical-align:middle;
text-align:center;
background-color:#000;
-webkit-transition:all .25s ease-in-out;
transition:all .25s ease-in-out;
}
.jlopt-btn:hover{
background-color:var(--jl-main-color);
color:#fff;
}
.jlopt-btn:hover:before{
opacity:1
}
.jlopt-btn:before{
position:absolute;
content:"";
background-color:var(--jl-main-color);
-webkit-transition:all .25s ease-in-out;
transition:all .25s ease-in-out;
top:0;
left:0;
height:100%;
width:100%;
background-size:102% 102%;
opacity:0
}
.jlopt-btn span{
z-index: 1;
display: flex;
}
.jlopt-btn i{
display:inline-block;
vertical-align:middle
}
.jlopt-btn svg{
width:14px;
height:auto;
vertical-align:middle
}
/* btn size */
.jlopt-btn.jl_bnt_xl{
font-size: 20px;
padding: 24px 46px;
}
.jlopt-btn.jl_bnt_lg{
font-size: 18px;
padding: 18px 34px;
}
.jlopt-btn.jl_bnt_md{
font-size: 16px;
padding: 16px 30px;
}
.jlopt-btn.jl_bnt_sm{
font-size: 15px;
padding: 13px 26px;
}
.jlopt-btn.jl_bnt_sm svg{
width: 12px;
}
.jlopt-btn.jl_bnt_xs{
font-size: 13px;
padding: 10px 20px;
}
.jlopt-btn.jl_bnt_xs svg{
width: 10px;
}
/* btn ani */
.jlopt-btn.jl_b_top_ani:before{
transform-origin: top;
transform: scaleY(0);
opacity: 1;
}
.jlopt-btn.jl_b_bottom_ani:before{
transform-origin: bottom;
transform: scaleY(0);
opacity: 1;
}
.jlopt-btn.jl_b_left_ani:before{
transform-origin: left;
transform: scaleX(0);
opacity: 1;
}
.jlopt-btn.jl_b_right_ani:before{
transform-origin: right;
transform: scaleX(0);
opacity: 1;
}
.jlopt-btn.jl_b_top_ani:hover:before, .jlopt-btn.jl_b_bottom_ani:hover:before, .jlopt-btn.jl_b_left_ani:hover:before, .jlopt-btn.jl_b_right_ani:hover:before{
transform: scaleX(1) scaleY(1);
}
.jlopt-btn.jl_b_top_ani:hover, .jlopt-btn.jl_b_bottom_ani:hover, .jlopt-btn.jl_b_left_ani:hover, .jlopt-btn.jl_b_right_ani:hover{
background: #000;
}
/* btn text animation */
.jlopt-btn.jl_t_switch_ani .jl_btn_txt,
.jlopt-btn.jl_i_ver_ani .jl_btn_ico,
.jlopt-btn.jl_i_hor_ani .jl_btn_ico{
overflow: hidden;
position: relative;
}
.jlopt-btn.jl_t_switch_ani .jl_btn_txt .jl_btn_inn,
.jlopt-btn.jl_t_switch_ani .jl_btn_txt .jl_btn_dup,
.jlopt-btn.jl_i_ver_ani .jl_btn_ico > *:first-child,
.jlopt-btn.jl_i_ver_ani .jl_btn_ico > *:nth-child(2),
.jlopt-btn.jl_i_hor_ani .jl_btn_ico > *:first-child,
.jlopt-btn.jl_i_hor_ani .jl_btn_ico > *:nth-child(2){
transition: transform .5s cubic-bezier(.25,.7,.24,.91),opacity .35s;
display: inline-block;
}
.jlopt-btn.jl_t_switch_ani .jl_btn_txt .jl_btn_dup,
.jlopt-btn.jl_i_ver_ani .jl_btn_ico > *:nth-child(2){
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transform: translate(0, 100%);
opacity: 0;
}
.jlopt-btn.jl_t_switch_ani:hover .jl_btn_txt .jl_btn_inn,
.jlopt-btn.jl_i_ver_ani:hover .jl_btn_ico > *:first-child{
opacity: 0;
transform: translate(0,-100%);
}
.jlopt-btn.jl_t_switch_ani:hover .jl_btn_txt .jl_btn_dup,
.jlopt-btn.jl_i_ver_ani:hover .jl_btn_ico > *:nth-child(2){
opacity: 1;
transform: translate(0,0);
}
.jlopt-btn.jl_i_hor_ani .jl_btn_ico > *:nth-child(2){
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transform: translate(-100%, 0);
opacity: 0;
}
.jlopt-btn.jl_i_hor_ani:hover .jl_btn_ico > *:first-child{
opacity: 0;
transform: translate(200%,0);
}
.jlopt-btn.jl_i_hor_ani:hover .jl_btn_ico > *:nth-child(2){
opacity: 1;
transform: translate(0,0);
}
/* btn line animation */
.jlopt-btn.jl_t_line_ani .jl_btn_txt{
position: relative;
}
.jlopt-btn.jl_t_line_ani .jl_btn_txt:after{
content: '';
width: 0;
height: 1px;
background-color: currentColor;
position: absolute;
bottom: -2px;
left: 0;
transition: width .3s cubic-bezier(.77,0,.175,1);
}
.jlopt-btn.jl_t_line_ani:hover .jl_btn_txt:after{
width: 100%
}
/* btn ourline */
.jlopt-btn.jl_bnt_border{
background: transparent;
color: #000;
border: 1px solid #000;
}
.jlopt-btn.jl_bnt_border:hover{
border-color: var(--jl-main-color);
color: #fff;
}
/* btn simple */
.jlopt-btn.jl_bnt_simple, .jlopt-btn.jl_bnt_simple:before{
background: transparent !important;
color: #000;
padding: 0px;
}
.jlopt-btn.jl_bnt_simple.jl_t_line_ani{
overflow: visible !important;
}
.jlopt-btn.jl_bnt_simple:hover{
color: var(--jl-main-color);
}
.jl_btn_w_t{
display: flex;
flex-direction: column;
gap: 5px;
}
.jl_btn_w_t .jl_btn_txt{
font-weight: bold;
}
.jl_btn_w_t .jl_btn_info{
opacity: .8;
font-size: 87%;
}
.jlopt-btn.jl_btnin:hover{
background: transparent !important;
}
.jlopt-btn.jl_btnin svg{
width: 28px;
}
/* Custom banner */
.jl_cus_bw{
display: flex;
justify-content: var(--jl-cbma-align, center);
width: 100%;
}
.jl_cus_ban_inner{
display: flex;
flex-direction: column;
justify-content: var(--jl-cbv-align, flex-end);
align-items: var(--jl-cbh-align, flex-start);
text-align: var(--jl-cb-align, left);
padding: var(--jl-cb-padding, 30px);
gap: var(--jl-cb-gap, 10px);
height: var(--jl-cb-height, 420px);
width: 100%;
background-color: #000;
max-width: var(--jl-bmax, 330px);
border-radius: var(--jl-cbradus, 5px);
position: relative;
overflow: hidden;
}
.jl_cb_smt{
position: relative;
color: var(--jl-cbsm-color, #fff);
font-size: 10px;
text-transform: uppercase;
letter-spacing: 0.05em;
width: var(--jl-cmax, 100%);
}
.jl-cb-head{
position: relative;
margin-bottom: 0px;
color: var(--jl-cbmm-color, #fff);
font-size: 20px;
width: var(--jl-cmax, 100%);
}
.jl_cb_desc{
position: relative;
color: var(--jl-cbdes-color, #fff);
font-size: 13px;
width: var(--jl-cmax, 100%);
}
.jl_cus_ban_inner .jl_cb_btn{
position: relative;
margin: var(--jl-btn-mt, 10px) 0px 0px 0px !important;
padding: var(--jl-cbbtn-padding, 1em 1.5em) !important;
line-height: 1;
z-index: 2;
}
.jl_cus_ban_inner .jl_cb_btn:hover, .jl-eb-sl .jl_fe_inner .jl_cap_btn:hover, .jl_fr9_wrap .jl_cap_btn:hover{
background: var(--jl-btnhbg, var(--jl-btnbg, #fff));
color: var(--jl-btnhcolor, var(--jl-btncolor, #000)) !important;
}
.jl_cb_ov{
background-color: var(--jl-cb-hbg, #00000042);
}
.jl_cb_url, .jl_cb_ov{
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
}
/* Simple text */
.jlc-ctw > *{
margin: 0px;
color: var(--jl-ct-color, var(--jl-txt-color));
}
.jlc-ctw > * a{
color: var(--jl-ct-lcolor, var(--jl-ct-color));
font-weight: bold;
}
.jlc-ctw > * a:hover{
color: var(--jl-ct-lhcolor, var(--jl-main-color));
}
/*-------------------------------------------------------------------------------------
Day and Night
-------------------------------------------------------------------------------------*/
.bopea_day_night {
position: relative;
display: flex;
}
.options_dark_skin.jl_en_day_night .jli-sun {
display: block;
}
.jl_en_day_night .jli-moon {
display: block;
}
.bopea_day_night .g1-button-none {
padding: 0;
border-width: 0;
box-shadow: none;
text-align: inherit;
border-color: transparent;
background-color: transparent;
color: inherit;
}
.bopea_day_night .jl-night-toggle-icon {
overflow: hidden;
position: relative;
display: flex;
text-align: center;
vertical-align: middle;
cursor: pointer;
border-radius: 100px;
color: var(--jl-menu-color);
}
.jl-night-toggle-icon.active i,
.jl-night-toggle-icon.active:hover i {
color: var(--jl-menu-color) !important;
}
.jl-night-toggle-icon svg{
width: 1em;
height: auto;
}
.jl-night-toggle-icon .jl_sun, .options_dark_skin .jl-night-toggle-icon .jl_moon{
opacity: 0;
visibility: hidden;
pointer-events: none;
}
.options_dark_skin .jl-night-toggle-icon .jl_sun{
opacity: 1;
visibility: visible;
pointer-events: all;
}
.bopea_day_night .jl_sun, .bopea_day_night .jl_moon {
width: 100%;
display: flex;
align-items: center;
font-size: 19px;
transition: all 0.3s ease 0s;
}
.bopea_day_night .jl_sun{
position: absolute;
top: 0px;
left: 0px;
}
.jl_menu_sticky {
-webkit-backface-visibility: hidden !important;
backface-visibility: hidden !important;
}
.jl_blank_nav {
float: left;
width: 100%;
}
/*-------------------------------------------------------------------------------------
Transparent Header
-------------------------------------------------------------------------------------*/
.jl_header_tp .jlc-hmain-w{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
z-index: 9;
--jl-menu-bg: transparent;
--jl-menu-hcolor: #ffffff;
}
.jl_header_tp .jlh-d .jlc-hmain-in{
box-shadow: none;
}
.jl_header_tp{
}
.page-template-page-fullwidth .jlc-hmain-w,
.page-template .jlc-hmain-w,
.archive .jlc-hmain-w,
.s_post_layout_2 .jlc-hmain-w,
.s_post_layout_3 .jlc-hmain-w,
.page-template-default .jlc-hmain-w{
border-bottom: 0px;
}
.admin-bar .jlc-hmain-w, .admin-bar.jl_nav_stick.menu-detached .jlc-stick-main-w{
top: 32px;
}
@media screen and (max-width: 782px){
.admin-bar .jlc-hmain-w, .admin-bar.jl_nav_stick.menu-detached .jlc-stick-main-w{
top: 46px;
}
}
@media screen and (max-width: 600px){
.admin-bar .jlc-hmain-w, .admin-bar.jl_nav_stick.menu-detached .jlc-stick-main-w{
top: 0px;
}
}
.jlc-stick-main-w .jlc-stick-main-in{
width: 100%;
background: var(--jl-menu-bg);
box-shadow: 0 2px 9px rgb(0 0 0 / 6%);
}
.jlc-hmain-w .jlc-hmain-in {
width: 100%;
background: var(--jl-menu-bg);
box-shadow: 0 2px 9px rgb(0 0 0 / 6%);
position: relative;
z-index: 999;
}
.jl_nav_stick.menu-invisible.menu-detached .jl_r_menu {
-moz-transform: translateY(-115%);
-ms-transform: translateY(-115%);
-webkit-transform: translateY(-115%);
transform: translateY(-115%);
visibility: hidden;
opacity: 0;
pointer-events: none;
}
.jl_nav_stick.menu-hide-fixed.menu-detached .jl_r_menu{
-moz-transform: translateY(-115%);
-ms-transform: translateY(-115%);
-webkit-transform: translateY(-115%);
transform: translateY(-115%);
visibility: hidden;
opacity: 0;
pointer-events: none;
}
.jl_nav_stick.menu-detached .jl_r_menu, .menu-detached.jl_sticky_fixed .jl_r_menu, .menu-detached.jl_sticky_fixed.jl_nav_stick.menu-invisible .jl_r_menu{
position: fixed;
z-index: 150;
display: block;
visibility: visible;
opacity: 1;
pointer-events: auto;
-moz-transform: translateY(0%);
-ms-transform: translateY(0%);
-webkit-transform: translateY(0%);
transform: translateY(0%);
z-index: 9999;
transition: all .2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.jl_nav_stick .jl_r_menu {
position: fixed;
z-index: 9998;
top: 0;
width: 100%;
display: block;
visibility: hidden;
opacity: 0;
pointer-events: none;
-moz-transform: translateY(-110%);
-ms-transform: translateY(-110%);
-webkit-transform: translateY(-110%);
transform: translateY(-110%);
-moz-transition: -moz-transform .01s cubic-bezier(0.455, 0.03, 0.515, 0.955);
-o-transition: -o-transform .01s cubic-bezier(0.455, 0.03, 0.515, 0.955);
-webkit-transition: -webkit-transform .3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: transform .2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.jl_nav_stick .jl_r_menu.m-visible {
top: 0;
display: block;
}
.jl_nav_stick .admin-bar .jl_r_menu.m-visible {
top: 32px;
}
.is-header-row.jl_nav_stick .site-header.jl_base_menu.m-hidden,
.is-header-row.jl_nav_stick.menu-detached .site-header.jl_base_menu,
.is-header-small.jl_nav_stick .site-header.jl_base_menu.m-hidden,
.is-header-small.jl_nav_stick.menu-detached .site-header.jl_base_menu {
opacity: 0;
}
.jl_hwrap{
position: relative;
width: 100%;
height: var(--jl-sec-menu-height);
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: stretch;
}
.navigation_wrapper {
display: flex;
align-items: center;
justify-content: center;
flex: 0 1 auto;
}
.logo_small_wrapper_table {
display: flex;
padding: 0;
align-items: center;
margin-right: 0px;
position: relative;
z-index: 1;
flex: 1;
}
.logo_small_wrapper_table .logo_small_wrapper {
display: flex;
}
.logo_small_wrapper_table .logo_small_wrapper a {
margin: 0;
display: flex;
position: relative;
}
.logo_small_wrapper_table .logo_small_wrapper .logo_link > h1, .logo_small_wrapper_table .logo_small_wrapper .logo_link > span{
display: flex;
margin: 0px;
padding: 0px;
}
.logo_small_wrapper_table .logo_small_wrapper a:hover {
text-decoration: none !important;
}
.logo_small_wrapper_table .logo_small_wrapper a * {
-webkit-transition: all 0.2s ease 0s;
-moz-transition: all 0.2s ease 0s;
-ms-transition: all 0.2s ease 0s;
-o-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
}
.options_dark_skin .logo_small_wrapper_table .logo_small_wrapper a .jl_logo_n {
opacity: 0;
}
.options_dark_skin .logo_small_wrapper_table .logo_small_wrapper a .jl_logo_w {
opacity: 1 !important;
visibility: visible;
}
/*Header 1*/
.jlc-hop1 .jl_hwrap{
justify-content: space-between;
}
.jlc-hop1 .jl_hd1_nav{
display: flex;
align-items: center;
justify-content: flex-end;
flex: 1;
}
.jlc-hop1 .navigation_wrapper{
display: block;
height: 100%;
}
.jlc-hop1 .search_header_menu{
margin-left: 30px;
height: 100%;
flex: 0;
}
/*Header 3*/
.jl_hleftwrap{
display: flex;
align-items: center;
gap: 30px;
}
/*-------------------------------------------------------------------------------------
Layout options
-------------------------------------------------------------------------------------*/
.jl-main-block::after{
content: '';
display: block;
clear: both;
}
/* Category link */
.jl_ajax_w{
margin-bottom: 15px;
}
.jl_ajax_c{
display: flex;
align-items: center;
gap: 7px;
font-size: 14px;
font-family: var(--jl-menu-font);
}
.jl_ajax_c .jl-ac-m{
background-repeat: no-repeat;
background-image: linear-gradient(90deg,currentColor 0,currentColor 94%);
transition: background-size .35s cubic-bezier(.215,.61,.355,1);
background-position: 0 94%;
background-size: 100% 1px;
}
.jl_ajax_c .ajax_nav_item.jl_spn{
opacity: .4;
font-size: 80%;
}
.jl_ajax_c .ajax_nav_item:last-child{
display: none;
}
.jl-main-content{
padding: var(--jl-stp, 25px) 0px var(--jl-sbp, 50px) 0px;
}
/* layout title */
.jl_fe_title{
display: block;
margin-bottom: 0px;
color: var(--jl-txt-color) !important;
}
.jl_fe_title a{
-ms-word-wrap: break-word;
word-wrap: break-word;
color: currentColor;
}
.jl_fe_des{
margin-top: 10px;
margin-bottom: 15px;
font-weight: var(--jl-body-font-weight) !important;
font-size: var(--jl-ach-excp, 14px) !important;
line-height: var(--jl-ach-lh-excp, 1.5 ) !important;
letter-spacing: var(--jl-ach-ls-excp, 0em);
color: var(--jl-except-color) !important;
display: -webkit-box !important;
-webkit-line-clamp: var(--jl-excpt-row, 2);
-webkit-box-orient: vertical;
overflow: hidden;
}
.jl_tline .jl_fe_title a,
.jl_tline .jl_wc_title a,
.jl_tline .woocommerce-loop-product__title a,
.jl_tline .jl_navpost .jl_cpost_title{
display: inline !important;
background-repeat: no-repeat;
background-image: linear-gradient(90deg,currentColor 0,currentColor 94%);
transition: background-size .4s cubic-bezier(.215,.61,.355,1), opacity .5s ease;
background-position: 0 94%;
background-size: 0 var(--jl-title-line-h);
position: relative;
z-index: 3;
color: var(--jl-txt-color);
}
.jl_tline .jl_fe_title a:hover,
.jl_tline .jl_wc_title a:hover,
.jl_tline .jl_navpost .jl_nav_link:hover .jl_cpost_title,
.jl_tline .woocommerce-loop-product__title a:hover{
background-size: 100% var(--jl-title-line-h);
color: var(--jl-txt-color);
}
.jl_bgt .jl_fe_title a,
.jl_bgt .jl_wc_title a,
.jl_bgt .woocommerce-loop-product__title a,
.jl_bgt .jl_navpost .jl_cpost_title{
display: inline;
background-repeat: no-repeat;
background-image: linear-gradient(90deg,var(--jl-main-color) 0,var(--jl-main-color) 100%);
transition: background-size .4s ease,color .4s ease;
background-position: 0 100%;
background-size: 0 100%;
position: relative;
z-index: 3;
color: var(--jl-txt-color);
}
.jl_bgt .jl_fe_title a:hover,
.jl_bgt .jl_wc_title a:hover,
.jl_bgt .jl_navpost .jl_nav_link:hover .jl_cpost_title,
.jl_bgt .woocommerce-loop-product__title a:hover{
background-size: 100% 100%;
color: #fff !important;
}
.jl_uline .jl_fe_title a,
.jl_uline .jl_wc_title a,
.jl_uline .woocommerce-loop-product__title a,
.jl_uline .jl_navpost .jl_cpost_title{
text-decoration: underline rgba(255, 255, 255, 0) !important;
transition: all 0.3s !important;
}
.jl_uline .jl_fe_title a:hover,
.jl_uline .jl_wc_title a:hover,
.jl_uline .jl_navpost .jl_nav_link:hover .jl_cpost_title,
.jl_uline .woocommerce-loop-product__title a:hover{
text-decoration: underline !important;
text-decoration-color: currentColor;
}
/* layout media */
.overlay-media{
display: block;
clear: both;
position: absolute;
top: 0;
left: 0;
margin: 0 !important;
transform: none !important;
overflow: hidden;
width: 100% !important;
height: 100% !important;
padding: 0;
margin: 0;
background: #000;
}
@keyframes showOpa {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.overlay-media video{
width: 100%;
max-width: 100%;
height: 100%;
animation: showOpa 1s normal forwards;
animation-delay: 0.5s;
-o-object-fit: cover;
object-fit: cover;
}
iframe.loaded{
opacity: 1 !important;
}
.video-wrap{
opacity: 0;
transition: .5s cubic-bezier(0.3,0.7,0.7,1) opacity;
transition-delay: 1.5s;
}
.video-wrap.jl_load_vids{
opacity: 1 !important;
}
.overlay-media iframe{
position: absolute;
pointer-events: none;
width: var(--jl-frame-w, 150%) !important;
height: 178% !important;
opacity: 0;
transition: 0.5s cubic-bezier(0.3, 0.7, 0.7, 1) opacity;
transition-delay: 1.5s;
margin: 0 !important;
max-width: none !important;
transform: translate(-50%,-50%);
left: 50%;
top: 50%;
}
/* layout cat */
.jl_f_cat{
display: flex;
width: 100%;
margin-bottom: 10px;
gap: 3px;
flex-wrap: wrap;
justify-content: var(--jl-h-align);
}
.jl_f_cat.jl_lb1{
gap: 5px 15px;
}
.jl_f_cat .jl_cat_txt{
color: var(--jl-meta-color);
font-family: var(--jl-menu-font);
font-size: var(--jl-cat-font-size);
font-weight: var(--jl-cat-font-weight);
letter-spacing: var(--jl-cat-font-space);
text-transform: var(--jl-cat-transform);
}
.jl_f_cat .jl_cat_txt:hover{
color: var(--jl-meta-color);
}
.cat_dot_sq .jl_f_cat > a span, .cat_dot_cir .jl_f_cat > a span{
display: flex;
align-items: center;
gap: 4px;
}
.cat_dot_sq .jl_f_cat > a > span:before, .cat_dot_cir .jl_f_cat > a > span:before{
display: inline-flex;
content: '';
width: 0.6em;
height: 0.6em;
background-color: var(--jl-cat-sk, var(--jl-main-color));
}
.cat_dot_sq.jl_cbgou .jl_f_cat.jl_lb4 > a > span:before,
.cat_dot_sq.jl_cbgou .jl_f_cat.jl_lb5 > a > span:before,
.cat_dot_sq.jl_cbgou .jl_f_cat.jl_lb6 > a > span:before,
.cat_dot_sq.jl_cbgou .jl_f_cat.jl_lb7 > a > span:before,
.cat_dot_cir.jl_cbgou .jl_f_cat.jl_lb4 > a > span:before,
.cat_dot_cir.jl_cbgou .jl_f_cat.jl_lb5 > a > span:before,
.cat_dot_cir.jl_cbgou .jl_f_cat.jl_lb6 > a > span:before,
.cat_dot_cir.jl_cbgou .jl_f_cat.jl_lb7 > a > span:before{
background: currentColor;
}
.cat_dot_cir .jl_f_cat > a > span:before{
border-radius: 20px;
}
.jl_cbgca.cat_dot_sq .jl_f_cat > a > span:before, .jl_cbgca.cat_dot_cir .jl_f_cat > a > span:before{
background: currentColor;
}
.jl_cbgop .jl_f_cat .jl_cat_lbl{
background: transparent;
position: relative;
overflow: hidden;
}
.jl_cbgop .jl_f_cat .jl_cat_lbl span{
position: relative;
z-index: 2;
color: var(--jl-cat-sk, var(--jl-main-color));
}
.jl_cbgop .jl_f_cat .jl_cat_lbl:after{
content: '';
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
opacity: .17;
background-color: var(--jl-cat-sk, var(--jl-main-color));
}
.jl_cbgop .jl_fr9_inner .jl_f_cat .jl_cat_lbl:after, .jl_cbgop .jl_mega_go .jl_f_cat .jl_cat_lbl:after, .jl_cbgop .jl_ov_el .jl_f_cat .jl_cat_lbl:after, .jl_cbgop .jl_f_cat.jl_lb4 .jl_cat_lbl:after, .jl_cbgop .jl_f_cat.jl_lb5 .jl_cat_lbl:after, .jl_cbgop .jl_f_cat.jl_lb6 .jl_cat_lbl:after, .jl_cbgop .jl_f_cat.jl_lb7 .jl_cat_lbl:after{
background: #fff;
opacity: 1;
}
.jl_cbgou .jl_f_cat .jl_cat_lbl{
background: transparent;
color: var(--jl-meta-color);
border: 1px solid var(--jl-fline, var(--jl-post-line-color));
}
.jl_cbgou .jl_f_cat .jl_cat_lbl:hover{
background: var(--jl-cat-sk, var(--jl-main-color));
color: #fff;
border-color: transparent !important;
}
.jl_cbgou .jl_ov_el .jl_f_cat > a > span:before,
.jl_cbgou .jl_mega_go .jl_f_cat > a > span:before,
.jl_cbgou .jl_cc_car .jl_f_cat > a > span:before,
.jl_cbgou .jl_fe_text.jl_fe_main .jl_f_cat > a > span:before,
.jl_cbgou .jl-showcase-item-inner .jl_f_cat > a > span:before,
.jl_cbgou.cat_dot_sq .jl_f_cat > a:hover > span:before, .jl_cbgou.cat_dot_cir .jl_f_cat > a:hover > span:before{
background: #fff;
}
.jl_cbgou.cat_dot_sq .jl_f_cat.jl_lb1 > a:hover > span:before,
.jl_cbgou.cat_dot_sq .jl_f_cat.jl_lb2 > a:hover > span:before,
.jl_cbgou.cat_dot_cir .jl_f_cat.jl_lb1 > a:hover > span:before,
.jl_cbgou.cat_dot_cir .jl_f_cat.jl_lb2 > a:hover > span:before{
background: var(--jl-cat-sk, var(--jl-main-color));
}
.jl_cbgou .jl-showcase-item-inner .jl_f_cat .jl_cat_lbl, .jl_cbgou .jl_fe_text.jl_fe_main .jl_f_cat .jl_cat_lbl, .jl_cbgou .jl_cc_car .jl_f_cat .jl_cat_lbl, .jl_cbgou .jl_ov_el .jl_f_cat .jl_cat_lbl, .jl_cbgou .jl_f_cat.jl_lb4 .jl_cat_lbl, .jl_cbgou .jl_f_cat.jl_lb5 .jl_cat_lbl, .jl_cbgou .jl_f_cat.jl_lb6 .jl_cat_lbl, .jl_cbgou .jl_f_cat.jl_lb7 .jl_cat_lbl{
background: var(--jl-cat-sk, var(--jl-main-color));
border-color: transparent;
color: #fff;
}
/* layout category 1 */
.jl_lb1 > a{
position: relative;
line-height: 1.12;
}
.jl_lb1 > a span{
z-index: 2;
position: relative;
text-decoration: underline;
text-decoration-color: var(--jl-cat-sk, var(--jl-main-color));
text-decoration-thickness: 0.1em;
}
.jl_lb1 .jl_cat_txt{
display: flex;
align-items: center;
}
/* layout category 2 */
.jl_lb2 a{
position: relative;
line-height: 1.12;
}
.jl_lb2 a:after{
content: ",";
}
.jl_lb2 a:last-child:after{
content: ",";
display: none;
}
.jl_lb2 .jl_cat_txt{
display: flex;
align-items: center;
}
/* layout category 3 */
.jl_lb3 .jl_cat_lbl, .jl_lb4 .jl_cat_lbl, .jl_lb5 .jl_cat_lbl, .jl_lb6 .jl_cat_lbl, .jl_lb7 .jl_cat_lbl{
padding: 5px 9px;
color: #fff;
background: var(--jl-cat-sk, var(--jl-main-color));
line-height: 1.2;
position: relative;
z-index: 2;
font-family: var(--jl-menu-font);
font-size: var(--jl-cat-font-size);
font-weight: var(--jl-cat-font-weight);
letter-spacing: var(--jl-cat-font-space);
text-transform: var(--jl-cat-transform);
}
.jl_caropt_w .jl-eb-sl .jl_ov_el.jl_ov_bg .jl_lb3 .jl_cat_lbl, .jl-eb-sl .jl_ov_el.jl_ov_bg .jl_lb3 .jl_cat_lbl, .jl_fe_inner .jl_lb3 .jl_cat_lbl{
color: #fff !important;
}
/* layout category 4 */
.jl_lb4{
position: absolute;
width: unset;
bottom: 10px;
left: 10px;
right: 10px;
margin: 0px;
}
/* layout category 5 */
.jl_lb5{
position: absolute;
bottom: 0px;
margin: 0px;
left: 0px;
}
/* layout category 6 */
.jl_lb6{
position: absolute;
bottom: 0px;
margin: 0px;
left: 0px;
display: flex;
justify-content: center;
flex-wrap: wrap;
}
/* layout category 7 */
.jl_lb7{
position: absolute;
top: 10px;
margin: 0px;
left: 10px;
width: auto;
}
/* Section category */
.jl_cat_lopt{
width: 100%;
display: grid;
grid-template-columns: repeat(1,minmax(0,1fr));
grid-gap: 10px;
}
.jl_cat_lopt .jl_cimg{
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
.jl_cat_lopt .jl_cimg img{
width: 100%;
height: 100%;
max-width: 100%;
-o-object-fit: cover;
object-fit: cover;
display: block;
transition: transform 1s ease,opacity .5s ease;
transform: scale(1.01);
}
.jl_cat_img_link{
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
z-index: 3;
}
/* Section category 1 */
.jl_cat_opt1{
--jl-cat-hs: 60px;
}
.jl_cat_opt1 .jl_cat_opt_w{
position: relative;
overflow: hidden;
height: var(--jl-cat-hs);
background: #000;
}
.jl_cat_opt1 .jl_cat_lbw{
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0px 17px;
font-family: var(--jl-menu-font);
font-weight: var(--jl-cat-font-weight);
background-image: -moz-linear-gradient(90deg, var(--jl-catc-bg, #000) -20%, rgba(0, 0, 0, 0) 100%);
background-image: -webkit-linear-gradient(90deg, var(--jl-catc-bg, #000) -20%, rgba(0, 0, 0, 0) 100%);
background-image: linear-gradient(90deg, var(--jl-catc-bg, #000) -20%, rgba(0, 0, 0, 0) 100%);
}
.jl_cat_opt1 .jl_cat_lbw .jl_cm_name{
color: #fff;
font-size: 15px;
}
.jl_cat_opt1 .jl_cat_lbw .jl_cm_count{
color: #000;
min-width: var(--jl-cat-size, 26px);
height: var(--jl-cat-size, 26px);
padding: 0px 3px;
border-radius: 100px;
display: flex;
align-items: center;
justify-content: center;
font-size: var(--jl-cat-num, 12px);
background: rgba(255,255,255,.9);
}
/* Section category 2 */
.jl_cat_opt2{
--jl-cat-hs: 150px;
}
.jl_cat_opt2 .jl_cat_opt_w{
position: relative;
overflow: hidden;
height: var(--jl-cat-hs);
background: #000;
}
.jl_cat_opt2 .jl_cat_lbw{
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
display: flex;
align-items: end;
justify-content: space-between;
padding: 17px;
font-family: var(--jl-menu-font);
font-weight: var(--jl-cat-font-weight);
background-image: -moz-linear-gradient(0deg, var(--jl-catc-bg, #000) -20%, rgba(0, 0, 0, 0) 100%);
background-image: -webkit-linear-gradient(0deg, var(--jl-catc-bg, #000) -20%, rgba(0, 0, 0, 0) 100%);
background-image: linear-gradient(0deg, var(--jl-catc-bg, #000) -20%, rgba(0, 0, 0, 0) 100%);
}
.jl_cat_opt2 .jl_cat_lbw .jl_cm_name{
color: #fff;
font-size: 17px;
line-height: 1;
}
.jl_cat_opt2 .jl_cat_lbw .jl_cm_count{
color: #000;
min-width: var(--jl-cat-size, 26px);
height: var(--jl-cat-size, 26px);
padding: 0px 3px;
border-radius: 100px;
display: flex;
align-items: center;
justify-content: center;
font-size: var(--jl-cat-num, 12px);
background: rgba(255,255,255,.9);
}
/* Section Ads */
.jl_ads_img_w{
display: flex;
flex-direction: column;
align-items: var(--jl-ads-algin, center);
gap: 7px;
}
.jl_ads_inner{
max-width: var(--jl-ads-max);
}
.jl_ads_title{
font-size: 12px;
}
/* Grid cricle */
/* Section category 3 */
.jl_cat_opt3{
--jl-cat-hs: 150px;
}
.jl_cat_opt3 .jl_cat_opt_w{
position: relative;
text-align: center;
}
.jl_cat_opt3.jl_cat_lopt .jl_cimg{
position: relative;
width: var(--jl-cat-hs);
height: var(--jl-cat-hs);
margin: 0 auto;
border-radius: 100px;
}
.jl_cat_opt3 .jl_cat_lbw{
display: flex;
align-items: center;
padding: 10px 0px 0px 0px;
justify-content: center;
flex-direction: column;
font-family: var(--jl-menu-font);
font-weight: var(--jl-cat-font-weight);
letter-spacing: var(--jl-menu-space);
}
.jl_cat_opt3 .jl_cat_lbw .jl_cm_name{
font-size: 17px;
}
.jl_cat_opt3 .jl_cat_lbw .jl_cm_count{
color: #000;
display: flex;
align-items: center;
justify-content: center;
font-size: var(--jl-cat-num, 12px);
background: transparent !important;
font-weight: 400;
}
/* Section category 4 */
.jl_cat_opt4{
--jl-cat-hs: 180px;
}
.jl_cat_opt4 .jl_cat_opt_w{
position: relative;
height: var(--jl-cat-hs);
display: flex;
flex-direction: column;
background: var(--jl-catb-bg, #222);
}
.jl_cat_opt4.jl_cat_lopt .jl_cimg{
position: relative;
margin: 0 auto;
}
.jl_cat_opt4 .jl_cat_lbw{
display: flex;
align-items: center;
justify-content: space-between;
padding: 8px 15px;
font-family: var(--jl-menu-font);
font-weight: var(--jl-cat-font-weight);
letter-spacing: var(--jl-menu-space);
background-image: radial-gradient(rgb(255 255 255 / 35%) 0.45px, rgb(255 198 198 / 0%) 0.45px);
background-size: 8px 8px;
}
.jl_cat_opt4 .jl_cat_lbw .jl_cm_name{
color: #fff;
font-size: 17px;
}
.jl_cat_opt4 .jl_cat_lbw .jl_cm_count{
color: #000;
min-width: var(--jl-cat-size, 26px);
height: var(--jl-cat-size, 26px);
border-radius: 100px;
display: flex;
align-items: center;
justify-content: center;
font-size: var(--jl-cat-num, 12px);
background: #fff !important;
}
/*-------------------------------------------------------------------------------------
Layout grid
-------------------------------------------------------------------------------------*/
.jl_cgrid_wrap{
width: 100%;
display: grid;
grid-column-gap: var(--jlcols-gap);
grid-row-gap: var(--jlrow-gap);
grid-template-columns: repeat(var(--grid-col-num,2),minmax(0,1fr));
overflow: hidden;
}
.jl_cgrid_wrap .jl_cgrid_layout{
position: relative;
}
.jl_hide_line .jl_cgrid_wrap .jl_cgrid_layout:before, .jl_hide_col_line .jl_cgrid_wrap .jl_cgrid_layout:after, .jl_hide_line .jl_lasep:after{
display: none !important;
}
.jl_cgrid_wrap .jl_cgrid_layout:before{
content: '';
position: absolute;
left: 0;
width: 100%;
bottom: calc(var(--jlrow-gap) / 2 * -1);
border-bottom: 1px var(--jl-sline, solid) var(--jl-post-line-color);
}
.jl_cgrid_wrap .jl_cgrid_layout:after{
content: '';
position: absolute;
top: 0;
height: 100%;
border-right: 1px var(--jl-sline, solid) var(--jl-post-line-color);
right: calc(var(--jlcols-gap) / 2 * -1);
}
.jl_cgrid_layout .jl_fe_text{
text-align: var(--jl-t-align, left);
}
.jl_cgrid_layout .jl_imgw{
margin-bottom: var(--jl-img-m, 15px);
}
.jl_cgrid_layout .jl_fe_title{
font-size: var(--jl-t-size, 23px);
}
/* Grid circle */
.jl_gcir_w .jl_cgrid_layout .jl_imgw{
padding-bottom: 0px !important;
margin-left: auto;
margin-right: auto;
height: var(--jl-img-c, 120px);
width: var(--jl-img-c, 120px);
}
.jl_gcir_w .jl_cgrid_layout .jl_post_meta{
margin-top: 10px;
}
/*-------------------------------------------------------------------------------------
Layout list
-------------------------------------------------------------------------------------*/
.jl_clist_layout{
--jl-img-w: 40%;
--jl-img-h: 65%;
--jl-img-space: 30px;
display: block;
position: relative;
}
.jl_clist_layout .jl_li_in{
gap: var(--jl-img-space, 20px);
overflow: hidden;
}
.jl_clist_layout .jl_img_holder{
align-self: flex-start;
display: block;
-webkit-flex: 0 0 var(--jl-img-w);
-ms-flex: 0 0 var(--jl-img-w);
flex: 0 0 var(--jl-img-w);
width: var(--jl-img-w);
padding: 0px;
}
.jl_clist_layout .jl_imgw{
padding-bottom: var(--jl-img-h);
}
/*-------------------------------------------------------------------------------------
Layout list + mix
-------------------------------------------------------------------------------------*/
.jl_ov_mix_opt{
--jl-h-align: center;
--jl-v-align: center;
--jl-padding: 40px;
--jl-mix-img-h: 56%;
padding-bottom: var(--jl-mix-img-h) !important;
}
/*-------------------------------------------------------------------------------------
Layout mini overlay + list
-------------------------------------------------------------------------------------*/
.jl_mini_ov_sb .jl_ov_el.jl_ov_mix_opt{
--jl-h-align: flex-start;
--jl-v-align: flex-end;
--jl-padding: 25px;
--jl-mix-img-h: 70%;
padding-bottom: var(--jl-mix-img-h) !important;
}
.jl_mini_ov_sb .jl_ov_el.jl_ov_mix_opt .jl_fe_title{
font-size: 20px;
}
/*-------------------------------------------------------------------------------------
Layout small list
-------------------------------------------------------------------------------------*/
.jl_sf_grid .jl_fli_wrap{
grid-template-columns: repeat(var(--grid-col-num, 1), minmax(0, 1fr));
grid-row-gap: var(--jlrows-gap, 30px);
grid-column-gap: var(--jlcols-gap, 30px);
}
.jl_cslist_layout{
display: block;
position: relative;
}
.jl_cslist_layout .jl_li_in{
gap: var(--jl-img-m, 20px);
overflow: hidden;
border-radius: var(--jl-border-rounded);
}
.jl_cslist_layout .jl_img_holder{
align-self: flex-start;
display: block;
overflow: hidden;
-webkit-flex: 0 0 var(--jl-img-w, 180px);
-ms-flex: 0 0 var(--jl-img-w, 180px);
flex: 0 0 var(--jl-img-w, 180px);
width: var(--jl-img-w, 180px);
padding: 0px;
}
.jl_cslist_layout .jl_imgw{
height: var(--jl-smimg-h, 180px);
padding-bottom: 0px;
}
.jl_cslist_layout .jl_fe_title{
font-size: var(--jl-t-size, 20px);
}
/*-------------------------------------------------------------------------------------
Layout mini list
-------------------------------------------------------------------------------------*/
.jl_mmlist_layout{
display: block;
position: relative;
}
.jl_li_in{
width: 100%;
display: flex;
align-items: center;
gap: 16px;
}
.jl_mega_sml .jl_mega_text .jl_post_meta, .jl_li_in .jl_fe_text .jl_post_meta, .jl_sm_mt .jl_fe_text .jl_post_meta{
margin-top: 10px;
}
.jl_li_in .jl_fe_text{
flex-grow: 1;
width: 100%;
}
.jl_mmlistw{
display: flex;
position: relative;
}
.jl_mmlistc{
display: block;
width: 100%;
}
.jl_mmlist_layout .jl_img_holder{
align-self: flex-start;
display: block;
-webkit-flex: 0 0 var(--jl-sm-w,110px);
-ms-flex: 0 0 var(--jl-sm-w,110px);
flex: 0 0 var(--jl-sm-w,110px);
width: var(--jl-sm-w,110px);
padding: 0px;
overflow: hidden;
}
.jl_mmlist_layout .jl_imgw{
height: var(--jl-sm-h,90px);
padding-bottom: 0px;
}
.jl_mmlist_layout .jl_fe_title{
font-size: 15px;
}
@media only screen and (max-width: 1024px) {
.jl_mmlist_layout .jl_img_holder{
-webkit-flex: 0 0 70px;
-ms-flex: 0 0 70px;
flex: 0 0 70px;
width: 70px;
}
.jl_mmlist_layout .jl_imgw{
height: 70px;
}
}
/*-------------------------------------------------------------------------------------
Large List
-------------------------------------------------------------------------------------*/
.jl_lg_opt{
--jlrow-gap: 80px;
--jl-algin-h: center;
--jl-cap-w: 80%;
--jl-title-size: 40px;
--jl-background-space: -100px;
--jl-backgroundright-space: -100px;
width: 100%;
display: grid;
overflow: hidden;
grid-template-columns: repeat(1,minmax(0,1fr));
grid-row-gap: var(--jlrow-gap);
}
.jl_lasep{
position: relative;
}
.jl_lasep:after{
content: "";
position: absolute;
left: 0;
width: 100%;
bottom: calc(var(--jlrow-gap) / 2 * -1);
border-bottom: 1px var(--jl-sline, solid) var(--jl-post-line-color);
}
.jl_lg_op_in{
--jl-h-align: var(--jl-algin-h);
gap: 20px;
display: flex;
flex-direction: column;
justify-content: var(--jl-algin-h);
text-align: var(--jl-t-align, center);
}
.jl_lg_op_in .jl_f_cat, .jl_lg_op_in .jl_post_meta{
justify-content: var(--jl-algin-h);
}
.jl_lg_l1 .jl_lg_op_in .jl_fe_text{
margin: 0 auto;
padding: 0px var(--jl-cap-ma, 30px);
max-width: var(--jl-cap-w, 650px);
}
.jl_lg_op_in .jl_fe_text .jl_fe_inner{
max-width: var(--jl-cap-w, 650px);
}
.jl_lg_op_in .jl_fe_title{
font-size: var(--jl-title-size);
}
/* Layout large classic */
.jl_lg_l1 .jl_img_holder .jl_imgw{
padding-bottom: unset;
}
.jl_lg_l1 .jl_imgw .jl_imgin{
position: unset;
}
.jl_lg_l1 .jl_imgw .jl_imgin img{
height: auto;
object-fit: unset;
}
/* Layout large overlay */
.jl_lg_l2, .jl_lg_l3{
--jl-padding: var(--jl-cap-ma, 30px);
background: #222;
border-radius: var(--jlc-car-radius);
}
.jl_lg_l2 .jl_ov_el .jl_fe_text .jl_fe_title,
.jl_lg_l3 .jl_ov_el .jl_fe_text .jl_fe_title{
--jl-f-size: var(--jl-title-size);
}
.jl_lg_l2 .jl_ov_layout,
.jl_lg_l3 .jl_ov_layout{
padding-bottom: 0px;
height: var(--jl-post-h, 400px);
}
.jl_lg_l2 .jl_fe_des{
color: #FFFFFFD4 !important;
}
.jl_lg_l3 .jl_fe_text .jl_fe_inner{
background: var(--jl-cap-bg, var(--jl-bg-color));
padding: var(--jl-cap-pa, 20px);
}
.jl_lg_l3 .jl_ov_el .jl_fe_text .jl_fe_title a, .jl_tline .jl_lg_l3 .jl_ov_el .jl_fe_text .jl_fe_title a:hover{
color: var(--jl-txt-color) !important;
}
.jl_tcolor .jl_lg_l3 .jl_ov_el .jl_fe_text .jl_fe_title a:hover, .jl_uline .jl_lg_l3 .jl_ov_el .jl_fe_text .jl_fe_title a:hover{
color: var(--jl-main-color) !important;
}
.jl_lg_l3 .jl_ov_el .jl_post_meta span, .jl_lg_l3 .jl_ov_el .jl_post_meta span a{
color: var(--jl-meta-color) !important;
}
.jl_lg_l3 .jl_ov_el .jl_imgl{
background: transparent !important;
}
/*-------------------------------------------------------------------------------------
Layout overlay
-------------------------------------------------------------------------------------*/
.jl_ovg_w{
--jl-num-col: 3;
--jl-f-size: 20px;
--jl-h-align: flex-start;
--jl-v-align: flex-end;
--jl-img-height: 120%;
--jl-col-gap: 30px;
--jl-row-gap: 30px;
--jl-padding: 40px;
--jlc-car-radius: 0px;
}
.jl_grid_overlay .jl_cgrid_wrap{
grid-template-columns: repeat(var(--jl-num-col),minmax(0,1fr));
grid-column-gap: var(--jl-col-gap);
grid-row-gap: var(--jl-row-gap);
}
.jl_ov_layout{
position: relative;
overflow: hidden;
padding-bottom: var(--jl-img-height);
border-radius: var(--jlc-car-radius);
}
.jl_ov_el:hover .jl_fe_title a{
color: currentColor;
}
.jl_ov_el .jl_imgl{
--jl-ov-bg: rgba(0,0,0,.5);
--jl-ov-bg-pos: 40%;
--jl-ov-bgc-pos: 100%;
background-color: rgba(0,0,0,.35);
z-index: 1;
}
.jl_ov_el .jl_img_holder{
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
}
.jl_ov_el .jl_img_holder .jl_imgw{
height: 100%;
padding-bottom: 0px !important;
}
.jl_ov_el .jl_fe_text{
display: flex;
position: absolute;
bottom: 0px;
left: 0px;
right: 0px;
padding: var(--jl-padding);
text-align: var(--jl-t-align);
align-items: var(--jl-v-align);
justify-content: var(--jl-h-align);
z-index: 3;
width: 100%;
height: 100%;
}
.jl_ov_el .jl_fe_text .jl_fe_inner{
width: 100%;
position: unset !important;
}
.jl_ov_el .jl_fe_text .jl_cap_ov{
position: absolute;
z-index: 1;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.jl_ov_el .jl_fe_text .jl_fe_title{
font-size: var(--jl-f-size);
}
.jl_ov_el .jl_fe_text a, .jl_ov_el .jl_fe_text .jl_fe_title a:hover{
color: #fff !important;
position: relative;
z-index: 9;
}
.jl_ov_el .jl_post_meta span, .jl_ov_el .jl_post_meta a, .jl_ov_el .jl_post_meta a:hover{
color: #FFF !important;
}
/* Overlay text line */
.jl_fr1_inner .jl_p_fr1 .jl_fe_text .jl_fe_title,
.jl_fr2_inner .jl_p_fr2 .jl_fe_text .jl_fe_title,
.jl_fr3_inner .jl_p_fr3 .jl_fe_text .jl_fe_title,
.jl_fr4_inner .jl_p_fr4 .jl_fe_text .jl_fe_title,
.jl_fr19_inner .jl_p_fr19 .jl_fe_text .jl_fe_title,
.jl_fr20_inner .jl_p_fr20 .jl_fe_text .jl_fe_title{
display: -webkit-box !important;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
color: #fff !important;
}
@media only screen and (max-width: 767px) {
.jl_fr1_inner .jl_p_fr1 .jl_fe_text .jl_fe_title,
.jl_fr2_inner .jl_p_fr2 .jl_fe_text .jl_fe_title,
.jl_fr3_inner .jl_p_fr3 .jl_fe_text .jl_fe_title,
.jl_fr4_inner .jl_p_fr4 .jl_fe_text .jl_fe_title,
.jl_fr19_inner .jl_p_fr19 .jl_fe_text .jl_fe_title,
.jl_fr20_inner .jl_p_fr20 .jl_fe_text .jl_fe_title{
-webkit-line-clamp: 3;
}
}
/*-------------------------------------------------------------------------------------
Layout 1 mian + 2 small
-------------------------------------------------------------------------------------*/
.jl_fr1_inner{
--jl-main-h: 70%;
--jl-small-h: 70%;
--jl-padding-main: 40px;
--jl-padding-small: 30px;
--jl-font-main: 30px;
--jl-font-small: 20px;
--jl-h-align: flex-start;
--jl-v-align: flex-end;
--jl-grid-gap: 30px;
--jlc-car-radius: 0px;
display: grid;
grid-gap: var(--jl-grid-gap);
grid-template-areas:
"item1 item2"
"item1 item3";
grid-template-columns: var(--jl-ovm-w,66.66666%) 1fr;
grid-template-rows: 1fr 1fr;
}
.jl_fr1_inner .jl_p_fr1{
overflow: hidden;
flex: 1;
position: relative;
padding-bottom: var(--jl-small-h);
border-radius: var(--jlc-car-radius);
}
.jl_fr1_inner .jl_p_fr1.jl_m_fr1{
padding-bottom: var(--jl-main-h);
}
.jl_fr1_inner .jl_p_fr1.jl_m_fr1 .jl_fe_text{
padding: var(--jl-padding-main);
}
.jl_fr1_inner .jl_p_fr1 .jl_fe_text{
padding: var(--jl-padding-small);
}
.jl_fr1_inner .jl_p_fr1:nth-child(1){
grid-area: item1;
}
.jl_fr1_inner .jl_p_fr1:nth-child(2){
grid-area: item2;
}
.jl_fr1_inner .jl_p_fr1:nth-child(3){
grid-area: item3;
}
.jl_fr1_inner .jl_p_fr1:nth-child(1) .jl_fe_text .jl_fe_title{
font-size: var(--jl-font-main);
}
.jl_fr1_inner .jl_p_fr1 .jl_fe_text .jl_fe_title{
font-size: var(--jl-font-small);
}
.jl_fr1_inner .jl_fe_des, .jl_fr5_inner .jl_fe_des{
color: #FFFFFFD4 !important;
}
/*-------------------------------------------------------------------------------------
Layout 1 mian + 4 small
-------------------------------------------------------------------------------------*/
.jl_fr2_inner{
--jl-main-h: 100%;
--jl-small-h: 100%;
--jl-padding-main: 40px;
--jl-padding-small: 30px;
--jl-font-main: 30px;
--jl-font-small: 20px;
--jl-h-align: flex-start;
--jl-v-align: flex-end;
--jl-grid-gap: 30px;
--jlc-car-radius: 0px;
display: grid;
grid-gap: var(--jl-grid-gap);
grid-template-areas:
"item1 item2 item3"
"item1 item4 item5";
grid-template-columns: 2fr 1fr 1fr;
grid-template-rows: 1fr 1fr;
}
@media only screen and (min-width: 768px) {
.jl_mp_rl .jl_fr2_inner{
grid-template-areas:
"item2 item3 item1"
"item4 item5 item1";
grid-template-columns: 1fr 1fr 2fr;
}
.jl_mp_cl .jl_fr2_inner{
grid-template-areas:
"item2 item1 item3"
"item4 item1 item5";
grid-template-columns: 1fr 2fr 1fr;
}
}
.jl_fr2_inner .jl_p_fr2{
padding-bottom: var(--jl-small-h);
}
.jl_fr2_inner .jl_p_fr2.jl_m_fr2{
padding-bottom: var(--jl-main-h);
}
.jl_fr2_inner .jl_p_fr2{
overflow: hidden;
flex: 1;
position: relative;
border-radius: var(--jlc-car-radius);
}
.jl_fr2_inner .jl_p_fr2.jl_m_fr2 .jl_fe_text{
padding: var(--jl-padding-main);
}
.jl_fr2_inner .jl_p_fr2 .jl_fe_text{
padding: var(--jl-padding-small);
}
.jl_fr2_inner .jl_p_fr2:nth-child(1){
grid-area: item1;
}
.jl_fr2_inner .jl_p_fr2:nth-child(2){
grid-area: item2;
}
.jl_fr2_inner .jl_p_fr2:nth-child(3){
grid-area: item3;
}
.jl_fr2_inner .jl_p_fr2:nth-child(4){
grid-area: item4;
}
.jl_fr2_inner .jl_p_fr2:nth-child(5){
grid-area: item5;
}
.jl_fr2_inner .jl_p_fr2:nth-child(1) .jl_fe_text .jl_fe_title{
font-size: var(--jl-font-main);
}
.jl_fr2_inner .jl_p_fr2 .jl_fe_text .jl_fe_title{
font-size: var(--jl-font-small);
}
.jl_fr2_inner .jl_p_fr2:nth-child(1) .jl_fe_text .jl_fe_des{
color: #FFFFFFD4 !important;
}
/*-------------------------------------------------------------------------------------
Layout 1 mian + 2 small below
-------------------------------------------------------------------------------------*/
.jl_fr3_inner{
--jl-main-h: 50%;
--jl-small-h: 70%;
--jl-padding-main: 40px;
--jl-padding-small: 30px;
--jl-font-main: 35px;
--jl-font-small: 23px;
--jl-h-align: center;
--jl-v-align: center;
--jl-grid-gap: 2px;
--jlc-car-radius: 0px;
display: grid;
grid-gap: var(--jl-grid-gap);
grid-template-areas:
"item1 item1"
"item2 item3";
grid-template-columns: 1fr 1fr;
}
.jl_fr3_inner .jl_p_fr3:nth-child(2){
grid-area: item2;
}
.jl_fr3_inner .jl_p_fr3:nth-child(3){
grid-area: item3;
}
.jl_fr3_inner .jl_p_fr3.jl_m_fr3 .jl_fe_text{
padding: var(--jl-padding-main);
}
.jl_fr3_inner .jl_p_fr3 .jl_fe_text{
padding: var(--jl-padding-small);
}
.jl_fr3_inner .jl_m_fr3.jl_p_fr3{
grid-area: item1;
padding-bottom: var(--jl-main-h);
}
.jl_fr3_inner .jl_p_fr3{
flex: 1;
position: relative;
padding-bottom: var(--jl-small-h);
border-radius: var(--jlc-car-radius);
overflow: hidden;
}
.jl_fr3_inner .jl_p_fr3:nth-child(1) .jl_fe_text .jl_fe_title{
font-size: var(--jl-font-main);
}
.jl_fr3_inner .jl_p_fr3 .jl_fe_text .jl_fe_title{
font-size: var(--jl-font-small);
}
/*-------------------------------------------------------------------------------------
Layout 1 mian + 2 small right
-------------------------------------------------------------------------------------*/
.jl_fr4_inner{
--jl-main-h: 100%;
--jl-small-h: 100%;
--jl-padding-main: 40px;
--jl-padding-small: 30px;
--jl-font-main: 35px;
--jl-font-small: 23px;
--jl-h-align: flex-start;
--jl-v-align: flex-end;
--jl-grid-gap: 2px;
--jlc-car-radius: 0px;
display: grid;
grid-gap: var(--jl-grid-gap);
grid-template-areas:"item1 item2 item3";
grid-template-columns: 45% 1fr 1fr;
grid-template-rows: 1fr;
}
@media only screen and (min-width: 768px) {
.jl_mp_rl .jl_fr4_inner{
grid-template-areas:"item2 item3 item1";
grid-template-columns: 1fr 1fr 45%;
}
.jl_mp_cl .jl_fr4_inner{
grid-template-areas:"item2 item1 item3";
grid-template-columns: 1fr 45% 1fr;
}
}
.jl_fr4_inner .jl_p_fr4.jl_m_fr4{
grid-area: item1;
}
.jl_fr4_inner .jl_p_fr4.jl_m_fr4 .jl_fe_text{
padding: var(--jl-padding-main);
}
.jl_fr4_inner .jl_p_fr4 .jl_fe_text{
padding: var(--jl-padding-small);
}
.jl_fr4_inner .jl_p_fr4:nth-child(2){
grid-area: item2;
}
.jl_fr4_inner .jl_p_fr4:nth-child(3){
grid-area: item3;
}
.jl_fr4_inner .jl_p_fr4{
flex: 1;
position: relative;
padding-bottom: var(--jl-small-h);
border-radius: var(--jlc-car-radius);
overflow: hidden;
}
.jl_fr4_inner .jl_p_fr4.jl_m_fr4{
padding-bottom: var(--jl-main-h);
}
.jl_fr4_inner .jl_p_fr4:nth-child(1) .jl_fe_text .jl_fe_title{
font-size: var(--jl-font-main);
}
.jl_fr4_inner .jl_p_fr4 .jl_fe_text .jl_fe_title{
font-size: var(--jl-font-small);
}
.jl_fr3_inner .jl_fe_des, .jl_fr4_inner .jl_fe_des{
color: #FFFFFFD4 !important;
}
/*-------------------------------------------------------------------------------------
Layout 1 mian + right small
-------------------------------------------------------------------------------------*/
.jl_fr5_inner{
--jl-main-w: 56%;
--jl-padding-main: 40px;
--jl-font-main: 40px;
--jl-font-small: 20px;
--jl-h-align: flex-start;
--jl-v-align: flex-end;
--jl-grid-gap: 30px;
--jl-imgli-w: 140px;
--jl-imgli-h: 110px;
--jl-imgli-gap: 20px;
--jl-sm-row-gap: 35px;
width: 100%;
display: grid;
grid-gap: var(--jl-grid-gap);
grid-template-columns: var(--jl-main-w) 1fr;
grid-template-rows: 1fr;
}
.jl_fr5_inner .jl_p_fr5{
flex: 1;
position: relative;
height: 100%;
min-height: 300px;
overflow: visible;
}
.jl_hide_col_line .jl_fr5_inner .jl_m_fr5:after{
display: none;
}
.jl_fr5_inner .jl_m_fr5:after{
content: '';
position: absolute;
top: 0;
height: 100%;
border-right: 1px var(--jl-sline, solid) var(--jl-post-line-color);
right: calc(var(--jl-grid-gap) / 2 * -1);
}
.jl_fr5_inner .jl_p_fr5 .jl_fe_text{
padding: var(--jl-padding-main);
}
.jl_fr5_inner .jl_p_fr5 .jl_fe_title{
font-size: var(--jl-font-main);
}
.jl_fr5_inner .jl_fe_title{
font-size: var(--jl-font-small);
}
.jl_fr5_inner .jl_cslist_layout .jl_img_holder{
-webkit-flex: 0 0 var(--jl-imgli-w);
-ms-flex: 0 0 var(--jl-imgli-w);
flex: 0 0 var(--jl-imgli-w);
width: var(--jl-imgli-w);
}
.jl_fr5_inner .jl_cslist_layout .jl_imgw{
height: var(--jl-imgli-h);
padding-bottom: 0px;
}
.jl_fr5_inner .jl_fli_wrap{
--jlrow-gap: var(--jl-sm-row-gap);
}
.jl_fr5_inner .jl_fli_wrap .jl_cslist_layout .jl_li_in{
gap: var(--jl-imgli-gap);
}
.jl_fli_wrap{
--jlrow-gap: var(--jlrows-gap, 40px);
width: 100%;
display: grid;
overflow: hidden;
grid-template-columns: repeat(1,minmax(0,1fr));
grid-row-gap: var(--jlrow-gap);
}
.jl_lisep, .jl_risep{
position: relative;
}
.jl_lisep:after{
content: "";
position: absolute;
left: 0;
width: 100%;
bottom: calc(var(--jlrow-gap) / 2 * -1);
border-bottom: 1px var(--jl-sline, solid) var(--jl-post-line-color);
}
.jl_risep:before{
content: "";
position: absolute;
top: 0;
height: 100%;
right: calc(var(--jlcols-gap) / 2 * -1);
border-right: 1px var(--jl-sline, solid) var(--jl-post-line-color);
}
.jl_xsgrid .jl_fli_wrap{
grid-column-gap: var(--jlcols-gap, 30px);
}
.jl_xsgrid .jl_fli_wrap .jl_risep:before{
height: 100%;
}
.jl_sh_num .jl_cgrid_layout.jl_in_num{
padding-left: 0px !important;
}
.jl_sh_num .jl_in_num {
font-size: var(--jlnum-fsize, 17px);
padding-left: calc(var(--jlnum-size, 30px) + var(--jlnum-space, 15px));
}
.jl_sh_num .jl_numl{
counter-increment: item 1;
}
.jl_sh_num .jl_cgrid_layout .jl_nun_i{
padding-left: calc(var(--jlnum-size, 30px) + var(--jlnum-space, 15px));
position: relative;
}
.jl_num_top.jl_sh_num .jl_nun_d{
top: 0;
margin-top: var(--jl-tb-space);
}
.jl_num_mid.jl_sh_num .jl_nun_d{
top: 50%;
-webkit-transform: translate3d(0, 0, 0) perspective(1px) translateY(-50%);
-ms-transform: translate3d(0, 0, 0) perspective(1px) translateY(-50%);
transform: translate3d(0, 0, 0) perspective(1px) translateY(-50%);
}
.jl_num_bottom.jl_sh_num .jl_nun_d{
bottom: 0;
margin-bottom: var(--jl-tb-space);
}
.jl_nun_d{
display: none;
}
.jl_sh_num .jl_nun_d{
display: flex;
position: absolute;
width: var(--jlnum-size, 30px);
height: var(--jlnum-size, 30px);
background: var(--jl-num-bg, var(--jl-main-color));
align-items: center;
justify-content: var(--jlnum-align, center) !important;
left: var(--jl-l-space, 0);
z-index: 1;
justify-content: center;
font-family: var(--jl-title-font);
font-weight: var(--jl-title-font-weight);
color: var(--jl-num-color, #fff);
border-radius: 100px;
}
.jl_sh_num .jl_nun_d:before{
content: counter(item);
}
/*-------------------------------------------------------------------------------------
Layout 1 mian + 4 grid post
-------------------------------------------------------------------------------------*/
.jl_fr6_inner{
--jl-padding-main: 40px;
--jl-font-main: 30px;
--jl-font-small: 20px;
--jl-h-align: flex-start;
--jl-v-align: flex-end;
--jl-grid-gap: 30px;
display: grid;
grid-gap: var(--jl-grid-gap);
grid-template-areas:
"item1 item2 item3"
"item1 item4 item5";
grid-template-columns: 2fr 1fr 1fr;
grid-template-rows: 1fr 1fr;
overflow: hidden;
}
@media only screen and (min-width: 768px) {
.jl_mp_rl .jl_fr6_inner{
grid-template-areas:
"item2 item3 item1"
"item4 item5 item1";
grid-template-columns: 1fr 1fr 2fr;
}
.jl_mp_cl .jl_fr6_inner{
grid-template-areas:
"item2 item1 item3"
"item4 item1 item5";
grid-template-columns: 1fr 2fr 1fr;
}
}
.jl_fr6_inner .jl_m_fr6{
height: 100%;
}
.jl_hide_col_line .jl_p_fr6:before, .jl_hide_col_line .jl_p_fr6:after{
display: none;
}
.jl_fr6_inner .jl_m_fr6:after{
content: '';
position: absolute;
top: 0;
height: 100%;
border-right: 1px var(--jl-sline, solid) var(--jl-post-line-color);
right: calc(var(--jl-grid-gap) / 2 * -1);
}
.jl_fr6_inner .jl_cgrid_layout:before{
content: '';
position: absolute;
top: 0;
height: calc(100% + var(--jl-grid-gap));
border-right: 1px var(--jl-sline, solid) var(--jl-post-line-color);
right: calc(var(--jl-grid-gap) / 2 * -1);
}
.jl_fr6_inner .jl_cgrid_layout:after{
content: '';
position: absolute;
left: 0;
width: 100%;
bottom: calc(var(--jl-grid-gap) / 2 * -1);
border-bottom: 1px var(--jl-sline, solid) var(--jl-post-line-color);
}
.jl_fr6_inner .jl_m_fr6 .jl_fe_text {
padding: var(--jl-padding-main);
}
.jl_fr6_inner .jl_p_fr6{
overflow: visible;
flex: 1;
position: relative;
}
.jl_fr6_inner .jl_p_fr6:nth-child(1){
grid-area: item1;
}
.jl_fr6_inner .jl_p_fr6:nth-child(2){
grid-area: item2;
}
.jl_fr6_inner .jl_p_fr6:nth-child(3){
grid-area: item3;
}
.jl_fr6_inner .jl_p_fr6:nth-child(4){
grid-area: item4;
}
.jl_fr6_inner .jl_p_fr6:nth-child(5){
grid-area: item5;
}
.jl_fr6_inner .jl_p_fr6:nth-child(1) .jl_fe_text .jl_fe_title{
font-size: var(--jl-font-main);
}
.jl_fr6_inner .jl_p_fr6 .jl_fe_text .jl_fe_title{
font-size: var(--jl-font-small);
}
/*-------------------------------------------------------------------------------------
Layout classic 1 mian + 4 grid post
-------------------------------------------------------------------------------------*/
.jl_fr7_inner{
--jl-padding-main: 40px;
--jl-font-main: 30px;
--jl-font-small: 20px;
--jl-grid-gap: 30px;
display: grid;
grid-gap: var(--jl-grid-gap);
grid-template-areas:
"item1 item2 item3"
"item1 item4 item5";
grid-template-columns: var(--jl-mg-w, 50%) 1fr 1fr;
grid-template-rows: 1fr 1fr;
overflow: hidden;
}
@media only screen and (min-width: 768px) {
.jl_mp_rl .jl_fr7_inner{
grid-template-areas:
"item2 item3 item1"
"item4 item5 item1";
grid-template-columns: 1fr 1fr var(--jl-mg-w, 50%);
}
.jl_mp_cl .jl_fr7_inner{
grid-template-areas:
"item2 item1 item3"
"item4 item1 item5";
grid-template-columns: 1fr var(--jl-mg-w, 50%) 1fr;
}
.jl_mp_g1 .jl_fr7_inner{
grid-template-areas:
"item1 item2"
"item1 item3";
grid-template-columns: var(--jl-mg-w, 50%) 1fr;
grid-template-rows: 1fr 1fr;
}
}
.jl_fr7_inner .jl_m_fr7_inner{
height: 100%;
width: 100%;
display: flex;
gap: 20px;
flex-direction: column;
justify-content: space-between;
}
.jl_hide_col_line .jl_p_fr7:before, .jl_hide_col_line .jl_p_fr7:after{
display: none;
}
.jl_fr7_inner .jl_m_fr7:after{
content: '';
position: absolute;
top: 0;
height: 100%;
border-right: 1px var(--jl-sline, solid) var(--jl-post-line-color);
right: calc(var(--jl-grid-gap) / 2 * -1);
}
.jl_fr7_inner .jl_cgrid_layout:before{
content: '';
position: absolute;
top: 0;
height: calc(100% + var(--jl-grid-gap));
border-right: 1px var(--jl-sline, solid) var(--jl-post-line-color);
right: calc(var(--jl-grid-gap) / 2 * -1);
}
.jl_fr7_inner .jl_cgrid_layout:after{
content: '';
position: absolute;
left: 0;
width: 100%;
bottom: calc(var(--jl-grid-gap) / 2 * -1);
border-bottom: 1px var(--jl-sline, solid) var(--jl-post-line-color);
}
.jl_fr7_inner .jl_p_fr7.jl_m_fr7 .jl_imgw{
padding-bottom: 0px;
align-items: stretch;
display: flex;
height: 100%;
margin-bottom: 0px;
}
.jl_fr7_inner .jl_p_fr7.jl_m_fr7 .jl_fe_text .jl_fe_title {
font-size: var(--jl-font-main);
}
.jl_fr7_inner .jl_p_fr7{
overflow: visible;
flex: 1;
position: relative;
}
.jl_fr7_inner .jl_p_fr7:nth-child(1){
grid-area: item1;
}
.jl_fr7_inner .jl_p_fr7:nth-child(2){
grid-area: item2;
}
.jl_fr7_inner .jl_p_fr7:nth-child(3){
grid-area: item3;
}
.jl_fr7_inner .jl_p_fr7:nth-child(4){
grid-area: item4;
}
.jl_fr7_inner .jl_p_fr7:nth-child(5){
grid-area: item5;
}
.jl_fr7_inner .jl_p_fr7 .jl_fe_text .jl_fe_title{
font-size: var(--jl-font-small);
}
/*-------------------------------------------------------------------------------------
Layout Classic mian + right small
-------------------------------------------------------------------------------------*/
.jl_fr8_inner{
--jl-main-w: 56%;
--jl-font-main: 30px;
--jl-font-small: 20px;
--jl-grid-gap: 30px;
--jl-imgli-w: 140px;
--jl-imgli-h: 140px;
--jl-imgli-gap: 20px;
--jl-sm-row-gap: 35px;
width: 100%;
display: grid;
grid-gap: var(--jl-grid-gap);
grid-template-columns: var(--jl-main-w) 1fr;
grid-template-rows: 1fr;
}
@media only screen and (min-width: 768px) {
.jl_mp_rl .jl_fr8_inner .jl_fli_con{
order: 1;
}
.jl_mp_rl .jl_fr8_inner > div{
order: 2;
}
}
.jl_fr8_inner .jl_fli_con{
width: 100%;
}
.jl_fr8_inner .jl_p_fr8{
height: 100%;
width: 100%;
display: flex;
gap: 20px;
flex-direction: column;
justify-content: space-between;
position: relative;
}
.jl_hide_col_line .jl_fr8_inner .jl_p_fr8:after{
display: none;
}
.jl_fr8_inner .jl_p_fr8:after{
content: '';
position: absolute;
top: 0;
height: 100%;
border-right: 1px var(--jl-sline, solid) var(--jl-post-line-color);
right: calc(var(--jl-grid-gap) / 2 * -1);
}
.jl_fr8_inner .jl_p_fr8 .jl_imgw {
padding-bottom: 0px;
align-items: stretch;
display: flex;
height: 100%;
margin-bottom: 0px;
}
.jl_fr8_inner .jl_p_fr8 .jl_fe_title{
font-size: var(--jl-font-main);
}
.jl_fr8_inner .jl_fe_title{
font-size: var(--jl-font-small);
}
.jl_fr8_inner .jl_cslist_layout .jl_img_holder{
-webkit-flex: 0 0 var(--jl-imgli-w);
-ms-flex: 0 0 var(--jl-imgli-w);
flex: 0 0 var(--jl-imgli-w);
width: var(--jl-imgli-w);
}
.jl_fr8_inner .jl_cslist_layout .jl_imgw{
height: var(--jl-imgli-h);
padding-bottom: 0px;
}
.jl_fr8_inner .jl_fli_wrap{
--jlrow-gap: var(--jl-sm-row-gap);
}
.jl_fr8_inner .jl_fli_wrap .jl_cslist_layout .jl_li_in{
gap: var(--jl-imgli-gap);
border-radius: 0px !important;
}
/*-------------------------------------------------------------------------------------
Layout Overlay + Overlay List Small
-------------------------------------------------------------------------------------*/
.jl_fr9_inner{
--st-max-width: 1200px;
--st-max-height: 550px;
--st-cap-width: 60%;
--st-cap-space: 100px;
--st-padding: 20px;
--st-main-size: 45px;
--st-tab-size: 16px;
--st-rounded-mian: 0px;
--st-rounded-tab: 100px;
width: 100%;
height: var(--st-max-height);
position: relative;
overflow: hidden;
border-radius: var(--st-rounded-mian);
background: #222;
}
.jl_fr9_inner .jl_fli_con{
width: 100%;
max-width: var(--st-max-width);
position: absolute;
margin: 0 auto;
padding: 0px var(--st-padding);
right: 0px;
left: 0px;
bottom: var(--st-bspace, 40px);
z-index: 2;
}
.jl_fr9_inner .jls_tooltip .jls_tooltiptext{
--jl-sh-bg: #fff;
}
.jl_fr9_inner .jl_fli_wrap{
grid-template-columns: repeat(var(--st-cols, 4),minmax(0,1fr));
grid-gap: var(--st-gap, 20px);
position: relative;
z-index: 1;
}
.jl_fr9_inner .jl_p_img.jl_imgw {
padding-bottom: 0px;
height: 100%;
}
.jl_fr9_inner .jl_imgm_holder{
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
}
.jl_fr9_inner .jl_imgw.jl_p_img .jl_imgin img{
transform: scale(1.051);
}
.jl_fr9_inner .jl_imgw.jl_p_img .jl_imgl{
background: rgba(10,0,0,.35);
}
.jl_fr9_inner .jl_fe_main{
margin-bottom: var(--st-cap-space);
max-width: var(--st-cap-width);
}
.jl_fr9_inner .jl_fe_main .jl_fe_title{
font-size: var(--st-main-size);
}
.jl_fr9_inner .jl_post_meta span a{
color: #fff !important;
}
.jl_fr9_inner .jl_fe_text .jl_imgl{
position: absolute;
z-index: 1;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.jl_fr9_inner .jl_fe_title{
font-size: var(--st-tab-size);
color: #fff !important;
z-index: 2;
position: relative;
}
.jl_fr9_inner .jl_fe_title a{
color: currentColor !important;
}
.jl_fr9_inner .jl_cslist_layout .jl_img_holder{
-webkit-flex: 0 0 var(--jl-smt-w, 80px);
-ms-flex: 0 0 var(--jl-smt-w, 80px);
flex: 0 0 var(--jl-smt-w, 80px);
width: var(--jl-smt-w, 80px);
position: relative;
z-index: 2;
}
.jl_fr9_inner .jl_cslist_layout .jl_imgw{
height: var(--jl-smt-h, 80px);
padding-bottom: 0px;
}
.jl_fr9_inner .jl_fli_wrap .jl_cslist_layout .jl_li_in{
gap: 13px;
-webkit-backdrop-filter: blur(30px);
backdrop-filter: blur(30px);
background-color: rgba(255, 255, 255, .15);
padding: 10px;
border-radius: var(--jl-sm9-r, 10px);
}
.jl_fr9_inner .jl_post_meta span, .jl_fr9_inner .jl_fe_des{
color: #fff !important;
}
.jl_fr9_inner .jl_fe_des{
color: #FFFFFFD4 !important;
}
/*-------------------------------------------------------------------------------------
Overlay Mix + Samll List
-------------------------------------------------------------------------------------*/
.jl_fr10_inner{
--jl-padding-main: 40px;
--jl-padding-grid: 30px;
--jl-font-main: 30px;
--jl-font-grid: 20px;
--jl-font-small: 17px;
--jl-h-align: flex-start;
--jl-v-align: flex-end;
--jl-grid-gap: 30px;
--jl-sm-row-gap: 35px;
display: grid;
grid-gap: var(--jl-grid-gap);
grid-template-areas:
"item2 item1 item4"
"item3 item1 item4";
grid-template-columns: 1fr 2fr 1fr;
grid-template-rows: 1fr 1fr;
}
.jl_fr10_inner .jl_m_fr10{
padding-bottom: 0%;
height: 100%;
}
.jl_fr10_inner .jl_m_fr10 .jl_fe_text{
padding: var(--jl-padding-main);
}
.jl_fr10_inner .jl_md_ov .jl_fe_text{
padding: var(--jl-padding-grid);
}
.jl_fr10_inner .jl_p_fr10{
overflow: hidden;
flex: 1;
position: relative;
}
.jl_fr10_inner .jl_p_fr10:nth-child(1){
grid-area: item1;
}
.jl_fr10_inner .jl_p_fr10:nth-child(2){
grid-area: item2;
}
.jl_fr10_inner .jl_p_fr10:nth-child(3){
grid-area: item3;
}
.jl_fr10_inner .jl_p_fr10:nth-child(4){
grid-area: item4;
}
.jl_fr10_inner .jl_p_fr10:nth-child(1) .jl_fe_text .jl_fe_title{
font-size: var(--jl-font-main);
}
.jl_fr10_inner .jl_p_fr10 .jl_fe_text .jl_fe_title{
font-size: var(--jl-font-grid);
}
.jl_fr10_inner .jl_mmlist_layout .jl_fe_text .jl_fe_title{
font-size: var(--jl-font-small);
}
.jl_fr10_inner .jl_cslist_layout .jl_img_holder{
-webkit-flex: 0 0 80px;
-ms-flex: 0 0 80px;
flex: 0 0 80px;
width: 80px;
}
.jl_fr10_inner .jl_cslist_layout .jl_imgw{
height: 80px;
padding-bottom: 0px;
}
.jl_fr10_inner .jl_fe_des{
color: #fff;
opacity: .7;
}
.jl_fr10_inner .jl_fli_wrap{
--jlrow-gap: var(--jl-sm-row-gap);
}
.jl_fr10_inner .jl_mmlist_layout .jl_imgw.jl_radus_e{
border-radius: var(--st-rounded-sm, var(--jl-border-rounded));
}
/*-------------------------------------------------------------------------------------
Layout main + below small
-------------------------------------------------------------------------------------*/
.jl_fr11_inner{
--jl-font-main: 30px;
--jl-font-small: 17px;
--jl-grid-gap: 30px;
--jl-sm-row-gap: 20px;
width: 100%;
display: grid;
grid-gap: var(--jl-grid-gap);
grid-template-columns: repeat(1,minmax(0,1fr));
grid-template-rows: 1fr;
}
.jl_fr11_inner .jl_fli_con{
width: 100%;
}
.jl_fr11_inner .jl_p_fr11{
display: flex;
flex-direction: row;
align-items: center;
width: 100%;
}
.jl_fr11_inner .jl_p_fr11 .jl_imgc{
flex: 0 0 60%;
max-width: 60%;
width: 60%;
}
.jl_fr11_inner .jl_p_fr11 .jl_fe_text{
background: var(--jl-bg-color);
margin-left: -70px;
position: relative;
padding: var(--jl-mcap-pad, 30px);
}
.jl_fr11_inner .jl_p_fr11 .jl_fe_title{
font-size: var(--jl-font-main);
}
.jl_fr11_inner .jl_fe_title{
font-size: var(--jl-font-small);
}
.jl_fr11_inner .jl_fli_wrap{
--jlrow-gap: var(--jl-sm-row-gap);
grid-template-columns: repeat(4,minmax(0,1fr));
grid-gap: var(--jlrow-gap);
}
.jl_fr11_inner .jl_cslist_layout .jl_img_holder{
-webkit-flex: 0 0 140px;
-ms-flex: 0 0 140px;
flex: 0 0 140px;
width: 140px;
}
.jl_fr11_inner .jl_cslist_layout .jl_imgw{
height: 140px;
padding-bottom: 0px;
}
.jl_fr11_inner .jl_fli_wrap .jl_cslist_layout .jl_li_in{
gap: 20px;
}
.jl_fr11_inner .jl_mmlist_layout .jl_imgw.jl_radus_e{
border-radius: var(--st-rounded-sm);
}
.jl_sh_l .jl_fe_text .jl_fot_share_i.jls_tooltip{
margin-left: 15px;
}
/*-------------------------------------------------------------------------------------
Layout main + below grid
-------------------------------------------------------------------------------------*/
.jl_fr12_inner{
--jl-font-main: 30px;
--jl-font-small: 20px;
--jl-grid-gap: 40px;
--jl-sm-row-gap: 30px;
width: 100%;
display: grid;
grid-gap: var(--jl-grid-gap);
grid-template-columns: repeat(1,minmax(0,1fr));
grid-template-rows: 1fr;
}
.jl_fr12_inner .jl_fli_con{
width: 100%;
}
.jl_fr12_inner .jl_p_fr12{
display: flex;
flex-direction: row;
align-items: center;
width: 100%;
}
.jl_fr12_inner .jl_p_fr12 .jl_imgc{
flex: 0 0 60%;
max-width: 60%;
width: 60%;
}
.jl_fr12_inner .jl_p_fr12 .jl_fe_text{
background: var(--jl-bg-color);
margin-left: -70px;
position: relative;
padding: var(--jl-mcap-pad, 30px);
z-index: 2;
}
.jl_fr12_inner .jl_p_fr12 .jl_fe_text:before{
display: none;
}
.jl_fr12_inner .jl_p_fr12 .jl_fe_title{
font-size: var(--jl-font-main);
}
.jl_fr12_inner .jl_fe_title{
font-size: var(--jl-font-small);
}
.jl_fr12_inner .jl_fli_wrap{
--jlrow-gap: var(--jl-sm-row-gap);
grid-template-columns: repeat(4,minmax(0,1fr));
grid-gap: var(--jlrow-gap);
}
/*-------------------------------------------------------------------------------------
Mix Classic + Samll List
-------------------------------------------------------------------------------------*/
.jl_fr13_inner{
--jl-font-main: 30px;
--jl-font-grid: 20px;
--jl-font-small: 17px;
--jl-grid-gap: 30px;
--jl-sm-row-gap: 30px;
display: grid;
grid-gap: var(--jl-grid-gap);
grid-template-areas:
"item2 item1 item4"
"item3 item1 item4";
grid-template-columns: 1fr 2fr 1fr;
grid-template-rows: 1fr 1fr;
overflow: hidden;
min-height: 550px;
}
@media only screen and (min-width: 768px) {
.jl_mp_ll .jl_fr13_inner{
grid-template-areas:
"item1 item2 item4"
"item1 item3 item4";
grid-template-columns: 2fr 1fr 1fr;
}
.jl_mp_rl .jl_fr13_inner{
grid-template-areas:
"item2 item4 item1"
"item3 item4 item1";
grid-template-columns: 1fr 1fr 2fr;
}
.jl_mp_rll .jl_fr13_inner{
grid-template-areas:
"item4 item2 item1"
"item4 item3 item1";
grid-template-columns: 1fr 1fr 2fr;
}
}
.jl_fr13_inner .jl_m_fr13{
padding-bottom: 0%;
height: 100%;
}
.jl_m_fr13_inner, .jl_p_fr13_inner{
height: 100%;
width: 100%;
display: flex;
gap: 15px;
flex-direction: column;
justify-content: space-between;
}
.jl_fr13_inner .jl_m_fr13 .jl_imgw, .jl_fr13_inner .jl_p_fr13_inner .jl_imgw{
padding-bottom: 0px;
align-items: stretch;
display: flex;
height: 100%;
margin-bottom: 0px;
}
.jl_hide_col_line .jl_p_fr13:before, .jl_hide_col_line .jl_p_fr13:after{
display: none;
}
.jl_fr13_inner .jl_p_fr13:nth-child(1):before{
content: '';
position: absolute;
top: 0;
height: 100%;
border-left: 1px var(--jl-sline, solid) var(--jl-post-line-color);
left: calc(var(--jl-grid-gap) / 2 * -1);
}
.jl_fr13_inner .jl_p_fr13:nth-child(1):after{
content: '';
position: absolute;
top: 0;
height: 100%;
border-right: 1px var(--jl-sline, solid) var(--jl-post-line-color);
right: calc(var(--jl-grid-gap) / 2 * -1);
}
.jl_fr13_inner .jl_p_fr13:nth-child(2):after, .jl_fr13_inner .jl_p_fr13:nth-child(3):after{
content: '';
position: absolute;
left: 0;
width: 100%;
bottom: calc(var(--jl-grid-gap) / 2 * -1);
border-bottom: 1px var(--jl-sline, solid) var(--jl-post-line-color);
}
.jl_fr13_inner .jl_p_fr13{
flex: 1;
position: relative;
}
.jl_fr13_inner .jl_p_fr13:nth-child(1){
grid-area: item1;
}
.jl_fr13_inner .jl_p_fr13:nth-child(2){
grid-area: item2;
}
.jl_fr13_inner .jl_p_fr13:nth-child(3){
grid-area: item3;
}
.jl_fr13_inner .jl_p_frli13:nth-child(4){
grid-area: item4;
}
.jl_fr13_inner .jl_p_fr13:nth-child(1) .jl_fe_text .jl_fe_title{
font-size: var(--jl-font-main);
}
.jl_fr13_inner .jl_p_fr13 .jl_fe_text .jl_fe_title{
font-size: var(--jl-font-grid);
}
.jl_fr13_inner .jl_mmlist_layout .jl_fe_text .jl_fe_title{
font-size: var(--jl-font-small);
}
.jl_fr13_inner .jl_cslist_layout .jl_img_holder{
-webkit-flex: 0 0 80px;
-ms-flex: 0 0 80px;
flex: 0 0 80px;
width: 80px;
border-radius: 100px;
}
.jl_fr13_inner .jl_cslist_layout .jl_imgw{
height: 80px;
padding-bottom: 0px;
}
.jl_fr13_inner .jl_fli_wrap{
--jlrow-gap: var(--jl-sm-row-gap);
}
.jl_fr13_inner .jl_mmlist_layout .jl_imgw.jl_radus_e{
border-radius: var(--st-rounded-sm, var(--jl-border-rounded));
}
/*-------------------------------------------------------------------------------------
Small Main + Right List
-------------------------------------------------------------------------------------*/
.jl_contain_mix{
display: flex;
width: 100%;
flex-direction: column;
gap: 30px;
}
.jl_fr15_wrap{
--jl-main-gap: 30px;
--jl-small-gap: 30px;
--jl-main-font: 23px;
--jl-small-font: 15px;
}
.jl_fr15_inner{
width: 100%;
display: grid;
grid-gap: var(--jl-main-gap);
grid-template-columns: 50% 1fr;
grid-template-rows: 1fr;
}
.jl_fr15_inner .jl_fli_con{
width: 100%;
}
.jl_fr15_inner .jl_p_fr15 .jl_imgw {
margin-bottom: 20px;
}
.jl_fr15_inner .jl_cgrid_layout .jl_fe_title{
font-size: var(--jl-main-font);
}
.jl_fr15_inner .jl_fe_title{
font-size: var(--jl-small-font);
}
.jl_fr15_inner .jl_fli_wrap{
--jlrow-gap: var(--jl-small-gap);
grid-row-gap: var(--jlrow-gap);
}
/*-------------------------------------------------------------------------------------
Small Main + below 2 col
-------------------------------------------------------------------------------------*/
.jl_frlig_wrap{
--jl-main-gap: 30px;
--jl-small-gap: 30px;
--jl-main-font: 23px;
--jl-small-font: 15px;
}
.jl_frlig_inner{
width: 100%;
display: grid;
grid-gap: var(--jl-main-gap);
grid-template-columns: 1fr;
grid-template-rows: 1fr;
}
.jl_frlig_inner .jl_cgrid_layout .jl_imgw{
margin-bottom: 0px;
}
.jl_frlig_inner .jl_cgrid_layout{
display: grid;
grid-gap: var(--jl-main-gap);
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr;
align-items: center;
}
.jl_en_frl .jl_frlig_inner .jl_cgrid_layout{
grid-gap: 0px !important;
}
.jl_en_frl .jl_frlig_inner .jl_cgrid_layout .jl_imgw{
border-radius: var(--jl-border-rounded) 0px 0px var(--jl-border-rounded) !important;
}
.jl_frlig_inner .jl_fli_con{
width: 100%;
}
.jl_frlig_inner .jl_p_frlig .jl_imgw {
margin-bottom: 20px;
}
.jl_frlig_inner .jl_cgrid_layout .jl_fe_title{
font-size: var(--jl-main-font);
}
.jl_frlig_inner .jl_fe_title{
font-size: var(--jl-small-font);
}
.jl_frlig_inner .jl_fli_wrap{
--jlrow-gap: var(--jl-small-gap);
grid-row-gap: var(--jlrow-gap);
grid-template-columns: 1fr 1fr;
grid-gap: var(--jl-main-gap);
}
/*-------------------------------------------------------------------------------------
Small Main + Below List
-------------------------------------------------------------------------------------*/
.jl_fr16_inner{
--jlrow-gap: 30px;
width: 100%;
display: grid;
grid-gap: var(--jlrow-gap);
grid-template-columns: repeat(1,minmax(0,1fr));
grid-template-rows: 1fr;
overflow: hidden;
}
.jl_fr16_inner .jl_fli_con{
width: 100%;
}
.jl_fr16_inner .jl_cgrid_layout .jl_fe_title{
font-size: 23px;
}
.jl_fr16_inner .jl_fe_title{
font-size: 15px;
}
/*-------------------------------------------------------------------------------------
Small 2Main + Below List
-------------------------------------------------------------------------------------*/
.jl_fr17_wrap{
--jl-main-gap: 30px;
--jl-small-gap: 30px;
--jl-main-font: 23px;
--jl-small-font: 15px;
}
.jl_fr17_inner{
width: 100%;
display: grid;
grid-column-gap: var(--jl-main-gap);
grid-row-gap: var(--jl-small-gap);
grid-template-columns: repeat(2,minmax(0,1fr));
grid-template-rows: 1fr;
}
.jl_fr17_inner .jl_fli_con{
width: 100%;
}
.jl_fr17_inner .jl_cgrid_layout{
height: 100%;
}
.jl_fr17_inner .jl_cgrid_layout .jl_fe_title{
font-size: var(--jl-main-font);
}
.jl_fr17_inner .jl_fe_title{
font-size: var(--jl-small-font);
}
.jl_fr17_inner .jl_lisep{
--jlrow-gap: var(--jl-small-gap);
}
/*-------------------------------------------------------------------------------------
Layout classic 1 mian + 2 grid post
-------------------------------------------------------------------------------------*/
.jl_fr18_inner{
--jl-padding-main: 40px;
--jl-font-main: 45px;
--jl-font-small: 23px;
--jl-grid-gap: 30px;
--jl-h-align: flex-start;
--jl-v-align: flex-end;
display: grid;
grid-gap: var(--jl-grid-gap);
grid-template-areas:"item1 item2 item3";
grid-template-columns: var(--jl-ovm-w,45%) 1fr 1fr;
overflow: hidden;
}
@media only screen and (min-width: 768px) {
.jl_mp_rl .jl_fr18_inner{
grid-template-areas: "item2 item3 item1";
grid-template-columns: 1fr 1fr var(--jl-ovm-w,45%);
}
.jl_mp_cl .jl_fr18_inner{
grid-template-areas: "item2 item1 item3";
grid-template-columns: 1fr var(--jl-ovm-w,45%) 1fr;
}
.jl_mp_g1 .jl_fr18_inner{
grid-template-areas:
"item1 item2"
"item1 item3";
grid-template-columns: var(--jl-ovm-w, 45%) 1fr;
grid-template-rows: 1fr 1fr;
}
}
.jl_fr18_inner .jl_m_fr18 .jl_fe_text {
padding: var(--jl-padding-main);
}
.jl_fr18_inner .jl_m_fr18_inner{
height: 100%;
width: 100%;
display: flex;
gap: 20px;
flex-direction: column;
justify-content: space-between;
}
.jl_fr18_inner .jl_p_fr18.jl_m_fr18 .jl_imgw{
padding-bottom: 0px;
align-items: stretch;
display: flex;
height: 100%;
margin-bottom: 0px;
}
.jl_en_fr .jl_fr18_inner .jl_cgrid_layout .jl_fe_text{
text-align: var(--jl-t-align);
padding: var(--jl-fr-padding, 15px 15px 20px 15px);
}
.jl_fr18_inner .jl_p_fr18.jl_m_fr18 .jl_fe_text .jl_fe_title {
font-size: var(--jl-font-main);
}
.jl_fr18_inner .jl_p_fr18{
overflow: visible;
flex: 1;
position: relative;
}
.jl_fr18_inner .jl_p_fr18:nth-child(1){
grid-area: item1;
}
.jl_fr18_inner .jl_p_fr18:nth-child(2){
grid-area: item2;
}
.jl_fr18_inner .jl_p_fr18:nth-child(3){
grid-area: item3;
}
.jl_fr18_inner .jl_p_fr18 .jl_fe_text .jl_fe_title{
font-size: var(--jl-font-small);
}
/*-------------------------------------------------------------------------------------
Layout 19
-------------------------------------------------------------------------------------*/
.jl_fr19_inner{
--jl-main-h: 100%;
--jl-small-h: 40%;
--jl-padding-main: 40px;
--jl-padding-small: 30px;
--jl-font-main: 30px;
--jl-font-medium: 20px;
--jl-font-small: 20px;
--jl-h-align: flex-start;
--jl-v-align: flex-end;
--jl-grid-gap: 5px;
--jlc-car-radius: 0px;
display: grid;
grid-gap: var(--jl-grid-gap);
grid-template-areas:
"item1 item2 item2"
"item1 item3 item4";
grid-template-columns: var(--jl-main-w, 2fr) 1fr 1fr;
grid-template-rows: 1fr 1fr;
}
@media only screen and (min-width: 768px) {
.jl_mp_ll2 .jl_fr19_inner{
grid-template-areas:
"item1 item2 item3"
"item1 item4 item4";
}
.jl_mp_rl .jl_fr19_inner{
grid-template-areas:
"item2 item2 item1"
"item3 item4 item1";
grid-template-columns: 1fr 1fr var(--jl-main-w, 2fr);
}
.jl_mp_rl2 .jl_fr19_inner{
grid-template-areas:
"item2 item3 item1"
"item4 item4 item1";
grid-template-columns: 1fr 1fr var(--jl-main-w, 2fr);
}
.jl_mp_rg2 .jl_fr19_inner{
grid-template-areas:
"item1 item2 item3"
"item1 item2 item4";
grid-template-columns: var(--jl-main-w, 2fr) 1fr 1fr;
}
.jl_mp_rg3 .jl_fr19_inner{
grid-template-areas:
"item1 item3 item2"
"item1 item4 item2";
grid-template-columns: var(--jl-main-w, 2fr) 1fr 1fr;
}
.jl_mp_rg4 .jl_fr19_inner{
grid-template-areas:
"item3 item2 item1"
"item4 item2 item1";
grid-template-columns: 1fr 1fr var(--jl-main-w, 2fr);
}
.jl_mp_rg5 .jl_fr19_inner{
grid-template-areas:
"item2 item3 item1"
"item2 item4 item1";
grid-template-columns: 1fr 1fr var(--jl-main-w, 2fr);
}
}
.jl_fr19_inner .jl_p_fr19{
padding-bottom: var(--jl-small-h);
}
.jl_fr19_inner .jl_p_fr19.jl_m_fr19{
padding-bottom: var(--jl-main-h);
}
.jl_fr19_inner .jl_p_fr19{
overflow: hidden;
flex: 1;
position: relative;
border-radius: var(--jlc-car-radius);
}
.jl_fr19_inner .jl_p_fr19.jl_m_fr19 .jl_fe_text{
padding: var(--jl-padding-main);
}
.jl_fr19_inner .jl_p_fr19 .jl_fe_text{
padding: var(--jl-padding-small);
}
.jl_fr19_inner .jl_p_fr19:nth-child(1){
grid-area: item1;
}
.jl_fr19_inner .jl_p_fr19:nth-child(2){
grid-area: item2;
}
.jl_fr19_inner .jl_p_fr19:nth-child(3){
grid-area: item3;
}
.jl_fr19_inner .jl_p_fr19:nth-child(4){
grid-area: item4;
}
.jl_fr19_inner .jl_p_fr19:nth-child(5){
grid-area: item5;
}
.jl_fr19_inner .jl_p_fr19:nth-child(1) .jl_fe_text .jl_fe_title{
font-size: var(--jl-font-main);
}
.jl_fr19_inner .jl_p_fr19:nth-child(2) .jl_fe_text .jl_fe_title{
font-size: var(--jl-font-medium);
}
.jl_fr19_inner .jl_p_fr19 .jl_fe_text .jl_fe_title{
font-size: var(--jl-font-small);
}
.jl_fr19_inner .jl_fe_des, .jl_fr6_inner .jl_ov_el .jl_fe_des{
color: #FFFFFFD4 !important;
}
/*-------------------------------------------------------------------------------------
Layout 20
-------------------------------------------------------------------------------------*/
.jl_fr20_inner{
--jl-main-h: 50%;
--jl-small-h: 65%;
--jl-padding-main: 40px;
--jl-padding-small: 30px;
--jl-font-main: 30px;
--jl-font-small: 20px;
--jl-h-align: flex-start;
--jl-v-align: flex-end;
--jl-grid-gap: 5px;
--jlc-car-radius: 0px;
display: grid;
grid-gap: var(--jl-grid-gap);
grid-template-areas:
"item1 item1 item1 item2 item2 item2"
"item3 item3 item4 item4 item5 item5";
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-rows: initial;
grid-template-rows: unset;
}
.jl_fr20_inner .jl_p_fr20{
padding-bottom: var(--jl-small-h);
}
.jl_fr20_inner .jl_p_fr20.jl_m_fr20, .jl_fr20_inner .jl_p_fr20:nth-child(2){
padding-bottom: var(--jl-main-h);
}
.jl_fr20_inner .jl_p_fr20{
overflow: hidden;
flex: 1;
position: relative;
border-radius: var(--jlc-car-radius);
}
.jl_fr20_inner .jl_p_fr20.jl_m_fr20 .jl_fe_text, .jl_fr20_inner .jl_p_fr20:nth-child(2) .jl_fe_text{
padding: var(--jl-padding-main);
}
.jl_fr20_inner .jl_p_fr20 .jl_fe_text{
padding: var(--jl-padding-small);
}
.jl_fr20_inner .jl_p_fr20:nth-child(1){
grid-area: item1;
}
.jl_fr20_inner .jl_p_fr20:nth-child(2){
grid-area: item2;
}
.jl_fr20_inner .jl_p_fr20:nth-child(3){
grid-area: item3;
}
.jl_fr20_inner .jl_p_fr20:nth-child(4){
grid-area: item4;
}
.jl_fr20_inner .jl_p_fr20:nth-child(5){
grid-area: item5;
}
.jl_fr20_inner .jl_p_fr20:nth-child(1) .jl_fe_text .jl_fe_title, .jl_fr20_inner .jl_p_fr20:nth-child(2) .jl_fe_text .jl_fe_title{
font-size: var(--jl-font-main);
}
.jl_fr20_inner .jl_p_fr20 .jl_fe_text .jl_fe_title{
font-size: var(--jl-font-small);
}
/*-------------------------------------------------------------------------------------
Layout List Number
-------------------------------------------------------------------------------------*/
.jl_cli_num{
grid-template-columns: repeat(4,minmax(0,1fr));
--jlrow-gap: 35px;
overflow: hidden;
}
.jl_mmlist_w{
display: block;
}
/*-------------------------------------------------------------------------------------
Slider OPT
-------------------------------------------------------------------------------------*/
.jl-eb-sl{
width: 100%;
overflow: hidden;
--jl-title-size: 35;
--jl-arrow-w: 40px;
--jl-arrow-h: 40px;
--jl-arrow-r: 100px;
--jl-arrow-bg: #fff;
--jl-arrow-hbg: #fff;
--jl-arrow-color: #000;
--jl-arrow-hcolor: #000;
--jl-arrow-space: 30px;
--jl-slider-h: 550px;
--jl-caption-space: 50px;
--jl-caption-w: 600px;
--jl-arr-ani: 8px;
border-radius: var(--jlc-car-radius) !important;
}
.jl-eb-sl:hover{
--jl-arr-ani: 0px;
}
.jl-eb-sl:hover .jl-swiper-button-next, .jl-eb-sl:hover .jl-swiper-button-prev{
opacity: 1;
visibility: visible;
}
.jl-eb-sl .jl-swiper-button-next, .jl-eb-sl .jl-swiper-button-prev{
display: flex;
position: absolute;
top: 50%;
-webkit-transform: translate3d(0, 0, 0) perspective(1px) translateY(-50%);
-ms-transform: translate3d(0, 0, 0) perspective(1px) translateY(-50%);
transform: translate3d(0, 0, 0) perspective(1px) translateY(-50%);
z-index: 2;
cursor: pointer;
opacity: 0;
visibility: hidden;
transition: .3s ease;
}
.jl-eb-sl .jl-swiper-button-next .jl-spn-inner, .jl-eb-sl .jl-swiper-button-prev .jl-spn-inner{
width: var(--jl-arrow-w);
height: var(--jl-arrow-h);
border-radius: var(--jl-arrow-r);
font-size: var(--jl-arr-s, 11px);
color: var(--jl-arrow-color);
background: var(--jl-arrow-bg);
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: .3s ease;
box-shadow: 0px 0px 30px 0px rgba(0,0,0,.12);
}
.jl_artl .jl-eb-sl .jl_arpw{
top: 0px;
left: 0px;
}
.jl_artr .jl-eb-sl .jl_arpw{
top: 0px;
right: 0px;
}
.jl_arbl .jl-eb-sl .jl_arpw{
bottom: 0px;
left: 0px;
}
.jl_arbr .jl-eb-sl .jl_arpw{
bottom: 0px;
right: 0px;
}
.jl_artl .jl-eb-sl .jl_arpw, .jl_artr .jl-eb-sl .jl_arpw, .jl_arbl .jl-eb-sl .jl_arpw, .jl_arbr .jl-eb-sl .jl_arpw{
display: flex;
position: absolute;
padding: var(--jl-arrow-space);
gap: 5px;
flex-direction: row-reverse;
z-index: 2;
}
.jl_artl .jl-eb-sl .jl_arpw div, .jl_artr .jl-eb-sl .jl_arpw div, .jl_arbl .jl-eb-sl .jl_arpw div, .jl_arbr .jl-eb-sl .jl_arpw div{
position: unset !important;
opacity: 1;
visibility: visible;
-webkit-transform: unset;
-ms-transform: unset;
transform: unset;
}
.jl-eb-sl .jl-swiper-button-next:hover .jl-spn-inner, .jl-eb-sl .jl-swiper-button-prev:hover .jl-spn-inner{
color: var(--jl-arrow-hcolor);
background: var(--jl-arrow-hbg);
}
.jl-eb-sl .jl-swiper-button-next{
right: calc(var(--jl-arrow-space) - var(--jl-arr-ani));
}
.jl-eb-sl .jl-swiper-button-prev{
left: calc(var(--jl-arrow-space) - var(--jl-arr-ani));
}
.jl-pgal-slider:not(.swiper-initialized) .jl-swiper-button-next, .jl-pgal-slider:not(.swiper-initialized) .jl-swiper-button-prev{
display: none;
}
.jl-eb-sl .jl_spw,
.jl-pgal-slider .jl_spw{
display: flex;
justify-content: center;
}
.jl-eb-sl .jl_spw .swiper-pagination,
.jl-pgal-slider .jl_spw .swiper-pagination{
position: static;
display: flex;
gap: 7px;
padding: 0px;
justify-content: var(--jl-sl-h, center);
}
.jl-eb-sl .jl_spw .swiper-pagination .swiper-pagination-bullet,
.jl-pgal-slider .jl_spw .swiper-pagination .swiper-pagination-bullet{
width: 8px;
height: 8px;
background-color: transparent;
border-radius: 0;
opacity: 1;
transition: width .3s ease;
position: relative;
color: #000;
margin: 0px;
pointer-events: visible;
}
.jl-eb-sl .jl_spw .swiper-pagination .swiper-pagination-bullet:after,
.jl-pgal-slider .jl_spw .swiper-pagination .swiper-pagination-bullet:after{
content: '';
display: inline-block;
width: 100%;
position: absolute;
top: 0;
left: 0;
height: 8px;
border-radius: 50%;
opacity: .3;
background-color: var(--jlpagi-color, #000) !important;
transition: .2s ease-out,background-color .2s ease-out;
}
.jl-eb-sl .jl_spw .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after,
.jl-pgal-slider .jl_spw .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after{
background-color: var(--jlpagi-color, #000);
transform: scale(1.4);
opacity: 1;
}
.jl-eb-sl .jl_spw .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:hover:after,
.jl-pgal-slider .jl_spw .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:hover:after{
background: currentColor;
}
/*-------------------------------------------------------------------------------------
Layout carousel
-------------------------------------------------------------------------------------*/
.jl_caropt_w{
--jlc-f-size: 20px;
--jlc-h-align: center;
--jlc-v-align: center;
--jlc-padding: 20px;
--jlc-cap-padding: 20px;
--jlc-car-height: 100%;
--jlc-car-radius: 0px;
}
.jl_caropt_w .jl-eb-sl .jl_fe_text{
--jl-f-size: var(--jlc-f-size) !important;
--jl-h-align: var(--jlc-h-align) !important;
--jl-v-align: var(--jlc-v-align) !important;
--jl-padding: var(--jlc-padding) !important;
}
.jl_caropt_w .jl-spn-inner{
transform: translateY(-32px);
}
.jl_caropt_w .swiper-pagination-bullet{
color: var(--jl-txt-color) !important;
}
.jl_caropt_w .slide-inner:hover .jl_imgw .jl_imgin img{
transform: scale(1.01) !important;
}
.carousel1.jl-main-block .jl_imgw .jl_imgin,
.carousel2.jl-main-block .jl_caropt_w .jl_ov_layout,
.carousel3.jl-main-block .jl_caropt_w .jl_ov_layout,
.carousel3.jl-main-block .jl_caropt_w .jl_ov_layout,
.carousel3.jl-main-block .jl_caropt_w .jl_fe_inner,
.carousel4.jl-main-block .jl_cgrid_layout{
border-radius: var(--jlc-car-radius);
overflow: hidden;
}
.carousel4.jl-main-block .jl_cgrid_layout .jl_imgw{
padding-bottom: var(--jlc-car-height, 66.66667%);
}
.carousel3 .jls_tooltiptext, .jl_lg_l3 .jls_tooltiptext{
--jl-sh-bg: #000 !important;
}
.options_dark_skin .carousel3 .jls_tooltiptext, .options_dark_skin .jl_lg_l3 .jls_tooltiptext{
--jl-sh-bg: #fff !important;
}
.carousel3 .jl_ov_el .jl_fe_title a, .jl_tline .carousel3 .jl_ov_el .jl_fe_title a:hover{
color: var(--jl-txt-color) !important;
}
.jl_tcolor .carousel3 .jl_ov_el .jl_fe_title a:hover, .jl_uline .carousel3 .jl_ov_el .jl_fe_title a:hover{
color: var(--jl-main-color) !important;
}
.carousel3 .jl_ov_el .jl_post_meta span, .carousel3 .jl_ov_el .jl_post_meta a, .carousel3 .jl_ov_el .jl_post_meta a:hover{
color: var(--jl-meta-color) !important;
}
.carousel3 .jl_post_meta{
margin-top: 10px;
}
.carousel3 .jl_ov_el .jl_imgl{
background: transparent;
}
.jl_caropt_w .jl_spw{
margin: var(--jlpagi-ma, 25px);
}
/*Classic*/
.jl_caropt_w .jl-eb-sl .jl_gna .jl_cgrid_layout .jl_fe_title{
font-size: var(--jlc-f-size);
text-align: var(--jlc-t-align);
}
.jl_caropt_w .jl-eb-sl .jl_gna .jl_cgrid_layout .jl_imgw{
padding-bottom: var(--jlc-car-height);
}
/*Overlay*/
.jl_caropt_w .jl_ov_layout{
padding-bottom: var(--jlc-car-height);
}
.jl_caropt_w .jl-eb-sl .jl_ov_el .jl_fe_text{
max-width: var(--jlc-caption-w);
margin: 0px auto;
}
/*Overlay bg caption*/
.jl_caropt_w .jl-eb-sl .jl_ov_el.jl_ov_bg .jl_fe_text .jl_fe_inner{
width: 100%;
background: var(--jl-cap-bg);
padding: var(--jlc-cap-padding);
max-width: 500px;
}
/*Classic background*/
.jl_caropt_w .swiper-slide.jl_gbg{
height: auto;
}
.jl_caropt_w .jl_gbg .slide-inner, .jl_caropt_w .jl_gbg .jl_cgrid_layout{
height: 100%;
display: flex;
flex-direction: column;
}
.jl_caropt_w .jl_gbg .jl_cgrid_layout .jl_imgw{
margin-bottom: 0px;
}
.jl_caropt_w .jl_gbg .jl_cgrid_layout .jl_fe_text{
background: var(--jl-cap-bg);
padding: var(--jlc-padding) !important;
text-align: var(--jl-t-align) !important;
display: flex;
flex-direction: column;
flex: 1;
}
.jl_caropt_w .jl_gbg .jl_cgrid_layout .jl_fe_text .jl_post_meta{
margin-top: auto;
padding-top: 15px;
}
.jl_caropt_w .jl-eb-sl .jl_gbg .jl_cgrid_layout .jl_fe_title{
font-size: var(--jlc-f-size) !important;
}
/*Main slider*/
.swiper-slide {
overflow: hidden;
}
.swiper-slide-inner {
width: 100%;
height: 500px;
left: 0;
top: 0;
background: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-initialized .swiper-slide-duplicate .jl_imgin img,
.swiper-initialized .swiper-slide-duplicate-active .jl_imgin img,
.swiper-initialized .swiper-slide-duplicate-next .jl_imgin img{
-webkit-filter: blur(0px);
filter: blur(0px);
}
.swiper-slide-inner img{
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.swiper-initialized .swiper-slide-inner img{
-webkit-filter: blur(0px);
filter: blur(0px);
}
.swiper-slide-inner .jlc-mainslider-img-wrap {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
overflow: hidden;
transform: scale(1.1);
transition-duration: 0s;
transition-delay: 800ms;
will-change: transform;
}
.swiper-slide-active .swiper-slide-inner .jlc-mainslider-img-wrap,
.swiper-slide-duplicate-active .swiper-slide-inner .jlc-mainslider-img-wrap {
transform: scale(1);
transition-duration: 800ms;
transition-delay: 0ms;
will-change: transform;
}
.jl-post-image-caption {
position: absolute;
width: 100%!important;
top: 50%;
left: 50%;
bottom: auto;
margin: 0;
transform: translate(-50%, -50%);
transition: opacity .4s ease;
opacity: 0;
z-index: 15;
color: #fff;
font-size: 30px;
}
.swiper-slide-active .jl-post-image-caption {
transition: opacity .4s ease .4s;
opacity: 1;
}
.jl-eb-sl .jl_fe_inner .jl_cap_btn, .jl_fr9_wrap .jl_cap_btn, .jl_cb_btn{
padding: var(--jl-cbbtn-padding, 1em 1.5em) !important;
font-family: var(--jl-menu-font);
font-size: var(--jl-cat-font-size);
font-weight: var(--jl-cat-font-weight);
border-radius: var(--jl-button-radius);
background-color: var(--jl-btnbg, #fff);
color: var(--jl-btncolor, #000) !important;
letter-spacing: var(--jl-cat-font-space);
display: inline-flex;
align-items: center;
justify-content: center;
margin: var(--jl-btn-mt, 18px) 0px 0px 0px !important;
}
.jl-eb-sl .jl_fe_inner .jl_fe_des{
margin-top: 15px;
margin-bottom: 0px;
}
/*-------------------------------------------------------------------------------------
Layout slider center
-------------------------------------------------------------------------------------*/
.jl-eb-sl .jl_cslide .jl_fe_text .jl_fe_inner{
opacity: 0;
transition: all .3s ease-in-out;
}
.jl-eb-sl .jl_cslide.swiper-slide-active .jl_fe_text .jl_fe_inner,
.jl-eb-sl .jl_cslide.swiper-slide-duplicate-active .jl_fe_text .jl_fe_inner{
opacity: 1;
}
/*Center background*/
.jl-eb-sl .jl_cslide .jl_cs_classic.jl_cs_center .jl_fe_text{
display: flex;
position: absolute;
align-items: center;
bottom: 0px;
left: 0px;
right: 0px;
padding: var(--jl-caption-space);
height: 100%;
width: 100%;
margin: 0 auto;
max-width: var(--jl-caption-w);
}
.jl-eb-sl .jl_cslide .jl_ov_bg.jl_ov_el .jl_fe_text .jl_fe_inner{
background: transparent;
}
.jl-eb-sl .jl_cslide .jl_ov_bg .jl_fe_text .jl_fe_inner .jl_cat_txt,
.jl-eb-sl .jl_cslide .jl_ov_bg .jl_fe_text .jl_fe_inner .jl_fe_title a,
.jl-eb-sl .jl_cslide .jl_ov_bg .jl_fe_text .jl_fe_inner .jl_post_meta span,
.jl-eb-sl .jl_cslide .jl_ov_bg .jl_fe_text .jl_fe_inner .jl_post_meta a {
color: #FFF !important;
}
/*Classic*/
.jl-eb-sl .jl_cslide .jl_cs_classic .jl_fe_text{
max-width: var(--jl-caption-w);
margin: auto;
--jl-f-size: var(--jl-title-size);
--jl-h-align: center;
--jl-v-align: center;
--jl-padding: var(--jl-caption-space);
margin-top: -60px;
padding: var(--jl-caption-space);
padding-bottom: 0px !important;
padding-top: 0px !important;
}
.jl_center_car3 .swiper-pagination-bullet{
color: var(--jl-txt-color) !important;
}
.jl-eb-sl .jl_cslide .jl_cgrid_layout,
.jl-eb-sl .jl_cslide .jl_cgrid_layout .jl_fe_inner{
border-radius: var(--jlc-car-radius);
overflow: hidden;
}
.jl-eb-sl .jl_cslide .jl_cs_classic .jl_imgw{
margin-bottom: 0px;
padding-bottom: var(--jl-slider-h);
}
.jl-eb-sl .jl_cslide .jl_cs_classic .jl_fe_text .jl_fe_title{
font-size: var(--jl-f-size);
text-align: var(--jl-t-align);
}
.jl-eb-sl .jl_cslide .jl_cs_classic .jl_fe_text .jl_fe_inner{
background: var(--jl-cap-bg, var(--jl-bg-color));
padding: 20px;
position: relative;
}
.jl-eb-sl .jl_cs_classic .jl_cgrid_layout .jl_cs_classic{
padding-bottom: var(--jl-slider-h);
}
.jl-eb-sl .jl_cs_classic .jl_imgw{
border-radius: var(--jlc-car-radius);
}
.jl_center_car1 .jl_spw, .jl_center_car2 .jl_spw{
position: absolute;
bottom: 0px;
width: 100%;
}
.jl_center_car1 .jl_spw .swiper-pagination, .jl_center_car2 .jl_spw .swiper-pagination{
margin: var(--jlpagi-ma, 25px);
}
.jl_center_car3 .jl_spw .swiper-pagination{
margin-top: 10px;
padding-bottom: 3px;
}
.jl_center_car1 .jl_spw .swiper-pagination .swiper-pagination-bullet, .jl_center_car2 .jl_spw .swiper-pagination .swiper-pagination-bullet{
color: #fff;
}
.jl_cc_car.jl-eb-sl, .jl_cc_car .jl_ov_layout{
--jl-img-height: var(--jl-slider-h);
--jl-caption-space: var(--jl-cap-ma, 30px);
--jl-padding: var(--jl-cap-ma, 25px);
--jl-f-size: var(--jl-title-size);
--jl-t-align: center;
--jl-v-align: center;
--jl-h-align: center;
}
/*-------------------------------------------------------------------------------------
Layout slider
-------------------------------------------------------------------------------------*/
.jl-eb-msl, .jl-eb-msl .jl_mslide .jl_ov_layout {
padding-bottom: 0%;
height: var(--jl-slider-h);
overflow: hidden;
}
.jl-eb-msl .jl_spw{
position: absolute;
bottom: 0px;
width: 100%;
z-index: 1;
pointer-events: none;
}
.jl-eb-msl .jl_spw .swiper-pagination{
margin: var(--jlpagi-ma, 30px);
pointer-events: none;
}
.jl-eb-msl .jl_spw .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after{
transform: scale(1.5);
opacity: 1;
}
.jl-eb-msl .jl_spw .swiper-pagination .swiper-pagination-bullet:after{
background-color: var(--jlpagi-color, #000) !important;
opacity: .4;
}
.jl-eb-msl:hover .jl_imgw .jl_imgin img{
transform: scale(1.01) !important;
}
.jl_slparallax .jl-eb-sl .slide-inner .jl_imgin{
transform: scale(1.1);
transition-duration: 0s;
transition-delay: 800ms;
will-change: transform;
}
.jl_slparallax .jl-eb-sl .swiper-slide-active .slide-inner .jl_imgin,
.jl_slparallax .jl-eb-sl .swiper-slide-duplicate-active .slide-inner .jl_imgin {
transform: scale(1);
transition-duration: 800ms;
transition-delay: 0ms;
will-change: transform;
}
.jl-eb-msl .jl_fe_inner .jl_f_cat{
margin-bottom: 15px;
}
.jl-eb-msl .jl_fe_inner .jl_post_meta{
margin-top: 15px;
}
@keyframes jl-ani-opt--in{
0%,25%{
opacity:0;
transform:translateY(20px)
}
70%{
opacity:1;
transform:translateY(0)
}
100%{
opacity:1;
transform:translateY(0)
}
}
@keyframes jl-ani-opt--out{
0%{
opacity:1;
transform:translateY(0)
}
100%{
opacity:0;
transform:translateY(20px)
}
}
/*-------------------------------------------------------------------------------------
Tab slider
-------------------------------------------------------------------------------------*/
.jl-stab-w{
position: relative;
--st-max-width: 1200px;
--st-max-height: 600px;
--st-cap-width: 50%;
--st-padding: 20px;
--st-main-size: 45px;
--st-tab-size: 19px;
--st-tab-with: 400px;
--st-img-with: 150px;
--st-img-height: 110px;
--st-rounded-mian: 0px;
--st-rounded-tab: 0px;
--jlpagi-color: #fff;
}
.jl-eb-sl{
border-radius: var(--st-rounded-mian);
--jlc-car-radius: 0px;
}
.jl-eb-sl .jl_fe_title{
position: relative;
z-index: 2;
}
.jl-eb-tabsl .jl_ov_el .jl_fe_text{
--jl-f-size: var(--st-main-size);
--jl-h-align: flex-start !important;
--jl-v-align: center !important;
--jl-padding: var(--st-padding);
max-width: var(--st-max-width, 1200px);
margin: 0 auto !important;
padding: 0px var(--jl-padding);
}
.jl-eb-tabsl, .jl-eb-tabsl .jl_cs_overlay .jl_ov_layout{
padding-bottom: 0;
height: var(--st-max-height);
overflow: hidden;
background: #222;
}
.jl-eb-tabsl:hover .jl_imgin img, .tab_labout:hover .jl_imgin img{
transform: scale(1.01);
}
.jl-eb-tabsl .jl_ov_el .jl_fe_text .jl_fe_inner{
width: var(--st-cap-width, 54%);
padding: 0px !important;
}
.jl-eb-tabsl .jl_ov_el .jl_fe_text .jl_fe_inner .jl_fe_des{
color: #FFFFFFD4 !important;
max-width: 90%;
}
.jl-eb-tabsl .jl_spw{
display: none;
}
.jl-eb-tabsl .swiper-slide-active .jl_fe_inner{
animation:jl-ani-opt--in .8s cubic-bezier(.46,.03,.52,.96) forwards;
}
.jl-eb-tabsl{
padding-bottom: 0px;
height: var(--st-max-height);
overflow: hidden;
border-radius: var(--st-rounded-mian) !important;
}
.jl-eb-tabsl .jl_spw{
position: absolute;
bottom: 0px;
width: 100%;
}
.jl-eb-tabsl .jl_spw .swiper-pagination{
margin-top: 0px;
margin-bottom: 30px;
}
.jl-eb-tabsl .jl_ov_el .jl_imgl{
background: rgba(0,0,0,.25);
}
.jl-eb-tabsl .jl_spw .swiper-pagination .swiper-pagination-bullet{
color: #fff;
}
.jl-sltab-s{
position: absolute;
top: 0px;
left: 0px;
right: 0px;
width: 100%;
height: 100%;
max-width: var(--st-max-width);
padding: 0px var(--st-padding);
margin: 0 auto;
justify-content: flex-end;
align-items: center;
display: flex;
}
.jl-sltab-s .jl-eb-sltab{
margin: 0px;
}
.jl-sltab-s .swiper-wrapper{
gap: var(--st-tab-gap, 18px);
width: var(--st-tab-with, 300px);
display: flex;
flex-direction: column !important;
}
.jl-sltab-s .swiper-wrapper .swiper-slide{
height: auto !important;
}
.jl-sltab-s .slide-inner{
display: flex;
flex-direction: row;
}
.jl-sltab-s .tab_labout{
display: flex;
text-align: left;
align-items: center;
cursor: pointer;
}
.jl-sltab-s .tab_labout .jl_fe_title{
color: #fff !important;
font-size: var(--st-tab-size);
}
.jl-sltab-s .tab_labout .jl_fe_title span{
display: inline;
background-repeat: no-repeat;
background-image: linear-gradient(90deg,currentColor 0,currentColor 94%);
transition: background-size .4s cubic-bezier(.215,.61,.355,1), opacity .5s ease;
background-position: 100% 94%;
background-size: 0 1px;
}
.jl-sltab-s .jl_mmlist_layout .jl_img_holder{
-webkit-flex: 0 0 var(--st-img-with, 60px);
-ms-flex: 0 0 var(--st-img-with, 60px);
flex: 0 0 var(--st-img-with, 60px);
width: var(--st-img-with, 60px);
}
.jl-sltab-s .jl_mmlist_layout .jl_imgw{
height: var(--st-img-height, 60px);
border-radius: var(--st-rounded-tab, 100px);
}
.jl-sltab-s .swiper-slide .tab_labout .jl_img_holder{
border: 2px solid transparent;
border-radius: var(--st-rounded-tab);
}
.jl-sltab-s .swiper-slide-thumb-active .tab_labout .jl_img_holder{
border: 2px solid rgba(255,255,255,.7);
}
.jl-sltab-s .swiper-slide-thumb-active .tab_labout .jl_fe_title span{
background-position:0 94%;
background-size: 100% 1px;
}
.jl-sltab-s .jl_post_meta span{
color: #fff !important;
}
/*-------------------------------------------------------------------------------------
Layout hover
-------------------------------------------------------------------------------------*/
.jl-showcase-container{
--jlc-sh-height: 500px;
--jlc-font-size: 20px;
--jlc-car-radius: 0px;
height: var(--jlc-sh-height);
border-radius: var(--jlc-car-radius);
overflow: hidden;
position: relative;
}
.jl-showcase-wrapper{
position: absolute;
top: 0px;
left: 0px;
z-index: 10;
display: grid;
height: 100%;
grid-template-columns: repeat(4,minmax(0,1fr));
width: 100%;
align-items: end;
}
.jl-showcase-content{
position: relative;
display: grid;
height: 100%;
align-items: end;
overflow: hidden;
width: 100%;
border-right: 1px solid rgba(255, 255, 255, .3);
border-bottom: 1px solid rgba(255, 255, 255, .3);
opacity: var(--jlc-car-opa, .6);
}
.jl-showcase-content.jl-showcase-active{
opacity: 1;
}
.jl-showcase-content:last-child{
border-right: 0px solid rgba(255, 255, 255, .4);
}
.jl-showcase-item-inner{
padding: 30px;
}
.jl-showcase-item-inner .jl_cap_title{
font-size: 14px;
margin-bottom: 5px;
color: #fff;
}
.jl-showcase-item-inner .jl-slider-title{
font-size: 25px;
margin-bottom: 5px;
color: #fff;
}
.jl-showcase-item-inner .mainslider_text{
margin-bottom: 20px;
font-size: 14px;
color: rgba(255,255,255,.85);
}
.jl-showcase-item-inner .sl_btn_l{
background: transparent;
color: #fff;
padding: 10px 25px;
text-transform: uppercase;
font-size: 11px;
letter-spacing: 0.1em;
display: inline-flex;
border: 1px solid #fff;
}
.jl-showcase-item-inner .sl_btn_l:hover{
background: #fff;
color: #000;
}
.jl-img-wrap{
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}
.jl-img-ovb{
position: absolute;
background-color: rgba(0,0,0,.25);
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
z-index: 6;
}
.jl-img-inner{
opacity: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transition: all 0.3s ease 0s;
z-index: 1;
}
.jl-img-inner img{
position: absolute;
width: 100% !important;
height: 100% !important;
top: 0px;
left: 0px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.jl-img-inner.jl-showcase-active{
opacity: 1;
z-index: 6;
transition: all 0.3s ease 0s;
}
.jl-img-wrap .jl_img_holder{
height: 100%;
}
.jl-img-wrap .jl_img_holder .jl_imgw{
padding-bottom: 0px;
height: 100%;
}
.jl-showcase-content .jl_cap_ov{
position: absolute;
z-index: 1;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.jl-showcase-content .jl_fe_title{
font-size: var(--jlc-font-size);
}
.jl-showcase-content .jl_post_meta span a,
.jl-showcase-content .jl_post_meta span,
.jl-showcase-content .jl_f_cat .jl_cat_txt,
.jl-showcase-content .jl_fe_title{
color: #fff !important;
}
.jl-showcase-content .jl_fe_title a{
color: #fff !important;
}
.jl-showcase-content:hover .jl_fe_title a{
background-position:0 94%;
background-size: 100% 1px;
}
/*-------------------------------------------------------------------------------------
Marquee text
-------------------------------------------------------------------------------------*/
.jl_mar_wp{
display: flex;
width: 100%;
gap: 10px;
}
.jl_mar_lbl{
white-space: nowrap;
background: #ed0101;
color: #fff;
font-size: 12px;
align-items: center;
display: flex;
padding: 4px 10px;
font-weight: var(--jl-menu-font-weight);
font-family: var(--jl-menu-font);
}
.jl-marquee-wrap{
display: flex;
white-space: nowrap;
align-items: center;
overflow: hidden;
position: relative;
width: 100%;
}
.jl-marquee-li .jl_fe_title{
font-size: 13px;
}
.jl-marquee-wrap:before, .jl-marquee-wrap:after{
content: '';
z-index: 1;
position: absolute;
top: 0;
width: 20px;
height: 100%;
transition: background .25s linear;
}
.jl-marquee-wrap:before{
left: -2px;
background: linear-gradient(90deg,var(--mar-ov-bg),var(--mar-ov-bg) 10%,hsla(0,0%,100%,0));
}
.jl-marquee-wrap:after{
right: -2px;
background: linear-gradient(270deg,var(--mar-ov-bg),var(--mar-ov-bg) 10%,hsla(0,0%,100%,0));
}
.jl-marquee-text{
display: flex;
align-items: baseline;
padding: 0px;
margin: 0px;
}
.jl-marquee-left{
animation: jl-marquee-left linear infinite;
animation-duration: var(--jlc-marquee-speed, 5s);
}
.jl-marquee-cloned-left{
animation: jl-marquee-cloned-left linear infinite;
animation-duration: var(--jlc-marquee-speed, 5s);
}
.jl-marquee-right{
animation: jl-marquee-right linear infinite;
animation-duration: var(--jlc-marquee-speed, 5s);
}
.jl-marquee-cloned-right{
animation: jl-marquee-cloned-right linear infinite;
animation-duration: var(--jlc-marquee-speed, 5s);
}
.jl-marquee-push:hover .jl-marquee-ul{
animation-play-state: paused;
}
.jl-marquee-cloned{
position: absolute;
top: 0;
bottom: 0;
left: 0;
align-items: center;
will-change: transform;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform: translateX(100%) translateZ(0);
}
.jl-marquee-text li{
font-size: 15px;
list-style: none;
margin-right: 20px;
}
@keyframes jl-marquee-left{
0% {
transform: translateX(0) translateZ(0)
}
100% {
transform: translateX(-100%) translateZ(0)
}
}
@keyframes jl-marquee-cloned-left{
0% {
transform: translateX(100%) translateZ(0)
}
100% {
transform: translateX(0) translateZ(0)
}
}
@keyframes jl-marquee-right{
0% {
transform: translateX(-100%) translateZ(0)
}
100% {
transform: translateX(0) translateZ(0)
}
}
@keyframes jl-marquee-cloned-right{
0% {
transform: translateX(0) translateZ(0)
}
100% {
transform: translateX(100%) translateZ(0)
}
}
/* Simple menu */
.jl_jinm li a{
text-decoration: underline rgba(255, 255, 255, 0) !important;
transition: all 0.3s !important;
}
.jl_jinm .jlcm-main-jl_menu_inline li a{
display: flex;
align-items: center;
}
.jl_jinm li:last-child a:after{
display: none !important;
}
.jlcm-main-jl_menu_list{
width: 100%;
}
/*-------------------------------------------------------------------------------------
Newsticker text
-------------------------------------------------------------------------------------*/
.jl_ticker_wp, .jl_lbl_in{
display: flex;
width: 100%;
gap: var(--jl-gap-lbl, 10px);
align-items: center;
}
.jl_ticker_lbl, .jl_lbl_op{
white-space: nowrap;
background: #ed0101;
color: #fff;
font-size: 12px;
align-items: center;
display: flex;
padding: 4px 10px;
font-weight: var(--jl-menu-font-weight);
font-family: var(--jl-menu-font);
}
.jl_ticker_wp .jl-eb-sl{
height: auto !important;
}
.jl_ticker_wp .jl_arpw{
display: flex;
position: absolute;
top: 50%;
right: 0px;
z-index: 2;
gap: var(--tarrow-space, 5px);
-webkit-transform: translate3d(0, 0, 0) perspective(1px) translateY(-50%);
-ms-transform: translate3d(0, 0, 0) perspective(1px) translateY(-50%);
transform: translate3d(0, 0, 0) perspective(1px) translateY(-50%);
}
.jl_ticker_wp .jl_arpw .jl-swiper-button-next, .jl_ticker_wp .jl_arpw .jl-swiper-button-prev{
position: static;
-webkit-transform: none;
-ms-transform: none;
transform: none;
opacity: 1;
visibility: visible;
}
.jl_ticker_wp .jl_arpw div .jl-spn-inner{
background: var(--tarrow-bg, rgb(239, 242, 245));
color: var(--tarrow-color, #000);
width: var(--tarrow-wh, 25px);
height: var(--tarrow-wh, 25px);
font-size: var(--tarrow-fsize, 8px);
box-shadow: unset;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: var(--tarrow-radius, 8px);
}
.jl_ticker_wp .jl_arpw div .jl-spn-inner:hover{
color: var(--tarrow-color-h, #fff);
border-color: transparent;
background: var(--tarrow-bg-h, var(--jl-main-color));
}
.jl-newsticker-wrap{
display: flex;
white-space: nowrap;
align-items: center;
overflow: hidden;
position: relative;
width: 100%;
}
.swiper-initialized .jl-newsticker-wrap .slide-inner{
-webkit-transition: opacity .2s cubic-bezier(.32,.74,.57,1);
transition: opacity .2s cubic-bezier(.32,.74,.57,1);
-webkit-transition-delay: .1s;
transition-delay: .1s;
opacity: 0;
}
.swiper-initialized .jl-newsticker-wrap .swiper-slide-active .slide-inner{
opacity: 1;
}
.jl-newsticker-li{
display: flex;
align-items: center;
height: 100%;
min-height: 25px;
}
.jl-newsticker-li .jl_fe_title{
font-size: 13px;
}
.jl-newsticker-li .jl_post_meta{
margin: 0px 0px 0px 15px;
padding: 0px;
}
.jl-newsticker-text{
display: flex;
align-items: baseline;
padding: 0px;
margin: 0px;
}
.jl-newsticker-text li{
font-size: 15px;
list-style: none;
margin-right: 20px;
}
/*jl opt hide*/
.jl_hide_cat .jl_f_cat,
.jl_hide_author .jl_post_meta .jl_author_img_w,
.jl_hide_date .jl_post_meta .post-date,
.jl_hide_date .jl_post_meta .post-read-time,
.jl_hide_meta .jl_post_meta,
.jl_hide_desc .jl_fe_des,
.jl_hide_review .jl-donut-front,
.jl_hide_line .jl_lisep:after,
.jl_hide_col_line .jl_risep:before{
display: none !important;
}
.jl_hide_meta .jl_fe_des{
margin-bottom: 0px;
}
/*-------------------------------------------------------------------------------------
Section Title
-------------------------------------------------------------------------------------*/
.jlcus_sec_title{
--sect-t-size: 23px;
--sect-btn-size: 14px;
--sect-t-algin: initial;
--sect-t-color: #000;
--sect-dsc-color: #0a0a0a;
--sect-line-color: #E9ECEF;
--sect-line-size: 1px;
--sect-stroke-size: unset;
--sect-stroke-pos: unset;
--sect-rtop: 0px;
--sect-rright: 0px;
--sect-rbottom: 0px;
--sect-rleft: 0px;
display: flex;
width: 100%;
flex-wrap: wrap;
position: relative;
overflow: hidden;
justify-content: var(--sect-t-algin);
text-align: var(--sect-t-algin);
}
.jlcus_sec_title.jl_secf_title .jl-heading-text{
font-family: var(--jl-title-font);
font-weight: var(--jl-title-font-weight);
}
.jlcus_sec_title.jl_secf_menu .jl-heading-text{
font-family: var(--jl-menu-font);
font-weight: var(--jl-menu-font-weight);
}
.jlcus_sec_title.jl_secf_body .jl-heading-text{
font-family: var(--jl-body-font);
font-weight: var(--jl-body-font-weight);
}
.jlcus_sec_title.jl_secb_title .jl_bt_inner{
font-family: var(--jl-title-font);
font-weight: var(--jl-title-font-weight);
}
.jlcus_sec_title.jl_secb_menu .jl_bt_inner{
font-family: var(--jl-menu-font);
font-weight: var(--jl-menu-font-weight);
}
.jlcus_sec_title.jl_secb_body .jl_bt_inner{
font-family: var(--jl-body-font);
font-weight: var(--jl-body-font-weight);
}
.jlcus_sec_title.jl_sec_title_bg .jl-heading-text .jl_ttw{
background: var(--sect-title-bg);
padding: 0px 15px;
border-radius: var(--sect-rounded);
}
.jl_sct_bt .jl_bt_inner{
display: flex;
align-items: center;
gap: 5px;
}
.jlcus_sec_title.jl_sec_btn_bg .jl_sct_bt .jl_bt_inner{
background: var(--sect-btn-bg);
padding: 0px 0px 0px 15px;
border-radius: var(--sect-btn-rounded);
}
.jlcus_sec_title .jl_sct_sub{
margin-bottom: 0px;
margin-top: 2px;
color: var(--sect-dsc-color);
}
.jlcus_sect_inner{
display: flex;
width: 100%;
flex-wrap: wrap;
justify-content: var(--sect-t-algin);
position: relative;
}
.jl_sec_style16 .jlcus_sect_inner, .jl_sec_style17 .jlcus_sect_inner{
border-radius: var(--sect-rtop) var(--sect-rright) var(--sect-rbottom) var(--sect-rleft);
}
.jlcus_sec_title .jl-heading-text{
display: flex;
align-items: center;
font-size: var(--sect-t-size);
letter-spacing: var(--sect-t-space, var(--jl-title-space));
margin: 0px;
color: var(--sect-t-color);
position: relative;
}
.jlcus_sec_title .jl-heading-text .jl_ttw span{
color: var(--sect-ts-color);
}
.jlcus_sec_title .jl-heading-text svg, .jlcus_sec_title .jl-heading-text i{
width: auto;
margin-left: var(--sect-arr-space, 13px);
font-size: 70%;
font-weight: bold;
}
.jlcus_sec_title .jl-heading-text a{
color: currentColor;
display: flex;
align-items: center;
}
.jlcus_sec_title .jl_sct_bt{
font-size: var(--sect-btn-size);
margin: 0px;
color: var(--sect-btn-color, var(--jl-txt-color));
letter-spacing: var(--sect-btn-space, var(--jl-cat-font-space));
display: flex;
height: 100%;
align-items: center;
position: absolute;
right: 0px;
gap: 7px;
font-weight: 600;
}
.jlcus_sec_title .jl_sct_bt a{
color: currentColor;
display: flex;
gap: 7px;
align-items: center;
}
.jlcus_sec_title .jl_sct_bt svg{
color: var(--sect-btn-ic, var(--jl-txt-color));
display: inline-flex;
width: 1.22em;
height: 1.22em;
}
.jlcus_sec_title .jl_sct_bt i{
color: var(--sect-btn-ic, var(--jl-txt-color));
display: inline-flex;
font-size: 115%;
margin-right: 1px;
}
.jlcus_sec_title .jl-heading-text:after,
.jlcus_sec_title .jl-heading-text:before{
max-width: var(--sect-line-w);
}
/*style1*/
.jlcus_sec_title.jl_sec_style1{
border-bottom: var(--sect-line-size) solid var(--sect-line-color);
padding-bottom: var(--sect-line-space);
}
.jlcus_sec_title.jl_sec_style15{
position: relative;
padding-bottom: var(--sect-line-space);
}
.jlcus_sec_title.jl_sec_style15:before, .jlcus_sec_title.jl_sec_style15:after{
content: '';
position: absolute;
bottom: 0px;
left: 0px;
}
.jlcus_sec_title.jl_sec_style15:before{
background-color: var(--sect-line-color);
z-index: 1;
width: 100%;
height: var(--sect-line-size);
}
.jlcus_sec_title.jl_sec_style15:after{
background-color: var(--ac-line-color);
z-index: 2;
width: 50px;
height: var(--sect-ac-line-size);
}
/*style2*/
.jlcus_sec_title.jl_sec_style2{
border-top: var(--sect-line-size) solid var(--sect-line-color);
padding-top: var(--sect-line-space);
}
/*style3*/
.jlcus_sec_title.jl_sec_style3 .jl-heading-text:after,
.jlcus_sec_title.jl_sec_style3 .jl-heading-text:before{
content: '';
border-top: var(--sect-line-size) solid var(--sect-line-color);
top: 50%;
transform: translate(0, -50%);
position: absolute;
width: 1400px;
}
.jlcus_sec_title.jl_sec_style3 .jl-heading-text:before{
content: '';
right: 100%;
margin-right: var(--sect-line-space);
}
.jlcus_sec_title.jl_sec_style3 .jl-heading-text:after{
content: '';
left: 100%;
margin-left: var(--sect-line-space);
}
/*style4*/
.jlcus_sec_title.jl_sec_style4{
padding-bottom: var(--sect-line-space);
position: relative;
}
.jlcus_sec_title.jl_sec_style4:before{
content: '';
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
height: 4px;
border-top: 0.09em dotted var(--sect-line-color);
border-bottom: 0.1em solid var(--sect-line-color);
}
/*style5*/
.jlcus_sec_title.jl_sec_style5{
padding-top: var(--sect-line-space);
position: relative;
}
.jlcus_sec_title.jl_sec_style5:before{
content: '';
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 4px;
border-bottom: 0.09em dotted var(--sect-line-color);
border-top: 0.1em solid var(--sect-line-color);
}
/*style6*/
.jlcus_sec_title.jl_sec_style6 .jl-heading-text:after,
.jlcus_sec_title.jl_sec_style6 .jl-heading-text:before{
content: '';
height: 4px;
border-bottom: 1px dotted var(--sect-line-color);
border-top: 1.2px solid var(--sect-line-color);
top: 50%;
transform: translate(0, -50%);
position: absolute;
width: 1400px;
}
.jlcus_sec_title.jl_sec_style6 .jl-heading-text:before{
content: '';
right: 100%;
margin-right: var(--sect-line-space);
}
.jlcus_sec_title.jl_sec_style6 .jl-heading-text:after{
content: '';
left: 100%;
margin-left: var(--sect-line-space);
}
/*style7*/
.jlcus_sec_title.jl_sec_style7 .jl-heading-text:after,
.jlcus_sec_title.jl_sec_style7 .jl-heading-text:before{
content: '';
height: 4px;
border-bottom: 1px dotted var(--sect-line-color);
border-top: 1.2px solid var(--sect-line-color);
top: 50%;
transform: translate(0, -50%);
position: absolute;
width: 1400px;
}
.jlcus_sec_title.jl_sec_style7 .jl-heading-text:before{
content: '';
right: 100%;
margin-right: var(--sect-line-space);
}
.jlcus_sec_title.jl_sec_style7 .jl-heading-text:after{
content: '';
left: 100%;
margin-left: var(--sect-line-space);
}
.jlcus_sec_title.jl_sec_style7{
padding-bottom: var(--sect-line-space);
position: relative;
}
.jlcus_sec_title.jl_sec_style7 .jl-heading-text{
color: var(--sect-t-color);
text-shadow: var(--sect-stroke-pos) var(--sect-stroke-pos) var(--sect-shadow-color);
-webkit-text-stroke-width: var(--sect-stroke-size);
-webkit-text-stroke-color: var(--sect-shadow-color);
}
/*style8*/
.jlcus_sec_title.jl_sec_style8{
padding-bottom: var(--sect-line-space);
position: relative;
}
/*style9*/
.jlcus_sec_title.jl_sec_style9{
padding-bottom: var(--sect-line-space);
position: relative;
}
.jlcus_sec_title.jl_sec_style9 .jlcus_sect_inner{
border-bottom: var(--sect-line-size) solid var(--sect-line-color);
}
.jlcus_sec_title.jl_sec_style9 .jl-heading-text .jl_ttw{
background: var(--sect-line-color);
padding: 4px 0px 4px 13px;
position: relative;
z-index: 2;
border-radius: var(--sect-rtop) var(--sect-rright) var(--sect-rbottom) var(--sect-rleft);
}
.jlcus_sec_title.jl_sec_style9 .jl-heading-text .jl_ttw:before{
background: var(--sect-line-color);
position: absolute;
content: "";
display: block;
top: 0;
right: -17px;
height: calc(100% + 0.2px);
width: 52px;
transform: skew(20deg,0deg);
z-index: -1;
border-radius: var(--sect-rtop) var(--sect-rright) var(--sect-rbottom) var(--sect-rleft);
}
/*style10*/
.jlcus_sec_title.jl_sec_style10{
padding-bottom: var(--sect-line-space);
position: relative;
}
.jlcus_sec_title.jl_sec_style10 .jlcus_sect_inner{
border-top: var(--sect-line-size) solid var(--sect-line-color);
}
.jlcus_sec_title.jl_sec_style10 .jl-heading-text .jl_ttw{
background: var(--sect-line-color);
padding: 4px 20px 4px 20px;
position: relative;
border-radius: var(--sect-rtop) var(--sect-rright) var(--sect-rbottom) var(--sect-rleft);
}
/*style11*/
.jlcus_sec_title.jl_sec_style11{
padding-bottom: 0px;
position: relative;
overflow: visible;
}
.jlcus_sec_title.jl_sec_style11 .jlcus_sect_inner{
border-left: var(--sect-line-size, 10px) solid var(--sect-line-color);
}
.jlcus_sec_title.jl_sec_style11 .jl-heading-text .jl_ttw{
padding-left: var(--sect-line-space, 13px);
position: relative;
line-height: 1;
}
/*style12, style13, style14*/
.jlcus_sec_title.jl_sec_style12, .jlcus_sec_title.jl_sec_style13, .jlcus_sec_title.jl_sec_style14{
padding-bottom: 0px;
position: relative;
overflow: visible;
}
.jlcus_sec_title.jl_sec_style12 .jl-heading-text, .jlcus_sec_title.jl_sec_style13 .jl-heading-text, .jlcus_sec_title.jl_sec_style14 .jl-heading-text{
align-items: center;
}
.jlcus_sec_title.jl_sec_style12 .jl-heading-text:before, .jlcus_sec_title.jl_sec_style13 .jl-heading-text:before, .jlcus_sec_title.jl_sec_style14 .jl-heading-text:before, .jlcus_sec_title.jl_sec_style18 .jl-heading-text:before, .jlcus_sec_title.jl_sec_style18a .jl-heading-text:before, .jlcus_sec_title.jl_sec_style18a .jl-heading-text:after,
.jlcus_sec_title.jl_sec_style12a .jl-heading-text:before, .jlcus_sec_title.jl_sec_style13a .jl-heading-text:before, .jlcus_sec_title.jl_sec_style14a .jl-heading-text:before,
.jlcus_sec_title.jl_sec_style12a .jl-heading-text:after, .jlcus_sec_title.jl_sec_style13a .jl-heading-text:after, .jlcus_sec_title.jl_sec_style14a .jl-heading-text:after{
content: '';
display: inline-flex;
width: 0.64em;
height: 0.64em;
border-radius: 100px;
background-color: var(--sect-line-color);
}
.jlcus_sec_title.jl_sec_style13 .jl-heading-text:before, .jlcus_sec_title.jl_sec_style13a .jl-heading-text:before, .jlcus_sec_title.jl_sec_style13a .jl-heading-text:after, .jlcus_sec_title.jl_sec_style18 .jl-heading-text:before, .jlcus_sec_title.jl_sec_style18a .jl-heading-text:before, .jlcus_sec_title.jl_sec_style18a .jl-heading-text:after{
border-radius: 0px;
mask-repeat: no-repeat;
mask-position: center;
-webkit-mask-size: cover;
mask-size: cover;
font-size: var(--jl-msk-size, inherit);
width: var(--jl-msk-width, 0.64em);
}
.jlcus_sec_title.jl_sec_style14 .jl-heading-text:before, .jlcus_sec_title.jl_sec_style14a .jl-heading-text:before, .jlcus_sec_title.jl_sec_style14a .jl-heading-text:after{
border-radius: 0px;
clip-path: polygon(15% 0%, 100% 0%, 85% 100%, 0% 100%);
width: 1.1em;
}
.jlcus_sec_title.jl_sec_style12 .jl-heading-text .jl_ttw, .jlcus_sec_title.jl_sec_style13 .jl-heading-text .jl_ttw, .jlcus_sec_title.jl_sec_style14 .jl-heading-text .jl_ttw{
padding-left: var(--sect-line-space, 10px);
position: relative;
line-height: 1;
}
.jlcus_sec_title.jl_sec_style12a .jl-heading-text .jl_ttw, .jlcus_sec_title.jl_sec_style13a .jl-heading-text .jl_ttw, .jlcus_sec_title.jl_sec_style14a .jl-heading-text .jl_ttw, .jlcus_sec_title.jl_sec_style18 .jl-heading-text .jl_ttw, .jlcus_sec_title.jl_sec_style18a .jl-heading-text .jl_ttw{
padding: 0px var(--sect-line-space, 10px) 0px var(--sect-line-space, 10px);
position: relative;
line-height: 1;
}
.jl_sec_style17.jlcus_sec_title{
overflow: visible;
}
.jl_sec_style17 .jlcus_sect_inner:before{
content: "";
display: block;
position: absolute;
border-top: 5px solid;
border-top-color: #161616;
border-right: 5px solid transparent;
border-left: 5px solid transparent;
bottom: -5px;
left: 50%;
width: 0;
height: 0;
margin-left: -5px;
}
/*-------------------------------------------------------------------------------------
Gallery
-------------------------------------------------------------------------------------*/
.jl_gal_link_wrap{
position: relative;
width: 100%;
display: block;
}
.jl_gal_link_wrap .jlc_gal_url{
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
z-index: 2;
}
.jl_gal_wrapper{
width: 100%;
display: grid;
grid-template-columns: repeat(5,minmax(0,1fr));
grid-column-gap: 30px;
grid-row-gap: 30px;
}
.jl_gal_wrapper .jl_gal_item{
aspect-ratio: 1 / 1;
max-height: 100%;
width: 100%;
}
.jl_gal_wrapper .jl_gal_item .jl_gal_img{
display: block;
position: relative;
overflow: hidden;
aspect-ratio: 1 / 1;
max-height: 100%;
width: 100%;
}
.jl_gal_wrapper .jl_gal_item img{
width: 100% !important;
height: 100% !important;
aspect-ratio: 1 / 1;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.jl_gal_link_wrap .jlc_gal_txt{
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
padding: 10px 25px;
background: #fff;
color: #000;
border-radius: 100px;
z-index: 1;
display: flex;
align-items: center;
gap: 5px;
font-size: 12px;
font-family: var(--jl-menu-font);
font-weight: var(--jl-cat-font-weight);
letter-spacing: .03em;
text-transform: uppercase;
}
.jl_gal_link_wrap .jlc_gal_txt i{
font-size: 17px;
}
.jl_sh_cter{
display: grid;
grid-template-columns: repeat(var(--jl-scols-num, 4),minmax(0,1fr));
grid-row-gap: var(--jl-srows-gap, 10px);
grid-column-gap: var(--jl-scols-gap, 10px);
padding: 0px !important;
margin: 0px !important;
}
.jl_sh_cter li{
line-height: 1.3;
list-style: none;
font-family: var(--jl-menu-font);
font-weight: var(--jl-cat-font-weight);
}
.jl_sh_cter li a .jl_sh_w .jl_sh_l{
font-weight: 400;
opacity: .6;
}
.jl_sh_cter li a .jl_sh_i{
font-size: var(--jl-shi-size, 17px);
}
.jl_sh_cter li a .jl_sh_t{
letter-spacing: var(--jl-cat-font-space);
font-size: 15px;
}
.jl_sh_cter li a .jl_sh_w{
font-size: 12px;
}
/*Style 1*/
.jl_sh_cter.jl_sh1 li a{
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
background: #000;
color: #fff;
padding: 12px 15px;
min-height: 45px;
height: 100%;
gap: 0px 7px;
border-radius: var(--jl-social-radius);
}
.jl_sh_cter.jl_sh1 li a .jl_sh_i{
display: flex;
align-items: center;
}
.jl_sh_cter.jl_sh1 li a .jl_sh_t{
display: flex;
}
.jl_sh_cter.jl_sh1 li a .jl_sh_w{
display: flex;
margin-left: auto;
gap: 5px;
align-items: center;
}
/*Style 2*/
.jl_sh_cter.jl_sh2 li a{
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
}
.jl_sh_cter.jl_sh2 li a .jl_sh_i{
display: flex;
align-items: center;
color: #fff;
-webkit-flex: 0 0 35px;
-ms-flex: 0 0 35px;
flex: 0 0 35px;
width: 35px;
height: 35px;
border-radius: 100px;
align-items: center;
justify-content: center;
font-size: var(--jl-shi-size, 15px);
}
.jl_sh_cter.jl_sh2 li a .jl_sh_t{
display: flex;
margin-left: 10px;
color: var(--jl-txt-color);
}
.jl_sh_cter.jl_sh2 li a .jl_sh_w{
display: flex;
margin-left: auto;
gap: 5px;
color: var(--jl-txt-color);
align-items: center;
}
/*Style 3*/
.jl_sh2.jl2line li a{
border: var(--jl-so-bw,1px) solid var(--jl-social-border, var(--jl-post-line-color));
padding: 7px 12px;
height: 100%;
border-radius: var(--jl-social-radius);
}
.jl_sh2.jl2line li a .jl_sh_i{
-webkit-flex: 0 0 32px;
-ms-flex: 0 0 32px;
flex: 0 0 32px;
width: 32px;
height: 32px;
font-size: var(--jl-shi-size, 14px);
}
/*Style 4*/
.jl_sh2.jl2cols li a{
flex-direction: column;
align-items: center;
justify-content: center;
}
.jl_sh2.jl2cols li a .jl_sh_i{
-webkit-flex: 0 0 40px;
-ms-flex: 0 0 40px;
flex: 0 0 40px;
width: 40px;
height: 40px;
font-size: var(--jl-shi-size, 17px);
}
.jl_sh2.jl2cols li a .jl_sh_t{
margin-top: 5px;
display: none;
}
.jl_sh2.jl2cols li a .jl_sh_t{
margin-left: 0px;
}
.jl_sh2.jl2cols li a .jl_sh_w{
flex-direction: column;
margin: auto;
gap: 0px;
text-align: center;
margin-top: 5px;
}
.jl_sh2.jl2cols li a .jl_sh_w .jl_sh_c{
font-size: 16px;
}
/*Style 5*/
.jl_sh1.jl2cols li a{
flex-direction: column;
align-items: center;
justify-content: center;
padding: 15px 5px;
height: 100%;
border-radius: var(--jl-social-radius);
}
.jl_sh1.jl2cols li a .jl_sh_i{
font-size: var(--jl-shi-size, 18px);
justify-content: center;
}
.jl_sh1.jl2cols li a .jl_sh_t{
margin-top: 5px;
display: none;
}
.jl_sh1.jl2cols li a .jl_sh_t{
margin-left: 0px;
}
.jl_sh1.jl2cols li a .jl_sh_w{
flex-direction: column;
margin: auto;
gap: 0px;
text-align: center;
margin-top: 8px;
margin-bottom: 0px;
}
.jl_sh1.jl2cols li a .jl_sh_w .jl_sh_c{
font-size: 17px;
}
.jl_sh1.jl2cols li a .jl_sh_w .jl_sh_l{
opacity: 1;
}
.jl_wr_soci .jl_sh_i svg{
width: auto;
}
.jl_wr_soci .jl_discord_url .jl_sh_i svg{
height: 0.84em;
}
.jl_wr_soci .jl_snapchat_url .jl_sh_i svg{
height: 1.2em;
}
.jl_wr_soci .jl_reddit_url .jl_sh_i svg{
height: 1em;
}
/*Style color*/
.jl_sh_cter.jl_sh1 li a,
.jl_sh_cter.jl_sh2 li a .jl_sh_i,
.jl_sh_ctericons_bg li a .jl_sh_i{
background: var(--jl-social-color);
color: var(--jl-social-txt, #fff);
}
.jl_sh_cter.jl_sh1 .jl_snapchat_url a svg,
.jl_sh_cter.jl_sh2 .jl_snapchat_url a .jl_sh_i svg,
.jl_sh_ctericons_bg .jl_snapchat_url a .jl_sh_i svg{
stroke: #000 !important;
fill: #fff !important;
stroke-width: 1.7px;
}
.jl_sh_ctericons_bg li a .jl_sh_i, .jl_shline li a .jl_sh_i{
width: var(--jl-icob-size, 38px);
height: var(--jl-icob-size, 38px);
display: flex;
align-items: center;
justify-content: center;
border-radius: var(--jl-social-radius, 100%);
}
/* Social color */
.jl_sh_ctericons.jlshcolor li a .jl_sh_i,
.jl_sh_ctericons.jl_shline li a .jl_sh_i{
color: var(--jl-social-color);
}
.options_dark_skin .jl_sh_ctericons.jlshcolor .jl_dk_sc a .jl_sh_i,
.options_dark_skin .jl_sh_ctericons.jl_shline .jl_dk_sc a .jl_sh_i{
color: var(--jl-txt-color);
}
.jl_sh_ctericons.jlshcolor .jl_snapchat_url a .jl_sh_i svg,
.jl_sh_ctericons.jl_shline .jl_snapchat_url a .jl_sh_i svg{
color: var(--jl-social-color);
stroke: #000 !important;
stroke-width: 1px;
}
.jl_sh_ctericons.jl_shline li .jl_sh_i{
border: var(--jl-so-bw,1px) solid var(--jl-social-border, var(--jl-post-line-color));
}
.jl_sh_ctericons, .jl_sh_ctericons_bg{
gap: var(--jl-srows-gap, 10px) var(--jl-scols-gap, 10px);
display: flex;
flex-wrap: wrap;
margin: 0px !important;
padding: 0px !important;
}
.jl_sh_ctericons .jl_sh_t, .jl_sh_ctericons .jl_sh_w, .jl_sh_ctericons_bg .jl_sh_t, .jl_sh_ctericons_bg .jl_sh_w{
display: none !important;
}
.jl_sh_ctericons li, .jl_sh_ctericons_bg li{
list-style: none !important;
}
.jl_sh_ctericons li a, .jl_sh_ctericons_bg li a{
font-size: var(--jl-shi-size, 17px);
}
/*-------------------------------------------------------------------------------------
Feature Box
-------------------------------------------------------------------------------------*/
.jl_box_w{
--jl-box-cols: 3;
--jl-box-h: 200px;
--jl-lbl-h: 70px;
--jl-box-gap: 30px;
--jl-title-size: 15px;
--jl-label-size: 13px;
--jl-title-space: 0px;
--jl-box-bg: #fff;
--jl-title-color: #000;
--jl-lbl-color: #666666;
display: grid;
grid-template-columns: repeat(var(--jl-box-cols),minmax(0,1fr));
grid-gap: var(--jl-box-gap);
}
.jl_box_w .jl_box_info{
height: var(--jl-box-h);
width: 100%;
display: block;
position: relative;
}
.jl_box_link{
position: absolute;
z-index: 3;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
}
.jl_box_txtw{
font-family: var(--jl-menu-font);
font-weight: var(--jl-menu-font-weight);
background: var(--jl-box-bg);
position: absolute;
top: 50%;
left: 50%;
width: 60%;
height: var(--jl-lbl-h);
z-index: 2;
display: flex;
text-align: center;
align-items: center;
-webkit-transform: translate3d(0, 0, 0) perspective(1px) translateY(-50%) translateX(-50%);
-ms-transform: translate3d(0, 0, 0) perspective(1px) translateY(-50%) translateX(-50%);
transform: translate3d(0, 0, 0) perspective(1px) translateY(-50%) translateX(-50%);
}
.jl_box_txtw .jl_box_txtin{
display: flex;
flex-direction: column;
width: 100%;
}
.jl_box_txtw .jl_box_title{
color: var(--jl-title-color);
font-size: var(--jl-title-size);
letter-spacing: var(--jl-title-space);
}
.jl_box_txtw .jl_box_label{
color: var(--jl-lbl-color);
font-size: var(--jl-label-size);
font-weight: 400;
}
.jl_box_w .jl_box_bg{
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
.jl_box_w .jl_box_bg img{
width: 100%;
height: 100%;
max-width: 100%;
-o-object-fit: cover;
object-fit: cover;
display: block;
transition: transform 1s ease,opacity .5s ease;
transform: scale(1.01);
}
/*-------------------------------------------------------------------------------------
Video
-------------------------------------------------------------------------------------*/
.jl_vidli_w{
width: 100%;
display: grid;
grid-template-columns: var(--jl-fvid-w, 70%) 1fr;
grid-template-rows: 1fr;
grid-gap: 0px;
--jl-padding: 30px;
--jl-h-align: flex-start;
--jl-v-align: flex-end;
--jl-f-size: 35px;
--sect-bg-color: #121418;
--sect-line-color: #2f2d2d;
--sect-title-color: #fff;
--sect-meta-color: #888;
--jl-meta-color: var(--sect-title-color);
--sect-active-color: #d61919;
background: var(--sect-bg-color);
}
.jl_vidli_w .jl_vidfr{
position: relative;
overflow: hidden;
}
.jl_vidli_w .jl_vidfr.jl_vid_msh{
background: #000;
}
.jl_vidli_w .jl_vidfr .jl_vid_mc{
width: 100%;
padding-bottom: var(--jl-fvid-h, 56.25%);
}
.jl_vid_mp{
position: absolute;
top: 50%;
left: 50%;
width: 70px !important;
height: 70px !important;
z-index: 6;
-webkit-transform: translate3d(0, 0, 0) perspective(1px) translateY(-50%) translateX(-50%);
-ms-transform: translate3d(0, 0, 0) perspective(1px) translateY(-50%) translateX(-50%);
transform: translate3d(0, 0, 0) perspective(1px) translateY(-50%) translateX(-50%);
}
.jl_vid_mp .jl_vid_mpin{
width: 70px !important;
height: 70px !important;
position: relative;
cursor: pointer;
display: flex;
text-align: center;
align-items: center;
background: #fff;
color: #000;
justify-content: center;
border-radius: 100px;
transition: all 0.3s ease 0s;
}
.jl_vid_mp .jl_vid_mpin i{
font-size: 110%;
}
.jl_vid_mpin .jl_pop_vid{
position: absolute;
width: 100%;
height: 100%;
}
.jl_vidli_w .jl_imgw .jl_imgin img{
transform: scale(1.01) !important;
}
.jl_vid_mp:hover .jl_vid_mpin{
transform: scale(1.25);
}
.jl_vid_mp svg{
width: 30%;
height: auto;
transition: all 0.1s ease 0s;
}
.jl_vid_mp.jl_livid, .jl_vid_mp.jl_livid .jl_vid_mpin{
width: 45px !important;
height: 45px !important;
}
.jl_fr9_wrap .jl_vid_mp.jl_livid, .jl_ov_el .jl_vid_mp.jl_livid{
display: none;
}
.jl_vid_mc.jl_ov_el .jl_fe_text{
padding: var(--jl-padding);
text-align: var(--jl-t-align);
align-items: var(--jl-v-align);
}
.jl_vidli_w .jl_vidsb{
padding: 0px;
position: relative;
overflow: hidden;
}
.jl_vidli_w .jl_vidsb .jl_vidsb_c{
position: relative;
}
.jl_vidli_w .jl_vid_pin{
padding-bottom: 56.25%;
position: relative;
}
.jl_vidli_w .jl_vid_pin video, .jl_vidli_w .jl_vid_pin iframe{
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
}
.jl_vidli_w .jl_vidsb .jl_vidsb_c .jl_vidfr{
position: absolute;
z-index: 9;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
width: 100%;
height: 100%;
cursor: pointer;
}
.jl_vidli_w .jl_vidsb .jl_ac_vid .jl_vid_sh{
display: none;
}
.jl_vidli_w .jl_vidsb .jl_ac_vid .jl_vid_mpin{
background: var(--sect-active-color);
color: #fff;
}
.jl_vid_sh{
width: 100%;
height: 100%;
cursor: pointer;
}
.jl_vidli_w .jl_vidsb_in{
--jlrow-gap: 35px;
--jl-post-line-color: var(--sect-line-color);
--jl-t-size: 15px;
overflow-y: auto;
height: 100%;
position: absolute;
width: 100%;
display: grid;
padding: 20px 0px 10px 0px;
grid-template-columns: repeat(1,minmax(0,1fr));
grid-row-gap: var(--jlrow-gap);
}
.jl_vidli_w .jl_vidsb_in::-webkit-scrollbar{
width: 3px;
height: 3px;
}
.jl_vidli_w .jl_vidsb_in::-webkit-scrollbar-track{
background: rgba(255, 255, 255, .2);
}
.jl_vidli_w .jl_vidsb_in::-webkit-scrollbar-thumb{
background: var(--sect-active-color);
}
.jl_vidli_w .jl_vidsb_in .jl_cslist_layout{
padding: 0px 10px 0px 20px;
}
.jl_vidli_w .jl_fe_title{
color: var(--sect-title-color) !important;
}
.jl_post_meta span, .jl_post_meta span a{
color: var(--jl-meta-color) !important;
}
.jl_vidli_w .jl_cslist_layout .jl_li_in{
gap: 20px;
}
.jl_vidli_w .jl_cslist_layout .jl_img_holder{
-webkit-flex: 0 0 110px;
-ms-flex: 0 0 110px;
flex: 0 0 110px;
width: 110px;
position: relative;
}
.jl_vidli_w .jl_cslist_layout .jl_imgw{
height: 80px;
}
.jl_vidli_w .jl_cslist_layout .jl_vid_mp, .jl_vidli_w .jl_cslist_layout .jl_vid_mp .jl_vid_mpin{
width: 33px !important;
height: 33px !important;
}
/*-------------------------------------------------------------------------------------
Glight box
-------------------------------------------------------------------------------------*/
.glightbox-open{
overflow: visible !important;
}
.gclose, .gnext, .gprev{
padding: 0px !important;
}
.plyr button{
height: auto !important;
}
.goverlay{
background: rgba(0,0,0,.98) !important;
}
/*-------------------------------------------------------------------------------------
Pagination
-------------------------------------------------------------------------------------*/
.jellywp_pagination {
margin: 0px !important;
text-align: center;
text-transform: uppercase;
float: left;
width: 100%;
}
.jellywp_pagination ul {
float: left;
width: 100%;
padding: 0px;
list-style: none;
display: block;
text-align: center;
margin: 40px 0px 0px 0px;
font-size: 13px;
}
.jellywp_pagination ul li {
font-family: var(--jl-menu-font);
font-weight: bold;
float: none;
padding: 0px;
display: inline-flex;
justify-content: center;
align-items: center;
vertical-align: middle;
white-space: nowrap;
list-style: none;
margin: 0 2px;
}
.jellywp_pagination ul li a {
font-size: inherit;
margin-right: 0px;
padding: 0px;
height: 35px;
line-height: 35px;
min-width: 30px;
float: left;
text-decoration: none;
-webkit-transition: all .1s ease-in-out;
-moz-transition: all .1s ease-in-out;
-o-transition: all .1s ease-in-out;
transition: all .1s ease-in-out;
background: var(--jl-nav-bg, rgb(239, 242, 245));
color: var(--jl-nav-color, #000);
border-radius: 8px;
}
.jellywp_pagination ul li a i {
font-size: 10px;
}
.jellywp_pagination ul li span {
font-size: inherit;
margin-right: 0px;
padding: 0px;
height: 35px;
line-height: 35px;
min-width: 30px;
float: left;
text-decoration: none;
-webkit-transition: all .1s ease-in-out;
-moz-transition: all .1s ease-in-out;
-o-transition: all .1s ease-in-out;
transition: all .1s ease-in-out;
background: var(--jl-main-color);
color: #fff;
border-radius: 8px;
}
.jellywp_pagination ul li .page-numbers.dots {
background: transparent !important;
color: var(--jl-txt-color);
width: 10px;
margin: 0px;
min-width: unset;
}
.jellywp_pagination ul li a:hover {
text-decoration: none !important;
background: var(--jl-main-color);
color: #FFF !important;
}
.jelly-infinite-scroll {
float: left;
width: 100%;
display: block !important;
text-align: center;
}
.jelly-infinite-scroll a {
position: relative;
z-index: 2;
padding: 7px 25px;
width: 220px;
max-width: 100%;
line-height: 20px;
border: 3px solid #ececec;
background: #fff;
text-transform: uppercase;
font-size: 15px;
font-weight: 600;
}
.jelly-infinite-scroll a:hover,
.jelly-infinite-scroll a:focus {
border: 3px solid #d8d8d8;
text-decoration: none !important;
}
.jl-spin {
-webkit-animation: jl-spin 2s infinite linear;
animation: jl-spin 2s infinite linear;
}
@-webkit-keyframes jl-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes jl-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
.jl_load_cw {
float: left;
width: 100%;
}
.jl_load_c {
margin: 0px -15px;
padding-top: 25px;
padding-bottom: 20px;
}
.jl_load_c * {
outline: none;
}
.jl_load_c .slick-track {
transform: translate3d(0px, 0px, 0px) !important;
}
.jl_load_c .jl_bar_item {
display: block;
width: 25%;
cursor: pointer;
float: left;
color: #000;
padding: 0px 15px;
}
.jl_load_c .jl_bar_item .jl_l_bar {
float: left;
width: 100%;
height: 1px;
margin-top: 15px;
background-color: rgba(0, 0, 0, 0.1);
display: block;
border-radius: 10px;
overflow: hidden;
position: relative;
}
.jl_load_c .jl_bar_item .jl_l_bar:before {
content: '';
position: absolute;
bottom: 0px;
left: 0px;
background-color: var(--jl-main-color);
width: 0%;
height: 1px;
}
.jl_load_c .jl_bar_item.slick-current .jl_l_bar:before {
animation-name: slidewidth;
animation-duration: 9s;
}
.jl_load_c .slick-current .jl_ln {
color: #fff;
border-color: var(--jl-main-color);
background: var(--jl-main-color);
-webkit-transition: .3s 0s cubic-bezier(.86, .17, 0, .81);
-o-transition: .3s 0s cubic-bezier(.86, .17, 0, .81);
transition: .3s 0s cubic-bezier(.86, .17, 0, .81);
}
.jl_lnw {
width: 100%;
float: left;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.jl_bar_item .jl_ln {
font-size: 15px;
-webkit-flex: 0 0 30px;
-ms-flex: 0 0 30px;
flex: 0 0 30px;
width: 30px;
height: 30px;
color: #000;
border: 1px solid #000;
border-radius: 100px;
align-items: center;
display: inline-flex;
justify-content: center;
}
.jl_bar_item .jl_ln:before {
content: '0';
}
.jl_bar_item .jl_tt {
margin: 0px 0px 0px 10px;
font-size: 15px;
color: #000;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.is-hidden {
display: none !important;
}
.jl_hide {
opacity: 0 !important;
}
.show_block {
-webkit-transition: opacity .3s cubic-bezier(0.32, 0.74, 0.57, 1);
-moz-transition: opacity .3s cubic-bezier(0.32, 0.74, 0.57, 1);
-ms-transition: opacity .3s cubic-bezier(0.32, 0.74, 0.57, 1);
-o-transition: opacity .3s cubic-bezier(0.32, 0.74, 0.57, 1);
transition: opacity .3s cubic-bezier(0.32, 0.74, 0.57, 1);
}
.end-list {
width: 100%;
}
.jl_end_wrp {
line-height: 1.2;
}
.jl_el_nav_w{
display: flex;
justify-content: center;
margin-top: 25px;
}
.jl_el_nav_w.jl_nxpre{
display: flex !important;
}
.pagination-nextprev {
text-align: center;
line-height: 0;
}
.jl_disable {
pointer-events: none;
opacity: .6;
}
.pagination-nextprev .jl-foot-nav {
background: var(--jl-nav-bg, rgb(239, 242, 245));
color: var(--jl-nav-color, #000);
display: inline-flex;
align-items: center;
justify-content: center;
width: var(--jl-nav-size, 30px);
height: var(--jl-nav-size, 30px);
position: relative;
border-radius: var(--jl-nav-radius, 8px);
}
.pagination-nextprev .jl-foot-nav:hover {
color: var(--jl-nav-color-h, #fff) !important;
background: var(--jl-nav-bg-h, var(--jl-main-color)) !important;
}
.pagination-nextprev .jl-foot-nav i {
font-size: var(--jl-nav-fsize, 9px);
}
.pagination-nextprev .ajax-prev i,
.pagination-nextprev .ajax-next i {
margin: 0px !important;
}
.jl_lmore_wrap,
.jl_end_wrp {
display: flex;
text-align: center;
}
.jl_lmore_wrap .jl-load-animation {
top: 50%;
left: 0%;
right: 0%;
width: 100%;
position: absolute;
-webkit-transform: translate3d(0, 0, 0) perspective(1px) translateY(-50%);
-ms-transform: translate3d(0, 0, 0) perspective(1px) translateY(-50%);
transform: translate3d(0, 0, 0) perspective(1px) translateY(-50%);
display: none;
}
.jl-load-animation span,
.load-animation span {
width: 20px;
height: 20px;
border: 3px solid currentColor;
border-right-color: transparent;
border-radius: 50%;
position: relative;
animation: loader-rotate 1s linear infinite;
margin-top: 8px;
display: inline-block;
}
.jl_autoload .jl-load-animation span,
.jl_autoload .load-animation span {
border: 3px solid currentColor;
border-right-color: transparent;
}
.load-animation span {
top: 50%;
left: 50%;
position: absolute;
-webkit-transform: translate3d(0, 0, 0) perspective(1px) translateY(-50%);
-ms-transform: translate3d(0, 0, 0) perspective(1px) translateY(-50%);
transform: translate3d(0, 0, 0) perspective(1px) translateY(-50%);
border: 3px solid #000;
border-right-color: transparent;
}
.load-animation span:after {
background: #000;
}
.load-animation span:before {
background: #000;
}
.jl_sp_con, .jl_sp_lp{
width: 100%;
}
.jl_sp_lp{
border-top: 1px var(--jl-sline, solid) var(--jl-post-line-color);
}
.jl_sp_spin{
width: 35px;
height: 35px;
border: 4px solid var(--jl-txt-color);
border-right-color: transparent;
border-radius: 50%;
position: relative;
animation: loader-rotate 1s linear infinite;
display: flex;
margin: 30px auto;
}
@keyframes loader-rotate {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
.jl_lmore_c.jl_hide_pagination {
display: none;
}
.jl_lmore_c,
.jl_autoload {
position: relative;
display: inline-block;
background: var(--jl-nav-bg, rgb(239, 242, 245));
transition: all .25s cubic-bezier(.32,.74,.57,1);
border-radius: var(--jl-fnav-radius, 8px);
color: var(--jl-nav-color, #000);
}
.jl_autoload{
color: var(--jl-nav-color, var(--jl-txt-color));
}
.jl_lmore_c:hover,
.jl_autoload:hover{
color: var(--jl-nav-color-h, #fff) !important;
}
.jl_lmore_c:hover{
background-color: var(--jl-nav-bg-h, var(--jl-main-color)) !important;
}
.jl_autoload.jl_hide_pagination, .jl_autoload{
background: transparent !important;
}
.jl_hide_pagination{
display: none;
}
.jl_lmore_c .jl-load-link {
font-family: var(--jl-menu-font);
font-size: var(--jl-nav-fsize, var(--jl-loadmore-font-size));
font-weight: var(--jl-loadmore-font-weight);
text-transform: var(--jl-loadmore-transform);
letter-spacing: var(--jl-loadmore-space);
transition: all .1s cubic-bezier(.32,.74,.57,1);
height: 100%;
display: flex;
align-items: center;
justify-content: center;
color: currentColor;
padding: var(--jl-fnav-padding, 10px 35px);
width: 100%;
}
.jl_lmore_c .jl-load-link:hover {
text-decoration: none !important;
color: currentColor !important;
}
.jl_lmore_c:hover {
background: var(--jl-main-color);
}
/*-------------------------------------------------------------------------------------
Loading
-------------------------------------------------------------------------------------*/
.jl-loadmore-btn-w {
float: left;
width: 100%;
text-align: center;
margin-bottom: 50px;
}
.jl_btn_load {
position: relative;
width: 194px;
height: 45px;
line-height: 45px;
padding: 0px;
background: #222;
color: #fff;
text-align: left;
text-shadow: none;
text-decoration: none;
cursor: pointer;
filter: none;
box-shadow: none;
text-align: center;
font-size: 11px;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 1px;
display: inline-block;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
}
.jl_btn_load:focus {
text-decoration: none;
color: #fff;
}
.jl_btn_load:hover {
text-decoration: none !important;
color: #fff;
background: #222;
-webkit-transform: translatey(-3px);
transform: translatey(-3px);
-webkit-box-shadow: 0 20px 30px rgba(0, 0, 0, .2);
box-shadow: 0 20px 30px rgba(0, 0, 0, .2);
}
.jl-fixslider {
float: left;
width: 100%;
}
/*-------------------------------------------------------------------------------------
Post meta
-------------------------------------------------------------------------------------*/
.jl_post_meta{
font-family: var(--jl-menu-font);
letter-spacing: var(--jl-meta-font-space);
font-size: var(--jl-meta-font-size);
font-weight: var(--jl-meta-font-weight);
text-transform: var(--jl-meta-transform);
justify-content: var(--jl-h-align);
display: flex;
align-items: center;
flex-wrap: wrap;
width: 100%;
margin-top: 15px;
line-height: 1.2;
gap: 2px 0px;
}
.jl_post_meta .jl_author_img_w {
margin-right: 0px;
margin-bottom: 0px;
display: flex;
gap: 5px;
align-items: center;
}
.jl_slimeta.jl_post_meta .jl_author_img_w .jl_aimg_in, .jl_slimeta.jl_post_meta .jl_author_img_w a > *{
width: 25px !important;
height: 25px !important;
}
.jl_slimeta.jl_post_meta .jl_author_img_w.jl_au_md .jl_aimg_in, .jl_slimeta.jl_post_meta .jl_author_img_w.jl_au_md a > *{
width: 40px !important;
height: 40px !important;
}
.jl_slimeta.jl_post_meta .jl_author_img_w.jl_au_l .jl_aimg_in, .jl_slimeta.jl_post_meta .jl_author_img_w.jl_au_l a > *{
width: 50px !important;
height: 50px !important;
}
.jl_mt_rw{
display: flex;
flex-direction: column;
align-items: flex-start !important;
gap: 5px;
}
.jl_au_lw{
display: flex;
gap: 10px;
align-items: center;
}
.jl_au_l .jl_aimg_in a img{
width: 100%;
height: 100%;
max-width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.jl_post_meta .jl_author_img_w .jl_aimg_in{
width: 20px !important;
height: 20px !important;
display: flex;
border-radius: 100px;
overflow: hidden;
}
.jl_post_meta .jl_author_img_w img {
width: 20px !important;
height: 20px !important;
float: none;
display: inline-block;
margin-left: 0px;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
}
.jl_post_meta .jl_author_img_w a, .navigation_wrapper .jl-cus-mega-menu .jl_post_meta .jl_author_img_w a{
text-decoration: underline !important;
}
.jl_post_meta span a {
text-decoration: none !important;
color: var(--jl-txt-color);
font-weight: var(--jl-meta-a-font-weight);
position: relative;
z-index: 2;
}
.jl_post_meta a,
.jl_post_meta a:hover {
text-decoration: underline !important;
line-height: 1.2;
}
.jl_post_meta .jl_mt_t .jl_author_img_w{
gap: 4px;
}
.jl_post_meta .jl_author_img_w, .jl_post_meta .jl_author_img_w span{
opacity: 1;
}
.jl_post_meta span{
float: none;
display: inline-flex;
align-items: center;
color: var(--jl-meta-color);
line-height: 1.2;
margin-right: 0px;
position: relative;
}
.jl_post_meta .post-date, .jl_post_meta .post-read-time, .jl_post_meta .jl_view_options{
opacity: .8;
}
.post-read-time svg{
height: auto !important;
margin-right: 4px;
width: 0.83em !important;
}
.post-read-time i{
margin-right: 4px;
font-size: 90%;
}
.jl_post_meta span:last-child {
margin-right: 0px;
padding-right: 0px;
}
.jl_post_meta .jl_mt_rw:before, .jl_post_meta .jl_mt_t:before, .jl_post_meta .jl_mt_b:before, .jl_post_meta .jl_author_img_w:before, .jl_post_meta span:first-child:before, .jl_hide_author .jl_post_meta span:before{
display: none;
}
.jl_post_meta span:before{
content: "";
margin-left: 8px;
margin-right: 8px;
width: 2.5px;
height: 2.5px;
background: currentColor;
display: inline-flex;
border-radius: 10px;
opacity: .5;
}
.jl_post_meta .jl_pta{
margin: 0px;
align-self: stretch;
}
.jl_post_meta .jl_pt_meta:before,
.jl_post_meta .jl_pta:before,
.jl_post_meta .jl_ptb:before{
display: none;
}
.jl_post_meta .jl_pt_meta{
display: flex;
align-items: center;
flex-direction: column;
gap: 2px;
}
.jl_smmeta{
gap: 10px;
}
.jl_smmeta.jl_post_meta .jl_author_img_w{
margin-right: 0px;
width: 35px;
height: 35px;
border-radius: 100px;
overflow: hidden;
}
.jl_smmeta.jl_post_meta .jl_author_img_w img{
width: 35px !important;
height: 35px !important;
}
/*-------------------------------------------------------------------------------------
Single
-------------------------------------------------------------------------------------*/
.jl_rd_wrap{
width: 100%;
position: fixed;
z-index: 999999;
}
.jl_rd_read{
height: 5px;
width: 0px;
opacity: 0;
background-color: #8100ff;
background-image: linear-gradient(to right, #ff0080 0%, #8100ff 100%);
}
.jl_block_content{
padding: var(--jl-stp, 25px) 0px var(--jl-sbp, 50px) 0px;
display: flex;
flex-direction: column;
gap: var(--jl-stp, 40px) 0px;
}
.jl_sg_rgap{
width: 100%;
display: flex;
flex-direction: column;
gap: 30px 0px;
margin-top: var(--jl-stp, 40px);
}
.jl_sg_rgap > div{
padding-bottom: 30px;
border-bottom: 1px var(--jl-sline, solid) var(--jl-post-line-color);
}
.jl_sg_rgap > div:last-child{
padding-bottom: 0px;
border-bottom: 0px;
}
.post_content_w{
width: 100%;
display: flex;
gap: 30px;
}
.jls_con_w{
width: 100%;
max-width: 100%;
flex-grow: 1;
display: flex;
flex-direction: column;
gap: 30px;
}
.jl_content > *{
max-width: 100%;
}
.jl_content p{
word-wrap: break-word;
}
.jl_content p:first-child{
margin-top: -5px;
}
.jl_content>*:last-child{
margin-bottom: 0;
}
.jl_content, .jl_content p{
color: var(--jl-single-color);
}
.content_single_page{
margin-top: 25px;
}
.jl_content a:not([class],.wp-block-post-terms>a,.wp-block-latest-posts a,.wp-block-categories a,.wp-block-archives-list a,.wp-block-cover a,.wp-block-calendar a,.wp-block-comment-reply-link a,.wp-block-comment-author-name a,.wp-block-comment-date a,.block-section a), .jl_content a.wp-block-pages-list__item__link{
color: var(--jl-single-link-color);
text-decoration: underline rgba(255, 255, 255, 0) !important;
transition: all 0.3s !important;
}
.jl_content a:not([class],.wp-block-post-terms>a,.wp-block-latest-posts a,.wp-block-categories a,.wp-block-archives-list a,.wp-block-cover a,.wp-block-calendar a,.wp-block-comment-reply-link a,.wp-block-comment-author-name a,.wp-block-comment-date a,.block-section a):hover,.jl_content a.wp-block-pages-list__item__link:hover{
color: var(--jl-single-link-hcolor);
text-decoration: underline !important;
text-decoration-color: currentColor;
}
.jl_content ul{
padding-left: 15px;
}
.jl_content ol{
padding-left: 0px;
list-style-position: inside;
}
.jl_content ol ol{
padding-left: 20px;
list-style-position: inside;
}
.jl_content ul, .jl_content > div{
margin-bottom: 30px;
}
.jli-flickr, .jli-twitter, .jli-soundcloud, .jli-behance, .jli-deviantart{
font-size: 70%;
}
.jli-vk{
font-size: 73%;
}
.jli-youtube, .jli-vimeo, .jli-mail, .jli-x{
font-size: 80%;
}
.jli-telegram, .jli-tumblr, .jli-dropbox, .jli-rss, .jli-stumbleupon, .jli-linkedin{
font-size: 90%;
}
.wrap-pin{
position: relative;
}
.wrap-pin .pinitsvg{
position: absolute;
top: 10px;
right: 10px;
background: #cd1d1f;
color: #fff !important;
display: block !important;
width: 40px !important;
height: 40px !important;
line-height: 40px;
text-align: center;
border-radius: 100px;
font-size: 17px;
text-decoration: none !important;
opacity: 0 !important;
pointer-events: none !important;
}
.wrap-pin .pinitsvg:hover{
text-decoration: none !important;
color: #fff !important;
}
.wrap-pin:hover .pinitsvg{
opacity: 1 !important;
pointer-events: auto !important;
}
/* Left share */
.post_content_w .post_sw{
padding-top: 5px;
}
.post_sw{
-webkit-flex: 0 0 45px;
-ms-flex: 0 0 45px;
flex: 0 0 45px;
width: 45px;
text-align: center;
}
.post_sw .jl_share_wrapper{
display: flex;
}
.post_s .jl_sli_w span, .jlp_hs .jl_sli_w span{
display: none;
}
.post_s .jl_sli_w .jl_sli_in{
margin: 0px;
padding: 0px;
display: grid;
grid-template-columns: repeat(1,minmax(0,1fr));
grid-gap: 5px;
}
.post_s .jl_sli_w .jl_sli_in .jl_shli, .jlp_hs .jl_sli_w .jl_sli_in .jl_shli{
list-style: none;
display: flex;
justify-content: center;
}
.post_s .jl_sli_w .jl_sli_in .jl_shli a, .jlp_hs .jl_sli_w .jl_sli_in .jl_shli a{
color: var(--jl-txt-color);
margin: 0px;
padding: 0px;
font-size: 14px;
height: 37px;
line-height: 37px;
width: 37px;
border: 1px var(--jl-sline, solid) var(--jl-post-line-color);
display: flex;
align-items: center;
justify-content: center;
border-radius: 100px;
text-decoration: none !important;
}
.post_s .jl_sli_w .jl_sli_in .jl_sli_fb a, .jlp_hs .jl_sli_w .jl_sli_in .jl_sli_fb a{
color: #4080FF;
}
.jlp_hs .jl_sli_w .jl_sli_in .jl_sli_tw a{
color: currentColor !important;
}
.post_s .jl_sli_w .jl_sli_in .jl_sli_tw a, .jlp_hs .jl_sli_w .jl_sli_in .jl_sli_tw a{
color: #000;
}
.post_s .jl_sli_w .jl_sli_in .jl_sli_pi a, .jlp_hs .jl_sli_w .jl_sli_in .jl_sli_pi a{
color: #cd1d1f;
}
.post_s .jl_sli_w .jl_sli_in .jl_sli_din a, .jlp_hs .jl_sli_w .jl_sli_in .jl_sli_din a{
color: #1980be;
}
.post_s .jl_sli_w .jl_sli_in .jl_sli_wapp a, .jlp_hs .jl_sli_w .jl_sli_in .jl_sli_wapp a{
color: #23c761;
}
.post_s .jl_sli_w .jl_sli_in .jl_sli_tele a, .jlp_hs .jl_sli_w .jl_sli_in .jl_sli_tele a{
color: #0088cc;
}
.post_s .jl_sli_w .jl_sli_in .jl_sli_tumblr a, .jlp_hs .jl_sli_w .jl_sli_in .jl_sli_tumblr a{
color: #32506d;
}
.post_s .jl_sli_w .jl_sli_in .jl_sli_mil a, .jlp_hs .jl_sli_w .jl_sli_in .jl_sli_mil a{
color: var(--jl-txt-color);
}
.post_s .jl_sh_t, .jl_sfoot .jl_sh_t, .jlp_hs .jl_sh_t{
display: flex;
flex-direction: column;
align-items: center;
gap: 2px;
font-size: 13px;
font-family: var(--jl-menu-font);
font-weight: var(--jl-meta-a-font-weight);
letter-spacing: var(--jl-meta-font-space);
margin-bottom: 10px;
}
.post_s .jl_sh_t svg, .jl_sfoot .jl_sh_t svg{
width: 20px;
height: 20px;
}
.post_s .jl_sh_t i{
font-size: 20px;
}
.jl_mt_wrap{
display: flex;
align-items: center;
gap: 10px;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 15px;
}
.jl_mt_wrap .jl_post_meta{
font-size: var(--jl-meta-font-ssize);
margin-top: 0px;
}
.jlp_hs svg{
width: 0.9em;
height: 0.9em;
}
.jl_mt_wrap .jl_sh_t{
text-transform: capitalize;
gap: 5px !important;
font-size: 13px;
font-weight: var(--jl-meta-a-font-weight);
}
.jl_mt_wrap .jl_post_meta{
width: auto;
}
.jlp_hs{
display: flex;
align-items: center;
gap: 17px;
}
.jlp_hs .jl_sh_t{
flex-direction: row;
gap: 10px;
margin: 0px;
}
.jlp_hs .jl_sli_w .jl_sli_in{
margin: 0px;
padding: 0px;
display: flex;
gap: 13px;
}
.jlp_hs .jl_sli_w .jl_sli_in .jl_shli a{
height: unset;
line-height: unset;
width: unset;
border-radius: 0px;
border: 0px !important;
font-size: 15px;
background: transparent;
box-shadow: unset;
}
.jl_share_l_bg .post_sw .jl_sli_in .jl_shli a{
border: 0px !important;
color: #fff !important;
}
.jl_share_l_bg .jl_sli_in .jl_sli_fb a{
background: #4080FF;
}
.jl_share_l_bg .jl_sli_in .jl_sli_tw a{
background: #000;
box-shadow: inset 0px 0px 2px #ccc;
}
.jl_share_l_bg .jl_sli_in .jl_sli_pi a{
background: #cd1d1f;
}
.jl_share_l_bg .jl_sli_in .jl_sli_din a{
background: #1980be;
}
.jl_share_l_bg .jl_sli_in .jl_sli_wapp a{
background: #23c761;
}
.jl_share_l_bg .jl_sli_in .jl_sli_tele a{
background: #0088cc;
}
.jl_share_l_bg .jl_sli_in .jl_sli_tumblr a{
background: #32506d;
}
.jl_share_l_bg .jl_sli_in .jl_sli_line a{
background: #3bce26;
}
.jl_share_l_bg .jl_sli_in .jl_sli_line svg{
width: 30px;
}
.jl_share_l_bg .jl_sli_in .jl_sli_mil a{
background: var(--jl-btn-bg);
}
.jl-sp-image-caption{
font-family: var(--jl-menu-font);
position: absolute;
bottom: 0;
right: 0;
max-width: 80%;
z-index: 60;
padding: 4px 8px;
color: #fff;
font-size: 13px;
background: #000;
line-height: 1.2;
}
.jl-sp-image-caption a{
text-decoration: underline !important;
color: var(--jl-main-color);
}
/* Footer share */
.jl_sfoot{
position: relative;
display: flex;
width: 100%;
justify-content: space-between;
align-items: center;
gap: 20px;
}
.jl_sfoot .jl_share_wrapper{
display: none;
}
.jl_sfoot .jl_sh_t{
text-transform: capitalize;
gap: 5px !important;
font-size: 14px;
font-weight: var(--jl-meta-a-font-weight);
flex-direction: row;
margin: 0px;
}
.jl_sfoot .jl_sh_t svg{
width: 1.1em;
height: 1.1em;
}
.jl_sfoot .jl_sli_in{
padding: 0px;
margin: 0px;
display: flex;
justify-content: space-between;
gap: 5px;
}
.jl_sfoot .jl_sli_in .jl_shli{
list-style: none;
-webkit-flex: 0 0 50px;
-ms-flex: 0 0 50px;
flex: 0 0 50px;
width: 50px;
}
.jl_sfoot .jl_sli_in .jl_shli a{
display: flex;
width: 100%;
height: 35px;
color: #fff;
font-family: var(--jl-menu-font);
font-size: 15px;
font-weight: 500;
gap:5px;
align-items: center;
justify-content: center;
border-radius: 2px;
}
.jl_sfoot .jl_sli_in .jl_shli a span{
font-family: var(--jl-menu-font);
font-size: 12px;
}
.jli-line, .jli-line span, .jli-line span:before{
display: inherit !important;
}
.jl_sli_in .jl_shli .jli-line span{
font-size: 180% !important;
}
.jlp_hs .jl_sli_in .jl_shli .jli-line span{
font-size: 110% !important;
}
.jl_sli_in .jl_shli a .jli-line, .jl_sli_in .jl_shli .jli-line span, .jl_sli_in .jl_shli .jli-line span:before{
font-family: jl_font !important;
}
.jl_sfoot .jl_sli_in .jl_sli_fb a{
background: #4080FF;
}
.jl_sfoot .jl_sli_in .jl_sli_tw a{
background: #000;
box-shadow: inset 0px 0px 2px #ccc;
}
.jl_sfoot .jl_sli_in .jl_sli_pi a{
background: #cd1d1f;
}
.jl_sfoot .jl_sli_in .jl_sli_din a{
background: #1980be;
}
.jl_sfoot .jl_sli_in .jl_sli_wapp a{
background: #23c761;
}
.jl_sfoot .jl_sli_in .jl_sli_tele a{
background: #0088cc;
}
.jl_sfoot .jl_sli_in .jl_sli_line a{
background: #3ACE01;
}
.jl_sfoot .jl_sli_in .jl_sli_line a svg{
width: 1.7em;
}
.jl_sfoot .jl_sli_in .jl_sli_line a svg .line_bg_fill{
fill: transparent;
}
.jl_sfoot .jl_sli_in .jl_sli_tumblr a{
background: #32506d;
}
.jl_sfoot .jl_sli_in .jl_sli_mil a{
background: var(--jl-txt-color);
}
.options_dark_skin .jl_sfoot .jl_sli_in .jl_sli_mil a{
background: var(--jl-btn-bg);
}
.jl_sli_line.jl_shli svg{
width: 1.1em;
height: auto;
}
/* Author box */
.jl_info_auth{
width: 100%;
display: flex;
align-items: center;
gap: 20px;
}
.jl_info_auth .author-avatar{
-webkit-flex: 0 0 80px;
-ms-flex: 0 0 80px;
flex: 0 0 80px;
width: 80px;
height: 80px;
border-radius: 300px;
overflow: hidden;
position: relative;
align-self: flex-start;
}
.jl_info_auth .author-avatar img{
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.author-description .jl_auth_lbl{
font-family: var(--jl-menu-font);
font-size: var(--jl-meta-font-size);
font-weight: var(--jl-meta-font-weight);
display: flex;
margin-bottom: 6px;
}
.author-description .jl_auth_name{
margin-bottom: 0px;
font-size: var(--jl-widget-fsize, 18px);
display: flex;
align-items: center;
gap: 5px;
}
.author-description .jl_auth_name span{
font-weight: 400;
font-size: 75%;
opacity: .8;
}
.author-description .jl_auth_desc{
margin-top: 5px;
margin-bottom: 0px;
font-size: 15px;
opacity: .8;
}
.jl_auth_link{
padding: 0px;
display: flex;
gap: 15px;
flex-wrap: wrap;
margin-bottom: 0px;
margin-top: 15px;
}
.jl_auth_link li{
display: flex;
list-style: none;
align-items: center;
}
.jl_auth_link li a{
font-size: 14px;
display: flex;
}
.jl_ache_auth, .jl_ache_head{
display: flex;
width: 100%;
justify-content: space-between;
gap: 15px;
padding-bottom: var(--jl-jl-achspc, 40px);
margin-bottom: var(--jl-jl-achspc, 40px);
align-items: flex-end;
}
.jl_ache_head{
padding-bottom: 0px;
}
.jl_auth_head.jl_info_auth .author-avatar{
-webkit-flex: 0 0 100px;
-ms-flex: 0 0 100px;
flex: 0 0 100px;
width: 100px;
height: 100px;
}
.jl_auth_head.jl_info_auth .jl_auth_name{
font-size: var(--jl-pa-ach, 33px);
}
.jl_auth_head.jl_info_auth .jl_auth_name span{
font-size: 50%;
}
.jl_auth_head.jl_info_auth .jl_auth_desc{
font-size: var(--jl-pa-ach-excp, 16px);
margin-top: 5px;
color: var(--jl-except-color);
opacity: 1;
max-width: 800px;
}
.jl_auth_numw{
font-size: var(--jl-pa-ach, 33px);
text-align: right;
display: flex;
flex-direction: column;
gap: 0px;
}
.jl_auth_num{
margin: 0px;
line-height: 1;
}
.jl_auth_txt{
font-size: calc(var(--jl-pa-ach-excp, 17px) - 2px);
line-height: 1;
color: var(--jl-except-color);
}
/* Source / Via */
.jl_source_w, .jl_via_w{
display: flex;
gap: 2px 10px;
flex-wrap: wrap;
font-size: 13px;
}
.jl_source_w a, .jl_via_w a{
font-weight: bold;
text-transform: initial;
}
.jl_source_w a:after, .jl_via_w a:after{
content: ',';
}
.jl_source_w a:last-child:after, .jl_via_w a:last-child:after{
display: none;
}
.jl_via_w{
display: flex;
}
/* Tag */
.single_tag_share .tag-cat{
margin-top: 10px;
}
.single_tag_share > *:first-child{
margin-top: 0px;
}
.single_post_tag_layout{
padding: 0px;
margin: 0px;
display: flex;
flex-wrap: wrap;
gap: 5px;
}
.single_post_tag_layout li{
list-style: none;
}
.single_post_tag_layout li a{
padding: 0px 7px;
height: 24px;
border-radius: 3px;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
text-transform: capitalize;
text-decoration: none !important;
display: flex;
align-items: center;
font-family: var(--jl-menu-font);
font-size: 12px !important;
background: var(--jl-nav-bg, rgb(239, 242, 245));
color: var(--jl-nav-color, #000);
font-weight: 500;
}
.single_post_tag_layout li a:hover{
color: var(--jl-nav-color-h, #fff) !important;
}
/* Single slider */
.jl_slide_wrap_s{
overflow: hidden;
position: relative;
--jl-arr-ani: 8px;
--jl-arrow-space: 30px;
}
.jl_slide_wrap_s:hover{
--jl-arr-ani: 0px;
}
.jl_slide_wrap_s, .jl_slide_wrap_s .swiper-slide-inner{
height: 550px;
}
.jl_slide_wrap_s .jl-swiper-button-next, .jl_slide_wrap_s .jl-swiper-button-prev{
width: var(--jl-arrow-w, 40px);
height: var(--jl-arrow-h, 40px);
border-radius: var(--jl-arrow-r, 100px);
font-size: 13px;
color: var(--jl-arrow-color, #000);
background: var(--jl-arrow-bg, #fff);
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
opacity: 0;
visibility: hidden;
position: absolute;
top: 50%;
-webkit-transform: translate3d(0, 0, 0) perspective(1px) translateY(-50%);
-ms-transform: translate3d(0, 0, 0) perspective(1px) translateY(-50%);
transform: translate3d(0, 0, 0) perspective(1px) translateY(-50%);
z-index: 2;
transition: .3s ease;
box-shadow: 0px 0px 30px 0px rgba(0,0,0,.12);
}
.jl_slide_wrap_s:hover .jl-swiper-button-next, .jl_slide_wrap_s:hover .jl-swiper-button-prev{
opacity: 1;
visibility: visible;
}
.jl_slide_wrap_s .jl-swiper-button-next{
right: calc(var(--jl-arrow-space) - var(--jl-arr-ani));
}
.jl_slide_wrap_s .jl-swiper-button-prev{
left: calc(var(--jl-arrow-space) - var(--jl-arr-ani));
}
/* Gallery */
.jl_sgal_wrap{
display: flex;
width: 100%;
gap: 10px;
flex-direction: column;
}
.jl_sifea_img{
position: relative;
}
.jl_sifea_img img{
border-radius: var(--jl-border-rounded);
}
.jl_galss{
position: relative;
display: flex;
gap: 10px;
padding: 10px;
border: 1px var(--jl-sline, solid) var(--jl-post-line-color);
flex-wrap: nowrap;
overflow: hidden;
}
.jl_galss .jl_gal_img{
width: 90px;
height: 90px;
position: relative;
overflow: hidden;
cursor: pointer;
flex: 0 0 90px;
}
.jl_galss .jl_gal_img:before{
content: '';
background-color: #000;
position: absolute;
top: 0px;
bottom: 0px;
right: 0px;
left: 0px;
z-index: 2;
opacity: 0;
transition: all 0.3s ease 0s;
}
.jl_galss .jl_gal_img:hover:before{
opacity: .4;
}
.jl_galss .jl_gal_img img{
width: 100%;
height: 100%;
max-width: 100%;
-o-object-fit: cover;
object-fit: cover;
display: block;
}
/* Video */
.jl_shead_tpl1 .jlvid_container{
margin-bottom: 0px;
}
.jlvid_container iframe{
margin-bottom: 0px !important;
}
.jlvid_local .wp-video, .jlvid_local video.wp-video-shortcode, .jlvid_local .mejs-container, .jlvid_local .mejs-overlay.load {
width: 100% !important;
height: 100% !important;
}
.wp-video{
width: 100% !important;
}
.wp-video .mejs-video{
width: auto !important;
}
.wp-video .wp-video-shortcode{
width: 100% !important;
height: 100%;
object-fit: cover;
}
.jlvid_local .mejs-container {
padding-top: 56.25%;
}
.jlvid_local .wp-video, .jlvid_local video.wp-video-shortcode {
max-width: 100% !important;
}
.jlvid_local video.wp-video-shortcode {
position: relative;
}
.jlvid_local .mejs-mediaelement {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.jlvid_local .mejs-overlay-play {
top: 0;
right: 0;
bottom: 0;
left: 0;
width: auto !important;
height: auto !important;
}
/* Quote */
.jl_squote_w{
position: relative;
padding-bottom: 60%;
border-radius: var(--jl-border-rounded);
overflow: hidden;
}
.jl_squote_w:before{
content: '';
position: absolute;
top: 0px;
bottom: 0px;
right: 0px;
left: 0px;
z-index: 2;
background: rgba(0,0,0,.3);
}
.jl_squote_w .jl_imgw{
padding-bottom: 0px !important;
position: absolute;
top: 0px;
bottom: 0px;
right: 0px;
left: 0px;
z-index: 1;
}
.jl_squote_w .jl_squote_in{
display: flex;
flex-direction: column;
position: absolute;
bottom: 0px;
left: 0px;
right: 0px;
padding: 30px;
text-align: center;
align-items: center;
justify-content: center;
z-index: 3;
width: 100%;
height: 100%;
gap: 20px;
}
.jl_squote_w .jl_squote_in *{
color: #fff;
margin: 0px;
}
.jl_squote_w .jl_squote_in .jli-quote-right{
font-size: 20px;
}
.jl_squote_w .jl_squote_in .quote_text_des{
font-size: 26px;
}
.jl_squote_w .jl_squote_in .quote_source{
font-size: 12px;
}
.post_subtitle_text{
margin-bottom: 0px;
margin-top: 10px;
font-size: var(--jl-sub-title-s, 21px);
line-height: var(--jl-sub-title-lh, 1.4);
color: var(--jl-except-color);
max-width: var(--jl-subt-max, 100%);
}
/* Breadcrumb */
.jl_breadcrumbs{
display: flex;
align-items: center;
gap: 10px;
font-size: 13px;
margin-bottom: 15px;
word-break: keep-all;
line-height: 1;
white-space: nowrap;
}
.jl_breadcrumbs a:hover{
color: var(--jl-txt-color) !important;
}
.jl_breadcrumbs .jl_item_bread:last-child{
display: -webkit-box !important;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
white-space: normal;
}
.jl_breadcrumbs i{
font-size: 50%;
}
/* Sponsored */
.jl_spon_wrap{
display: flex;
align-items: center;
font-size: 12px;
gap: 10px;
color: #ff0000;
font-family: var(--jl-menu-font);
font-weight: 600;
text-transform: uppercase;
margin-top: 10px;
}
.jl_spon_wrap a{
display: flex;
}
.jl_spon_wrap img{
height: 23px;
width: auto;
}
/* Page title */
.jl_pc_sec_title .jl_pc_sec_h{
font-size: var(--jl-pa-ach, 33px);
margin-bottom: 0px;
}
.jl_pc_sec_title .post_subtitle_text{
font-size: var(--jl-pa-ach-excp, 17px);
margin-top: 5px;
color: var(--jl-except-color);
}
.jl_pc_sec_title .post_subtitle_text *{
font-size: inherit !important;
color: var(--jl-except-color);
}
.jl_pc_sec_title .post_subtitle_text *:last-child{
margin-bottom: 0px !important;
}
/* Single layout 1 / Single layout 2 / Single layout 6 */
.jl_head_title{
-ms-word-wrap: break-word;
word-wrap: break-word;
}
.jl_shead_tpl1 .jl_f_cat, .jl_shead_tpl2 .jl_f_cat, .jl_shead_tpl3 .jl_f_cat, .jl_shead_tpl4 .jl_f_cat, .jl_shead_tpl5 .jl_f_cat, .jl_shead_tpl6 .jl_f_cat{
margin-bottom: 15px !important;
}
.jl_shead_tpl1{
gap: 30px;
display: flex;
flex-direction: column;
}
.jl_shead_tpl1 .jl_head_title{
font-size: var(--jl-single-title-size);
margin-bottom: 0px;
}
/* Single layout 3 */
.jl_shead_tpl3{
--jl-img-height: 65% !important;
--jlc-car-radius: 0px !important;
--jl-padding: 30px !important;
--jl-h-align: center !important;
--jl-v-align: center !important;
--jlc-car-radius: var(--jl-border-rounded) !important;
}
.jl_shead_tpl3 .jl_sh_t{
display: none;
}
.jl_shead_tpl3 .jl_imgw .jl_imgin img{
transform: scale(1.01) !important;
}
.jl_shead_tpl3 .jl_ov_layout:before{
content: '';
position: absolute;
top: 0px;
bottom: 0px;
right: 0px;
left: 0px;
z-index: 2;
background: rgb(15 14 14 / 50%);
}
.jl_shead_tpl3 .jl_head_title.jl_fe_title{
font-size: var(--jl-single-title-size);
color: #FFF !important;
text-align: center;
}
.jl_shead_tpl3 .post_subtitle_text{
color: #FFFFFFD4;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.jl_shead_tpl3 .jlp_hs, .jl_shead_tpl4 .jlp_hs{
justify-content: center;
color: #fff;
margin-top: 15px;
}
/* Single layout 4 */
.jl_shead_tpl4{
--jl-img-height: 65% !important;
--jlc-car-radius: 0px !important;
--jl-padding: 30px !important;
--jl-h-align: left !important;
--jl-v-align: end !important;
--jlc-car-radius: var(--jl-border-rounded) !important;
}
.jl_shead_tpl4 .jlp_hs{
margin-top: 0px;
}
.jl_shead_tpl4 .jl_breadcrumbs{
position: absolute;
top: 20px;
left: 30px;
color: #fff;
text-shadow: 0px 0px 3px black;
}
.jl_shead_tpl4 .jl_breadcrumbs a{
color: #fff !important;
}
.jl_shead_tpl4 .jl_imgw .jl_imgin img{
transform: scale(1.01) !important;
}
.jl_shead_tpl4 .jl_ov_layout:before{
content: '';
position: absolute;
top: 0px;
bottom: 0px;
right: 0px;
left: 0px;
z-index: 2;
background: rgb(15 14 14 / 50%);
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 24%, #110F0FED 100%);
}
.jl_shead_tpl4 .jl_head_title.jl_fe_title{
font-size: var(--jl-single-title-size);
color: #FFF !important;
}
.jl_shead_tpl4 .post_subtitle_text{
color: #FFFFFFD4;
}
/* Single layout 5 */
.jl_single_tpl_w{
display: flex;
flex-direction: column;
gap: 30px;
}
.jl_single_tpl5 .jl_sifea_img{
overflow: hidden;
max-height: 600px;
height: 100%;
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.jl_single_tpl5 .jl_sifea_img img{
width: 100%;
height: 100%;
max-width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
/* Single layout 6 */
.jl_single_tpl6 .jl_sifea_img{
overflow: hidden;
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.jl_single_tpl6 .jl_sg_rgap{
margin-top: 0px;
}
.jl_single_tpl6 .jl_shead_tpl1 .jl_head_title{
font-size: calc(var(--jl-single-title-size) + var(--jl-sg-ext, 8px));
max-width: 100%;
}
.jl_single_tpl6 .jl_sifea_img img{
width: 100%;
height: 100%;
max-width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.jl_single_tpl6 .post_content_w{
margin-top: 0px;
}
/* Single layout 7 */
.jl_single_tpl7 .jl_shead_tpl3 {
--jl-img-height: 52% !important;
}
.jl_single_tpl7 .post_content_w, .jl_single_tpl7 .jl_sg_rgap{
margin-top: 0px;
}
.jl_single_tpl7 .jl_head_title.jl_fe_title, .jl_single_tpl8 .jl_head_title.jl_fe_title{
font-size: calc(var(--jl-single-title-size) + var(--jl-sg-ext, 8px));
}
.jl_single_tpl7 .jl_ov_el .jl_fe_text{
max-width: 850px;
margin: 0 auto;
padding: 20px;
}
/* Single layout 8 */
.jl_single_tpl8 .jl_shead_tpl4 {
--jl-img-height: 52% !important;
}
.jl_single_tpl8 .post_content_w, .jl_single_tpl8 .jl_sg_rgap{
margin-top: 0px;
}
/* Single layout 9 */
.jl_shead_tpl3.jl_shead_mix9{
--jl-img-height: 42% !important;
}
.jl_shead_tpl3.jl_shead_mix9 .jl_ov_layout{
height: 600px;
padding-bottom: 0px !important;
}
.jl_shead_tpl3.jl_shead_mix9 .jl_head_title.jl_fe_title{
font-size: calc(var(--jl-single-title-size) + var(--jl-sg-ext, 8px));
}
.jl_shead_tpl3.jl_shead_mix9 .jl_fe_text{
max-width: 800px;
margin: 0 auto;
padding: 0px 20px;
}
.jl_single_tpl9 .post_content_w, .jl_single_tpl9 .jl_sg_rgap{
margin-top: 0px;
}
/* Single layout 10 */
.jl_shead_tpl4.jl_shead_mix10{
--jl-img-height: 42% !important;
}
.jl_shead_tpl4.jl_shead_mix10 .jl_ov_layout{
height: 600px;
padding-bottom: 0px !important;
}
.jl_shead_tpl4.jl_shead_mix10 .jl_head_title.jl_fe_title{
font-size: calc(var(--jl-single-title-size) + var(--jl-sg-ext, 8px));
}
.jl_shead_tpl4.jl_shead_mix10 .jl_fe_text{
max-width: 1260px;
margin: 0 auto;
padding: 20px 20px 40px 20px;
}
.jl_shead_tpl4.jl_shead_mix10 .jl_fe_text .jl_breadcrumbs{
position: absolute;
top: 20px;
left: 20px;
}
.jl_single_tpl10 .post_content_w, .jl_single_tpl10 .jl_sg_rgap{
margin-top: 0px;
}
/* Single layout 11 */
.jl_shead_tpl11{
margin-top: 30px;
}
.jl_shead_tpl11 .jl_head_title{
font-size: calc(var(--jl-single-title-size) + var(--jl-sg-ext, 8px));
max-width: 100%;
margin-bottom: 0px;
}
/* Single layout 12 */
.jl_shead_tpl3.jl_shead_mix12{
--jl-img-height: 42% !important;
}
.jl_shead_tpl3.jl_shead_mix12 .jl_ov_layout{
height: 700px;
padding-bottom: 0px !important;
}
.jl_shead_tpl3.jl_shead_mix12 .jl_head_title.jl_fe_title{
font-size: calc(var(--jl-single-title-size) + var(--jl-sg-ext, 8px));
}
.jl_shead_tpl3.jl_shead_mix12 .jl_fe_text{
max-width: 800px;
margin: 0 auto;
padding: 0px 20px;
}
.jl_single_tpl12 .post_content_w, .jl_single_tpl12 .jl_sg_rgap{
margin-top: 0px;
}
.jl_single_tpl12 .jl_single_tpl_w{
margin-top: -100px;
position: relative;
z-index: 9;
background: var(--jl-bg-color);
max-width: 1220px;
padding: 40px 30px 0px 30px;
}
/* Single layout 13 */
.jl_shead_tpl13{
margin-top: 30px;
}
.jl_shead_tpl13 .jl_head_title{
font-size: calc(var(--jl-single-title-size) + var(--jl-sg-ext, 8px));
max-width: 100%;
margin-bottom: 0px;
}
.jl_shead_tpl13 .jl_shead_tpl_txt{
position: relative;
padding-bottom: 40px;
}
.jl_shead_tpl13 .jl_shead_tpl_txt:after{
position: absolute;
bottom: 0;
left: 0;
display: block;
width: 100%;
height: 10px;
content: '';
background-color: transparent;
background-image: radial-gradient(var(--jl-meta-color) 1px, transparent 1px);
background-position: 0px 3px;
background-size: 4px 4px;
opacity: 0.2;
}
.jl_single_tpl13 .jl_sg_rgap{
margin-top: 0px;
}
/* sticky */
.sticky .jl_fe_title:before{
content: '\e92d';
font-family: jl_font !important;
font-size: 80%;
margin-right: 5px;
color: var(--jl-main-color);
}
/*-------------------------------------------------------------------------------------
Form
-------------------------------------------------------------------------------------*/
.jl_smmain_con form {
margin-bottom: 30px;
}
.jl_smmain_con form P:last-child{
margin-bottom: 0px;
}
.jl_smmain_con fieldset {
margin-bottom: 20px;
}
.jl_smmain_con form .logged-in-as,
.jl_smmain_con form .comment-notes {
margin-bottom: 20px;
font-size: 14px;
width: 100%;
letter-spacing: 0em;
font-family: var(--jl-menu-font);
}
.comment-form-author input,
.comment-form-email input,
.comment-form-url input,
.jl_smmain_con input[type="text"],
.jl_smmain_con input[type="password"],
.jl_smmain_con input[type="email"],
.jl_smmain_con textarea,
.comment-form-comment textarea{
font-size: var(--jl-input-size, 15px);
border: 1px var(--jl-sline, solid) var(--jl-post-line-color);
background: transparent;
padding: 13px;
outline: none;
margin: 0;
color: var(--jl-txt-color);
width: 100%;
border-radius: var(--jl-input-radius, 5px) !important;
-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.comment-form-cookies-consent {
width: 100%;
float: left;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0px 0px 20px 0px !important;
}
.comment-respond .form-submit {
float: left;
width: 100%;
margin-bottom: 0px;
}
.form-submit .submit {
margin-top: 30px;
}
.comment-respond .form-submit .submit {
margin-top: 0px;
}
.comment-form-cookies-consent input {
-webkit-flex: 0 0 13px;
-ms-flex: 0 0 13px;
flex: 0 0 13px;
width: 13px;
position: relative !important;
display: block;
float: left;
margin-top: -1px;
}
.comment-form-cookies-consent label {
position: relative;
margin-left: 5px;
top: 0px;
margin-bottom: 0px;
line-height: 1.2;
}
.jl_smmain_con select {
padding: 0px 14px;
}
.jl_smmain_con textarea {
min-height: 60px;
}
.jl_smmain_con label,
.jl_smmain_con legend {
display: block;
font-size: 14px;
font-weight: 400;
}
.jl_smmain_con select {
width: 220px;
}
.jl-cf7 .wpcf7-spinner, .jl-cf7 .wpcf7-form .ajax-loader, .jl-cf7 .wpcf7-form br, .jl-cf7 .wpcf7-not-valid-tip{
display: none !important;
}
.jl-cf7.jl_c7g .wpcf7-form{
display: grid;
width: 100%;
grid-column-gap: var(--jl-c7-cgap, 20px);
grid-row-gap: var(--jl-c7-rgap, 20px);
grid-template-columns: repeat(var(--jlc7-col-num, 1), minmax(0, 1fr));
}
.jl-cf7.jl_c7g .wpcf7-form .jl_c7full, .jl-cf7.jl_c7g .wpcf7-form .cf7_btn{
grid-column: span var(--jlc7-col-num, 1);
}
.jl-cf7.jl_c7in .wpcf7-form{
display: flex;
width: 100%;
flex-direction: row;
align-items: center;
flex-wrap: wrap;
justify-content: space-between;
gap: var(--jl-c7-rgap, 20px) var(--jl-c7-cgap, 20px);
position: relative;
}
.jl-cf7.jl_c7in .wpcf7-form > *{
flex: 1 1 auto;
}
.jl-cf7.jl_c7in .wpcf7-form .jl-c7sub{
flex-direction: row;
gap: var(--jl-c7-rgap, 20px) var(--jl-c7-cgap, 20px);
}
.jl-cf7.jl_c7g .wpcf7-form .jl-c7sub{
gap: var(--jl-c7-rgap, 20px) var(--jl-c7-cgap, 20px);
}
.jl-cf7.jl_c7in .wpcf7-form .jl-c7sub .wpcf7-form-control-wrap{
width: 100%;
}
@media only screen and (max-width: 767px) {
.jl-cf7.jl_c7in.jlc7bmb .jl-c7sub{
flex-direction: column;
}
.jl-cf7.jl_c7in .wpcf7-form > *, .jl-cf7.jl_c7in input[type='submit'], .jl-cf7.jl_c7in button{
max-width: 100%;
}
}
.jl-cf7.jl_c7in .wpcf7-form .wpcf7-form-control-wrap[data-name="your-consent"], .jl-cf7 .wpcf7-form .wpcf7-response-output{
flex-basis: 100%;
}
.jl-cf7 .wpcf7-list-item, .jl-cf7 .wpcf7-list-item label{
margin: 0px;
padding: 0px;
}
.jl-cf7 .wpcf7-form > *{
display: flex;
flex-direction: column;
gap: var(--jl-c7-itgap, 3px);
margin: 0px;
}
.jl-cf7 input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]), .jl-cf7 textarea, .jl-cf7 select{
width: 100%;
vertical-align: top;
padding: 0px var(--jl-c7-ins, 1rem);
min-height: var(--jl-c7-inh, 3rem);
color: var(--jl-txt-color);
background-color: var(--jlc7-bg, transparent);
border: var(--jl-c7-bw, 1px) solid var(--jl-post-line-color);
}
.jl-cf7 input:focus:not([type="submit"]):focus:not([type="checkbox"]):focus:not([type="radio"]), .jl-cf7 textarea:focus{
color: var(--jl-txt-hcolor, var(--jl-txt-color));
background-color: var(--jlc7-hbg, var(--jlc7-bg, transparent));
border: var(--jl-c7-bw, 1px) solid var(--jl-post-line-hcolor, var(--jl-post-line-color));
}
.jl-cf7 input.wpcf7-not-valid:not([type="submit"]):not([type="checkbox"]):not([type="radio"]), .jl-cf7 textarea.wpcf7-not-valid, .jl-cf7 select.wpcf7-not-valid{
border-color: var(--jl-c7ecolor, #dd3c57) !important;
}
.jl-cf7 textarea{
padding-top: 0.75rem;
padding-bottom: 0.75rem;
}
.jl-cf7 input[type='submit'], .jl-cf7 button{
max-width: fit-content;
display: flex;
align-items: center;
justify-content: center;
padding: 0px var(--jl-c7-btns, 30px);
height: var(--jl-c7-btnh, 3rem);
background: var(--jlc7-btnbg, var(--jl-main-color));
color: var(--jl-btncolor, #fff) !important;
top: var(--jl-c7-btnpos, 0px);
right: var(--jl-c7-btnpos, 0px);
}
.jl-cf7 input[type='submit']:hover, .jl-cf7 button:hover{
background: var(--jlc7-hbtnbg, var(--jl-btn-bg)) !important;
color: var(--jl-hbtncolor, #fff) !important;
}
.jl-cf7 .wpcf7-response-output{
grid-column: span var(--jlc7-col-num, 1);
margin: 0px !important;
padding: 0px !important;
border-width: 0px !important;
}
.jl-cf7 .wpcf7-form .wpcf7-response-output{
color: var(--jl-c7sucolor, #29a366);
font-size: 14px;
margin-top: var(--jl-c7rsp, -10px) !important;
}
.jl-cf7 .wpcf7-form.invalid .wpcf7-response-output{
color: var(--jl-c7ecolor, #dd3c57);
}
.jl-cf7 .wpcf7-acceptance .wpcf7-list-item-label{
color: var(--jl-c7tcolor, var(--jl-txt-color));
}
.logged-in-as a {
border-bottom: 0px !important;
color: var(--jl-main-color) !important;
text-decoration: underline rgba(255, 255, 255, 0) !important;
transition: text-decoration-color 300ms !important;
}
.logged-in-as a:hover {
color: var(--jl-single-link-hcolor);
text-decoration: underline !important;
text-decoration-color: currentColor;
}
/*-------------------------------------------------------------------------------------
tag
-------------------------------------------------------------------------------------*/
.tagcloud {
padding: 0px;
margin: 0px;
display: flex;
flex-wrap: wrap;
gap: 5px;
list-style: none;
}
.tagcloud a {
padding: 0px 7px;
height: 24px;
border-radius: 3px;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
text-transform: capitalize;
text-decoration: none !important;
display: flex;
align-items: center;
font-family: var(--jl-menu-font);
font-size: 12px !important;
background: var(--jl-nav-bg, rgb(239, 242, 245));
color: var(--jl-nav-color, #000);
font-weight: 500;
}
.tagcloud a:hover,
.tag-cat a:hover {
text-decoration: none !important;
background: var(--jl-main-color) !important;
color: #FFF !important;
}
.jlvid_container,
.wp-block-embed.is-type-video {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
margin-bottom: 33px;
border-radius: var(--jl-border-rounded);
}
.post_content iframe {
max-width: 100%;
}
.wp-block-embed.wp-block-embed-tiktok{
max-width: 100%;
height: auto !important;
padding: 0px !important;
}
.is-type-video.wp-block-embed.wp-block-embed-tiktok .wp-block-embed__wrapper{
position: relative !important;
height: auto !important;
}
.wp-block-embed.wp-block-embed-tiktok .wp-block-embed__wrapper blockquote{
padding: 0px !important;
text-align: center;
background: transparent;
}
.wp-block-embed.wp-block-embed-tiktok .wp-block-embed__wrapper blockquote:before{
display: none;
}
.jlvid_container iframe,
.jlvid_container object,
.jlvid_container embed,
.jlvid_container .wp-video,
.jlvid_container .wp-video-shortcode,
.wp-block-embed.is-type-video:not(.wp-block-embed-tiktok) iframe,
.wp-block-embed.is-type-video .wp-block-embed__wrapper {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
.wp-block-embed__wrapper:before{
padding-top: 0px !important;
}
.wp-block-embed__wrapper{
width: 100%;
}
/*-------------------------------------------------------------------------------------
Post nav
-------------------------------------------------------------------------------------*/
.postnav_w {
width: 100%;
position: relative;
display: flex;
gap: 50px;
}
.postnav_w .jl_navpost.postnav_left {
text-align: right;
}
.postnav_w .jl_navpost.postnav_right {
text-align: left;
margin-left: auto;
}
.postnav_w .jl_navpost {
width: 50%;
padding: 0px;
}
.postnav_w .jl_navpost a:hover{
color: var(--jl-main-color);
}
.postnav_w .jl_navpost .jl_cpost_title {
font-family: var(--jl-title-font);
font-weight: var(--jl-title-font-weight);
text-transform: var(--jl-title-transform);
letter-spacing: var(--jl-title-space);
line-height: var(--jl-title-line-height);
font-size: 15px;
word-break: break-word;
display: -webkit-box !important;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.postnav_w .jl_navpost .jl_nav_label {
font-family: var(--jl-menu-font);
letter-spacing: var(--jl-meta-font-space);
font-size: var(--jl-meta-font-size);
font-weight: var(--jl-meta-font-weight);
text-transform: var(--jl-meta-transform);
margin-bottom: 5px;
color: currentColor;
opacity: .7;
}
.postnav_w .jl_navpost span {
display: block;
}
.postnav_w .jl_navpost .jl_nav_link{
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 15px;
}
.postnav_w .jl_navpost .jl_nav_link:hover{
color: var(--jl-txt-color);
}
.postnav_w .jl_navpost .jl_nav_link:hover .jl_cpost_title{
color: var(--jl-main-color);
}
.postnav_w .jl_navpost.postnav_right .jl_nav_link{
justify-content: flex-end;
}
.postnav_w .jl_navpost .jl_nav_link .jl_nav_img{
align-self: flex-start;
-webkit-flex: 0 0 65px;
-ms-flex: 0 0 65px;
flex: 0 0 65px;
width: 65px;
height: 65px;
order: 1;
border-radius: 100px;
overflow: hidden;
position: relative;
}
.postnav_w .jl_navpost .jl_nav_img img{
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.postnav_w .jl_navpost.postnav_left .jl_nav_link .jl_nav_wrap{
-ms-flex-order: 2;
order: 2;
text-align: left;
}
.postnav_w .jl_navpost.postnav_right .jl_nav_link a{
justify-content: flex-end;
flex-direction: row-reverse;
}
.postnav_w .jl_navpost.postnav_right .jl_nav_link .jl_nav_wrap{
text-align: right;
}
/*-------------------------------------------------------------------------------------
Comment box
-------------------------------------------------------------------------------------*/
.jl_commentlist{
margin-bottom: 0px !important;
}
.jl_commentlist li:last-child .comment-body{
margin-bottom: 0px !important;
}
.comments-area .jl_commentlist .comment {
position: relative;
width: 100%;
}
.comments-area .jl_commentlist .comment-meta {
position: relative;
width: 100%;
}
.comments-area .jl_commentlist .comment-meta a{
color: var(--jl-txt-color);
}
.comments-area .jl_commentlist .comment-meta a, .comments-area .jl_commentlist .comment-meta a:hover{
text-decoration: none !important;
transition: all 0.3s ease 0s !important;
}
.jl_commentlist .comment-author .says{
display: none;
}
.jl_commentlist .comment-author .fn{
font-family: var(--jl-title-font);
font-weight: var(--jl-title-font-weight);
text-transform: var(--jl-title-transform);
letter-spacing: var(--jl-title-space);
line-height: var(--jl-title-line-height);
}
.comments-area .jl_commentlist .comment-meta img {
position: absolute;
top: 3px;
left: -75px;
display: block;
width: 60px;
height: 60px;
-webkit-border-radius: 50%;
border-radius: 50%;
object-fit: cover;
}
.comments-area .jl_commentlist .comment-meta .comment-author-name {
display: block;
text-transform: capitalize;
font-size: 14px;
color: #202020;
margin-top: 0px;
font-family: var(--jl-title-font);
font-weight: var(--jl-title-font-weight);
text-transform: var(--jl-title-transform);
letter-spacing: var(--jl-title-space);
line-height: var(--jl-title-line-height);
}
.comment-meta .comment-author-name a:hover {
text-decoration: none !important;
color: var(--jl-main-color);
}
.content_single_page .single_section_comment{
padding-top: 8px;
margin-top: 0px;
}
.content_single_page .comment-reply-link,
.content_single_page .comment-edit-link,
.content_single_page .comment-meta .comment-author-date {
text-decoration: none !important;
box-shadow: none !important;
}
.content_single_page .comment-reply-link:hover,
.content_single_page .comment-edit-link:hover,
.content_single_page .comment-meta .comment-author-date:hover {
background: var(--jl-main-color) !important;
}
.content_single_page .comment-author-name a {
color: #000;
text-decoration: none !important;
box-shadow: none !important;
}
.content_single_page .comment-author-name a:hover,
.content_single_page .comment-meta .comment-author-date:hover {
background: transparent !important;
}
.comment-meta .comment-author-date {
display: block;
margin-top: 0px;
margin-bottom: 5px;
-webkit-box-shadow: inset 0 -1px 0 transparent !important;
-moz-box-shadow: inset 0 -1px 0 transparent !important;
box-shadow: inset 0 -1px 0 transparent !important;
}
.comment-meta .comment-author-date:hover,
.comment-meta .comment-author-date:hover time {
color: var(--jl-main-color);
text-decoration: none !important;
}
.comments-area .jl_commentlist .comment-meta cite {
display: block;
font-size: 16px;
padding-bottom: 0px;
}
.comments-area .jl_commentlist .comment-content {
display: block;
width: 100%;
}
.comments-area .jl_commentlist .comment-content p:last-child{
margin-bottom: 0px;
}
.comments-area .jl_commentlist .comment-content a{
color: var(--jl-single-link-color);
text-decoration: underline rgba(255, 255, 255, 0) !important;
transition: text-decoration-color 300ms !important;
}
.comments-area .jl_commentlist .comment-content a:hover{
color: var(--jl-single-link-hcolor);
text-decoration: underline !important;
text-decoration-color: currentColor;
}
.comments-area .jl_commentlist .comment-content li {
margin-bottom: 0.5rem;
}
.comments-area .jl_commentlist .comment-content ul ul,
.comments-area .jl_commentlist .comment-content ul ol,
.comments-area .jl_commentlist .comment-content ol ol,
.comments-area .jl_commentlist .comment-content ol ul {
margin-top: 0.5rem;
}
.jl_commentlist li.pingback:first-child,
.jl_commentlist li.trackback:first-child {
margin-top: 0px;
}
.jl_commentlist li > p .edit-link {
display: inline-block;
}
.jl_commentlist li > p .edit-link a {
display: block;
}
.jl_commentlist .comment-reply-link{
position: absolute;
top: 0px;
right: 0px;
height: 22px;
background-color: var(--jl-comment-btn-link);
color: var(--jl-comment-btn-linkc) !important;
}
.comments-area .jl_commentlist a.comment-edit-link{
height: 22px;
text-decoration: underline !important;
}
.jl_commentlist a.comment-reply-link, .jl_commentlist a.comment-edit-link{
line-height: 24px;
font-size: 11px;
margin-left: 0px;
-o-transition: .3s;
-ms-transition: .3s;
-moz-transition: .3s;
-webkit-transition: .3s;
transition: .3s !important;
text-align: center;
padding: 0px 12px;
display: inline-flex;
align-items: center;
text-transform: capitalize;
border-radius: var(--jl-button-radius);
text-decoration: none !important;
font-family: var(--jl-menu-font);
font-weight: var(--jl-button-font-weight);
}
a.comment-reply-link:hover,
a.comment-edit-link:hover {
color: #fff !important;
background: var(--jl-main-color);
text-decoration: none !important;
}
.comment time {
font-weight: 300;
font-size: 12px;
color: #777;
text-transform: capitalize;
letter-spacing: 0em;
}
.jl_comment_head_title {
margin-bottom: 10px !important;
margin-top: 0px;
}
.comment-respond .comment-reply-title {
margin-bottom: 10px !important;
margin-top: 0px;
}
.comments-area .comment-content ul{
padding-left: 15px;
}
.comments-area .comment-content > ol, .comments-area .comment-content > ul{
margin-bottom: 16px;
}
.comments-area .comment-content ol {
padding-left: 15px;
list-style-position: inside;
}
.comments-area ul ul {
margin-bottom: 0px;
}
.comments-area li > ol {
margin-bottom: 0px;
}
.comments-area .jl_commentlist > li,
.comments-area .children > li {
list-style: none !important;
}
.comments-area .jl_commentlist li.comment {
margin-bottom: 0px;
width: 100%;
}
.comments-area .jl_commentlist li.comment .comment-body{
position: relative;
display: block;
width: auto;
max-width: 100%;
margin-bottom: 0px;
margin-left: 75px;
}
.comments-area .jl_commentlist > li.comment:first-child {
padding-top: 0px;
}
.comments-area li #respond {
margin-bottom: 30px;
margin-top: 20px;
}
dd {
margin-bottom: 20px;
}
#commentform #submit:hover,
.wpcf7-form-control.wpcf7-submit:hover {
color: #FFF;
background: var(--jl-main-color);
}
.single_section_comment .jl_comment_wrap{
padding-top: 20px;
}
.single_section_comment .jl_comment_wrap.jl_no_comment{
padding-top: 0px;
}
.jl_comment_wrap .comments-area{
display: flex;
flex-direction: column;
gap: 35px;
}
.single_section_comment p {
position: relative;
word-wrap: break-word;
}
.single_section_comment p:last-child {
margin-bottom: 0px;
}
.single_section_comment .comment-form-comment .u-full-width {
width: 100%;
}
.jl_commentlist .trackback .url, .jl_commentlist .pingback .url{
font-family: var(--jl-title-font);
font-weight: var(--jl-title-font-weight);
text-transform: var(--jl-title-transform);
letter-spacing: var(--jl-title-space);
line-height: var(--jl-title-line-height);
}
.comments-pagination{
margin-top: 20px;
display: flex;
gap: 20px;
}
.comments-pagination .nav-links{
display: flex;
gap: 15px;
}
.comments-pagination a, .comments-pagination .nav-links{
font-family: var(--jl-menu-font);
font-size: 14px;
font-weight: var(--jl-button-font-weight);
}
.comments-pagination a{
color: var(--jl-main-color);
}
.comments-pagination a:hover{
color: var(--jl-btn-bg) !important;
}
.single_section_comment .comment-form-cookies-consent {
margin-top: 20px;
position: relative;
}
.single_section_comment .comment-form-cookies-consent input[type="checkbox"] {
position: relative !important;
display: block;
}
.single_section_comment .comment-form-cookies-consent label {
position: relative;
margin-left: 5px;
line-height: 1.2;
}
.single_section_comment .form-submit input,
.single_section_comment .form-submit {
margin-bottom: 0px !important;
}
.single_section_comment .form-submit {
margin-top: 0px;
}
.single_section_comment {
border-left: 0px;
border-right: 0px;
border-bottom: 0px;
width: 100%;
}
.comment-respond form {
margin-bottom: 0px;
}
.single_section_comment .jl_commentlist {
width: 100%;
margin-bottom: 0px;
padding: 0px;
}
.single_section_comment .jl_commentlist, .single_section_comment .jl_commentlist ul.children, .single_section_comment .jl_commentlist li.comment{
display: flex;
flex-direction: column;
gap: 25px;
}
.single_section_comment .jl_commentlist:last-child {
margin-bottom: 0px;
}
.single_section_comment .jl_commentlist .children {
width: 100%;
}
.single_section_comment .jl_commentlist .children:last-child {
margin-bottom: 0px;
}
.comments-area textarea,
.comments-area input[type="text"] {
width: 100%;
}
.comments-area h3#reply-title {
width: 100%;
margin-bottom: 10px;
}
.comments-area h3#reply-title small a{
margin-left: 10px;
color: var(--jl-main-color);
}
.comments-area .logged-in-as {
margin-bottom: 15px;
font-size: 14px;
}
.comments-area .form-allowed-tags {
font-size: 12px;
}
.required {
position: relative;
color: #900;
}
.post-password-form label{
display: inline-block;
}
.post-password-form input[type="password"] {
width: 200px !important;
height: 40px;
display: block;
}
.post-password-form input[type="submit"]{
display: inline-block;
}
.comment-form {
position: relative;
display: block;
margin-right: -10px;
margin-left: -10px;
}
.comment-form > * {
margin-bottom: 20px;
padding-right: 10px;
padding-left: 10px;
}
.comment-form-comment label, .comment-form-author label, .comment-form-email label, .comment-form-url label, .jl_no_comment .comment-reply-title{
display: none;
}
.jl_no_comment .comment-respond{
margin-top: 0px !important;
}
.comment-form .comment-form-author, .comment-form .comment-form-email, .comment-form .comment-form-url {
float: left;
width: 33.33%;
}
/* Related Post */
.jl_relsec_in{
padding-top: var(--jl-stp, 40px);
display: block;
}
.jl_sep_dot{
position: relative;
}
.jl_sep_dot.jl_sep_b:before{
top: auto;
bottom: 0px;
}
.jl_sep_dot:before{
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 10px;
content: '';
background-color: transparent;
background-image: radial-gradient(var(--jl-post-line-color) 1px, transparent 1px);
background-position: 1px 1px;
background-size: 4px 4px;
}
.jl_relsec{
position: relative;
z-index: 2;
max-width: var(--jl-main-width);
width: 100%;
margin: 0 auto;
padding: 0px 20px;
}
.jl_relsec h4{
margin-bottom: 20px !important;
}
.jl_rel_posts{
display: grid;
grid-template-columns: repeat(4,minmax(0,1fr));
grid-column-gap: 30px;
grid-row-gap: 30px;
}
.jl_rel_posts .jl_cgrid_layout .jl_fe_title{
font-size: var(--jl-post-related-size);
}
.jl_rel_posts .jl_imgw{
padding-bottom: var(--jl-img-h, 66.66667%);
}
/* post content ===================================*/
.post_content input[type="submit"] {
font-family: var(--jl-menu-font);
font-size: var(--jl-button-font-size);
font-weight: var(--jl-button-font-weight);
text-transform: var(--jl-button-transform);
letter-spacing: var(--jl-button-space);
outline: none;
height: 40px;
line-height: 40px;
padding: 0 40px;
color: #FFF;
background: var(--jl-main-color);
cursor: pointer;
border: 0px;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
.post_content input[type="submit"]:hover {
background: var(--jl-btn-bg);
}
.page-links {
float: left;
width: 100%;
margin-top: 20px;
margin-bottom: 20px;
padding: 0px;
}
.page-links > span {
background: var(--jl-main-color);
}
.page-links a.post-page-numbers:hover {
background: var(--jl-main-color);
text-decoration: none !important;
color: #fff !important;
}
.content_single_page .page-links a,
.page-links a,
.page-links > span {
padding: 0px;
height: 35px;
line-height: 35px;
min-width: 30px;
float: left;
font-family: var(--jl-menu-font);
font-weight: bold;
font-size: 13px;
list-style: none;
background: var(--jl-nav-bg, rgb(239, 242, 245));
color: var(--jl-nav-color, #000);
border-radius: 8px;
text-decoration: none !important;
text-align: center;
-webkit-transition: all .1s ease-in-out;
-moz-transition: all .1s ease-in-out;
-o-transition: all .1s ease-in-out;
transition: all .1s ease-in-out;
border-radius: 8px;
margin-right: 8px;
}
.page-links .current{
background: var(--jl-main-color);
color: #fff;
}
.page-links a:hover {
background: #222;
color: #fff !important;
}
.page-links a:hover li {
background: no-repeat;
}
.page-links a li {
margin-right: 0px;
padding: 0px;
}
.jl_review_wrapper {
position: absolute;
top: 10px;
right: 10px;
width: 50px;
height: 50px;
z-index: 1;
}
.jl_rating_front {
float: left;
width: 50px;
height: 50px;
position: relative;
font-size: 14px;
color: #fff;
margin-top: 0px;
text-align: center;
background: rgba(0, 0, 0, 0.1);
border-radius: 100%;
}
.jl_rating_front canvas {
position: absolute;
top: 0;
left: 0;
}
.jl_rating_front .jl_rating_value {
float: none;
height: 50px;
line-height: 50px;
font-size: 14px;
text-shadow: 1px 0px 0px rgba(0, 0, 0, .4);
}
.jl_rating_front span {
float: none;
height: 13px;
line-height: 13px;
font-size: 14px;
}
.jl_rating_front span i {
margin-right: 1px;
}
.meta-category-small-list {
float: left;
width: 100%;
}
.meta-category-small-list a {
margin-right: 0px;
margin-top: 0px;
font-size: 10px !important;
text-transform: uppercase;
margin: 0px 5px 0px 0px;
display: inline-block;
color: #000;
font-weight: 600;
letter-spacing: 0em;
height: auto;
line-height: 10px;
padding: 0px;
}
.meta-category-small-list a:hover {
text-decoration: none !important;
}
.meta-category-small.cus_bgcolor_wrapper {
position: absolute;
margin: 0px !important;
top: 10px;
left: 10px;
z-index: 2;
}
.meta-category-small.cus_bgcolor_wrapper .post-category-bgcolor-text {
margin: 0px !important;
margin-right: 1px !important;
float: left !important;
color: #fff;
background: #000;
height: auto;
line-height: 10px;
font-size: 11px !important;
padding: 5px 10px 5px !important;
font-weight: 400 !important;
width: auto !important;
letter-spacing: 0.05em;
}
.meta-category-small.cus_bgcolor_wrapper .post-category-bgcolor-text:hover {
color: #fff !important;
}
.meta-category-small {
float: left;
width: 100%;
line-height: 1.2;
}
.meta-category-small a {
margin-right: 0px;
margin-top: 0px;
font-size: 12px !important;
text-transform: uppercase;
margin: 0px 1px 0px 0px;
display: inline-block;
color: #000;
font-weight: 500;
height: auto;
line-height: 10px;
padding: 0px;
}
.meta-category-small a:hover {
text-decoration: none !important;
color: #fff !important;
}
.single_meta_category {
width: auto;
}
.single_reactions_img.reactions_img_wrapper {
position: inherit;
top: 0;
right: 0;
float: right;
margin-top: 0px;
}
.post-meta-bot {
overflow: hidden;
position: relative;
margin: 0px;
font-size: 13px;
letter-spacing: 0px;
text-transform: capitalize;
float: left;
width: 100%;
color: #565656;
padding: 0px;
margin-top: 15px;
}
.post-meta-bot-in {
float: left;
width: 100%;
padding: 0px;
}
.post-meta-bot i {
margin-right: 3px;
}
.post-meta-bot .love_post_view {
float: right;
margin-top: 2px;
}
.post-meta-bot .love_post_view a {
color: #313131;
}
.post-meta-bot .love_post_view a:hover {
color: var(--jl-main-color);
}
.post-meta-bot .meta-comment {
float: right;
font-size: 13px;
margin-left: 10px;
margin-top: 2px;
}
.post-meta-bot .meta-comment i {
margin-right: 3px;
}
.post-meta-bot .meta-comment a {
color: #313131;
font-size: 12px;
}
.post-meta-bot .meta-comment a:hover {
text-decoration: none !important;
color: var(--jl-main-color);
}
.meta-comment a:hover {
text-decoration: none !important;
}
.pagination-more {
display: block !important;
text-align: center;
padding-bottom: 0px;
float: left;
width: 100%;
}
.pagination-more .more-previous {
text-align: center;
float: left;
width: 100%;
}
.pagination-more div a:active,
.pagination-more div a:focus {
text-decoration: none !important;
}
.page-template-home-grid-full .pagination-more .more-previous a,
.page-template-home-grid-full #infscr-loading {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
width: 100%;
background: #030303;
}
.page-template-home-grid-full .pagination-more .more-previous a:hover {
-webkit-transform: translatey(0px);
transform: translatey(0px);
-webkit-box-shadow: 0 20px 30px rgba(0, 0, 0, 0);
box-shadow: 0 20px 30px rgba(0, 0, 0, 0);
}
.pagination-more .more-previous a {
position: relative;
width: 194px;
height: 45px;
line-height: 45px;
padding: 0px;
background: #222;
color: #fff;
text-align: left;
text-shadow: none;
text-decoration: none;
cursor: pointer;
filter: none;
box-shadow: none;
text-align: center;
font-size: 11px;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 1px;
display: inline-block;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
}
.pagination-more .more-previous a:hover {
-webkit-transform: translatey(-3px);
transform: translatey(-3px);
-webkit-box-shadow: 0 20px 30px rgba(0, 0, 0, .2);
box-shadow: 0 20px 30px rgba(0, 0, 0, .2);
}
.pagination-more div a:hover {
text-decoration: none;
text-decoration: none !important;
}
.jl_spinner {
margin: 100px auto 0;
width: 70px;
text-align: center;
}
.jl_spinner > .jl_bounce1,
.jl_spinner > .jl_bounce2,
.jl_spinner > .jl_bounce3 {
width: 18px;
height: 18px;
background-color: #fff;
margin-top: 5px;
border-radius: 100%;
display: inline-block;
-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}
.jl_spinner .jl_bounce1 {
-webkit-animation-delay: -0.32s;
animation-delay: -0.32s;
}
.jl_spinner .jl_bounce2 {
-webkit-animation-delay: -0.16s;
animation-delay: -0.16s;
}
@-webkit-keyframes sk-bouncedelay {
0%, 80%, 100% {
-webkit-transform: scale(0);
}
40% {
-webkit-transform: scale(1.0);
}
}
@keyframes sk-bouncedelay {
0%, 80%, 100% {
-webkit-transform: scale(0);
transform: scale(0);
}
40% {
-webkit-transform: scale(1.0);
transform: scale(1.0);
}
}
.jl_smmain_con.jl_smmain_full{
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.jl_smmain_con, .jl_main_achv{
position: relative;
-ms-flex: 0 0 70%;
flex: 0 0 70%;
max-width: 70%;
}
.jl_opts_full {
width: 100% !important;
float: none;
margin-left: auto;
margin-right: auto;
display: block;
}
.elementor-column.jl-sticky {
position: relative;
align-items: flex-start;
}
.jl-sticky.jl-stick-full, .jl-sticky.jl-stick-full > *{
top: 0px !important;
}
.jl-sticky > * {
position: -webkit-sticky;
position: sticky;
top: 20px;
-webkit-transition: top .2s ease;
transition: top .2s ease;
will-change: top;
}
.elementor-column.jl-sticky {
position: relative;
align-items: flex-start;
}
.jl-sticky > *,
.jl_sidebar_w,
.post_sw .post_s{
position: -webkit-sticky;
position: sticky !important;
top: calc( var(--jl-stick-space) + var(--jl-stick-abar));
-webkit-transition: top .2s ease;
transition: top .2s ease;
will-change: top;
}
.menu-detached .jl-sb-w .jl-sb-in,
.menu-detached .jl-sticky > *,
.menu-detached .jl_sidebar_w,
.menu-detached .post_sw .post_s{
top: calc(var(--jl-sec-menu-height) + var(--jl-stick-space) + var(--jl-stick-abar));
}
.menu-detached.menu-invisible .jl-sb-w .jl-sb-in,
.menu-detached.menu-invisible .jl-sticky > *,
.menu-detached.menu-invisible .jl_sidebar_w,
.menu-detached.menu-invisible .post_sw .post_s{
top: calc( var(--jl-stick-space) + var(--jl-stick-abar));
}
/*-------------------------------------------------------------------------------------
Archive
-------------------------------------------------------------------------------------*/
.jl_main_achv.jl_achv_tpl_3grid,
.jl_main_achv.jl_achv_tpl_4grid,
.jl_main_achv.jl_achv_tpl_3ov,
.jl_main_achv.jl_achv_tpl_4ov{
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
/* 2col */
.jl_achv_tpl_2grid .jl_fli_wrap{
grid-column-gap: var(--jl-ache-2col, 40px);
grid-row-gap: var(--jl-ache-2col, 40px);
grid-template-columns: repeat(2,minmax(0,1fr)) !important;
}
.jl_achv_tpl_2grid .jl_fe_title{
font-size: var(--jl-ache-title, 22px);
}
/* 3col */
.jl_achv_tpl_3grid .jl_fli_wrap{
grid-column-gap: var(--jl-ache-3col, 40px);
grid-row-gap: var(--jl-ache-3col, 40px);
grid-template-columns: repeat(3,minmax(0,1fr)) !important;
}
.jl_achv_tpl_3grid .jl_fe_title{
font-size: var(--jl-ache-title, 22px);
}
/* 4col */
.jl_achv_tpl_4grid .jl_fli_wrap{
grid-column-gap: var(--jl-ache-4col, 25px);
grid-row-gap: var(--jl-ache-4col, 25px);
grid-template-columns: repeat(4,minmax(0,1fr)) !important;
}
.jl_achv_tpl_4grid .jl_fe_title{
font-size: var(--jl-ache-title, 17px);
}
.jl_achv_tpl_list .jl_en_fr .jl_clist_layout .jl_li_in{
--jl-img-space: 5px;
}
.jl_achv_tpl_list .jl_clist_layout .jl_li_in{
flex-direction: var(--jl-ache-pos);
--jl-img-space: 25px;
}
.jl_achv_tpl_list .jl_li_in .jl_fe_title{
font-size: var(--jl-ache-title, 20px);
}
.jl_achv_tpl_list .jl_fli_wrap.jl_contain{
--jlrow-gap: var(--jl-ache-2col);
}
/* main list */
.jl_achv_tpl_mainlist .jl_lg_op_in{
--jl-img-space: 57%;
--jl-cap-w: 100%;
--jlrow-gap: 80px !important;
--jl-title-size: 35px !important;
--jl-algin-h: left;
}
.jl_achv_tpl_mainlist .jl_lg_op{
overflow: hidden;
margin-bottom: 40px;
}
.jl_achv_tpl_mainlist .jl_fli_wrap .jl_fe_title{
font-size: 25px;
}
/* main grid */
.jl_achv_tpl_maingrid .jl_lg_op_in{
--jl-img-space: 57%;
--jl-cap-w: 100%;
--jlrow-gap: 80px !important;
--jl-title-size: 35px !important;
--jl-algin-h: left;
}
.jl_achv_tpl_maingrid .jl_lg_op{
overflow: hidden;
margin-bottom: 40px;
}
.jl_achv_tpl_maingrid .jl_cgrid_wrap{
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-columns: repeat(2,minmax(0,1fr)) !important;
}
.jl_achv_tpl_maingrid .jl_cgrid_wrap .jl_cgrid_layout:before, .jl_achv_tpl_maingrid .jl_cgrid_wrap .jl_cgrid_layout:after{
display: none;
}
/* Large */
.jl_achv_tpl_classic .jl_fli_wrap{
--jlrows-gap: var(--jl-ache-2col);
}
.jl_achv_tpl_classic .jl_lg_op_in {
--jl-img-space: 57%;
--jl-cap-w: 100%;
--jlrow-gap: 80px;
--jl-title-size: var(--jl-ache-title, 35px);
--jl-algin-h: flex-start;
--jl-t-align: left;
}
.jl_achv_tpl_classic .jl_fot_share_i.jl_share_l_bg.jls_tooltip{
display: inline-flex !important;
margin-left: 15px !important;
}
/* 2col overlay */
.jl_achv_tpl_2ov .jl_ovg_w{
--jl-img-height: 110%;
--jl-num-col: 2;
--jl-padding: 30px;
--jl-f-size: var(--jl-ache-title, 23px);
--jlc-car-radius: var(--jl-border-rounded);
display: grid;
grid-column-gap: var(--jl-ache-2col,30px);
grid-row-gap: var(--jl-ache-2col,30px);
grid-template-columns: repeat(2,minmax(0,1fr)) !important;
}
/* 3col overlay */
.jl_achv_tpl_3ov .jl_ovg_w{
--jl-img-height: 110%;
--jl-num-col: 3;
--jlc-car-radius: var(--jl-border-rounded);
--jl-f-size: var(--jl-ache-title, 22px);
display: grid;
--jl-padding: 30px;
grid-column-gap: var(--jl-ache-3col,30px);
grid-row-gap: var(--jl-ache-3col,30px);
grid-template-columns: repeat(3,minmax(0,1fr)) !important;
}
.jl_achv_tpl_2ov .jl_ov_el .jl_imgl, .jl_achv_tpl_3ov .jl_ov_el .jl_imgl, .jl_achv_tpl_4ov .jl_ov_el .jl_imgl{
background: rgb(15 14 14 / 50%);
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 24%, #110F0FED 100%);
}
/* 4col overlay */
.jl_achv_tpl_4ov .jl_ovg_w{
--jl-img-height: 110%;
--jl-num-col: 4;
--jl-padding: 20px;
--jlc-car-radius: var(--jl-border-rounded);
--jl-f-size: var(--jl-ache-title, 18px);
display: grid;
grid-column-gap: var(--jl-ache-4col,25px);
grid-row-gap: var(--jl-ache-4col,25px);
grid-template-columns: repeat(4,minmax(0,1fr)) !important;
}
@media only screen and (max-width: 1024px) {
.jl_achv_tpl_3grid .jl_fli_wrap{
grid-template-columns: repeat(2,minmax(0,1fr)) !important;
}
.jl_achv_tpl_4grid .jl_fli_wrap, .jl_achv_tpl_4ov .jl_ovg_w{
grid-template-columns: repeat(2,minmax(0,1fr)) !important;
}
.jl_achv_tpl_3ov .jl_ovg_w{
grid-template-columns: repeat(2,minmax(0,1fr)) !important;
}
}
@media only screen and (max-width: 767px) {
.jl_achv_tpl_2grid .jl_fli_wrap{
grid-template-columns: repeat(1,minmax(0,1fr)) !important;
}
.jl_achv_tpl_3grid .jl_fli_wrap{
grid-template-columns: repeat(1,minmax(0,1fr)) !important;
}
.jl_achv_tpl_4grid .jl_fli_wrap, .jl_achv_tpl_4ov .jl_ovg_w{
grid-template-columns: repeat(1,minmax(0,1fr)) !important;
}
.jl_achv_tpl_mainlist .jl_lg_op_in, .jl_achv_tpl_classic .jl_lg_op_in, .jl_achv_tpl_maingrid .jl_lg_op_in{
--jl-cap-w: 100%;
}
.jl_achv_tpl_maingrid .jl_cgrid_wrap{
grid-template-columns: repeat(1,minmax(0,1fr)) !important;
}
.jl_achv_tpl_2ov .jl_ovg_w{
grid-template-columns: repeat(1,minmax(0,1fr)) !important;
}
.jl_achv_tpl_3ov .jl_ovg_w, .jl_achv_tpl_4ov .jl_ovg_w{
grid-template-columns: repeat(1,minmax(0,1fr)) !important;
}
}
/*-------------------------------------------------------------------------------------
Sidebar
-------------------------------------------------------------------------------------*/
/* Recent post */
.bt_post_widget{
--jlrow-gap: 20px !important;
width: 100%;
display: grid;
overflow: hidden;
grid-template-columns: repeat(1,minmax(0,1fr));
grid-row-gap: var(--jlrow-gap);
}
.bt_post_widget .jl_fe_title{
font-size: 15px;
}
/* Grid sidebar */
.jl_wgli_w{
width: 100%;
display: grid;
overflow: hidden;
grid-template-columns: repeat(1,minmax(0,1fr));
grid-row-gap: 30px;
}
.jl_wgli_w .jl_imgw{
padding-bottom: var(--jl-img-h, 56.25%);
}
.jl_wgli_w .jl_cgrid_layout .jl_fe_title{
font-size: 18px;
}
/* Slider */
.jl_wid_slider .jl_ov_layout{
padding-bottom: 120%;
--jl-padding: 30px !important;
--jl-h-align: center !important;
--jl-v-align: center !important;
--jl-h-align: center !important;
--jl-f-size: 20px !important;
}
.jl_wid_slider .jl_spw{
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
}
.jl_wid_slider .jl_spw .swiper-pagination{
margin-top: 0px;
margin-bottom: 20px;
}
.jl_wid_slider .jl_spw .swiper-pagination-bullet{
color: #fff !important;
}
.jl_wid_slider .jl-donut-front{
z-index: 9;
}
/* Author list */
.jl_author_main{
--jlrow-gap: 30px !important;
width: 100%;
display: grid;
overflow: hidden;
grid-template-columns: repeat(1,minmax(0,1fr));
grid-row-gap: var(--jlrow-gap);
}
.jl_author_main .jl_m_right{
width: 100%;
display: flex;
align-items: center;
gap: 15px;
}
.jl_author_main .jl_m_right_img{
-webkit-flex: 0 0 80px;
-ms-flex: 0 0 80px;
flex: 0 0 80px;
width: 80px;
height: 80px;
border-radius: 300px;
overflow: hidden;
position: relative;
align-self: flex-start;
}
.jl_author_main .jl_m_right_img img{
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.jl_author_main .jl_m_right_content h2{
margin-bottom: 0px;
font-size: 18px;
}
.jl_author_main .jl_m_right_content p{
margin-top: 5px;
margin-bottom: 0px;
font-size: 14px;
opacity: .7;
}
.jl_author_main .jl_m_right_content .jl_auth_link{
margin-top: 10px;
margin-bottom: 0px;
}
/* About image */
.jl_shab_w{
display: flex;
flex-direction: column;
gap: 30px;
}
.jl_shab_w .ab_img_w{
overflow: hidden;
}
.options_dark_skin .jl_shab_w .ab_img_sg{
-webkit-filter: invert(100%);
filter: invert(100%);
}
.jl_shab_w p {
margin-bottom: 0px;
width: 100%;
font-size: var(--jl-body-font-size);
margin-top: -5px;
padding: 0 5%;
opacity: .7;
}
.jl_shab_w .jl_sh_ic_li{
margin-bottom: 0px;
}
.jl_wab_center .jl_shab_w{
text-align: center;
}
.jl_wab_right .jl_shab_w{
text-align: right;
}
.jl_wab_left .jl_shab_w{
text-align: left;
}
.jl_wab_center .ab_img_w{
margin: 0px auto;
}
.jl_wab_right .ab_img_w{
margin: 0px 0px 0px auto;
}
.jl_wab_left .ab_img_w{
margin: 0px auto 0px 0px;
}
.jl_wab_center .jl_sh_ic_li{
justify-content: center;
}
.jl_wab_right .jl_sh_ic_li{
justify-content: right;
}
.jl_wab_left .jl_sh_ic_li{
justify-content: left;
}
.jl_wab_right .jl_shab_w p, .jl_wab_left .jl_shab_w p{
padding: 0px;
}
/* Sidebar Options */
.widget-title{
margin-bottom: 20px;
}
.jl_weg_title .widget-title h2,
.jl_weg_title .comment-respond .comment-reply-title,
.jl_weg_title .jl_relsec_in .rel_head,
.jl_weg_title .jl_comment_head_title,
.jl_weg_title .woocommerce #reviews #comments h2,
.jl_weg_title .related.related > h2,
.jl_weg_title .upsells.products > h2,
.jl_weg_title .woocommerce .cross-sells > h2{
font-family: var(--jl-title-font);
font-weight: var(--jl-title-font-weight);
}
h3.widget-title{
font-size: var(--jl-widget-fsize, 18px);
text-transform: var(--jl-widget-transform);
letter-spacing: var(--jl-widget-space);
}
.jl_weg_menu .widget-title h2,
.jl_weg_menu .comment-respond .comment-reply-title,
.jl_weg_menu .jl_relsec_in .rel_head,
.jl_weg_menu .jl_comment_head_title,
.jl_weg_menu .woocommerce #reviews #comments h2,
.jl_weg_menu .related.related > h2,
.jl_weg_menu .upsells.products > h2,
.jl_weg_menu .woocommerce .cross-sells > h2{
font-family: var(--jl-menu-font);
font-weight: var(--jl-menu-font-weight);
}
.widget-title h2,
.comment-respond .comment-reply-title,
.jl_relsec_in .rel_head,
.jl_comment_head_title,
.woocommerce #reviews #comments h2,
.related.related > h2,
.upsells.products > h2,
.woocommerce .cross-sells > h2{
margin: 0px;
font-size: var(--jl-widget-fsize) !important;
text-transform: var(--jl-widget-transform);
letter-spacing: var(--jl-widget-space);
}
.jl_sidebar_w .wp-block-heading, .jl_foot_wrap .wp-block-heading, .jl_mobile_nav_inner .wp-block-heading{
font-size: var(--jl-widget-fsize);
text-transform: var(--jl-widget-transform);
letter-spacing: var(--jl-widget-space);
margin-bottom: 20px;
}
.jl_relsec_in .rel_head{
margin-bottom: 23px;
display: block;
}
.jl_smmain_side{
-ms-flex: 0 0 30%;
flex: 0 0 30%;
max-width: 30%;
padding-left: 30px;
}
.jl_sidebar_w .widget:last-child {
margin-bottom: 0px;
}
.jl_smmain_side .feature-post-list .item-details h3 a {
font-size: 17px;
}
.widget_jl_wrapper {
position: relative;
}
.widget {
padding: 0px;
margin-bottom: 30px;
position: relative;
}
.widget:after {
display: table;
content: '';
clear: both;
}
.jl_mobile_nav_inner > .widget {
margin-bottom: 40px !important;
-webkit-box-shadow: 0 3px 4px 0 rgba(0, 1, 1, 0);
box-shadow: 0 3px 4px 0 rgba(0, 1, 1, 0);
}
/* elementor category */
.elementor-widget-wp-widget-categories h5{
display: none;
}
.elementor-widget-wp-widget-categories ul{
list-style: none;
padding: 0px 0px 0px 15px !important;
margin: 0px;
display: flex;
flex-direction: column;
gap: 7px;
}
.elementor-widget-wp-widget-categories ul li{
margin-bottom: 0 !important;
list-style: none;
font-family: var(--jl-menu-font);
font-size: 14px;
font-weight: var(--jl-cat-font-weight);
display: flex;
flex-direction: column;
gap: 7px;
}
.elementor-widget-wp-widget-categories ul li a{
display: inline-flex;
align-items: center;
width: 100%;
}
.elementor-widget-wp-widget-categories ul li a:before{
content: '';
position: absolute;
margin-left: -15px;
border: solid currentcolor;
border-width: 0 1px 1px 0;
display: inline-block;
padding: 2px;
vertical-align: middle;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
.elementor-widget-wp-widget-categories span{
margin-right: 0px;
margin-left: auto;
background: #222;
color: #fff;
text-align: center;
min-width: 24px;
height: 24px;
line-height: 24px;
border-radius: 4px;
padding: 0px 5px;
font-size: 80%;
}
.widget_archive ul,
.widget_categories ul,
.widget_categories ul li,
.widget_pages ul,
.widget_pages ul li,
.widget_meta ul{
display: flex;
flex-direction: column;
gap: 7px;
}
.widget_archive select {
width: 100%;
}
.widget_archive ul>li{
text-align: left;
}
.widget_archive ul>li a,
.widget_categories ul>li a,
.widget_pages ul>li a,
.widget_meta ul>li a{
width: 100%;
display: flex;
}
.widget_categories ul>li,
.widget_pages ul>li,
.widget_archive ul,
.widget_meta ul>li{
margin-bottom: 0 !important;
list-style: none;
font-family: var(--jl-menu-font);
font-size: 15px;
font-weight: var(--jl-cat-font-weight);
}
.widget_categories ul,
.widget_pages ul,
.widget_archive ul,
.widget_archive ul{
padding-left: 15px !important;
}
.widget ul li a {
display: inline-flex;
align-items: center;
}
.widget ul li ul.children {
margin-left: 0px;
margin-bottom: 0;
}
.widget_pages ul li ul.children li:last-child,
.widget_categories ul li ul.children li:last-child {
border: 0px !important;
padding-bottom: 0px !important;
}
.widget_categories ul>li>a::before,
.widget_pages ul>li>a::before,
.widget_archive ul>li>a::before {
content: '';
position: absolute;
margin-left: -15px;
border: solid currentcolor;
border-width: 0 1px 1px 0;
display: inline-block;
padding: 2px;
vertical-align: middle;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
.widget_categories span,
.jl_smmain_side .widget_archive span,
.widget_archive span {
margin-right: 0px;
margin-left: auto;
background: #222;
color: #fff;
text-align: center;
min-width: 24px;
height: 24px;
line-height: 24px;
border-radius: 4px;
padding: 0px 5px;
font-size: 80%;
}
.widget_nav_menu {
overflow: hidden;
}
.widget_nav_menu ul {
display: flex;
flex-direction: column;
gap: 7px;
margin-top: -5px !important;
margin-bottom: 0px !important;
}
.widget_nav_menu .sub-menu {
margin-bottom: 0px !important;
}
.widget_nav_menu ul>li.menu-item-has-children {
margin-bottom: 0 !important;
}
.widget_nav_menu ul li a {
margin-bottom: 0 !important;
list-style: none;
font-family: var(--jl-menu-font);
font-size: var(--jl-foot-menu-size);
font-weight: var(--jl-cat-font-weight);
letter-spacing: var(--jl-menu-space);
}
.widget_nav_menu ul>li.menu-item-has-children ul li {
padding: 0 !important;
}
.widget_nav_menu ul li.menu-item-has-children {
position: relative;
cursor: pointer;
display: flex;
flex-direction: column;
gap: 7px;
}
.widget_nav_menu ul>li.menu-item-has-children>a:after {
content: "";
position: absolute;
top: 10px;
right: 6px;
margin-top: -2px;
display: inline-block;
width: 7px;
height: 7px;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
-webkit-transform: translateY(-50%) rotate(45deg);
transform: translateY(-50%) rotate(45deg);
}
.widget_nav_menu ul>li>ul {
display: none !important;
margin-left: 15px !important;
}
.widget_nav_menu ul>li.menu-item-has-children.active ul {
display: flex !important;
flex-direction: column;
gap: 7px;
}
.widget_nav_menu ul>li.menu-item-has-children ul.sub-menu a:after {
display: none;
}
.widget ul {
list-style: none;
padding: 0px;
margin: -5px 0px 0px 0px;
}
select {
font-size: 14px;
line-height: 2;
color: #000;
border-color: transparent;
box-shadow: none;
outline: none;
border: 0px;
border-radius: 0px;
padding: 0 24px 0 15px;
height: 40px;
line-height: 40px;
max-width: 100%;
-webkit-appearance: none;
background: #f5f5f5 url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E) no-repeat right 10px top 55%;
background-size: 16px 16px;
cursor: pointer;
vertical-align: middle;
}
/* Category Image widget */
.wrapper_category_image {
margin-bottom: 0px;
position: relative;
z-index: 1;
}
.wrapper_category_image:after {
content: '';
display: table;
clear: both;
}
.wrapper_category_image .widget {
background: none;
}
.widget.jellywp_cat_image {
padding: 0px;
background: none;
border: 0px;
}
.wrapper_category_image .widget-title {
margin: 0px;
padding-bottom: 0px;
}
.wrapper_category_image:after {
display: table;
content: '';
clear: both;
}
.wrapper_category_image .widget-title h2 {
float: left;
width: 100%;
display: block;
line-height: inherit;
}
.jl_list_number {
position: absolute;
bottom: 0px;
color: #000;
background: #fff;
width: 25px;
height: 25px;
line-height: 25px;
text-align: center;
font-size: 12px;
}
.widget_pages ul {
float: left;
width: 100%;
padding: 0px;
margin-bottom: 0px;
overflow: hidden;
}
.widget_pages ul li {
float: left;
width: 100%;
list-style: none;
}
.widget_pages ul li.page_item_has_children {
margin-left: 15px;
}
.widget_pages ul li a {
position: relative;
float: left;
}
.widget_meta ul {
float: left;
width: 100%;
padding: 0px;
margin-top: -5px;
margin-bottom: 0px;
}
.widget_meta ul li {
float: left;
width: 100%;
list-style: none;
line-height: 1.2;
margin-bottom: 10px;
}
.widget_meta ul li:last-child {
padding-bottom: 0px;
border-bottom: 0px;
}
.widget_meta ul li a {
position: relative;
float: left;
}
.widget_recent_comments ul {
float: left;
width: 100%;
padding: 0px;
margin-top: -5px;
margin-bottom: 0px !important;
}
.widget_recent_comments ul li {
list-style: none;
position: relative;
float: left;
width: 100%;
padding-top: 5px;
padding-bottom: 5px;
}
.widget_recent_comments ul li:first-child {
padding-top: 0px;
}
.widget_recent_comments ul li:last-child {
padding-bottom: 0px;
border-bottom: 0px;
}
.widget_recent_comments ul li > a:last-child{
font-family: var(--jl-title-font);
font-weight: var(--jl-title-font-weight);
}
.widget_recent_entries ul {
width: 100%;
margin: 0px;
padding: 0px;
margin-top: -5px;
margin-bottom: 0px !important;
}
.widget_recent_entries ul li a {
display: flex;
gap: 10px;
font-family: var(--jl-title-font);
font-weight: var(--jl-title-font-weight);
text-transform: var(--jl-title-transform);
letter-spacing: var(--jl-title-space);
line-height: var(--jl-title-line-height);
}
.widget_recent_entries ul li a:before{
content: '';
flex: 0 0 10px;
width: 10px;
height: 10px;
align-self: flex-start;
display: flex;
margin-top: 4px;
border-radius: 100px;
border: 2px solid currentColor;
}
.widget_recent_entries ul li:first-child {
padding-top: 0px;
}
.widget_recent_entries ul li:last-child {
padding-bottom: 0px;
border-bottom: 0px !important;
}
.widget_rss ul {
float: left;
width: 100%;
padding: 0px;
margin-top: -5px;
margin-bottom: 0px !important;
display: flex;
flex-direction: column;
gap: 20px;
}
.widget_rss ul li {
float: left;
width: 100%;
list-style: none;
position: relative;
padding: 0px;
}
.widget_rss ul li .rsswidget {
font-family: var(--jl-title-font);
font-weight: var(--jl-title-font-weight);
}
.widget_rss ul li .rss-date {
clear: both;
display: block;
font-size: 13px;
margin: 7px 0px 7px 0px;
}
.widget_rss ul li cite {
margin-top: 7px;
display: block;
clear: both;
}
.widget_rss ul li:first-child {
padding-top: 0px;
}
.widget_rss ul li:last-child {
padding-bottom: 0px;
border-bottom: 0px !important;
}
.widget_rss ul li a {
font-weight: 500;
}
.widget.jl_widget_slider {
padding: 0px;
}
.slider_widget_post {
float: left;
width: 100%;
position: relative;
}
.slider_widget_post .text-box {
text-align: center;
padding: 0px 10px;
}
.slider_widget_post .text-box h3 {
font-size: 18px;
}
.slider_widget_post .jl_s_pagination {
text-align: center;
position: static;
transform: none;
left: auto;
bottom: auto;
margin-top: 23px;
margin-bottom: 0px;
height: 6px;
line-height: 6px;
}
.comment_widget .post-meta {
color: #313131 !important;
}
.widget #wp-calendar {
margin-top: 0px;
font-family: var(--jl-menu-font);
}
.wp-calendar-nav{
font-family: var(--jl-menu-font);
font-weight: var(--jl-cat-font-weight);
}
#wp-calendar {
width: 100%;
margin-top: 15px;
border: 0px;
margin-bottom: 0px;
}
#wp-calendar caption {
font-weight: var(--jl-cat-font-weight);
text-align: center;
margin: 0px;
padding: 10px;
color: inherit;
caption-side: top;
color: #fff;
background: var(--jl-main-color);
border-bottom: 1px solid rgba(255, 255, 255, .2);
}
#wp-calendar thead {
font-size: 15px;
font-weight: 400 !important;
color: #000;
background: #FFF !important;
border-bottom: 0px solid #ddd !important;
border-top: 0px solid #ddd !important;
border-right: 0px solid #ddd !important;
border-left: 0px solid #ddd !important;
}
#wp-calendar thead th {
padding: 10px 0px;
text-align: center;
border: 0 !important;
background: var(--jl-main-color);
color: #fff;
}
#wp-calendar tbody {
color: #000;
}
#wp-calendar tbody td {
background: #f5f5f5;
border: 1px solid #fff;
text-align: center;
padding: 8px;
font-size: 15px;
}
#wp-calendar tbody td#today {
background-color: #E6E6E6;
}
#wp-calendar tbody td:hover {
background: #fff;
}
#wp-calendar tbody .pad,
#wp-calendar tbody .pad:hover {
background: none;
}
#wp-calendar tfoot #next {
font-size: 10px;
text-transform: uppercase;
text-align: right;
}
#wp-calendar tfoot #prev {
font-size: 15px;
text-transform: uppercase;
padding-top: 10px;
}
#wp-calendar tfoot td,
#wp-calendar tfoot th {
border: 0px solid #e1e1e1;
}
/*-------------------------------------------------------------------------------------
Footer
-------------------------------------------------------------------------------------*/
.jl_foot_wrap {
background: var(--jl-foot-bg);
color: var(--jl-foot-color);
float: left;
width: 100%;
font-size: var(--jl-foot-font-size);
--jl-meta-color: var(--jl-foot-color);
}
.jl_foot_wrap .footer-columns .jlc-row > div > div:first-child{
margin-top: 60px;
}
.jl_foot_wrap .footer-columns .jlc-row > div > div:last-child{
margin-bottom: 60px;
}
.jl_foot_wrap p,
.jl_foot_wrap .cp_txt{
color: var(--jl-foot-color);
}
.jl_foot_wrap a{
color: var(--jl-foot-link);
}
.jl_foot_wrap a:hover{
color: var(--jl-foot-hlink);
}
.jl_foot_wrap p{
opacity: 1;
font-size: inherit;
}
.jl_foot_wrap .wp-block-categories li a,
.jl_foot_wrap .widget_recent_entries ul li a,
.jl_tline .jl_foot_wrap .jl_fe_title a,
.jl_foot_wrap .jl_f_cat .jl_cat_txt,
.jl_foot_wrap .jl_sh_ic_li li a{
color: var(--jl-foot-link) !important;
}
.jl_foot_wrap .wp-block-categories li a:hover,
.jl_foot_wrap .widget_recent_entries ul li a:hover{
color: var(--jl-foot-hlink) !important;
}
.jl_foot_wrap .bt_post_widget{
--jl-post-line-color: var(--jl-foot-line);
}
.jl_foot_wrap h1,
.jl_foot_wrap h2,
.jl_foot_wrap h3,
.jl_foot_wrap h4,
.jl_foot_wrap h5,
.jl_foot_wrap h6{
color: var(--jl-foot-head);
font-size: var(--jl-foot-title-size);
}
.jl_foot_wrap .widget-title{
border-bottom: 0px;
padding-bottom: 0px;
}
.jl_foot_wrap .searchform_theme{
border-color: var(--jl-foot-line);
}
.jl_foot_wrap .tagcloud a{
background: var(--jl-foot-line);
}
.jl_foot_wrap .jlc-row {
margin-bottom: 0px;
}
.jl_foot_wrap .footer-columns ul.menu{
display: grid;
grid-template-columns: repeat(var(--jl-foot-menu-col),minmax(0,1fr));
}
/*-----------------------------------------------------------------------------------*/
/* Footer bottom
/*-----------------------------------------------------------------------------------*/
.footer-bottom {
color: #535353;
text-align: left;
float: left;
width: 100%;
}
.jl_foot_wrap {
color: var(--jl-foot-color);
}
.jl_foot_wrap .footer-menu-bottom ul li a {
color: var(--jl-foot-link) !important;
}
.jl_ft_mini,
.jl_ft_mini .footer-bottom {
text-align: center;
}
.jl_ft_mini .jl-menu-footer {
float: none;
text-align: center;
}
.jl_ft_mini .jl_ft_cw .footer-logo-holder{
display: flex;
justify-content: center;
}
.jl_ft_mini .footer-logo-holder a{
margin: 0;
display: flex;
position: relative;
}
.jl_ft_mini .jl_sh_ic_li{
gap: 10px;
}
.logo_foot_white .jl_ft_mini .footer-logo-holder .jl_logo_w,
.options_dark_skin .jl_ft_mini .footer-logo-holder .jl_logo_w{
opacity: 1;
}
.logo_foot_white .jl_ft_mini .footer-logo-holder .jl_logo_n,
.options_dark_skin .jl_ft_mini .footer-logo-holder .jl_logo_n{
opacity: 0;
}
.jl_ft_mini .footer-logo-holder .jl_logo_w{
position: absolute;
top: 0px;
left: 0px;
opacity: 0;
}
.jl_ft_mini .footer-logo-holder img {
width: var(--jl-fot-logo-width);
-webkit-transition: all 0.2s ease 0s;
-moz-transition: all 0.2s ease 0s;
-ms-transition: all 0.2s ease 0s;
-o-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
}
.jl_ft_mini .cp_txt {
font-size: var(--jl-foot-copyright);
font-family: var(--jl-menu-font);
line-height: 1.2;
}
.jl_ft_mini .cp_txt a {
display: contents;
}
.jl_ft_mini .jl-menu-footer li a{
line-height: 1.2;
font-size: var(--jl-foot-menu-size);
}
.jl_ft_mini .jl_ft_cw {
padding: 60px 0px;
border-top: 1px solid var(--jl-foot-line);
display: flex;
flex-direction: column;
gap: 17px;
}
.jl_ft_mini .jl_ft_cw .footer-logo-holder{
margin-bottom: 25px;
}
.jl_ft_min1 .jl_sh_ic_li .jl_facebook a{
background: #3b5998;
}
.jl_ft_min1 .jl_sh_ic_li .jl_twitter a{
background: #1da1f2;
color: #fff !important;
}
.jl_ft_min1 .jl_sh_ic_li .jl_instagram a{
background: #543c70;
}
.jl_ft_min1 .jl_sh_ic_li .jl_pinterest a{
background: #bd081c;
}
.jl_ft_min1 .jl_sh_ic_li .jl_youtube a{
background: #ff0000;
}
.jl_ft_min1 .jl_sh_ic_li .jl_vimeo a{
background: #1ab7ea;
}
.jl_ft_min1 .jl_sh_ic_li .jl_sound_cloud a{
background: #ff5500;
}
.jl_ft_min1 .jl_sh_ic_li .jl_spotify a{
background: #1db954;
}
.jl_ft_min1 .jl_sh_ic_li .jl_linkedin a{
background: #0a66c2;
}
.jl_ft_min1 .jl_sh_ic_li .jl_behance a{
background: #1769ff;
}
.jl_ft_min1 .jl_sh_ic_li .jl_telegram a{
background: #0088cc;
}
.jl_ft_min1 .jl_sh_ic_li .jl_tumblr a{
background: #2c4762;
}
.jl_ft_min1 .jl_sh_ic_li .jl_deviantart a{
background: #008e41;
}
.jl_ft_min1 .jl_sh_ic_li .jl_dribble a{
background: #ea4c89;
}
.jl_ft_min1 .jl_sh_ic_li .jl_dropbox a{
background: #007ee5;
}
.jl_ft_min1 .jl_sh_ic_li .jl_rss a{
background: #ff6600;
}
.jl_ft_min1 .jl_sh_ic_li .jl_skype a{
background: #00aff0;
}
.jl_ft_min1 .jl_sh_ic_li .jl_stumbleupon a{
background: #e94826;
}
.jl_ft_min1 .jl_sh_ic_li .jl_wordpress a{
background: #1f7297;
}
.jl_ft_min1 .jl_sh_ic_li .jl_yahoo a{
background: #6001d2;
}
.jl_ft_min1 .jl_sh_ic_li .jl_flickr a{
background: #f40083;
}
.jl_ft_min1 .jl_sh_ic_li .jl_wechat a{
background: #2bbc22;
}
.jl_ft_min1 .jl_sh_ic_li .jl_tiktok a{
background: #000;
}
.jl_ft_min1 .jl_sh_ic_li .jl_discord a{
background: #5663eb;
}
.jl_ft_min1 .jl_sh_ic_li .jl_vk a{
background: #0077fc;
}
.jl_ft_min1 .jl_sh_ic_li .jl_snapchat a{
background: #f8f530;
color: #000 !important;
}
.jl_ft_min1 .jl_sh_ic_li .jl_snapchat a svg{
stroke: #000 !important;
fill: #fff !important;
stroke-width: 1.2px;
}
.jl_ft_min1 .jl_sh_ic_li .jl_reddit a{
background: #ff4c10;
}
.jl_ft_mini .jl_sh_ic_li, .jl_ft_mini .jl-menu-footer{
justify-content: center;
flex-wrap: wrap;
}
.jl_ft_mini .jl_sh_ic_li li a i {
position: absolute;
top: 50%;
-webkit-transform: translate3d(0, 0, 0) perspective(1px) translateY(-50%);
-ms-transform: translate3d(0, 0, 0) perspective(1px) translateY(-50%);
transform: translate3d(0, 0, 0) perspective(1px) translateY(-50%);
width: 100%;
left: 0px;
}
.jl_ft_mini .jl_sh_ic_li li a {
font-size: 15px;
background: #222;
width: 38px;
height: 38px;
line-height: 38px;
display: block;
border-radius: 100px;
position: relative;
}
.jl_ft_mini .jl_sh_ic_li li a i,
.jl_ft_mini .jl_sh_ic_li li:hover a,
.jl_ft_mini .jl_sh_ic_li li:hover a i {
color: #fff !important;
}
.jl_foot_wrap .jl_ft_mini .jl_sh_ic_li li a:hover{
opacity: .9 !important;
}
.bottom_footer_menu_text .jl_ft_w {
padding: 30px 0 35px 0;
border-top: 1px solid #383838;
float: left;
width: 100%;
}
.bottom_footer_menu_text .col-md-6 {
padding-right: 15px;
padding-left: 15px;
}
.footer-bottom .footer_logo_bottom {
padding-top: 55px;
padding-bottom: 55px;
text-align: center;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.footer-bottom .footer_logo_bottom img {
max-height: 90px;
}
.footer-bottom .footer-left-copyright {
text-align: left;
margin-top: 5px;
color: #ccc;
}
.footer-bottom .footer-menu-bottom {
text-align: right;
padding-left: 15px;
padding-right: 15px;
}
.footer-right {
text-align: right;
}
.jl-menu-footer {
margin-bottom: 0px;
padding: 0px;
display: flex;
gap: 20px;
}
.jl-menu-footer li {
list-style: none;
display: flex;
line-height: 1.2;
}
.jl-menu-footer li a {
text-decoration: none;
color: var(--jl-foot-link);
font-family: var(--jl-menu-font);
font-size: var(--jl-foot-menu-size);
font-weight: var(--jl-menu-font-weight);
text-transform: capitalize;
letter-spacing: 0;
}
.jl-menu-footer li a:hover {
text-decoration: none !important;
color: var(--jl-foot-hlink);
}
/* Footer 2 */
.ft_s2 .jl_ft_cw {
display: flex;
justify-content: space-between;
align-items: center;
text-align: left;
padding: 20px 0px;
border-top: 1px solid var(--jl-foot-line);
gap: 15px;
}
.ft_s2 .jl_ft_cw .jl-menu-footer {
display: inline-flex;
text-align: left;
margin: 0px;
}
.jl_foot_wrap .ft_s2 .jl_sh_ic_li li a:hover, .jl_foot_wrap .jl_sh_ic_li li a:hover{
opacity: .6 !important;
}
/* Footer 3 / 4/ 5 */
.ft_s3 .jl_ft_cw, .ft_s4 .jl_ft_cw, .ft_s5 .jl_ft_cw{
display: flex;
justify-content: space-between;
align-items: center;
text-align: left;
padding: 20px 0px;
border-top: 1px solid var(--jl-foot-line);
gap: 15px;
}
/* Footer 4 / 5 */
.ft_s4 .jl_ft_cw, .ft_s5 .jl_ft_cw{
justify-content: center;
}
/*-----------------------------------------------------------------------------------*/
/* Reviews circle
/*-----------------------------------------------------------------------------------*/
.review_circle_large {
position: absolute;
top: 10px;
right: 10px;
width: 64px;
overflow: hidden;
height: 64px;
padding: 2px;
-webkit-radius: 100%;
-moz-radius: 100%;
-ms-border-radius: 100%;
-o-radius: 100%;
border-radius: 100%;
background: rgba(0, 0, 0, 0.3);
}
.review_circle_large input {
background: none;
border: none;
font-weight: 700;
}
.review_circle_large_small {
position: absolute;
top: 10px;
right: 10px;
overflow: hidden;
width: 44px;
height: 44px;
padding: 2px;
-webkit-radius: 100%;
-moz-radius: 100%;
-ms-border-radius: 100%;
-o-radius: 100%;
border-radius: 100%;
background: rgb(69, 72, 77);
background: rgba(0, 0, 0, 0.3);
z-index: 1;
}
.review_circle_large_small input {
background: none;
border: none;
}
.owl-carousel .owl-stage-outer {
overflow: hidden;
position: relative;
width: 100%;
z-index: 1;
}
.post_review_bar {
font-size: 19px !important;
margin-top: 0px !important;
height: 60px !important;
color: #f4b711 !important;
}
.review_circle_large_small .post_review_bar {
font-weight: 700;
font-size: 13px !important;
margin-top: 0px !important;
height: 40px !important;
color: #f4b711 !important;
}
.review_star_small {
background: #f4b711;
position: absolute;
top: 5px;
right: 5px;
padding: 0 6px !important;
height: 16px;
line-height: 16px;
float: right;
color: #fff;
font-size: 11px;
}
/*-----------------------------------------------------------------------------------*/
/* Review System
/*-----------------------------------------------------------------------------------*/
#jl-review-box {
width: 100%;
padding: 0px;
border-radius: var(--jl-border-rounded);
overflow: hidden;
}
.jl_rw_w{
font-size: 15px;
padding: 25px;
border: 1px var(--jl-sline, solid) var(--jl-post-line-color);
display: flex;
flex-direction: column;
border-radius: 0px 0px var(--jl-border-rounded) var(--jl-border-rounded);
gap: 25px;
}
#jl-review-box.left {
margin: 0 30px 19px 0;
width: 48.4375%;
}
#jl-review-box.right {
margin: 0 0 19px 30px;
width: 48.4375%;
}
#jl-review-box ul {
padding: 0;
margin: 0px;
list-style: none;
width: 100%;
display: flex;
flex-direction: column;
gap: 10px;
}
#jl-review-box ul li{
margin: 0px;
}
#jl-review-box ul li .review-criteria-score {
margin-bottom: 5px;
display: flex;
justify-content: space-between;
align-items: center;
}
#jl-review-box ul li .review-criteria-score .jl_star_i{
display: flex;
gap: 2px;
}
#jl-review-box ul li .review-criteria-score .jl_star_i svg{
width: 13px;
height: auto;
}
#jl-review-box ul li .review-criteria-score .jl_star_val {
display: none;
}
#jl-review-box ul li .review-criteria-score .right {
font-weight: bold;
font-size: 12px;
display: flex;
justify-content: space-between;
align-items: center;
}
#jl-review-box ul li .review-criteria-score[class*="icon-"] {
font-size: 14px;
color: #FFA83F;
margin: 0 0 0 1px;
width: 14px;
}
#jl-review-box ul li .review-criteria-bar-container {
background: #ebebeb;
height: 5px;
border-radius: 100px;
}
#jl-review-box ul li .review-criteria-bar {
float: left;
height: 5px;
background: #ffcd00;
border-radius: 100px;
}
.rw_btnw{
display: flex;
}
.rw_btnw .rw_btn{
background: var(--jl-main-color);
font-family: var(--jl-menu-font);
font-size: 12px;
font-weight: var(--jl-button-font-weight);
text-transform: var(--jl-button-transform);
letter-spacing: var(--jl-button-space);
color: #fff;
height: 40px;
display: flex;
align-items: center;
padding: 0px 25px;
border-radius: var(--jl-button-radius);
}
.rw_btnw .rw_btn:hover{
background: var(--jl-btn-bg);
color: #fff;
}
.rw_btnw .rw_btn svg{
width: 13px;
height: auto;
margin-left: 5px;
}
.jl_ideas_sum h6 {
margin-bottom: 10px;
font-size: 18px;
}
.jl_ideas_sum p{
margin-bottom: 0px;
font-size: inherit;
}
.jl_ideas_sum {
width: 100%;
display: flex;
flex-direction: column;
gap: 20px;
}
.jl_pcw{
display: flex;
width: 100%;
gap: 20px;
}
.jl_pcw .jl_review_pros, .jl_pcw .jl_review_cons{
width: 50%;
}
.jl_review_pros span,
.jl_review_cons span {
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 3px;
}
.jl_review_pros span:before {
content: "+";
display: inline;
margin-right: 7px;
color: #1ea22d;
align-self: flex-start;
font-weight: bold;
font-size: 17px;
}
.jl_review_cons span:before {
content: "-";
display: inline;
margin-right: 7px;
color: #ff0015;
align-self: flex-start;
font-weight: bold;
font-size: 17px;
}
.right.review-total-score-boxtype-percent b {
font-size: 25px !important;
}
#jl-review-box .right.review-total-score-boxtype-star>span {
margin-top: -5px;
float: left;
width: 100%;
margin-left: 10px;
}
#jl-review-box .right.review-total-score-boxtype-star i {
font-size: 19px;
margin-top: 39px;
margin-right: 3px;
float: left;
}
.jl_bar_w {
position: absolute;
bottom: 0px;
left: 0px;
right: 0px;
}
.jl_bar_w span,
.jl_bar_w span:hover {
color: #fff;
font-size: 12px;
z-index: 2;
position: relative;
font-weight: bold;
width: 100%;
}
.jl_bar_w .jl_star_val {
display: none;
}
.jl_bar_c {
position: relative;
padding: 0px 10px;
text-align: right;
height: 25px;
display: flex;
align-items: center;
}
.jl_bar_bg {
z-index: 1;
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
opacity: .8 !important;
}
.jl_score_h {
position: relative;
display: flex;
width: 100%;
height: 300px;
}
.jl_score_h .jl_score_main_w{
z-index: 1;
}
.jl_score_h:before {
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
content: '';
position: absolute;
z-index: 1;
background-color: #110F0FED;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 24%, #110F0FED 100%) !important;
}
.jl_score_h img {
position: absolute;
width: 100% !important;
height: 100% !important;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.jl_score_main_w .jl_score_main {
position: absolute;
bottom: 30px;
right: 30px;
}
.jl_score_main_w .jl_score_main .jl_star_re_w{
background: #fff;
display: flex;
padding: 3px;
clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}
.jl_score_main_w .jl_score_main .jl_star_re {
clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
width: 100px;
height: 120px;
background: #ffcd00;
color: #fff;
position: relative;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.jl_score_main_w .jl_score_main .jl_star_re span,
.jl_score_main_w .jl_score_main .jl_star_re i {
display: inline-block;
font-size: 12px;
}
.jl_score_main_w .jl_score_main .jl_star_re .jl_star_i{
display: flex;
gap: 2px;
}
.jl_score_main_w .jl_score_main .jl_star_re .jl_star_val {
display: block;
font-size: 35px;
line-height: 1.2;
font-family: var(--jl-title-font);
font-weight: var(--jl-title-font-weight);
}
.jl_score_main_w .review-ht .jl_sum_title {
margin-bottom: 10px;
font-size: 18px;
}
.jl_score_main_w .review-ht {
position: absolute;
bottom: 30px;
left: 30px;
}
.jl_score_main_w .review-ht .itemreviewed {
margin-bottom: 0px;
color: #fff;
}
.post_content .jl_score_main_w .review-ht p {
font-size: 15px;
}
#jl-review-box .right .icon-star {
font-size: 16px;
line-height: 22px;
margin: 0 2px;
width: 18px;
}
#jl-review-box .review-total-score .type-star {
font-size: 14px;
padding: 7px 15px;
}
#jl-review-box .review-total-score-box[class*="icon-"] {
font-size: 18px;
color: #FFFFFF;
margin: 0 1px;
}
.user_review-user-review-criteria {
color: #FFFFFF;
padding: 10px 12px;
margin: 0px;
background: #202020;
position: relative;
text-transform: uppercase;
float: left;
width: 100%;
font-size: 12px;
}
.jl-renut,
.jl-renut-overlay {
border-radius: 50%;
overflow: hidden;
}
.jl-renut {
height: auto;
position: relative;
flex-shrink: 0;
background-color: #000;
width: 100px;
padding-bottom: 100px;
}
.jl-renut-sections {
position: absolute;
height: auto;
width: 100%;
padding-bottom: 100%;
border-radius: 50%;
}
.jl-renut-section.jl-renut-section-right {
left: 50%;
}
.jl-renut-filler,
.jl-renut-section {
position: absolute;
height: 100%;
}
.jl-renut-section {
width: 50%;
background-color: transparent;
transform-origin: 0px 50%;
pointer-events: none;
overflow: hidden;
}
.jl-renut-section div {
display: block;
}
.jl-renut-section.jl-renut-section-right .jl-renut-filler {
transform-origin: 0px 50%;
}
.jl-renut-filler {
width: 100%;
pointer-events: all;
}
.jl-renut-filler,
.jl-renut-section {
position: absolute;
height: 100%;
}
.jl-renut-section.jl-renut-section-left,
.jl-renut-section.jl-renut-section-left .jl-renut-filler {
transform-origin: 100% 50%;
}
.jl-renut-section.jl-renut-section-left .jl-renut-filler,
.jl-renut-section.jl-renut-section-right .jl-renut-filler {
background: #ffcd00;
}
.jl-renut-section.jl-renut-section-left {
left: 0px;
}
.jl-renut-overlay {
opacity: 1;
position: absolute;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
height: 86px;
width: 86px;
top: 7px;
left: 7px;
background-color: #000;
}
.jl-renut,
.jl-renut-overlay {
border-radius: 50%;
overflow: hidden;
}
.jl-renut-text {
text-align: center;
font-size: 23px;
color: #fff;
font-weight: 600;
font-family: var(--jl-menu-font);
}
.jl-renut-text b {
font-size: 20px;
}
.jl-donut-front {
position: absolute;
top: 10px;
right: 10px;
z-index: 2;
transform: scale(.9);
}
.jl-donut-front .jl-renut-container {
background-color: #000000;
padding: 0px;
border-radius: 100px;
width: 45px;
height: 45px;
}
.jl-donut-front .jl-renut {
background-color: #000000;
width: 45px;
padding-bottom: 45px;
}
.jl-donut-front .jl-renut-overlay {
background-color: #000;
height: 37px;
width: 37px;
top: 4px;
left: 4px;
}
.jl-donut-front .jl-renut-text {
font-size: 13px;
font-family: var(--jl-menu-font);
color: #fff;
}
/*-------------------------------------------------------------------------------------
go to top
-------------------------------------------------------------------------------------*/
#go-top{
display: none;
position: fixed;
bottom: 20px;
right: 20px;
z-index: 999;
}
#go-top a{
display: flex;
align-items: center;
justify-content: center;
width: 35px;
height: 35px;
text-decoration: none;
color: #000;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
background: #ebebeb;
font-size: 6px;
cursor: pointer;
border-radius: var(--jl-top-rounded);
}
#go-top a:hover{
background: var(--jl-main-color);
color: #fff !important;
text-decoration: none !important;
}
#go-top a i{
font-weight: bold;
}
/*-------------------------------------------------------------------------------------
Woocommerce
-------------------------------------------------------------------------------------*/
.jl_shop_filter_content{
position: absolute;
width: 100%;
max-width: 100%;
background: var(--jl-bg-color);
top: calc(100% + 5px);
opacity: 0;
visibility: hidden;
box-shadow: 0 0.5rem 1rem rgb(29 45 53 / 15%);
border-radius: 3px;
}
.jl_shop_filter_content.jl_woo_fs{
opacity: 1;
z-index: 9;
visibility: visible;
}
.jl_shop_filter_content .jl_shop_filter_inner{
display: grid;
grid-auto-columns: 1fr;
grid-auto-flow: column;
grid-gap: 25px;
padding: 25px;
width: 100%;
font-size: 13px;
}
.jl_shop_filter_content .jl_shop_filter_inner .price_label{
font-size: 13px;
}
.jl_shop_filter_content .jl_shop_filter_inner > div{
margin-bottom: 0;
}
.jl_shop_filter_content .button.wp-element-button{
height: 33px;
line-height: 1.2 !important;
font-size: 80% !important;
background-color: var(--jl-main-color);
}
.jl_remove_filter{
width: 100%;
display: flex;
flex-wrap: wrap;
padding: 0px;
margin: 0px;
order: 3;
}
.jl_remove_filter li{
padding: 0px;
margin: 0px;
list-style: none;
}
.jl_remove_filter li a{
padding: 3px 5px;
font-size: 11px;
border: 1px var(--jl-sline, solid) var(--jl-post-line-color);
margin-right: 5px;
margin-top: 5px;
border-radius: 3px;
display: flex;
align-items: center;
position: relative;
}
.jl_remove_filter li a:before{
content: '\e906';
font-family: jl_font !important;
font-size: 7px;
margin-right: 3px;
}
/* Color */
ul.woocommerce-widget-layered-nav-list .type-color span.color-box {
width: 15px;
height: 15px;
position: relative;
display: inline-block;
border-radius: 50%;
background-repeat: no-repeat;
vertical-align: middle;
margin-right: 10px;
}
ul.woocommerce-widget-layered-nav-list .type-color a:before{
display: none;
}
ul.woocommerce-widget-layered-nav-list .type-color span.color-box:after {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
font-weight: normal;
line-height: 1;
opacity: 0;
transition: opacity .2s ease;
font-family: jl_font !important;
content: '\e907';
color: #fff;
font-size: 7px;
}
ul.woocommerce-widget-layered-nav-list .type-color a, ul.woocommerce-widget-layered-nav-list .type-button a{
position: absolute !important;
left: 0px;
width: 100%;
padding-left: 25px !important;
}
ul.woocommerce-widget-layered-nav-list .type-color {
padding-bottom: 3px;
text-transform: capitalize;
vertical-align: middle;
}
ul.woocommerce-widget-layered-nav-list .type-color span.count {
float: right;
font-size: 0.8125rem;
line-height: 25px;
color: #9aa5b3;
}
ul.woocommerce-widget-layered-nav-list li.chosen .type-color span.color-box:after,
ul.woocommerce-widget-layered-nav-list li:hover .type-color span.color-box:after,
ul.woocommerce-widget-layered-nav-list li.chosen .type-button span.button-box:after,
ul.woocommerce-widget-layered-nav-list li:hover .type-button span.button-box:after{
opacity: 1;
}
/* Button Attribute */
ul.woocommerce-widget-layered-nav-list .type-button span.button-box {
width: .875rem;
height: .875rem;
display: inline-block;
position: relative;
background-repeat: no-repeat;
vertical-align: middle;
margin-right: 10px;
border: 1px solid #ccc;
position: absolute;
left: 0;
top: 4px;
border-radius: 2px;
}
ul.woocommerce-widget-layered-nav-list li.chosen .type-button span.button-box,
ul.woocommerce-widget-layered-nav-list li:hover .type-button span.button-box{
background: var(--jl-main-color);
border-color: transparent;
}
ul.woocommerce-widget-layered-nav-list .type-button a {
z-index: 99;
}
ul.woocommerce-widget-layered-nav-list .type-button {
text-transform: capitalize;
position: relative;
}
ul.woocommerce-widget-layered-nav-list .type-button span.button-box:after {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
font-weight: normal;
line-height: 1;
opacity: 0;
transition: opacity .2s ease;
font-family: jl_font !important;
content: '\e907';
color: #fff;
font-size: 7px;
}
ul.woocommerce-widget-layered-nav-list li.chosen .type-button span.button-box:after{
opacity: 1;
}
ul.woocommerce-widget-layered-nav-list .type-button:hover span.button-box {
background-color: var(--color-background-light);
}
ul.woocommerce-widget-layered-nav-list .type-button a:before {
display: none;
}
ul.woocommerce-widget-layered-nav-list .type-button span.count {
float: right;
font-size: 0.8125rem;
line-height: 25px;
color: #9aa5b3;
}
ul.woocommerce-widget-layered-nav-list li.chosen .type-button a {
color: var(--color-primary);
text-shadow: 0px 0px 0px;
}
ul.woocommerce-widget-layered-nav-list .type-button a {
margin-bottom: 3px;
}
/* Filter */
.jl_wc_filter{
display: grid;
grid-template-columns: repeat(4,minmax(0,1fr));
grid-gap: 30px;
}
.jl_woo_content{
margin-bottom: 0px;
}
.jl_wcli_in{
--jl-wc-col: 4;
--jl-wc-row-gap: 30px;
--jl-wc-col-gap: 30px;
--jl-img-h: 100%;
--jl-pro-title: 18px;
--jl-pro-price: 14px;
width: 100%;
display: grid;
grid-template-columns: repeat(var(--jl-wc-col),minmax(0,1fr));
grid-row-gap: var(--jl-wc-row-gap);
grid-column-gap: var(--jl-wc-col-gap);
}
.jl_wcli_w .jl_wc_title{
margin-bottom: 10px;
font-size: var(--jl-pro-title);
}
.jl_wcli_w .jl_wc_price{
font-size: var(--jl-pro-price) !important;
}
.woocommerce table.shop_table tr, .woocommerce-page table.shop_table thead, table td, table th{
border-color: var(--jl-post-line-color) !important;
}
.jl_wcli_in .jl_wc_imgw{
position: relative;
padding-bottom: var(--jl-img-h);
overflow: hidden;
margin-bottom: 20px;
}
.jl_wcli_in ins{
text-decoration: none;
}
.jl_wc_btnw{
z-index: 4 !important;
}
.jl_wc_btnw a.added{
display: none;
}
.jl_wc_btnw a:hover{
color: #fff;
}
.jl_wc_btnw a{
width: 100%;
}
.jl_wc_link{
z-index: 3;
}
.jl_wcli_in .jl_wc_imgin,
.jl_wc_link{
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
.jl_wcli_in .jl_wc_imgin img{
width: 100%;
height: 100%;
max-width: 100%;
-o-object-fit: cover;
object-fit: cover;
display: block;
transition: transform 1s ease,opacity .5s ease;
transform: scale(1.01);
}
.jl_wcli_in .jl_wc_imgw:hover .jl_wc_imgin img{
transform: scale(1.051);
}
.products[class*='wc-col'] {
display: grid;
grid-template-columns: repeat(4,minmax(0,1fr));
grid-gap: 30px;
}
.woocommerce .woocommerce-breadcrumb {
line-height: 1.2;
display: none;
}
.woocommerce div.product {
float: none;
width: 100%;
margin-bottom: 0px;
}
.woocommerce .single-product-wrap div.product {
margin-bottom: 0px !important;
}
.woocommerce .pagination-wrap {
margin-top: 0;
}
.woocommerce-loop-product__title {
margin-bottom: 10px;
font-size: 18px;
}
.content_single_page .woocommerce-loop-product__title a {
color: #000 !important;
text-decoration: none !important;
}
.woocommerce .result-wrap {
display: flex;
margin-bottom: 30px;
flex-wrap: wrap;
align-items: center;
position: relative;
}
.woocommerce div.product div.images img {
border-radius: 0px;
}
.woocommerce .woocommerce-result-count {
margin: -10px 0px 0px 0px;
white-space: nowrap;
font-size: 14px;
}
.woocommerce .woocommerce-ordering {
margin: 0 0 0 auto;
flex-shrink: 0;
position: relative;
}
.jl_filter_btn{
border-left: 1px solid #ccc;
padding-left: 10px;
}
.options_dark_skin.woocommerce .woocommerce-ordering select, .options_dark_skin .jl_filter_btn{
background: url("data:image/svg+xml;utf8,") calc(100% - 5px) 55% no-repeat;
background-size: 18px 17px;
}
.woocommerce .woocommerce-ordering select, .jl_filter_btn{
outline: none !important;
border: none;
color: var(--jl-txt-color) !important;
background: url("data:image/svg+xml;utf8,") calc(100% - 5px) 55% no-repeat;
background-size: 18px 17px;
border-color: transparent;
cursor: pointer;
font-family: var(--jl-menu-font);
padding-top: 2px;
padding-bottom: 2px;
height: auto;
line-height: 1.2;
text-align: right;
padding-right: 26px;
font-size: 14px;
width: auto;
max-width: unset;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
.woocommerce .woocommerce-ordering select:before,
.woocommerce .woocommerce-ordering select:after {
display: none !important;
}
.product-thumb:before {
display: none;
}
.product-name a:hover,
.woocommerce-page .product-name a:hover {
background-size: 100% 30%;
-webkit-background-size: 100% 30%;
}
.woocommerce nav.woocommerce-pagination span,
.woocommerce nav.woocommerce-pagination a {
float: none;
padding: 0px;
height: 35px;
line-height: 35px;
min-width: 30px;
font-size: 13px;
font-family: var(--jl-menu-font);
font-weight: bold;
display: inline-flex;
justify-content: center;
align-items: center;
vertical-align: middle;
white-space: nowrap;
margin: 0 2px;
padding: 0px;
list-style: none;
-webkit-transition: all .1s ease-in-out;
-moz-transition: all .1s ease-in-out;
-o-transition: all .1s ease-in-out;
transition: all .1s ease-in-out;
border-radius: 8px;
}
.woocommerce nav.woocommerce-pagination span {
background: var(--jl-main-color);
color: #fff;
}
.woocommerce nav.woocommerce-pagination a {
text-decoration: none;
background: var(--jl-nav-bg, rgb(239, 242, 245));
color: var(--jl-nav-color, #000);
}
.woocommerce nav.woocommerce-pagination a:hover {
color: #fff !important;
}
.woocommerce nav.woocommerce-pagination a i {
font-size: 10px;
}
.woocommerce nav.woocommerce-pagination a:hover {
text-decoration: none !important;
background: var(--jl-main-color);
color: #fff !important;
}
.woocommerce nav.woocommerce-pagination{
margin-top: 30px;
}
.product-thumb {
position: relative;
display: block;
margin-bottom: 20px;
overflow: hidden;
}
.product-thumb > a{
border-radius: var(--jl-border-rounded);
overflow: hidden;
display: block;
}
.product-thumb img {
display: block;
width: 100%;
transition: transform 1s ease,opacity .5s ease;
transform: scale(1.01);
}
.product-thumb:hover img {
transform: scale(1.051);
}
.product-buttons .button {
width: 100%;
}
.product-buttons, .jl_wc_btnw {
opacity: 1;
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
-webkit-transition: .2s cubic-bezier(.39, .33, .13, .95);
-o-transition: .2s cubic-bezier(.39, .33, .13, .95);
transition: .2s cubic-bezier(.39, .33, .13, .95);
position: absolute;
bottom: 0;
z-index: 1;
overflow: hidden;
width: 100%;
text-align: center;
}
.product-thumb:hover .product-buttons,
.jl_wc_imgw:hover .jl_wc_btnw {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition-delay: .14s;
-o-transition-delay: .14s;
transition-delay: .14s;
}
.added_to_cart.wc-forward:hover{
color: #fff !important;
}
.product-buttons .clear {
height: 1px;
}
.product-buttons .add-to-cart a.button,
.woocommerce .product-buttons .add-to-cart a {
position: relative;
display: block;
overflow: hidden;
padding: 0 !important;
width: 50px;
height: 50px;
background-color: #333;
color: #fff;
letter-spacing: 0 !important;
font-size: 0 !important;
line-height: 0 !important;
}
.product-buttons .add-to-cart a.added,
.woocommerce .product-buttons .add-to-cart a.added {
display: none;
}
.product-buttons .add-to-cart a.added_to_cart {
background-color: #000;
color: #fff;
}
.woocommerce-page form .form-row label {
display: block;
margin-bottom: 5px;
line-height: 1.5;
font-size: 14px;
}
.woocommerce-page form .form-row .password-input {
display: block;
width: 100%;
}
.product-buttons .add-to-cart a:before,
.woocommerce .product-buttons .add-to-cart a:before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
content: '\e91c';
text-align: center;
text-indent: 0;
text-transform: none;
font-weight: 400;
font-style: normal;
font-variant: normal;
font-size: 24px;
font-family: 'jl_font';
line-height: 50px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.product-buttons .add-to-cart a.added_to_cart:before,
.woocommerce .product-buttons .add-to-cart a.added_to_cart:before {
content: '\e91c';
}
.product-buttons .add-to-cart a.loading:before,
.woocommerce .product-buttons .add-to-cart a.loading:before {
content: '\e964';
-webkit-animation-name: spin;
animation-name: spin;
-webkit-animation-duration: 3000ms;
animation-duration: 3000ms;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.woocommerce-account .woocommerce .col2-set {
margin-top: 30px;
}
.woocommerce-account:not(.logged-in) .content_page_padding .woocommerce {
margin-right: auto;
margin-left: auto;
padding: 25px 30px 20px 30px;
max-width: 400px;
border: 1px solid #eee;
}
.woocommerce-account:not(.logged-in) .content_single_page .content_page_padding .woocommerce h2 {
font-size: 25px;
}
.woocommerce-account:not(.logged-in) .content_single_page .content_page_padding .woocommerce .woocommerce-form label {
font-size: 16px !important;
}
.shipping-calculator-form {
text-align: left;
}
.woocommerce .shipping-calculator-form .form-row {
margin-bottom: 10px;
}
.woocommerce #calc_shipping_country_field {
font-weight: 700;
}
@-moz-keyframes spin {
from {
-moz-transform: rotate(0deg);
}
to {
-moz-transform: rotate(360deg);
}
}
@-webkit-keyframes spin {
from {
-webkit-transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.woocommerce a.button {
-webkit-transition: background-color .3s cubic-bezier(0.32, 0.74, 0.57, 1);
-moz-transition: background-color .3s cubic-bezier(0.32, 0.74, 0.57, 1);
-ms-transition: background-color .3s cubic-bezier(0.32, 0.74, 0.57, 1);
-o-transition: background-color .3s cubic-bezier(0.32, 0.74, 0.57, 1);
transition: background-color .3s cubic-bezier(0.32, 0.74, 0.57, 1);
border-radius: 0px;
}
.woocommerce a.button:after {
display: none;
}
.woocommerce a.button:hover,
.woocommerce a.button:focus {
text-decoration: none !important;
}
ul.shop_table {
list-style: none;
padding-left: 0;
}
/* add to cart */
.woocommerce span.onsale,
.woocommerce span.onsale,
.bopea-badge {
position: absolute;
top: 15px;
left: 15px;
z-index: 1;
min-width: auto;
min-height: auto;
border-radius: 100px;
background-color: #d61919;
color: #fff;
text-transform: uppercase;
letter-spacing: .05em;
font-size: 10px;
line-height: 1.2;
padding: 4px 10px 4px 10px;
font-family: var(--jl-menu-font);
}
.woocommerce span.onsale.percent {
top: 10px;
left: 10px;
padding: 0;
width: 54px;
height: 54px;
-webkit-border-radius: 50%;
border-radius: 50%;
text-align: center;
text-transform: none;
white-space: nowrap;
font-size: 1rem;
line-height: 54px;
}
.woocommerce span.onsale.percent i {
vertical-align: middle;
font-size: .7rem;
}
.woocommerce span.onsale.percent strong {
font-weight: inherit;
}
.woocommerce span.onsale.percent .off {
display: block;
padding-top: 3px;
font-size: .7rem;
line-height: 1;
}
.product .product-loop-content {
position: relative;
}
.woocommerce .star-rating,
.woocommerce .product .star-rating,
.jl_wcli_in .star-rating{
position: relative;
display: inline-block;
float: none;
clear: both;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
padding: 0;
width: auto;
height: auto;
letter-spacing: 0;
font-size: 0;
display: none;
}
.woocommerce .product .star-rating:before,
.woocommerce .product .star-rating span:before,
.woocommerce .star-rating:before,
.woocommerce .star-rating span:before,
.jl_wcli_in .star-rating:before,
.jl_wcli_in .star-rating > span:before{
position: relative;
top: auto;
left: auto;
margin: 0;
color: #ccc;
content: '\e92d\e92d\e92d\e92d\e92d';
letter-spacing: 3px;
font-size: 12px;
font-family: 'jl_font';
}
.woocommerce .star-rating span,
.woocommerce .product .star-rating span,
.jl_wcli_in .star-rating span{
position: absolute;
top: 0;
left: 0;
font-size: 0;
overflow: hidden;
}
.woocommerce .star-rating span:before,
.woocommerce .product .star-rating span:before,
.jl_wcli_in .star-rating > span:before{
color: #ffca00;
}
.woocommerce .jl-wc-col {
padding: 0px;
}
/* price */
.woocommerce div.product .product-loop-content .price, .jl_wcli_w .jl_wc_price{
display: block;
margin: 0;
text-transform: none;
white-space: nowrap;
font-size: 14px;
line-height: 1.2;
font-family: var(--jl-menu-font);
}
.is-light-text div.product .product-loop-content .price {
color: #fff;
}
.woocommerce div.product .product-loop-content .price * {
color: inherit;
text-decoration: none;
letter-spacing: inherit;
font-weight: inherit;
font-size: inherit;
}
.woocommerce div.product .product-loop-content .price del {
margin-right: 4px;
font-size: .85rem;
}
.shopthepost div.product .product-loop-content .price del {
font-size: .9rem;
}
.woocommerce div.product .product-loop-content .price del * {
text-decoration: line-through;
letter-spacing: inherit;
font-weight: inherit;
font-style: inherit;
font-size: inherit;
}
/* login page */
#customer_login > * {
position: relative;
display: block;
padding: 30px 20px;
}
#customer_login > *:first-child, #customer_login .u-column2 {
background-color: rgba(0, 0, 0, .015);
}
.woocommerce form.login,
.woocommerce form.register {
margin-top: 30px;
padding: 0;
border: none;
-webkit-border-radius: 0;
border-radius: 0;
}
.woocommerce #customer_login h2 {
text-transform: inherit;
font-size: 23px;
}
.woocommerce #customer_login .woocommerce-form__label-for-checkbox {
position: relative;
display: inline-block;
margin-top: 7px;
}
.woocommerce #customer_login .woocommerce-form__label-for-checkbox span {
text-transform: none;
}
.woocommerce form .form-row-first {
width: 200px;
}
.woocommerce form .form-row-last,
.woocommerce-page form .form-row-last {
width: auto;
float: left;
margin-left: 10px !important;
}
.woocommerce form .woocommerce-billing-fields__field-wrapper .form-row{
margin-bottom: 14px;
}
.woocommerce form .woocommerce-billing-fields__field-wrapper .form-row-first,
.woocommerce form .woocommerce-billing-fields__field-wrapper .form-row-last,
.woocommerce-page form .woocommerce-billing-fields__field-wrapper .form-row-first,
.woocommerce-page form .woocommerce-billing-fields__field-wrapper .form-row-last {
width: 47%;
}
.woocommerce form .woocommerce-billing-fields__field-wrapper .form-row-last,
.woocommerce-page form .woocommerce-billing-fields__field-wrapper .form-row-last {
float: right;
}
.woocommerce form .form-row input.input-text {
height: 40px;
width: 200px;
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
display: block;
margin-bottom: 0px;
width: 100%;
}
.woocommerce form .form-row textarea {
margin-top: 10px;
padding: 20px;
min-height: 120px;
}
.woocommerce form .form-row {
margin: 0px;
padding: 0;
}
.woocommerce input:-webkit-autofill {
-webkit-box-shadow: 0 0 0 30px #fff inset !important;
}
.woocommerce-form.login input:-webkit-autofill {
-webkit-box-shadow: 0 0 0 30px #fff inset !important;
}
.woocommerce a.added_to_cart {
width: 100%;
}
.woocommerce a.added_to_cart:hover {
text-decoration: none !important;
}
.woocommerce .woocommerce-orders-table__cell a.button {
padding: 0 30px !important;
background-color: var(--jl-main-color);
color: #fff !important;
text-decoration: none !important;
-webkit-transition: .25s !important;
}
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce a.added_to_cart,
.jl_wc_btnw a{
font-family: var(--jl-menu-font);
font-size: var(--jl-button-font-size);
font-weight: var(--jl-button-font-weight);
text-transform: var(--jl-button-transform);
letter-spacing: var(--jl-button-space);
display: flex;
align-items: center;
justify-content: center;
background-color: var(--jl-main-color);
color: #fff !important;
line-height: 43px !important;
padding: 0px 20px;
-o-transition: .25s;
-ms-transition: .25s;
-moz-transition: .25s;
-webkit-transition: .25s;
transition: .25s;
border: 0px;
outline: none;
border-radius: var(--jl-button-radius);
}
.woocommerce .product-thumb .product-buttons a, .jl_wc_imgw .jl_wc_btnw a{
border-radius: 0px;
}
.woocommerce .product-thumb .product-buttons a:hover, .jl_wc_imgw .jl_wc_btnw a:hover{
background-color: var(--jl-main-color) !important;
}
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce a.added_to_cart:hover,
.jl_wc_btnw a:hover{
background: var(--jl-btn-bg) !important;
}
.woocommerce a.button.added {
display: none;
}
.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
padding: 10px 20px;
}
.woocommerce-error {
border-color: #000;
}
.woocommerce-error li,
.woocommerce-info li,
.woocommerce-message li {
margin: 0 !important;
}
.woocommerce #rememberme {
position: absolute;
z-index: 2;
width: 20px;
height: 20px;
opacity: 0;
cursor: pointer;
}
.woocommerce #rememberme + span {
position: relative;
padding-left: 0px;
font-size: 15px;
}
.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme {
display: inline-block;
margin-bottom: 0;
vertical-align: middle;
line-height: 42px;
cursor: pointer;
order: 2;
}
.woocommerce-form.woocommerce-form-login{
display: flex;
flex-direction: column;
gap: 15px;
}
.woocommerce .woocommerce-form-login .woocommerce-form-login__submit,
.woocommerce .lost_reset_password .woocommerce-Button{
font-size: var(--jl-button-font-size);
font-weight: var(--jl-button-font-weight);
text-transform: var(--jl-button-transform);
letter-spacing: var(--jl-button-space);
display: block;
background-color: var(--jl-main-color);
color: #fff !important;
display: flex;
height: 48px;
padding: 0px 30px;
margin-top: 0px;
-o-transition: .25s;
-ms-transition: .25s;
-moz-transition: .25s;
-webkit-transition: .25s;
transition: .25s;
border: 0px;
outline: none;
border-radius: var(--jl-button-radius);
}
.woocommerce .lost_reset_password{
display: flex;
flex-direction: column;
gap: 10px;
}
.woocommerce #rememberme + span:before {
position: relative;
display: inline-flex;
display: -webkit-inline-flex;
margin-right: 7px;
width: 12px;
height: 12px;
border: 1px solid #777;
color: transparent;
content: "\2714";
vertical-align: middle;
text-align: center;
font-size: 10px;
line-height: 10px;
}
.woocommerce .lost_password {
font-weight: 400;
font-size: 13px;
}
.woocommerce .lost_password a {
text-decoration: none;
}
.woocommerce .lost_password a:hover {
color: #000;
text-decoration: underline;
}
.woocommerce-password-hint {
display: block;
margin-top: 10px;
}
.woocommerce-password-strength {
margin-top: 15px;
border: none;
background-color: #ff8080;
color: #fff;
font-weight: 400;
font-size: 13px;
}
.woocommerce-password-strength.short {
background-color: #ff8080;
}
.woocommerce-password-strength.good {
background-color: #f5d47e;
}
.woocommerce-password-strength.strong {
background-color: #83c373;
}
.woocommerce .woocommerce-MyAccount-navigation {
max-width: 300px;
background-color: var(--jl-bg-color);
padding: 20px 0px;
border-radius: var(--jl-border-rounded);
border: 1px var(--jl-sline, solid) var(--jl-post-line-color);
}
.woocommerce .woocommerce-MyAccount-navigation ul {
margin: 0;
padding-left: 0;
}
.woocommerce .woocommerce-MyAccount-navigation li {
margin-bottom: 0;
list-style: none !important;
line-height: 44px;
}
.woocommerce .woocommerce-MyAccount-navigation li a {
display: block;
padding: 0 20px;
color: inherit;
text-decoration: none;
font-weight: inherit;
-webkit-transition: .25s !important;
color: var(--jl-txt-color) !important;
border-bottom: 0px;
-webkit-box-shadow: inset 0 -1px 0 transparent !important;
-moz-box-shadow: inset 0 -1px 0 transparent !important;
box-shadow: inset 0 -1px 0 transparent !important;
text-decoration: none !important;
font-weight: var(--jl-menu-font-weight);
text-transform: var(--jl-menu-transform);
letter-spacing: var(--jl-menu-space);
font-family: var(--jl-menu-font);
font-size: 14px;
line-height: 1.2;
height: 40px;
align-items: center;
display: flex;
}
.woocommerce .woocommerce-MyAccount-navigation li.jl-ac-m {
background-color: #333;
color: #fff;
}
.woocommerce .woocommerce-MyAccount-navigation li.jl-ac-m a {
color: #fff !important;
}
.woocommerce form .form-row em {
font-size: .85rem;
}
.woocommerce .woocommerce-MyAccount-navigation li:not(.jl-ac-m) a:hover,
.woocommerce-page .woocommerce-MyAccount-navigation ul li.is-active a{
background-color: var(--jl-main-color);
color: #fff !important;
}
.woocommerce-EditAccountForm .form-row{
margin-bottom: 14px !important;
}
.woocommerce-EditAccountForm{
margin-bottom: 0px !important;
}
.woocommerce-MyAccount-content .woocommerce-Button.button {
padding: 0px 30px !important;
background-color: var(--jl-main-color);
color: #fff !important;
-webkit-transition: .25s !important;
text-decoration: none !important;
}
.woocommerce .woocommerce-MyAccount-content {
padding-left: 20px;
}
.woocommerce .woocommerce-MyAccount-content h3 {
display: block;
margin-bottom: 30px;
padding-bottom: 10px;
font-size: 18px;
}
.woocommerce form .form-row .select2-container {
margin-top: 0px;
margin-bottom: 10px;
}
.woocommerce form .select2-container--default .select2-selection--single {
height: 42px;
border: transparent;
border-radius: 0 !important;
background-color: transparent;
border: 1px var(--jl-sline, solid) var(--jl-post-line-color);
color: var(--jl-txt-color);
font-size: 15px;
font-weight: 400;
border-radius: var(--jl-button-radius) !important;
}
/* address */
.woocommerce-account .addresses {
margin-top: 3rem;
}
.woocommerce-account .woocommerce-Address {
padding: 6% 3%;
background-color: rgba(0, 0, 0, .015);
max-width: 48% !important;
}
.woocommerce-account .addresses .title .edit {
padding: 0 10px;
background-color: #aaa;
color: #fff !important;
text-decoration: none !important;
font-weight: normal;
font-size: 12px;
-webkit-transition: .25s !important;
border-bottom: 0px;
-webkit-box-shadow: inset 0 -1px 0 transparent !important;
-moz-box-shadow: inset 0 -1px 0 transparent !important;
box-shadow: inset 0 -1px 0 transparent !important;
}
.woocommerce-account .addresses .title .edit:hover {
background-color: #333;
}
.woocommerce-account address {
font-style: italic;
}
/* checkout page */
.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
margin-left: 0 !important;
border: 1px solid;
background-color: transparent;
font-style: italic;
font-size: .875rem;
}
.woocommerce-error a,
.woocommerce-info a,
.woocommerce-message a {
font-style: normal;
}
.woocommerce-info a.showcoupon {
margin-left: 7px;
color: var(--jl-single-link-color);
}
.woocommerce-info a.showcoupon:hover{
color: var(--jl-single-link-color) !important;
}
.woocommerce-info,
.woocommerce-message {
border-color: var(--jl-post-line-color);
}
.woocommerce-error {
border-color: #ff8a90;
}
.woocommerce .woocommerce-error .button,
.woocommerce .woocommerce-info .button,
.woocommerce .woocommerce-message .button,
.woocommerce-page .woocommerce-error .button,
.woocommerce-page .woocommerce-info .button,
.woocommerce-page .woocommerce-message .button {
display: inline-block;
float: none;
margin-right: 10px;
text-decoration: none;
}
.woocommerce-page .woocommerce-error a:not(.button):hover,
.woocommerce-page .woocommerce-info a:not(.button):hover,
.woocommerce-page .woocommerce-message a:not(.button):hover {
color: #000;
text-decoration: underline;
}
.woocommerce-error:before,
.woocommerce-info:before,
.woocommerce-message:before {
display: none;
}
.woocommerce-checkout form.login,
.woocommerce-checkout form.register,
.woocommerce form.checkout_coupon {
padding: 0px;
border: none;
}
.woocommerce form.checkout_coupon {
padding-bottom: 0;
}
.woocommerce form.checkout_coupon p {
font-size: 16px;
margin-bottom: 10px;
}
.woocommerce form.checkout_coupon.processing {
opacity: .5;
}
.woocommerce-checkout form.login > p:first-child,
.woocommerce-checkout form.register > p:first-child {
margin-bottom: 2rem;
font-style: italic;
font-size: .9rem;
}
.woocommerce-checkout .woocommerce-form-login .woocommerce-form__label-for-checkbox.inline {
margin-left: 10px;
}
.woocommerce-checkout .checkout_coupon button.button {
width: 100%;
height: 40px !important;
}
/* form checkout */
form.woocommerce-checkout {
margin-top: 45px;
}
form.woocommerce-checkout h3 {
display: inline-block;
margin-bottom: 24px;
}
.woocommerce div.product .product_title {
margin-bottom: 20px;
font-size: 40px;
}
.woocommerce-page.woocommerce-cart .cart-collaterals h2 {
margin-bottom: 20px;
font-size: 24px;
}
.woocommerce-page.woocommerce-cart .entry-header {
margin-bottom: 60px;
}
/* select */
.woocommerce-page .select2-container--default .select2-selection--single .select2-selection__rendered {
padding: 10px 20px;
line-height: 22px;
}
.woocommerce-page .select2-container--default .select2-search--dropdown .select2-search__field,
.woocommerce-page .select2-dropdown {
border-color: rgba(0, 0, 0, .05);
}
.checkout-col h3#order_review_heading {
padding: 0;
background-color: transparent;
margin-bottom: 10px;
}
.woocommerce-page table.shop_table {
border: none;
}
.woocommerce-page select {
font-size: 14px;
}
.woocommerce-page table.shop_table thead {
font-weight: 500;
font-size: 16px;
border-bottom: 1px solid #eee;
}
.woocommerce-page.woocommerce-checkout tr.cart_item {
font-size: .9em;
}
.woocommerce-page table.shop_table thead * {
color: inherit;
text-transform: inherit;
font-style: inherit;
font-size: inherit;
}
.woocommerce-order-details table.shop_table .product-total {
text-align: right;
}
.woocommerce table.shop_table th {
padding: 10px 0px;
border-top: none;
border-right: none;
color: var(--jl-txt-color);
text-transform: capitalize;
}
.woocommerce table.shop_table .cart-subtotal th {
border-bottom: 0px;
}
.woocommerce-cart table.shop_table th.product-name {
position: absolute;
left: 0px;
top: 0px;
}
.woocommerce-cart table.shop_table th {
padding-right: 0px;
padding-left: 0px;
color: var(--jl-txt-color);
font-size: 17px;
font-family: var(--jl-title-font);
font-weight: var(--jl-title-font-weight);
text-transform: var(--jl-title-transform);
letter-spacing: var(--jl-title-space);
line-height: var(--jl-title-line-height);
}
.woocommerce table.shop_table td {
border-right: none;
padding: 9px 0px;
}
.woocommerce table.shop_table td.product-total {
text-align: right;
}
form.woocommerce-checkout th {
text-transform: uppercase;
font-size: 16px;
}
form.woocommerce-checkout .cart-subtotal th {
text-transform: none;
font-size: .9rem;
}
form.woocommerce-checkout .woocommerce-NoticeGroup {
margin-bottom: 2rem;
}
.woocommerce-page #payment {
background-color: transparent;
}
.wc-single-featured {
position: relative;
display: block;
width: 100%;
}
.woocommerce .jl_smmain_con div.product div.images,
.woocommerce div.product div.images,
.woocommerce-page .jl_smmain_con div.product div.images,
.woocommerce-page div.product div.images {
float: none;
margin-bottom: 0;
width: auto;
}
.woocommerce-page #payment ul.payment_methods {
padding-right: 0;
padding-left: 0;
border-bottom-color: rgba(0, 0, 0, .05);
margin-bottom: 20px;
}
.woocommerce-page #payment ul.payment_methods li {
padding: 0;
border: none;
color: inherit;
list-style: none;
line-height: 1.7;
}
.woocommerce-page #payment ul.payment_methods li label {
cursor: pointer;
}
.woocommerce-page #payment div.form-row {
padding: 0px;
}
.woocommerce-page #payment #place_order,
.woocommerce-checkout .checkout_coupon button.button{
font-family: var(--jl-menu-font);
font-size: var(--jl-button-font-size);
font-weight: var(--jl-button-font-weight);
text-transform: var(--jl-button-transform);
letter-spacing: var(--jl-button-space);
display: block;
background-color: var(--jl-main-color);
color: #fff !important;
display: flex;
height: 43px;
padding: 0px 30px;
margin-top: 0px;
-o-transition: .25s;
-ms-transition: .25s;
-moz-transition: .25s;
-webkit-transition: .25s;
transition: .25s;
border: 0px;
outline: none;
border-radius: var(--jl-button-radius);
-webkit-font-smoothing: auto;
}
.woocommerce-page #payment #place_order:hover,
.woocommerce-checkout .checkout_coupon button.button:hover{
background-color: var(--jl-btn-bg) !important;
}
.woocommerce-page #payment div.payment_box {
background-color: var(--jl-post-line-color);
}
.woocommerce-page #payment div.payment_box:before {
border: 1em solid var(--jl-post-line-color);
border-top-color: transparent;
border-right-color: transparent;
border-left-color: transparent;
}
.woocommerce .woocommerce-error strong {
color: var(--jl-txt-color);
}
.select2-container--default .select2-results>.select2-results__options, .select2-container--default .select2-search--dropdown .select2-search__field{
color: #000;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
color: var(--jl-txt-color);
}
/* checkout */
.woocommerce-page .checkout-col {
display: block;
float: left;
}
.woocommerce-page .checkout-col.col-left {
padding-right: 0%;
width: 100%;
}
.woocommerce-page .checkout-col.col-right {
padding: 0px;
width: 100%;
border: 0px;
margin-top: 20px;
}
.woocommerce-checkout .checkout-col.col-left .col2-set > * {
width: 48%;
max-width: 48%;
padding: 0px;
}
/* cart page */
.woocommerce-cart.woocommerce-page .woocommerce {
position: relative;
display: block;
}
.woocommerce-page.woocommerce-cart .woocommerce-cart-form,
.woocommerce-page.woocommerce-cart .cart-collaterals {
display: block;
float: left;
}
.woocommerce-page.woocommerce-cart .cart-collaterals .cart_totals {
width: 100%;
margin-top: 50px;
}
.woocommerce-page.woocommerce-cart .cart-subtotal td,
.woocommerce-page.woocommerce-cart .order-total td {
text-align: right;
}
.woocommerce-page.woocommerce-cart .woocommerce-cart-form {
padding-right: 0px;
width: 100%;
}
.woocommerce-page.woocommerce-cart .cart-collaterals {
width: 100%;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
font-family: var(--jl-menu-font);
font-size: var(--jl-button-font-size);
font-weight: var(--jl-button-font-weight);
text-transform: var(--jl-button-transform);
letter-spacing: var(--jl-button-space);
background-color: var(--jl-main-color);
color: #fff !important;
display: inline-flex;
height: 43px;
padding: 0px 30px !important;
margin-top: 0px;
margin-bottom: 0px;
transition: .25s !important;
border: 0px;
outline: none;
border-radius: var(--jl-button-radius);
width: auto;
text-decoration: none !important;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
background-color: var(--jl-btn-bg) !important;
}
.woocommerce-cart table.cart img {
width: 100px;
height: auto;
border-radius: 0px;
}
.woocommerce a.remove {
position: relative;
width: 24px;
height: 24px;
border: none;
border-radius: 0;
font-weight: lighter;
font-size: 0 !important;
line-height: 0 !important;
-webkit-transition: all .3s cubic-bezier(0.32, 0.74, 0.57, 1);
-moz-transition: all .3s cubic-bezier(0.32, 0.74, 0.57, 1);
-ms-transition: all .3s cubic-bezier(0.32, 0.74, 0.57, 1);
-o-transition: all .3s cubic-bezier(0.32, 0.74, 0.57, 1);
transition: all .3s cubic-bezier(0.32, 0.74, 0.57, 1);
-webkit-box-shadow: inset 0 -1px 0 transparent !important;
-moz-box-shadow: inset 0 -1px 0 transparent !important;
box-shadow: inset 0 -1px 0 transparent !important;
}
.woocommerce a.remove:before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: block;
content: '\e913';
text-align: center;
font-weight: 400;
font-size: 11px;
font-family: 'jl_font';
line-height: 24px;
}
.woocommerce-page .woocommerce-MyAccount-navigation ul li {
padding: 0px;
font-weight: 400;
}
.woocommerce-page .woocommerce-MyAccount-navigation ul li a:hover {
text-decoration: none !important;
}
.woocommerce table.shop_table {
border-collapse: collapse;
position: relative;
}
.woocommerce table.shop_table tr{
border-bottom: 1px solid #e6e6e6;
}
.woocommerce table.shop_table tbody tr:first-child td{
border-top: none;
}
.woocommerce-cart .woocommerce table.shop_table td{
padding-right: 20px;
padding-left: 20px;
text-align: center;
}
.woocommerce-cart .cart-collaterals .cart_totals tr td {
text-align: right;
}
.woocommerce-cart .woocommerce table.shop_table td.product-name{
padding-top: 20px;
padding-bottom: 20px;
text-align: left;
font-size: 1rem;
}
.woocommerce-page .product-name a{
border: 0px;
-webkit-box-shadow: inset 0 -1px 0 transparent !important;
-moz-box-shadow: inset 0 -1px 0 transparent !important;
box-shadow: inset 0 -1px 0 transparent !important;
}
.woocommerce-cart .woocommerce table.shop_table td.product-thumbnail{
padding: 15px 0;
min-width: 80px;
max-width: 80px;
}
.woocommerce-page.woocommerce-cart table.shop_table thead *:not(.product-name){
text-align: right;
}
.woocommerce .order-total {
text-transform: uppercase;
font-size: 1rem !important;
}
.woocommerce .order-total * {
font-size: inherit !important;
}
.woocommerce-cart .woocommerce table.shop_table tbody tr:first-child td {
border-width: 0;
}
.woocommerce-cart .woocommerce table.cart tr.cart_item td.product-name {
text-align: left;
}
.woocommerce-cart .woocommerce table.cart tr.cart_item td.product-name a {
color: var(--jl-theme-head-color);
text-decoration: none !important;
font-family: var(--jl-title-font);
font-weight: var(--jl-title-font-weight);
text-transform: var(--jl-title-transform);
letter-spacing: var(--jl-title-space);
line-height: var(--jl-title-line-height);
}
.woocommerce-cart .woocommerce table.cart tr.cart_item td.product-name a:hover{
background: transparent;
color: var(--jl-main-color);
}
.woocommerce-cart .woocommerce table.cart tr.cart_item td.product-thumbnail {
width: 86px;
padding-right: 28px;
}
.woocommerce-cart .woocommerce table.cart tr.cart_item td.product-thumbnail a {
display: block;
border-bottom: 0px;
-webkit-box-shadow: inset 0 0px 0 var(--jl-single-color);
box-shadow: inset 0 0px 0 var(--jl-single-color);
}
.woocommerce-cart .woocommerce table.cart tr.cart_item td.product-remove {
padding: 0 5px;
text-align: center;
width: 50px;
}
.woocommerce-cart .woocommerce table.cart tr.cart_item td.product-remove a {
padding-left: 0px;
display: inline-block;
position: relative;
}
table.cart tr.cart_item td.product-remove a:hover {
background: transparent;
}
table.cart tr.cart_item td.product-remove a {
color: var(--jl-txt-color);
font-size: 0;
line-height: 1;
display: block !important;
}
table.cart tr.cart_item td.product-remove a:before {
content: '\e913';
color: var(--jl-txt-color);
font-family: 'jl_font';
font-size: 12px;
}
.woocommerce-cart .woocommerce table.cart tr.cart_item td {
padding: 10px 0;
vertical-align: middle;
text-align: right;
}
.woocommerce-cart .woocommerce-cart-form .actions {
padding-top: 20px;
padding-right: 0 !important;
padding-left: 0 !important;
border-top-width: 0;
}
.woocommerce-cart .woocommerce-cart-form .actions button.button {
display: block;
float: right;
opacity: 1;
}
.woocommerce-cart .woocommerce-cart-form .actions .coupon {
display: block;
margin-bottom: 10px;
}
.woocommerce-cart.woocommerce-page .woocommerce-cart-form .coupon input.input-text {
display: block;
float: left;
margin: 0 !important;
margin-bottom: 10px;
padding: 0 0 0 20px !important;
width: 200px !important;
border: 1px solid #dfdfdf !important;
background-color: #fff !important;
line-height: 40px !important;
height: 40px;
}
.woocommerce-cart.woocommerce-page .woocommerce-cart-form .coupon button {
display: block;
float: left;
background-color: #000;
color: #fff;
line-height: 40px !important;
margin-left: 10px;
font-size: 13px;
padding: 0px 40px;
}
.woocommerce-cart.woocommerce-page .woocommerce-cart-form .coupon button:hover {
background-color: var(--jl-btn-bg);
color: #fff;
}
.woocommerce-cart .return-to-shop {
display: block;
text-align: center;
}
.woocommerce-cart .cart-empty {
margin-top: 0;
text-align: center;
font-style: italic;
}
.woocommerce-cart .return-to-shop a.button {
font-family: var(--jl-menu-font);
font-size: var(--jl-button-font-size);
font-weight: var(--jl-button-font-weight);
text-transform: var(--jl-button-transform);
letter-spacing: var(--jl-button-space);
background-color: var(--jl-main-color);
color: #fff !important;
display: inline-flex;
height: 48px;
padding: 0px 30px !important;
margin-top: 0px;
margin-bottom: 0px;
transition: .25s !important;
border: 0px;
outline: none;
border-radius: var(--jl-button-radius);
width: auto;
text-decoration: none !important;
}
.hidden-title-form{
display: none;
}
.hidden-title-form {
margin-bottom: 35px;
text-align: center;
}
.hidden-title-form > * {
vertical-align: top;
}
.hidden-title-form input[type="submit"],
.hide-title-form.button {
line-height: 42px;
height: 42px;
}
/* single page */
.jl-wc-wrap .jl-wc-img,
.jl-wc-wrap .jl-wc-dec {
width: 50%;
}
.woocommerce div.product div.summary {
float: none;
margin-bottom: 0;
padding-left: 0px;
width: 100%;
}
.woocommerce div.product div.summary .woocommerce-product-details__short-description{
margin-bottom: 30px;
}
.woocommerce div.product .product_title{
font-size: 35px;
}
h1.product_title {
margin-bottom: 20px;
}
.woocommerce.single .summary .price .woocommerce-Price-currencySymbol {
margin-right: 4px;
}
.woocommerce-product-details__short-description {
display: block;
margin-bottom: 0px;
}
.woocommerce-product-details__short-description p {
font-weight: inherit;
font-size: inherit;
font-family: inherit;
line-height: inherit;
}
.woocommerce-product-details__short-description p:last-child {
margin-bottom: 0px;
}
.woocommerce .product .summary .price {
margin-bottom: 13px;
white-space: nowrap;
font-size: 23px;
line-height: 1.2;
font-family: var(--jl-menu-font);
}
.woocommerce .summary .price * {
text-decoration: none;
font-weight: inherit;
font-size: inherit;
line-height: inherit;
}
.woocommerce.single-product .product .summary .price del {
margin-right: 10px;
color: #555;
text-decoration: line-through;
}
.woocommerce div.product p.price,
.woocommerce div.product span.price {
color: inherit;
}
.woocommerce div.product p.price ins,
.woocommerce div.product span.price ins {
font-weight: inherit;
}
.woocommerce button.button:disabled[disabled]:hover {
background: #000;
color: #fff;
cursor: pointer;
}
.woocommerce-cart .woocommerce-cart-form .actions button.button,
.woocommerce button.button.disabled,
.woocommerce button.button:disabled[disabled],
.woocommerce input.button.disabled,
.woocommerce input.button:disabled[disabled] {
font-family: var(--jl-menu-font);
font-size: var(--jl-button-font-size);
font-weight: var(--jl-button-font-weight);
text-transform: var(--jl-button-transform);
letter-spacing: var(--jl-button-space);
display: block;
background-color: var(--jl-main-color);
color: #fff !important;
display: flex !important;
height: 40px;
padding: 0px 30px;
margin-top: 0px;
-o-transition: .25s;
-ms-transition: .25s;
-moz-transition: .25s;
-webkit-transition: .25s;
transition: .25s;
border: 0px;
outline: none;
border-radius: var(--jl-button-radius);
}
.woocommerce-cart .woocommerce-cart-form .actions button.button:hover,
.woocommerce button.button.disabled:hover,
.woocommerce button.button:disabled[disabled]:hover,
.woocommerce input.button.disabled:hover,
.woocommerce input.button:disabled[disabled]:hover {
background-color: var(--jl-btn-bg) !important;
}
/* single rating */
.woocommerce.single-product .summary .woocommerce-product-rating {
position: relative;
display: flex;
display: -webkit-flex;
margin-bottom: 15px;
align-items: center;
}
.woocommerce.single-product .summary .woocommerce-product-rating > * {
float: left;
}
.woocommerce.single-product .product .summary .star-rating {
margin: 0 10px 0 0;
padding: 0;
width: auto;
height: auto;
letter-spacing: 0;
font-size: 0;
display: inline;
}
.woocommerce.single-product .product .summary .star-rating:before,
.woocommerce.single-product .product .summary .star-rating span:before {
margin: 0;
letter-spacing: 3px;
font-size: 14px;
line-height: 1;
}
.woocommerce.single-product .product .summary .woocommerce-review-link {
font-size: 15px;
font-family: var(--jl-menu-font);
}
.product_meta {
margin-top: 30px;
font-weight: 500;
font-family: var(--jl-menu-font);
font-size: 12;
font-weight: var(--jl-cat-font-weight);
letter-spacing: var(--jl-cat-font-space);
text-transform: var(--jl-cat-transform);
}
.product_meta > * {
display: block;
clear: both;
margin-top: 5px;
}
.product_meta a {
text-transform: uppercase;
text-transform: none;
-webkit-transition: color .3s cubic-bezier(0.32, 0.74, 0.57, 1);
-moz-transition: color .3s cubic-bezier(0.32, 0.74, 0.57, 1);
-ms-transition: color .3s cubic-bezier(0.32, 0.74, 0.57, 1);
-o-transition: color .3s cubic-bezier(0.32, 0.74, 0.57, 1);
transition: color .3s cubic-bezier(0.32, 0.74, 0.57, 1);
}
.product_meta a:first-child {
margin-left: 10px;
}
/* stock */
.woocommerce div.product p.stock {
margin-bottom: 20px;
color: #555;
font-style: italic;
}
.woocommerce div.product p.stock.out-of-stock {
color: #000;
}
.woocommerce .single-product-content span.onsale {
left: 15px;
top: 15px;
padding: 0 20px;
font-size: 14px;
line-height: 32px;
height: 32px;
}
.woocommerce .single-product-content span.onsale.percent {
top: 10px;
left: 10px;
padding: 0;
width: 70px;
height: 70px;
white-space: nowrap;
font-size: 20px;
line-height: 70px;
}
/* product quantity */
.woocommerce div.product form.cart div.quantity {
float: left;
margin: 0 15px 0 0;
border-radius: var(--jl-button-radius);
}
.woocommerce .quantity {
position: relative;
padding-right: 30px;
padding-left: 30px;
width: 80px;
height: 40px;
border: 1px var(--jl-sline, solid) var(--jl-post-line-color);
line-height: 40px;
display: inline-block;
font-family: var(--jl-menu-font);
border-radius: var(--jl-button-radius);
}
.woocommerce input[type="number"]::-webkit-inner-spin-button,
.woocommerce input[type="number"]::-webkit-outer-spin-button {
margin: 0;
-webkit-appearance: none;
}
.pswp {
z-index: 9999;
}
.woocommerce .quantity .qty {
position: absolute;
top: 0;
right: 30px;
bottom: 0;
left: 30px;
margin: auto;
padding: 0px;
width: 20px;
border: none;
background: transparent;
font-size: 14px;
line-height: 34px;
}
.woocommerce div.product form.cart .quantity {
width: 100px;
}
.woocommerce div.product form.cart .quantity .qty {
width: 40px;
outline: none;
}
.jlb-btn {
position: absolute;
top: 0;
right: auto;
bottom: 0;
left: 0;
z-index: 10;
display: block;
width: 30px;
height: 38px;
text-align: center;
font-size: 18px;
line-height: 1;
cursor: pointer;
}
.jlb-btn.up {
right: 0;
left: auto;
}
.jlb-btn:before {
position: absolute;
top: 50%;
right: auto;
bottom: auto;
left: 10px;
display: block;
width: 10px;
border-top: 2px solid #555;
content: '';
}
.jlb-btn.up:after {
position: absolute;
top: 50%;
right: auto;
bottom: auto;
left: 10px;
display: block;
width: 10px;
border-top: 2px solid #555;
content: '';
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
.woocommerce div.product form.cart .button {
background-color: #000;
color: #fff;
white-space: nowrap;
height: 40px;
}
.woocommerce div.product form.cart .button:hover,
.woocommerce div.product form.cart .button:focus {
background-color: var(--jl-btn-bg);
}
.woocommerce div.product form.cart .variations {
margin-bottom: 30px;
}
.woocommerce div.product form.cart .wc-no-matching-variations {
border: none;
background-color: rgba(0, 0, 0, .015);
font-size: 12px;
}
.woocommerce #respond input#submit:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.product-buttons .add-to-cart a:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce .product-buttons .add-to-cart a:hover {
background-color: var(--jl-btn-bg);
color: #fff;
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
line-height: 22px;
}
.woocommerce form .form-row .woocommerce-input-wrapper {
width: 100%;
}
.woocommerce-grouped-product-list.group_table{
border-color: transparent !important;
}
.woocommerce-grouped-product-list.group_table .woocommerce-grouped-product-list-item td{
vertical-align: middle !important;
}
.woocommerce-grouped-product-list.group_table .woocommerce-grouped-product-list-item__label label{
margin-bottom: 0px;
}
.woocommerce-grouped-product-list.group_table .woocommerce-grouped-product-list-item__label a{
font-family: var(--jl-title-font);
font-weight: var(--jl-title-font-weight);
text-transform: var(--jl-title-transform);
letter-spacing: var(--jl-title-space);
line-height: var(--jl-title-line-height);
}
.woocommerce td.product-name dl.variation{
display: flex;
flex-wrap: wrap;
font-size: 13px;
align-items: center;
}
.woocommerce td.product-name dl.variation dd p{
font-size: inherit;
}
.woocommerce td.product-name dl.variation dd{
margin-right: 10px;
}
/* product variable */
.woocommerce div.product form.cart .variations .label{
padding: 0px;
font-size: 13px;
}
.woocommerce div.product form.cart .variations td,
.woocommerce div.product form.cart .variations tr {
display: block;
clear: both;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
width: 100%;
}
.woocommerce div.product form.cart .variations td.label {
margin-bottom: 4px;
padding-right: 0;
}
.woocommerce div.product form.cart .variations tr {
margin-bottom: 10px;
}
.woocommerce div.product form.cart .variations tr:last-of-type {
margin-bottom: 0;
}
.woocommerce div.product form.cart .variations select {
margin: 0;
padding: 10px;
border-color: rgba(0, 0, 0, .05);
line-height: 1.2;
}
.woocommerce div.product form.cart .variations option {
display: block;
white-space: normal;
font-size: 14px;
line-height: 34px;
}
.woocommerce div.product form.cart .reset_variations {
display: flex;
align-items: center;
clear: both;
margin-top: 10px;
width: 100%;
font-size: 12px;
line-height: 1.2;
font-weight: 600;
color: #d61919 !important;
}
.woocommerce div.product form.cart .reset_variations:before{
content: '\e906';
font-family: jl_font !important;
font-size: 7px;
margin-right: 3px;
}
.woocommerce-variation-description{
margin-bottom: 20px;
}
.woocommerce div.product form.cart .reset_variations:hover {
color: #000;
}
.woocommerce div.product .summary .woocommerce-variation-price .price {
position: relative;
display: block;
margin-top: -10px;
margin-bottom: 20px;
}
.jl-wc-wrap.single-product-content {
width: 100%;
display: flex;
gap: 40px;
}
.woocommerce .single-product-wrap .woocommerce-message,
.woocommerce .single-product-wrap .woocommerce-error,
.woocommerce .single-product-wrap .woocommerce-info {
margin-bottom: 60px;
}
.woocommerce div.product .woocommerce-tabs:after {
display: table;
content: '';
clear: both;
}
/* single product tab */
.woocommerce div.product .woocommerce-tabs {
width: 100%;
position: relative;
display: block;
margin-top: 50px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
margin-bottom: 30px;
padding: 0;
border: none;
z-index: 2;
display: flex;
gap: 30px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs:before,
.woocommerce div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce div.product .woocommerce-tabs ul.tabs li:after {
display: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
margin-right: 0px;
margin-left: 0px;
padding-right: 0;
padding-left: 0;
border: none;
-webkit-border-radius: 0;
border-radius: 0;
background: transparent !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
padding: 0;
border-bottom: 2px solid transparent;
font-weight: 800;
font-size: 15px;
line-height: 30px;
font-family: var(--jl-menu-font);
color: var(--jl-txt-color);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
text-decoration: none !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
border-color: currentColor;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:not(.active) a:hover {
color: var(--jl-txt-color);
}
.woocommerce div.product .woocommerce-tabs .panel {
margin-bottom: 0;
}
.woocommerce table.shop_attributes {
padding: 2%;
border: 1px solid rgba(0, 0, 0, .05);
}
.woocommerce table.shop_attributes td,
.woocommerce table.shop_attributes tr,
.woocommerce table.shop_attributes th {
border: none;
}
.woocommerce table.shop_attributes th {
font-size: .9rem;
}
.woocommerce table.shop_attributes td {
padding-left: 20px;
}
.woocommerce #reviews #comments h2 {
display: block;
margin-top: 0;
margin-bottom: 20px;
padding: 0;
text-align: left;
}
.woocommerce #reviews #comments ol.commentlist{
padding: 0px;
width: 100%;
display: grid;
overflow: hidden;
grid-template-columns: repeat(1,minmax(0,1fr));
grid-row-gap: 30px;
}
.woocommerce #reviews #comments ol.commentlist::before, .woocommerce #reviews #comments ol.commentlist::after{
display: none;
}
.woocommerce #reviews #comments ol.commentlist li{
margin-bottom: 0px;
}
.woocommerce #reviews #comments ol.commentlist li img.avatar{
border: 0px;
padding: 0px;
width: 50px;
border-radius: 100px;
position: static;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text{
margin: 0 0 0 65px;
border: 0px;
padding: 0px;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta{
margin-bottom: 5px;
}
.woocommerce #reviews #comments ol.commentlist .description > *:last-child{
margin-bottom: 0px;
}
.woocommerce #reviews #comments ol.jl_commentlist li {
margin-bottom: 40px;
}
.woocommerce #reviews #comments ol.jl_commentlist li:last-child {
margin-bottom: 0;
}
.woocommerce #reviews #comments ol.jl_commentlist li .comment-text {
margin-bottom: 0;
margin-left: 65px;
padding: 10px 20px;
border: none;
-webkit-border-radius: 0;
border-radius: 0;
background-color: #f6f6f6;
}
.woocommerce #reviews #comments ol.jl_commentlist li .comment-text .star-rating {
position: absolute;
top: 15px;
right: 20px;
margin: 0;
}
.woocommerce #reviews #comments ol.jl_commentlist li img.avatar {
display: block;
margin-top: 5px;
padding: 0;
width: 50px;
height: 50px;
border: none;
-webkit-border-radius: 50%;
border-radius: 50%;
object-fit: cover;
-webkit-object-fit: cover;
}
.woocommerce #reviews #comments ol.jl_commentlist li .comment-text p.meta {
margin-bottom: 7px;
font-size: inherit;
line-height: 1.2;
}
.woocommerce #reviews #comments ol.jl_commentlist li .comment-text p.meta .woocommerce-review__author {
font-size: .75rem;
}
.woocommerce #reviews #comments ol.jl_commentlist li .comment-text p.meta time {
color: #aaa;
font-style: italic;
font-size: .75rem;
}
.woocommerce #comments {
display: block;
margin-bottom: 45px;
}
.woocommerce #review_form form > *, .woocommerce #review_form #respond p{
margin-bottom: 20px;
}
.woocommerce #review_form label {
display: block;
margin-bottom: 10px;
}
.woocommerce .comment-form-cookies-consent {
display: flex;
display: -webkit-flex;
align-items: center;
width: 100%;
padding-top: 0px;
}
.woocommerce #review_form .comment-form-cookies-consent label {
margin-bottom: 0;
}
.woocommerce #review_form #respond .form-submit input {
padding: 0 40px;
line-height: 42px;
}
.woocommerce #review_form #respond textarea {
margin-top: 0;
margin-bottom: 0;
}
.woocommerce #review_form #respond .form-submit {
margin-top: 0px;
margin-bottom: 0px;
}
.woocommerce #review_form .comment-form-rating .stars {
margin-bottom: 0;
font-size: 15px;
}
.comment-form-rating {
display: flex;
display: -webkit-flex;
align-items: center;
}
.comment-form-rating label {
margin-right: 20px;
}
.comment-form-rating p.stars {
line-height: 1;
}
.woocommerce #review_form .comment-form-rating a {
color: inherit !important;
}
.woocommerce #review_form .comment-reply-title {
display: block;
margin-bottom: 10px;
padding-right: 0;
padding-left: 0;
}
.woocommerce #review_form #commentform {
text-align: left;
}
.woocommerce-noreviews {
font-style: italic;
margin-bottom: 0px;
}
.woocommerce-message .button.wc-forward {
padding: 0 30px !important;
}
.woocommerce-message .button.wc-forward:hover {
color: #fff !important;
}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
position: absolute;
top: 15px;
right: 15px;
width: 42px;
height: 42px;
-webkit-border-radius: 0;
border-radius: 0;
background-color: #000;
color: #fff !important;
text-indent: 0;
font-size: 0 !important;
-webkit-transition: opacity .3s cubic-bezier(0.32, 0.74, 0.57, 1);
-moz-transition: opacity .3s cubic-bezier(0.32, 0.74, 0.57, 1);
-ms-transition: opacity .3s cubic-bezier(0.32, 0.74, 0.57, 1);
-o-transition: opacity .3s cubic-bezier(0.32, 0.74, 0.57, 1);
transition: opacity .3s cubic-bezier(0.32, 0.74, 0.57, 1);
}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger:hover {
opacity: .7;
}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger:after {
display: none;
}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger:before {
top: 0;
left: 0;
margin: auto;
padding-left: 2px;
width: 40px;
height: 42px;
border: none;
-webkit-border-radius: 0;
border-radius: 0;
content: '\e92a';
text-align: center;
letter-spacing: 0;
font-style: normal;
font-size: 15px;
font-family: 'jl_font';
line-height: 42px;
}
.woocommerce #review_form #respond .comment-form-comment{
max-width: 787px;
}
.woocommerce #reviews #comment{
height: 165px;
}
.woocommerce #review_form #respond .form-submit input,
.woocommerce div.product form.cart .single_add_to_cart_button,
.woocommerce a.button.alt{
background-color: var(--jl-main-color) !important;
-webkit-font-smoothing: auto;
}
.woocommerce #review_form #respond .form-submit input:hover,
.woocommerce div.product form.cart .single_add_to_cart_button:hover,
.woocommerce a.button.alt:hover{
background-color: var(--jl-btn-bg) !important;
}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger img {
opacity: 0 !important;
}
/* related product */
.products.related{
margin-top: 40px;
}
.products.related,
.upsells.products,
section.cross-sells {
position: relative;
display: flex;
flex-direction: column;
width: 100%;
}
.products.related .products,
.upsells.products .products,
section.cross-sells .products {
text-align: left;
}
.woocommerce .cross-sells {
position: relative;
display: block;
margin-top: 50px;
float: left;
width: 100%;
}
.upsells.products {
position: relative;
display: block;
margin-bottom: 60px;
padding-bottom: 20px;
border-bottom: 1px solid rgba(0, 0, 0, .05);
}
.related.related > h2,
.upsells.products > h2,
.woocommerce .cross-sells > h2 {
position: relative;
display: inline-block;
clear: both;
margin-bottom: 30px;
}
/* wc header */
.woocommerce .breadcrumb-wc {
text-align: center;
}
.single-product.woocommerce .breadcrumb-wc {
margin-bottom: 20px;
text-align: left;
}
.woocommerce .woocommerce-products-header {
display: block;
margin-bottom: 35px;
}
.woocommerce-page h1.page-title {
padding-bottom: 0px;
margin-bottom: 0px;
font-size: 40px;
}
.woocommerce .term-description {
display: block;
margin-top: 25px;
margin-right: auto;
margin-left: auto;
max-width: 700px;
color: #555;
font-style: italic;
}
/* wc sidebar */
.wc-area {
position: relative;
display: block;
padding-bottom: 20px;
}
.wc-area .pagination-wrap {
margin-top: 5px;
margin-bottom: 40px;
}
.wc-area.has-sidebar .jlc-container {
display: block;
float: left;
width: 66.777%;
}
.woocommerce.widget {
position: relative;
display: block;
}
.widget_product_tag_cloud .tagcloud {
position: relative;
display: block;
overflow: hidden;
}
.woocommerce .widget_rating_filter ul li a {
display: block;
margin-bottom: 10px;
}
.woocommerce .widget_rating_filter ul li:last-child a {
margin-bottom: 0;
}
.widget_layered_nav ul:not(.children) > li:last-child a {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
.widget_layered_nav .woocommerce-widget-layered-nav-list__item {
margin-bottom: 0px;
}
.widget_layered_nav li:not(.children):last-child {
margin-bottom: 0;
}
/* price filter */
.woocommerce .widget_price_filter .ui-slider-horizontal {
height: 3px;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range,
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
background-color: #333;
}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
background-color: #aaa;
}
.widget_price_filter .price_label {
text-align: left;
white-space: nowrap;
font-size: 1rem;
line-height: 1.5;
}
.woocommerce .widget_price_filter .price_slider_amount {
clear: both;
margin-top: 20px;
text-align: left;
font-size: inherit;
line-height: 0;
}
.woocommerce .widget_price_filter .price_slider_amount .button {
float: right;
padding: 0 10px;
border: 1px solid;
color: inherit;
font-size: .875rem;
line-height: 1.7;
border: 0px;
}
.woocommerce .widget_price_filter .price_slider_amount .button:hover {
background-color: var(--jl-btn-bg);
color: #fff;
}
.woocommerce.widget .count {
color: #aaa;
}
.woocommerce-product-search {
position: relative;
display: flex;
}
.woocommerce ul.product_list_widget li {
position: relative;
display: block;
margin-bottom: 20px;
padding-top: 0;
padding-bottom: 0;
}
.woocommerce ul.product_list_widget li .product-title {
font-weight: inherit;
font-style: inherit;
line-height: inherit;
}
.woocommerce ul.cart_list li,
.woocommerce ul.product_list_widget li {
padding-left: 85px;
min-height: 70px;
}
.woocommerce ul.cart_list li img,
.woocommerce ul.product_list_widget li img {
position: absolute;
top: 0;
right: auto;
left: 0;
margin-left: 0;
width: 70px;
object-fit: cover;
-webkit-object-fit: cover;
}
#mini-cart .woocommerce ul.product_list_widget li {
margin-bottom: 20px;
}
.widget_products.woocommerce ul.product_list_widget li {
padding-right: 80px;
padding-left: 0;
min-height: 70px;
}
.widget_products.woocommerce ul.product_list_widget li img {
margin: 0;
width: 70px;
}
.topbar-cart .woocommerce-mini-cart__buttons {
display: block;
clear: both;
overflow: hidden;
}
.topbar-cart .woocommerce ul.cart_list li {
padding-left: 0;
}
.woocommerce-mini-cart__buttons .button.checkout:hover {
color: #fff !important;
background: var(--jl-main-color);
}
.woocommerce ul.cart_list li:last-child,
.woocommerce ul.product_list_widget li:last-child {
margin-bottom: 0;
}
.woocommerce ul.product_list_widget li .star-rating {
display: block;
}
.woocommerce ul.product_list_widget li .star-rating:before,
.woocommerce ul.product_list_widget li .star-rating span:before {
font-size: .75rem !important;
}
.woocommerce ul.product_list_widget li ins {
text-decoration: none !important;
}
.woocommerce ul.product_list_widget li .reviewer {
color: #555;
font-style: italic;
font-size: .875rem;
}
/* mini cart */
.woocommerce-mini-cart-item a.remove.remove_from_cart_button {
position: absolute;
top: 0 !important;
right: 0;
left: auto !important;
z-index: 99;
display: block;
margin: 0;
color: var(--jl-sub-menu-color) !important;
border-radius: 20px;
}
.woocommerce-mini-cart-item a.remove.remove_from_cart_button:hover {
background: transparent !important;
}
.woocommerce.widget_shopping_cart .cart_list li {
padding-left: 0 !important;
}
li.woocommerce-mini-cart-item a:not(.remove) {
font-family: var(--jl-title-font);
font-weight: var(--jl-title-font-weight) !important;
text-transform: var(--jl-title-transform);
letter-spacing: var(--jl-title-space);
display: inline-block !important;
font-size: 16px;
line-height: 1.2;
color: var(--jl-sub-menu-color) !important;
}
li.woocommerce-mini-cart-item a:not(.remove):hover {
color: #000;
text-decoration: none !important;
}
.woocommerce ul.product_list_widget .woocommerce-mini-cart-item .quantity {
display: block;
clear: both;
margin-top: 5px;
padding: 0;
height: auto;
border: none;
white-space: nowrap;
font-size: 13px;
line-height: 1.2;
color: var(--jl-sub-menu-color);
}
.topbar-cart ul.product_list_widget li {
margin-bottom: 20px;
}
.woocommerce-mini-cart__total {
position: relative;
display: block;
margin-top: 20px;
margin-bottom: 20px;
padding-top: 20px !important;
color: var(--jl-sub-menu-color);
border-top: 1px solid var(--jl-sub-line-color);
font-size: 14px;
font-family: var(--jl-menu-font);
}
.woocommerce-mini-cart__total .woocommerce-Price-amount {
float: right;
line-height: 1.2;
font-weight: 400 !important;
}
.woocommerce-mini-cart__total .woocommerce-Price-amount .woocommerce-Price-currencySymbol {
margin: 0 2px;
vertical-align: top;
line-height: 1.2;
}
.woocommerce-mini-cart__total strong,
.nav-cart p.woocommerce-mini-cart__empty-message {
font-style: normal;
line-height: 1.2;
font-weight: 400;
}
.is-light-text .woocommerce-mini-cart__total {
border-color: rgba(255, 255, 255, .25) !important;
}
.woocommerce-mini-cart__buttons {
text-align: center;
margin: 0px;
padding: 0px;
grid-gap: 10px;
display: grid;
grid-template-columns: repeat(2,minmax(0,1fr));
}
.woocommerce-mini-cart__buttons .button {
display: block;
float: left;
margin-right: 3.9%;
width: 48%;
background-color: rgba(255, 255, 255, .15);
-webkit-transition: all .3s cubic-bezier(0.32, 0.74, 0.57, 1) !important;
-moz-transition: all .3s cubic-bezier(0.32, 0.74, 0.57, 1) !important;
-ms-transition: all .3s cubic-bezier(0.32, 0.74, 0.57, 1) !important;
-o-transition: all .3s cubic-bezier(0.32, 0.74, 0.57, 1) !important;
transition: all .3s cubic-bezier(0.32, 0.74, 0.57, 1) !important;
margin-top: 0px !important;
}
.woocommerce-mini-cart__buttons .button.checkout {
float: right;
margin-right: 0 !important;
margin-bottom: 0 !important;
background-color: var(--jl-main-color) !important;
color: #fff;
}
.woocommerce-mini-cart__buttons .button:not(.checkout) {
background-color: var(--jl-main-color) !important;
color: #fff !important;
}
.woocommerce-mini-cart__buttons .button:not(.checkout):before {
position: inherit;
}
.woocommerce-mini-cart__buttons .button:not(.checkout):hover,
.woocommerce-mini-cart__buttons .button:not(.checkout):focus {
background: var(--jl-main-color);
color: #fff;
}
.woocommerce-mini-cart__empty-message {
font-style: italic;
margin-bottom: 0px;
font-size: 14px;
}
.woocommerce table.shop_table tfoot td {
text-align: right !important;
color: var(--jl-txt-color);
}
.woocommerce table.shop_table tfoot tr:first-child th,
.woocommerce table.shop_table tfoot tr:first-child td {
color: var(--jl-txt-color);
}
.woocommerce .woocommerce-customer-details address {
padding: 20px;
border-width: 1px !important;
-webkit-border-radius: 0;
border-radius: 0;
font-style: italic;
}
.woocommerce-customer-details--phone,
.woocommerce-customer-details--email {
margin-top: 7px;
font-weight: 700;
}
.woocommerce h2.woocommerce-order-details__title,
.woocommerce .woocommerce-customer-details .woocommerce-column__title {
display: block;
margin-top: 30px;
margin-bottom: 20px;
text-transform: uppercase;
}
.woocommerce-order-overview {
display: block;
padding: 20px;
background-color: #f6f6f6;
}
.woocommerce-thankyou-order-received {
display: block;
margin-bottom: 20px;
}
.is-light-text div.product .product-loop-content .price del {
color: #f2f2f2;
}
.widget_product_categories .cat-item > a:before {
display: inline-block;
margin-right: 10px;
width: 6px;
height: 6px;
border: 1px solid;
border-radius: 50%;
color: currentColor;
content: '';
vertical-align: middle;
line-height: 1;
opacity: .3;
}
.widget_product_categories .cat-item {
position: relative;
display: block;
margin-bottom: 15px;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 500;
font-size: .75rem;
}
.widget_product_categories .cat-item .count {
float: right;
}
/* shop the post */
.shopthepost.woocommerce span.onsale {
padding: 0 12px;
line-height: 26px;
}
.shopthepost.woocommerce span.onsale.percent {
top: 5px;
left: 5px;
padding-right: 0;
padding-left: 0;
width: 44px;
height: 44px;
white-space: nowrap;
font-size: 13px;
line-height: 44px;
}
.shopthepost.woocommerce .woocommerce-loop-product__title {
margin-bottom: 10px;
font-size: 13px;
line-height: 1.5;
}
.shopthepost.woocommerce .product-thumb {
margin-bottom: 12px;
}
.shopthepost.woocommerce .star-rating:before,
.shopthepost.woocommerce .star-rating span:before {
font-size: 11px;
}
.shopthepost.woocommerce div.product .product-loop-content .price {
font-size: .875rem;
}
.shopthepost.woocommerce .product-buttons .add-to-cart a.button,
.shopthepost.woocommerce .woocommerce .product-buttons .add-to-cart a {
width: 34px;
height: 34px;
}
.shopthepost.woocommerce .product .star-rating {
margin-bottom: 7px;
}
.shopthepost.woocommerce .product-buttons .add-to-cart a:before,
.shopthepost.woocommerce .woocommerce .product-buttons .add-to-cart a:before {
font-size: 12px;
line-height: 34px;
}
.shopthepost.woocommerce .products[class*='wc-col-'] {
margin-right: -10px;
margin-left: -10px;
}
.shopthepost.woocommerce .products[class*='wc-col-'] > .product {
margin-bottom: 20px;
padding-right: 10px;
padding-left: 10px;
}
.product-loop-content {
position: relative;
display: block;
}
.product-loop-content.content-grid {
overflow: hidden;
margin-bottom: -40px;
}
.product-loop-content.content-carousel {
display: block;
clear: both;
padding-bottom: 10px;
width: 100%;
}
.product-loop-content.content-carousel.product-pre-load {
min-height: 30px;
}
.product-loop-content.content-carousel .slick-slide {
margin-right: 10px;
margin-left: 10px;
}
.product-loop-content.content-carousel .product {
margin-bottom: 40px;
}
.product-loop-content.content-carousel .slick-list {
margin-right: -10px;
margin-left: -10px;
}
.woocommerce-page .single-inner {
margin-bottom: 0;
}
.product-loop-content .slider-nav {
top: 10px;
right: 10px;
margin: 0;
width: 50px;
height: 28px;
font-size: 10px;
line-height: 28px;
opacity: 0;
}
.product-loop-content .slider-nav.prev {
right: 62px;
left: auto;
}
.product-loop-content:hover .slider-nav {
opacity: .1;
}
.product-loop-content .slider-nav:hover {
opacity: 1;
}
.woocommerce div.product div.images .flex-control-thumbs li {
width: 16.666667%;
margin: 15px 15px 0px 0px;
}
.woocommerce div.product div.images .flex-control-thumbs li img {
opacity: 1;
}
#mini-cart {
position: absolute;
top: -99999px;
right: -20px;
left: auto;
z-index: 99;
display: block;
visibility: hidden;
padding: 20px;
min-width: 300px;
background-color: #fff;
opacity: 0;
-webkit-transition: opacity .3s cubic-bezier(0.32, 0.74, 0.57, 1);
-moz-transition: opacity .3s cubic-bezier(0.32, 0.74, 0.57, 1);
-ms-transition: opacity .3s cubic-bezier(0.32, 0.74, 0.57, 1);
-o-transition: opacity .3s cubic-bezier(0.32, 0.74, 0.57, 1);
transition: opacity .3s cubic-bezier(0.32, 0.74, 0.57, 1);
-webkit-animation-delay: .3s;
animation-delay: .3s;
pointer-events: none;
}
.woocommerce-page .woocommerce table.woocommerce-checkout-review-order-table .product-total {
text-align: right;
}
.woocommerce-page .cart_totals table.shop_table_responsive th,
.woocommerce-page .cart_totals table.shop_table_responsive td {
padding-right: 0;
padding-left: 0;
}
.woocommerce table.woocommerce-checkout-review-order-table tbody .woocommerce-Price-amount.amount {
font-size: 14px;
}
.woocommerce-page .cart_totals table.shop_table_responsive tr {
padding-top: 0;
padding-bottom: 0;
background-color: transparent;
}
.entry-content .woocommerce tbody tr:nth-child(2n),
.comment-content .woocommerce tbody tr:nth-child(2n) {
background: none;
}
.single-product-content .breadcrumb-inner {
color: #aaa;
}
.single-product-content .breadcrumb-inner a {
color: #333;
}
.products-outer {
position: relative;
display: block;
}
.woocommerce .select2-dropdown {
font-size: .825rem;
}
.woocommerce .select2-container--default .select2-selection--single .select2-selection__arrow {
position: absolute;
top: 50%;
right: 10px;
left: auto;
margin-top: -13px;
height: 26px;
}
.woocommerce-page .select2-results {
font-size: .875rem;
}
.woocommerce-page #ship-to-different-address {
padding: 0;
background-color: transparent;
color: inherit;
}
#ship-to-different-address-checkbox {
display: none;
opacity: 0;
}
#ship-to-different-address-checkbox + span {
display: flex;
display: -webkit-flex;
align-items: center;
}
#ship-to-different-address-checkbox + span:before {
margin: 0 7px 0 0;
padding: 1px;
width: .8rem;
height: .8rem;
border: 1px solid #777;
-webkit-border-radius: 2px;
border-radius: 2px;
color: transparent;
content: "\2714";
vertical-align: middle;
font-size: 10px;
line-height: 1;
-webkit-transition: all .15s cubic-bezier(0.32, 0.74, 0.57, 1);
-moz-transition: all .15s cubic-bezier(0.32, 0.74, 0.57, 1);
-ms-transition: all .15s cubic-bezier(0.32, 0.74, 0.57, 1);
-o-transition: all .15s cubic-bezier(0.32, 0.74, 0.57, 1);
transition: all .15s cubic-bezier(0.32, 0.74, 0.57, 1);
}
.woocommerce #rememberme:checked + span:before,
#ship-to-different-address-checkbox:checked + span:before {
border-color: #000;
background-color: #000;
color: #fff;
}
#ship-to-different-address label {
cursor: pointer;
}
.woocommerce-account:not(.logged-in) .entry-content .woocommerce {
margin-right: auto;
margin-left: auto;
padding: 50px 30px 20px 30px;
max-width: 500px;
border: 1px solid rgba(0, 0, 0, .07);
}
.woocommerce .lost_reset_password .woocommerce-form-row {
width: 400px;
}
/*-------------------------------------------------------------------------------------
Block styles
-------------------------------------------------------------------------------------*/
.wp-block-pullquote.is-style-solid-color blockquote {
max-width: 100%;
}
.wp-block-image figcaption {
display: block;
margin: 3px 0px 0px 0px;
font-weight: 400;
font-size: 13px;
line-height: 1.3;
color: currentColor;
text-align: center;
}
.jl_content .gallery{
display: grid;
margin-top: calc(2rem - 5px);
margin-bottom: calc(2rem - 5px);
text-align: center;
grid-gap: 10px;
}
.gallery-item{
position: relative;
}
.gallery-columns-1{
grid-template-columns: repeat(1,minmax(0,1fr));
}
.gallery-columns-2{
grid-template-columns: repeat(2,minmax(0,1fr));
}
.gallery-columns-3{
grid-template-columns: repeat(3,minmax(0,1fr));
}
.gallery-columns-4{
grid-template-columns: repeat(4,minmax(0,1fr));
}
.gallery-columns-5{
grid-template-columns: repeat(5,minmax(0,1fr));
}
.gallery-columns-6{
grid-template-columns: repeat(6,minmax(0,1fr));
}
.gallery-columns-7{
grid-template-columns: repeat(7,minmax(0,1fr));
}
.gallery-columns-8{
grid-template-columns: repeat(8,minmax(0,1fr));
}
.gallery-columns-9{
grid-template-columns: repeat(9,minmax(0,1fr));
}
.blocks-gallery-grid figcaption,
.wp-block-gallery figcaption {
font-size: 13px;
text-align: center;
}
#gallery-1 img {
border: 0px !important;
}
.wp-block-search .wp-block-search__input {
height: 40px;
background: transparent;
color: var(--jl-txt-color);
border: 1px var(--jl-sline, solid) var(--jl-post-line-color);
border-radius: var(--jl-button-radius) 0px 0px var(--jl-button-radius);
}
.wp-block-archives-list{
max-width: 350px;
}
.wp-block-archives-list a{
display: flex !important;
text-decoration: none !important;
}
.wp-block-archives-list a:hover{
text-decoration: none !important;
}
.wp-block-archives-list span{
margin-right: 0px;
margin-left: auto;
background: #222;
color: #fff;
text-align: center;
min-width: 24px;
height: 24px;
line-height: 24px;
border-radius: 4px;
padding: 0px 5px;
font-size: 80%;
}
.wp-block-archives-list,
.wp-block-rss {
padding: 0px !important;
display: flex;
flex-direction: column;
gap: 10px;
}
.wp-block-archives-list li,
.wp-block-rss li {
padding: 0px !important;
margin: 0px !important;
list-style: none;
position: relative;
}
.wp-block-archives-list li a{
font-size: 14px;
}
.wp-block-rss li a {
font-size: 16px;
}
.wp-block-archives-list li a,
.wp-block-rss li a,
.wp-block-categories li a{
padding-left: 15px;
display: inline-flex;
align-items: center;
color: var(--jl-txt-color) !important;
font-family: var(--jl-menu-font);
font-weight: var(--jl-cat-font-weight);
transition: all 0.3s ease 0s !important;
}
.wp-block-archives-list li a:hover,
.wp-block-rss li a:hover,
.wp-block-categories li a:hover{
color: var(--jl-main-color) !important;
}
.wp-block-archives-list li a:before,
.wp-block-rss li a:before {
content: '';
position: absolute;
margin-left: -15px;
border: solid currentcolor;
border-width: 0 1px 1px 0;
display: inline-block;
padding: 2px;
vertical-align: middle;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
.wp-block-categories{
max-width: 350px;
margin: 0px;
}
.wp-block-categories,
.wp-block-categories li,
.wp-block-categories ul{
display: flex;
flex-direction: column;
gap: 7px;
}
.wp-block-categories ul{
margin-top: 0px !important;
}
.wp-block-categories li{
margin-bottom: 0 !important;
list-style: none;
font-family: var(--jl-menu-font);
font-size: 15px;
font-weight: var(--jl-cat-font-weight);
}
.wp-block-categories li a:before{
content: '';
position: absolute;
margin-left: -15px;
border: solid currentcolor;
border-width: 0 1px 1px 0;
display: inline-block;
padding: 2px;
vertical-align: middle;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
.wp-block-categories li a{
display: flex;
align-items: center;
color: var(--jl-txt-color);
text-decoration: none !important;
transition: all 0.3s ease 0s !important;
}
.wp-block-categories li a:hover{
text-decoration: none !important;
color: var(--jl-main-color);
}
.wp-block-categories li a span{
margin-right: 0px;
margin-left: auto;
background: #222;
color: #fff;
text-align: center;
min-width: 24px;
height: 24px;
line-height: 24px;
border-radius: 4px;
padding: 0px 5px;
font-size: 80%;
}
.wp-block-search input[type='submit'],
.wp-block-search button {
height: 40px;
display: flex;
padding: 0px 20px !important;
background-color: var(--jl-main-color);
color: #fff !important;
border-width: 0px !important;
margin: 0px;
align-items: center;
font-family: var(--jl-menu-font);
font-size: var(--jl-button-font-size);
font-weight: var(--jl-button-font-weight);
text-transform: var(--jl-button-transform);
letter-spacing: var(--jl-button-space);
border-radius: 0px var(--jl-button-radius) var(--jl-button-radius) 0px;
}
.wp-block-cover,
.wp-block-cover-image {
height: auto;
color: #fff;
}
.wp-block-cover .wp-block-cover__inner-container p{
color: #fff;
}
.wp-block-cover .wp-block-cover__inner-container p:last-child{
margin-bottom: 0px;
}
.wp-block-cover a {
box-shadow: none !important;
color: #fff !important;
}
.wp-block-cover a:hover {
color: #fff !important;
background: transparent !important;
}
.alignfull.wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper iframe {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
}
.alignfull.wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper:before {
padding-top: 56.25%;
content: "";
display: block;
}
@media only screen and (min-width: 768px) {
.jl-has-sidebar .jl_content .alignfull {
margin-left: 0px;
margin-right: 0px;
max-width: 100%;
}
.jl-has-sidebar .jl_content .alignwide {
margin-left: 0px;
margin-right: 0px;
max-width: 100%;
}
.jl_content .alignwide img,
.jl_content .alignfull img {
display: block;
margin: 0 auto;
width: 100%;
}
.jl_content .alignwide iframe,
.jl_content .alignfull iframe {
width: 100%;
}
}
@media only screen and (max-width: 768px) {
.jl_content .alignwide iframe,
.jl_content .alignfull iframe {
width: auto;
height: auto;
}
.wp-block-media-text {
display: block;
}
.wp-block-media-text figure {
margin-bottom: 30px!important;
}
.wp-block-media-text .wp-block-media-text__content {
padding: 0;
}
}
.wp-block-group.has-background {
padding: 20px;
margin-bottom: 30px;
}
.wp-block-group__inner-container p:last-child{
margin-bottom: 0px;
}
.wp-block-media-text {
margin-bottom: 40px;
}
.wp-block-cover {
margin-bottom: 30px;
}
.wp-block-cover-image-text,
.wp-block-cover-image-text a,
.wp-block-cover-text,
.wp-block-cover-text a,
section.wp-block-cover-image h2 {
color: #fff !important;
}
.wp-block-cover-text a,
.wp-block-cover-text a:hover {
background: transparent !important;
border-width: 0px !important;
box-shadow: none !important;
}
.wp-block-latest-comments footer {
background: transparent;
}
.wp-block-latest-comments footer a {
color: var(--jl-txt-color);
}
.wp-block-latest-comments footer a:hover{
color: var(--jl-single-link-hcolor);
}
.wp-block-latest-comments{
padding: 0px;
margin-bottom: 20px;
display: flex;
flex-direction: column;
gap: 15px;
}
.wp-block-latest-comments li {
float: left;
width: 100%;
margin-bottom: 0px !important;
}
.wp-block-latest-comments li p:first-child{
margin-top: 0px;
}
.wp-block-latest-comments li p:last-child{
margin-bottom: 0px;
}
.wp-block-latest-comments .wp-block-latest-comments__comment-link{
font-family: var(--jl-title-font);
font-weight: var(--jl-title-font-weight);
text-transform: var(--jl-title-transform);
letter-spacing: var(--jl-title-space);
line-height: var(--jl-title-line-height);
}
.wp-block-button{
font-size: var(--jl-button-font-size);
}
.wp-block-button .wp-block-button__link,
.wp-block-file__button {
-webkit-appearance: none;
background: #000;
color: #fff;
text-decoration: none !important;
border: 0;
font-family: var(--jl-menu-font);
font-weight: var(--jl-button-font-weight);
text-transform: var(--jl-button-transform);
letter-spacing: var(--jl-button-space);
height: auto;
transition: all 0.3s ease 0s !important;
border-bottom: 0px !important;
-webkit-box-shadow: inset 0 -1px 0 transparent !important;
-moz-box-shadow: inset 0 -1px 0 transparent !important;
box-shadow: inset 0 -1px 0 transparent !important;
border-radius: var(--jl-button-radius);
}
.wp-block-button .wp-block-button__link:hover,
.wp-block-file__button:hover {
background: var(--jl-main-color);
color: #fff !important;
}
.wp-block-button.is-style-squared .wp-block-button__link{
border-radius: 0px;
}
.wp-block-button.is-style-outline .wp-block-button__link {
color: var(--jl-txt-color) !important;
border: 2px solid var(--jl-txt-color) !important;
}
.wp-block-button.is-style-outline .wp-block-button__link:hover{
background: var(--jl-main-color) !important;
color: #fff !important;
border-color: var(--jl-main-color) !important;
}
.wp-block-file__button {
padding: 12px 30px;
}
.wp-block-button .wp-block-button__link:hover,
.wp-block-file__button:hover,
.wp-block-file .wp-block-file__button:hover {
text-decoration: none !important;
color: #fff !important;
opacity: 1;
}
.is-style-outline .wp-block-button__link {
background: none!important;
border-style: solid!important;
border-width: 1px!important;
color: #000;
}
.is-style-outline .wp-block-button__link:hover {
color: #fff !important;
background: #000 !important;
}
.content_single_page li,
.post_content li {
padding-left: 0px;
margin-bottom: .5em;
}
.content_single_page ul ul,
.content_single_page ul ol,
.content_single_page ol ol,
.content_single_page ol ul,
.post_content ul ul,
.post_content ul ol,
.post_content ol ol,
.post_content ol ul {
margin-top: 0.5rem;
margin-bottom: 0;
}
.has-medium-font-size {
font-size: 20px !important;
}
.has-large-font-size {
font-size: 33px !important;
}
p.has-drop-cap:not(:focus):first-letter{
font-size: 97px;
font-family: var(--jl-title-font);
font-weight: var(--jl-title-font-weight);
margin-top: 10px;
}
.wp-block-embed:not(.is-type-video) > div {
display: inline-block;
}
.wp-block-embed.is-type-video {
text-align: center;
}
.wp-block-embed-youtube .wp-block-embed__wrapper {
position: relative;
}
.wp-block-embed-youtube .wp-block-embed__wrapper:before {
content: "";
display: block;
padding-top: 56.25%;
}
.wp-block-embed-youtube .wp-block-embed__wrapper iframe {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: 100%;
width: 100%;
}
.wp-block-embed.alignleft,
.wp-block-embed.alignright {
max-width: 520px;
}
.wp-block-embed.wp-block-embed-facebook.alignleft,
.wp-block-embed.wp-block-embed-facebook.alignright {
max-width: 350px;
}
.wp-block-embed.wp-block-embed-wordpress.alignleft,
.wp-block-embed.wp-block-embed-wordpress.alignright {
max-width: 600px;
}
.wp-block-file a.wp-block-file__button {
text-decoration: none !important;
transition: all 0.3s ease 0s !important;
}
.wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image){
margin: 0px !important;
}
.wp-block-image,
.wp-block-embed,
.wp-block-gallery {
margin-top: calc(30px + .25vw);
margin-bottom: calc(30px + .25vw) !important;
position: relative;
}
.wp-block-separator {
border-top: 1px solid #E2E3E7;
border-bottom: none;
max-width: none;
margin-top: 20px;
margin-bottom: 20px;
margin-left: auto;
margin-right: auto;
width: 20%;
}
.wp-block-separator.is-style-dots {
border: none;
width: 100%;
}
.wp-block-separator.is-style-wide {
width: 100%;
}
.wp-block-categories.wp-block-categories-dropdown, .wp-block-archives-dropdown{
margin-bottom: 20px;
}
.wp-block-archives.wp-block-archives-dropdown {
margin-bottom: 30px;
}
.wp-block-calendar {
margin-bottom: 20px;
font-family: var(--jl-menu-font);
}
.wp-block-calendar a{
font-weight: var(--jl-cat-font-weight);
}
.wp-block-categories {
list-style: none;
padding-left: 0;
}
.wp-block-categories li {
list-style: none;
}
.wp-block-latest-posts {
list-style: none;
padding-left: 0;
}
.wp-block-latest-posts.wp-block-latest-posts__list:not(.is-grid){
display: flex;
flex-direction: column;
gap: 10px;
}
.wp-block-latest-posts.wp-block-latest-posts__list.is-grid{
gap: 10px 0px;
}
.wp-block-latest-posts__post-author, .wp-block-latest-posts__post-date{
padding-left: 20px;
}
.wp-block-latest-posts.wp-block-latest-posts__list li {
margin-bottom: 0px !important;
display: flex;
gap: 3px;
flex-direction: column;
}
.wp-block-latest-posts a {
font-family: var(--jl-title-font);
font-weight: var(--jl-title-font-weight);
text-transform: var(--jl-title-transform);
letter-spacing: var(--jl-title-space);
line-height: var(--jl-title-line-height);
margin-bottom: 0;
display: flex;
overflow: hidden;
text-decoration: none !important;
transition: all 0.3s ease 0s !important;
gap: 5px;
color: var(--jl-txt-color);
}
.wp-block-latest-posts a:hover{
color: var(--jl-single-link-hcolor);
text-decoration: none !important;
}
.wp-block-latest-posts a:before{
content: '';
flex: 0 0 10px;
width: 10px;
height: 10px;
align-self: flex-start;
display: flex;
margin-top: 4px;
border-radius: 100px;
border: 2px solid currentColor;
}
.wp-block-tag-cloud a{
font-family: var(--jl-title-font);
font-weight: var(--jl-title-font-weight);
color: var(--jl-txt-color);
}
.wp-block-tag-cloud a:hover{
color: var(--jl-main-color);
}
.wp-block-pullquote {
padding-left: 0;
padding-right: 0;
padding-top: 0px;
padding-bottom: 0px;
border: 0px !important;
margin-bottom: 30px;
float: left;
width: 100%;
border-style: solid;
}
.wp-block-pullquote blockquote {
margin-bottom: 0px;
margin: 0px;
}
.wp-block-pullquote.has-background {
border-radius: 5px;
}
.wp-block-pullquote.has-background blockquote {
background: transparent;
}
.wp-block-pullquote p {
font-size: 20px;
}
.wp-block-pullquote blockquote p {
font-size: 28px;
line-height: 1.6;
}
.wp-block-pullquote cite {
text-transform: uppercase;
}
.wp-block-quote.is-large {
padding-left: 50px;
padding-right: 50px;
padding-top: 40px;
padding-bottom: 40px;
margin-top: 40px;
margin-bottom: 40px;
}
.wp-block-quote.is-large cite,
.wp-block-quote.is-large footer,
.wp-block-quote.is-style-large cite,
.wp-block-quote.is-style-large footer {
text-align: left !important;
}
.wp-block-quote.is-large,
.wp-block-quote.is-style-large {
padding: 30px 30px 30px 70px;
}
.wp-block-quote cite br {
display: none;
}
blockquote.has-text-align-right:before {
right: 30px;
left: auto;
-webkit-transform: none;
transform: none;
}
.wp-block-pullquote.alignwide,
.wp-block-pullquote.alignfull {
padding-top: 100px;
padding-bottom: 100px;
}
.wp-block-button {
margin-bottom: 30px;
}
.wp-block-button.download-button a.wp-block-button__link {
font-size: 22px;
padding: 15px 25px;
}
.wp-block-gallery .blocks-gallery-item figcaption {
background: rgba(0, 0, 0, 0.5);
padding-top: 5px;
}
.wp-block-columns .wp-block-column {
padding-left: 15px;
padding-right: 15px;
}
.wp-block-columns .wp-block-column:first-child {
padding-left: 0;
}
.wp-block-columns .wp-block-column:last-child {
padding-right: 0;
}
.wp-block-columns.has-2-columns.has-small-column .wp-block-column:nth-child(n) {
flex-basis: 30%;
}
.wp-block-columns.has-2-columns.has-small-column .wp-block-column:nth-child(2n) {
flex-basis: 70%;
}
.wp-block-media-text h1,
.wp-block-media-text h2,
.wp-block-media-text h3,
.wp-block-media-text h4,
.wp-block-media-text h5 {
margin-top: 0!important;
}
figure.wp-block-table {
border: 0px !important;
width: 100%;
}
figure.wp-block-table table{
border: 0px;
}
.wp-block-table {
border: 1px solid #E2E3E7;
}
.wp-block-table td {
border: none;
}
.wp-block-table.aligncenter,
.wp-block-table.alignleft,
.wp-block-table.alignright {
margin-bottom: 25px;
}
.wp-block-table.aligncenter {
width: 100%;
text-align: left;
}
.wp-block-table.alignleft,
.wp-block-table.alignright {
width: auto;
}
.wp-block-table tr td {
border-color: #E2E3E7;
}
.wp-block-table tr:nth-child(2n+1) td {
background: #EFF0F4;
}
.wp-block-table.is-style-stripes {
border: 1px solid #E2E3E7;
}
.wp-block-table.is-style-stripes td {
border: 1px solid #E2E3E7;
}
.wp-block-coblocks-pricing-table-item__features{
list-style: none;
}
/* Frame boxed */
.jl_en_fr.jl_fgs{
--jl-fline: #02010100 !important;
}
.jl_en_fr.jl_fgs .jl_frsha{
box-shadow: 0 4px 20px #00000012;
}
.options_dark_skin .jl_en_fr.jl_fgs .jl_frsha{
box-shadow: 0 4px 20px #e4e4e414;
}
.jl_en_fr .jl_cgrid_wrap,
.jl_en_fr .jl_fli_wrap,
.jl_en_fr .jl_fr6_inner,
.jl_en_fr .jl_fr7_inner,
.jl_en_fr .jl_fr18_inner,
.jl_en_frl .jl_fr8_inner,
.jl_en_frl .jl_fr13_inner{
overflow: visible;
}
.jl_en_fr .jl_m_fr7_inner,
.jl_en_frl .jl_fr8_inner .jl_p_fr8,
.jl_en_frl .jl_m_fr13_inner, .jl_en_frl .jl_p_fr13_inner{
gap: 0px !important;
}
.jl_en_fr .jl_fr_shadow{
box-shadow: 0 4px 20px #00000012;
}
.jl_en_fr .jl_cgrid_layout:before, .jl_en_fr .jl_cgrid_layout:after,
.jl_en_fr .jl_risep:before, .jl_en_fr .jl_lisep:after,
.jl_en_fr .jl_fr7_inner .jl_m_fr7:after,
.jl_en_frl .jl_fr13_inner .jl_p_fr13:nth-child(2):after, .jl_en_frl .jl_fr13_inner .jl_p_fr13:nth-child(3):after,
.jl_en_frl .jl_frsha.jl_lisep:after{
display: none;
}
.jl_en_fr .jl_cgrid_layout,
.jl_en_fr .jl_cslist_layout .jl_li_in,
.jl_en_fr .jl_clist_layout .jl_li_in,
.jl_en_fr .jl_m_fr7_inner{
background-color: var(--jl-pbg, transparent);
border-radius: var(--jl-border-rounded);
}
.jl_en_fr .jl_frsha, .jl_en_frl .jl_en_lfr .jl_frsha{
border-radius: var(--jl-border-rounded);
background-color: var(--jl-pbg, transparent);
position: relative;
}
.jl_en_fr .jl_fe_text:before, .jl_en_frl .jl_en_lfr .jl_fe_text:before{
border: 1px solid var(--jl-fline, var(--jl-post-line-color));
position: absolute;
z-index: 1;
top: 0;
right: 0;
bottom: 0;
left: 0;
content: '';
pointer-events: none;
border-radius: var(--jl-border-rounded);
}
.jl_en_fr .jl_ov_el .jl_fe_text:before{
display: none;
}
.jl_frg .jl_ov_el .jl_imgw{
border-radius: var(--jl-border-rounded) !important;
}
.jl_en_fr .jl_img_holder .jl_imgw, .jl_en_frl .jl_en_lfr .jl_img_holder .jl_imgw, .jl_en_fr .jl_cgrid_layout .jl_imgw, .jl_en_frl .jl_en_lfr .jl_imgw{
margin-bottom: 0px !important;
}
.jl_en_fr .jl_fe_text, .jl_en_frl .jl_en_lfr .jl_fe_text{
padding: var(--jl-fr-padding, 15px 15px 20px 15px);
}
.jl_frg .jl_imgw, .jl_frli .jl_imgw, .jl_en_frl .jl_en_lfr .jl_imgw{
z-index: 2;
border-bottom-right-radius: 0px !important;
border-bottom-left-radius: 0 !important;
}
.jl_frli .jl_imgw{
border-radius: 0px !important;
}
/*-------------------------------------------------------------------------------------
Responsive
-------------------------------------------------------------------------------------*/
@media only screen and (max-width: 1024px) {
body:not(.jl-has-sidebar) .jl_smmain_con{
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.jl_hwrap{
max-height: 65px;
min-height: 65px;
}
/* Left postition */
.jl_mb_nav_pos_right #jl_sb_nav{
left: unset;
right: 0;
-webkit-transform: translate(100%, 0px);
-ms-transform: translate(100%, 0px);
transform: translate(100%, 0px);
-o-transform: translate(100%, 0px);
}
.menu_mobile_icons.jl_tog_mob{
display: flex;
}
.jl_smmain_con, .jl_smmain_side, .jl_main_achv{
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
padding-left: 20px;
}
.jl_smmain_side{
margin-top: 30px;
}
.jl_sleft_side .jl_smmain_con{
order: 1 !important;
}
.jl_sleft_side .jl_smmain_side{
order: 2 !important;
padding-left: 20px !important;
padding-right: 20px !important;
}
.products[class*='wc-col']{
grid-template-columns: repeat(3,minmax(0,1fr));
}
/*navigation*/
.jlc-top-w .navigation_wrapper{
display: flex !important;
}
.navigation_wrapper{
display: none !important;
}
/* Video */
.jl_vidli_w{
display: flex;
flex-direction: column;
}
.jl_vidli_w .jl_vidsb_in{
position: relative;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
overflow-y: hidden;
}
.jl_vidli_w .jl_vidsb .jl_vidsb_c{
position: relative;
flex: 0 0 320px;
}
.jl_vidli_w .jl_vidsb_in .jl_cslist_layout{
padding: 0px 10px 10px 30px;
}
.jl_vidli_w .jl_vidfr .jl_vid_mc{
padding-bottom: 55%;
}
.jl_vidli_w .jl_cslist_layout .jl_img_holder{
-webkit-flex: 0 0 110px;
-ms-flex: 0 0 110px;
flex: 0 0 100px;
width: 110px;
}
.jl_vidli_w .jl_cslist_layout .jl_imgw{
height: 75px;
}
.jl_vidli_w .jl_vidsb .jl_vidsb_c .jl_author_img_w, .jl_vidli_w .jl_vidsb .jl_vidsb_c .post-date:before{
display: none;
}
/*Layout 1 mian + 2 small*/
.jl_fr1_inner{
grid-template-areas:
"item1 item1"
"item2 item3";
grid-template-columns: 1fr 1fr;
grid-auto-rows: initial;
grid-template-rows: unset;
}
/*Layout 1 mian + 4 small*/
.jl_fr2_inner, .jl_fr20_inner{
grid-template-areas:
"item1 item1"
"item2 item3"
"item4 item5";
grid-template-columns: 1fr 1fr;
grid-auto-rows: initial;
grid-template-rows: unset;
}
/*Layout 19*/
.jl_fr19_inner{
grid-template-areas:
"item1 item1"
"item2 item2"
"item3 item4";
grid-template-columns: 1fr 1fr;
grid-auto-rows: initial;
grid-template-rows: unset;
}
/*Layout 20*/
.jl_fr20_inner .jl_p_fr20:nth-child(2) .jl_fe_text .jl_fe_title{
font-size: var(--jl-font-small);
}
/*Layout 1 mian + 2 small right*/
.jl_fr4_inner{
grid-template-areas:
"item1 item1"
"item2 item3";
grid-template-columns: 1fr 1fr;
grid-auto-rows: initial;
grid-template-rows: unset;
}
/*Feature tab overlay*/
.jl_fr9_inner{
height: auto;
}
.jl_fr9_inner .jl_fli_con{
position: relative;
bottom: 0px;
padding-top: var(--st-bspace, 30px);
padding-bottom: var(--st-bspace, 30px);
}
/*Overlay Mix + Samll List*/
.jl_fr10_inner{
grid-template-areas:
"item1 item1"
"item2 item4"
"item3 item4";
grid-template-columns: 1fr 1fr;
grid-auto-rows: initial;
grid-template-rows: unset;
}
.jl_fr10_inner .jl_p_fr10.jl_m_fr10{
padding-bottom: 56.66667%;
}
/*Layout main + below small*/
.jl_fr11_inner .jl_p_fr11 .jl_fe_text{
padding: 20px;
}
.jl_fr11_inner .jl_fli_wrap{
grid-template-columns: repeat(2,minmax(0,1fr));
}
/* Single 12 */
.jl_single_tpl12 .jl_single_tpl_w{
margin-top: 0;
max-width: 1200px;
padding: 0px 20px 0px 20px;
}
.jl_shead_tpl3.jl_shead_mix9 .jl_ov_layout, .jl_shead_tpl4.jl_shead_mix10 .jl_ov_layout, .jl_shead_tpl3.jl_shead_mix12 .jl_ov_layout, .jl_shead_mix13 .jl_ov_layout{
height: 450px;
}
/* Footer */
.jl_foot_wrap .footer-columns .jlc-row > div > div:last-child{
margin-bottom: 0px;
}
.jl_foot_wrap .footer-columns .jlc-row > div:last-child > div:last-child{
margin-bottom: 40px;
}
.jl_foot_wrap .footer-columns .jlc-row > div > div:first-child{
margin-top: 40px;
}
.jl_fr19_inner .jl_p_fr19:nth-child(2){
padding-bottom: 30%;
}
}
@media only screen and (min-width: 300px) and (max-width: 767px) {
.jl_cgrid_layout .jl_imgw{
padding-bottom: 0px;
height: var(--jl-g-mob-h, 270px);
}
}
@media only screen and (max-width: 767px) {
.widget{
margin-bottom: 35px;
}
.jlh-d .logo_small_wrapper_table .logo_small_wrapper .logo_link img{
max-width: var(--jl-m-logo-width) !important;
}
/* overlay fix height */
.jl-main-block{
--jl-m-mob-h: 300px;
--jl-sm-mob-h: 170px;
}
.jl_ov_mh, .jl_ov_sh, .jl_mini_ov_sb .jl_ov_el.jl_ov_mix_opt{
padding-bottom: 0px !important;
}
.jl_ov_mh{
min-height: var(--jl-m-mob-h);
}
.jl_ov_sh{
min-height: var(--jl-sm-mob-h);
}
.jl_m_fr13_inner, .jl_p_fr13_inner, .jl_fr8_inner .jl_p_fr8{
gap: 10px;
justify-content: flex-start;
}
.jl_fr13_inner .jl_m_fr13 .jl_imgw, .jl_fr13_inner .jl_p_fr13_inner .jl_imgw{
height: auto;
}
.jl_fr18_inner .jl_p_fr18:nth-child(1){
padding-bottom: 65%;
min-height: 300px;
}
.jl_fr11_inner .jl_p_fr11 .jl_imgc .jl_imgw, .jl_fr12_inner .jl_p_fr12 .jl_imgc .jl_imgw, .jl_fr5_inner .jl_p_fr5{
padding-bottom: 0px;
min-height: var(--jl-m-mob-h);
}
/*tab slider*/
.jl-eb-tabsl .jl_ov_el .jl_fe_text{
--jl-h-align: center;
}
.jl-eb-tabsl .jl_spw{
display: flex;
}
.jl-sltab-s, .jl_fe_des, .jlc-top-w, .jl_fr18_inner .jl_sm_mt .jl_post_meta, .jl_fr7_inner .jl_sm_mt .jl_post_meta, .jlcus_sec_title .jl_sct_bt{
display: none !important;
}
.jl_sf_grid .jl_cslist_layout .jl_li_in{
width: 100%;
flex-direction: column !important;
padding-bottom: 0px;
}
.jl_sf_grid .jl_cslist_layout .jl_imgw{
height: var(--jl-g-mob-h, 270px);
}
.jl_sf_grid .jl_cslist_layout .jl_li_in .jl_img_holder{
width: 100%;
height: var(--jl-g-mob-h, 270px);
-webkit-flex: unset;
-ms-flex: unset;
flex: unset;
}
/*List large*/
.jl_lm_list .jl_lisep{
flex-direction: column;
align-items: baseline;
gap: 20px;
}
/* Main list */
.jl_clist_layout .jl_li_in{
flex-direction: column !important;
align-items: baseline;
}
.jl_lm_list .jl_lisep .jl_img_holder{
width: 100% !important;
}
.jl_lm_list .jl_lisep .jl_fe_text{
width: 100% !important;
}
/*Feature 1-14 meta*/
.jl_fr1_inner .jl_p_fr1 + .jl_p_fr1 .jl_post_meta,
.jl_fr2_inner .jl_p_fr2 + .jl_p_fr2 .jl_post_meta,
.jl_fr3_inner .jl_p_fr3 + .jl_p_fr3 .jl_post_meta,
.jl_fr4_inner .jl_p_fr4 + .jl_p_fr4 .jl_post_meta,
.jl_fr10_inner .jl_ov_el .jl_post_meta,
.jl_fr19_inner .jl_p_fr19 + .jl_p_fr19 .jl_post_meta,
.jl_fr20_inner .jl_p_fr20 + .jl_p_fr20 .jl_post_meta{
display: none;
}
.jl_fr19_inner .jl_p_fr19:nth-child(2){
padding-bottom: 50%;
}
/*Layout 1 mian + right small*/
.jl_fr5_inner{
grid-template-columns: 1fr;
grid-template-rows: 1fr;
}
.jl_fr5_inner .jl_p_fr5{
padding-bottom: 70%;
}
/*Layout 1 mian + 4 grid post*/
.jl_fr6_inner{
grid-template-areas:
"item1 item1"
"item2 item3"
"item4 item5";
grid-template-columns: 1fr 1fr;
grid-auto-rows: initial;
grid-template-rows: unset;
}
.jl_fr6_inner .jl_m_fr6{
padding-bottom: 0px !important;
min-height: var(--jl-m-mob-h);
}
/*Layout classic 1 mian + 4 grid post*/
.jl_fr7_inner{
grid-template-areas:
"item1 item1"
"item2 item3"
"item4 item5";
grid-template-columns: 1fr 1fr;
grid-auto-rows: initial;
grid-template-rows: unset;
}
.jl_fr7_inner .jl_m_fr7_inner{
height: auto;
}
.jl_fr7_inner .jl_p_fr7.jl_m_fr7 .jl_imgw{
padding-bottom: 66.66667%;
}
/*classic mian + right small*/
.jl_fr8_inner{
grid-template-columns: 1fr;
grid-auto-rows: initial;
grid-template-rows: unset;
}
.jl_fr8_inner .jl_m_fr8_inner{
height: auto;
}
.jl_fr8_inner .jl_p_fr8 .jl_imgw{
padding-bottom: 66.66667%;
}
/*Feature tab overlay*/
.jl_fr9_inner .jl_fli_con{
position: relative;
bottom: 0px;
padding-top: var(--st-bspace, 30px);
padding-bottom: var(--st-bspace, 30px);
}
/*Overlay Mix + Samll List*/
.jl_fr10_inner{
grid-template-areas:
"item1 item1"
"item2 item3"
"item4 item4";
grid-template-columns: 1fr 1fr;
grid-auto-rows: initial;
grid-template-rows: unset;
}
.jl_fr10_inner .jl_p_fr10.jl_m_fr10{
padding-bottom: 66.66667%;
}
.jl_fr10_inner .jl_p_fr10.jl_md_ov{
padding-bottom: 100%;
}
.jl_fr10_inner .jl_p_fr10.jl_fli_con{
margin-top: 20px;
}
/*Layout main + below small*/
.jl_fr11_inner .jl_p_fr11{
display: block;
}
.jl_fr11_inner .jl_p_fr11 .jl_imgc {
flex: 0 0 100%;
max-width: 100%;
width: 100%;
}
.jl_fr11_inner .jl_p_fr11 .jl_fe_text{
padding: 0px;
margin-top: 20px;
margin-left: 0px;
}
.jl_fr11_inner .jl_fli_wrap{
grid-template-columns: repeat(1,minmax(0,1fr));
}
/*Layout main + below grid*/
.jl_fr12_inner .jl_p_fr12{
display: block;
}
.jl_fr12_inner .jl_p_fr12 .jl_imgc {
flex: 0 0 100%;
max-width: 100%;
width: 100%;
}
.jl_fr12_inner .jl_p_fr12 .jl_fe_text{
padding: 0px;
margin-top: 20px;
margin-left: 0px;
}
.jl_fr12_inner .jl_fli_wrap{
grid-template-columns: repeat(2,minmax(0,1fr));
}
.jl_fr12_inner .jl_fe_title{
display: -webkit-box !important;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
/*Classic Mix + Samll List*/
.jl_fr13_inner{
grid-template-areas:
"item1 item1"
"item2 item3"
"item4 item4";
grid-template-columns: 1fr 1fr;
grid-auto-rows: initial;
grid-template-rows: unset;
}
.jl_fr13_inner .jl_m_fr13_inner{
height: auto;
}
.jl_fr13_inner .jl_p_fr13 .jl_imgw{
padding-bottom: 66.66667%;
display: block;
}
/*Main + 2 grid*/
.jl_fr18_inner{
grid-template-areas:
"item1 item1"
"item2 item3"
"item4 item5";
grid-template-columns: 1fr 1fr;
grid-auto-rows: initial;
grid-template-rows: unset;
}
.jl_fr18_inner .jl_p_fr18.jl_m_fr18 .jl_imgw{
padding-bottom: 66.66667%;
display: block;
}
.products[class*='wc-col']{
grid-template-columns: repeat(2,minmax(0,1fr));
}
/* Video */
.jl_vidli_w .jl_vidfr .jl_vid_mc{
padding-bottom: 100%;
}
.jl_vidli_w .jl_cslist_layout .jl_img_holder{
-webkit-flex: 0 0 80px;
-ms-flex: 0 0 80px;
flex: 0 0 80px;
width: 80px;
}
.jl_vidli_w .jl_cslist_layout .jl_imgw{
height: 80px;
}
.jl_vid_mc.jl_ov_el .jl_fe_text{
padding: 20px;
}
.jl_vidli_w .jl_vidsb .jl_vidsb_c{
flex: 0 0 250px;
}
.jl_vidli_w .jl_vidsb_in .jl_cslist_layout{
padding: 0px 0px 10px 15px;
}
.jl_vid_mc.jl_ov_el .jl_f_cat{
display: none;
}
/* Mix overlay */
.jl_ov_mix_opt{
padding-bottom: 80% !important;
}
/* Small layout */
.jl_fr15_inner{
grid-template-columns: 1fr;
}
.jl_fr17_inner{
grid-template-columns: repeat(1,minmax(0,1fr));
}
/* Small main bllow 2 list */
.jl_frlig_inner .jl_fli_wrap, .jl_frlig_inner .jl_cgrid_layout{
grid-template-columns: 1fr;
}
.jl_en_frl .jl_frlig_inner .jl_cgrid_layout .jl_imgw{
border-radius: var(--jl-border-rounded) var(--jl-border-rounded) 0px 0px !important;
}
.jl_frlig_inner .jl_cgrid_layout{
grid-gap: 20px !important;
}
.jl_lg_l4 .jl_lg_op_in{
flex-direction: column;
}
.jl_lg_l4 .jl_img_holder{
flex: 0 0 100%;
max-width: 100%;
width: 100%;
}
.jl_lg_l4 .jl_lg_op_in .jl_fe_text{
padding: 0px;
margin: 0px;
background: transparent !important;
}
.jl_lg_l5 .jl_lg_op_in{
flex-direction: column !important;
}
.jl_lg_l5 .jl_img_holder{
flex: 0 0 100% !important;
max-width: 100% !important;
width: 100% !important;
}
/* Review */
.jl_rw_w{
padding: 20px;
gap:20px;
}
.jl_score_main_w .jl_score_main{
bottom: 20px;
right: 20px;
}
.jl_score_main_w .review-ht{
bottom: 20px;
left: 20px;
}
.jl_pcw{
flex-direction: column;
}
.jl_pcw .jl_review_pros, .jl_pcw .jl_review_cons{
width: 100%;
}
/* Nav post */
.postnav_w{
gap: 10px;
}
.postnav_w .jl_navpost .jl_nav_link{
gap: 5px;
}
.postnav_w .jl_navpost .jl_nav_link .jl_nav_img{
align-self: center;
-webkit-flex: 0 0 45px;
-ms-flex: 0 0 45px;
flex: 0 0 45px;
width: 45px;
height: 45px;
}
.postnav_w .jl_navpost{
width: 100%;
}
.jl_info_auth{
gap: 15px;
}
/* share */
.post_sw, .jl_sfoot .jl_sh_t{
display: none;
}
.jl_sfoot .jl_sli_in{
gap: 5px;
}
.jl_sfoot .jl_sli_w{
width: 100%;
}
.jl_sfoot .jl_sli_in .jl_shli{
-webkit-flex: auto !important;
-ms-flex: auto !important;
flex: auto !important;
width: auto !important;
flex-grow: 1 !important;
flex-basis: 0 !important;
}
.jl_sfoot .jl_sli_in .jl_sshl span{
display: none;
}
/* related */
.jl_rel_posts{
grid-template-columns: repeat(2,minmax(0,1fr));
grid-column-gap: 20px;
grid-row-gap: 20px;
}
/* Single header */
.jl_single_tpl_w{
gap: 30px;
}
.jl_shead_tpl1 .jl_head_title, .jl_head_title{
max-width: 100%;
}
.jl_shead_tpl3.jl_shead_mix9 .jl_ov_layout, .jl_shead_tpl4.jl_shead_mix10 .jl_ov_layout, .jl_shead_tpl3.jl_shead_mix12 .jl_ov_layout{
height: 430px;
}
.jl_slide_wrap_s, .jl_slide_wrap_s .swiper-slide-inner{
height: 340px;
}
.jls_con_w{
gap: 30px;
max-width: 100%;
}
/* single overlay height */
.jl_squote_w{
padding-bottom: 100%;
}
.jl_shead_tpl3, .jl_shead_tpl4, .jl_single_tpl7 .jl_shead_tpl3, .jl_single_tpl8 .jl_shead_tpl4{
--jl-img-height: 100% !important;
--jl-padding: 20px !important;
}
.jl_shead_tpl3 .post_subtitle_text, .jl_shead_tpl4 .post_subtitle_text{
display: none;
}
.jl_shead_tpl3 .jl_head_title.jl_fe_title, .jl_shead_tpl4 .jl_head_title.jl_fe_title{
font-size: 28px;
}
/* single bg */
.jl_shead_mix13{
grid-template-columns: repeat(1,minmax(0,1fr));
}
.jl_shead_mix13 .jl_shead_tpl_txt{
padding: 30px 20px 0px 20px;
}
.jl_slimeta.jl_post_meta .jl_author_img_w.jl_au_l .jl_aimg_in, .jl_slimeta.jl_post_meta .jl_author_img_w.jl_au_l a > *{
width: 40px !important;
height: 40px !important;
}
.jl_mt_rw{
gap: 2px;
}
/* Error */
.jl_page_error h1{
font-size: 30px;
}
.jl_page_error .jl_error_desc{
margin: 20px auto 0px auto;
}
/* woocommerce */
.jl-wc-wrap.single-product-content{
flex-direction: column;
}
.jl-wc-wrap .jl-wc-img, .jl-wc-wrap .jl-wc-dec{
width: 100%;
}
/* Comment form */
.comment-form .comment-form-author, .comment-form .comment-form-email, .comment-form .comment-form-url {
float: left;
width: 100%;
}
.ft_s2 .jl_ft_cw, .ft_s3 .jl_ft_cw, .ft_s4 .jl_ft_cw, .ft_s5 .jl_ft_cw{
flex-direction: column;
text-align: center;
}
.jl_ticker_wp .jl_arpw, .jl-newsticker-li .jl_post_meta, .jl_ajax_w{
display: none;
}
.jl-eb-tabsl .jl_spw .swiper-pagination{
margin-bottom: 10px;
}
.woocommerce .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-1, .woocommerce-page .col2-set .col-2{
width: 100% !important;
max-width: 100% !important;
}
.woocommerce table.shop_table td, .woocommerce-cart .woocommerce table.shop_table td{
border: 0px;
}
.woocommerce-cart.woocommerce-page .woocommerce-cart-form .coupon input.input-text{
width: 40% !important;
}
.woocommerce-page.woocommerce-cart .woocommerce-cart-form, .woocommerce table.shop_table{
margin-bottom: 0px;
}
.woocommerce table.shop_table_responsive tr:nth-child(2n) td, .woocommerce-page table.shop_table_responsive tr:nth-child(2n) td{
background: transparent;
}
.woocommerce-cart .woocommerce table.cart tr.cart_item td.product-remove{
padding: 0px;
margin-top: 3px;
}
.woocommerce .woocommerce-MyAccount-navigation{
max-width: 100%;
margin-bottom: 30px;
}
.woocommerce .woocommerce-MyAccount-content{
padding-left: 0px;
}
.woocommerce table.shop_table_responsive tr td.woocommerce-orders-table__cell-order-actions::before{
display: none;
}
.woocommerce .woocommerce-info .woocommerce-Button{
width: 100%;
text-align: center;
margin-bottom: 10px;
}
.woocommerce .woocommerce-form-row--first.form-row-first{
width: 47%;
}
.woocommerce .woocommerce-form-row--last.form-row-last{
width: 47%;
float: right;
}
.woocommerce form.checkout_coupon p{
width: 100%;
margin-left: 0px !important;
}
.woocommerce .lost_reset_password .woocommerce-form-row {
width: 100%;
}
.woocommerce .result-wrap{
flex-wrap: wrap;
}
.woocommerce .woocommerce-result-count{
margin: -10px 0px 10px 0px;
width: 100%;
}
.woocommerce .woocommerce-ordering{
order: 2;
}
.jl_shop_filter_content .jl_shop_filter_inner{
grid-template-columns: repeat(1,minmax(0,1fr));
grid-auto-flow: unset;
}
.jl_filter_btn{
order: 1;
padding-left: 0px;
}
.products[class*='wc-col']{
grid-gap: 20px;
}
.menu_mobile_large_close{
top: 30px;
right: 30px;
}
table td, table th{
padding: 5px;
font-size: 95%;
}
.jl_auth_numw{
display: none;
}
.e-con-full.e-flex, .e-con.e-flex>.e-con-inner, .elementor-widget-wrap{
position: unset !important;
}
}
@media only screen and (max-width: 390px) {
.jl_h_cart{
display: none;
}
#jl_sb_nav{
width: 100%;
}
.mobile_close_icons.closed_menu{
right: 12px;
}
.jl_sf_grid .jl_cslist_layout .jl_imgw{
height: var(--jl-g-mob-h, 227px);
}
.jl_sf_grid .jl_cslist_layout .jl_li_in .jl_img_holder{
width: 100%;
height: var(--jl-g-mob-h, 227px);
-webkit-flex: unset;
-ms-flex: unset;
flex: unset;
}
}