.cx.cx_shortcode.cx_cx_breadcrumbs {gap:8px;}
.cx.cx_shortcode.cx_cx_breadcrumbs .breadcrumb-item,
.cx.cx_shortcode.cx_cx_breadcrumbs .breadcrumb-item a{color:var(--text);}
.cx.cx_shortcode.cx_cx_breadcrumbs .breadcrumb-item a {
transition: color 0.3s ease;
}
.cx.cx_shortcode.cx_cx_breadcrumbs .breadcrumb-item.current {
color:var(--brand-primary-50);
}
.cx.cx_shortcode.cx_cx_breadcrumbs .breadcrumb-sep * {font-size: 0.6rem;}
.cx-bc-truncate { }
.cx-bc-hover .breadcrumb-item a:hover {
color:var(--brand-primary-50);
text-decoration: none;
}
.cx.cx_shortcode.cx_cx_breadcrumbs .breadcrumb-item i {}.cx_cx_hero {
padding: 48px 64px;
position: relative;
min-height: 240px;
}
.cx_cx_hero .img-gallery-wrapper {
position: absolute;
inset: 0;
padding: 65px 20px;
}
.cx_cx_hero .img-gallery-wrapper .img-wrapper {
position: relative;
height: 50px;
width: 50px;
}
.cx_cx_hero .img-gallery-wrapper .img-wrapper img {
position: absolute;
height: 48px;
width: 48px;
border-radius: 50%;
min-width: 48px;
object-fit: cover;
object-position: center;
box-shadow: 0px 0px 0px 3px #FFFFFF;
opacity: 0;
transform: translateY(100%);
transition: all 1s ease-in-out !important;
}
.cx_cx_hero.style-2 .img-gallery-wrapper .img-wrapper {
width: 55px;
height: 55px;
}
.cx_cx_hero.style-2 .img-gallery-wrapper .img-wrapper img {
height: 53px;
width: 53px;
min-width: 53px;
border-radius: 10px;
border: 2px solid var(--white-50);
box-shadow: unset;
}
.cx_cx_hero .img-gallery-wrapper .img-wrapper img.active {
opacity: 1;
transform: translateY(0) rotate(10deg);
z-index: 2;
}
.cx_cx_hero .img-gallery-wrapper .img-wrapper:nth-of-type(2) img.active{
transform: translateY(0) rotate(-10deg);
}
.cx_cx_hero .img-gallery-wrapper .img-wrapper img.out {
opacity: 1;
transform: translateY(-80%) translateX(10px) rotate(0deg);
z-index: 1;
}
.cx_cx_hero .img-gallery-wrapper .img-wrapper:nth-of-type(2) img.out {
transform: translateY(-80%) translateX(-10px) rotate(0deg);
}.cx.cx_shortcode.cx_archive_filter .fillter-title,
.cx.cx_shortcode.cx_archive_filter .title-info.search-by-title,
.cx.cx_shortcode.cx_archive_filter .fillter-title_container + hr,
.cx.cx_shortcode.cx_archive_filter .cx-filter-listing-grid.filter-type-ser_.filter-ser_-title + hr { display:none !important;}
.cx.cx_shortcode.cx_archive_filter  .fillter-title_container {
justify-content: flex-end !important;
}
div#cx-filter-option-list-search-by-title {
order: -1 !important;
}
.cx.cx_shortcode.cx_archive_filter div#reset_grid_filter_trigger{
padding: 16px;
flex-direction: row-reverse;
color: var(--accent) !important;
font-weight: 600;
font-size: 14px;
align-items: baseline;
}
.cx.cx_shortcode.cx_archive_filter .sub_category_elem.filter-grid-container > div:not(:last-child):after {
bottom: -16px;
position:absolute;
content :"";
width: 90%;
border: none;
height: 1px;
background-color: var(--grey-48);
}
.cx.cx_shortcode.cx_archive_filter .sub_category_elem.filter-grid-container > div {
position:relative;
}
.cx.cx_shortcode.cx_archive_filter .sub_category_elem.filter-grid-container > div:not(:first-child,:last-child) {
margin: 32px auto; 
}
.cx.cx_shortcode.cx_archive_filter .cx-filter-listing-grid-collapsible .title-info.click_toogle_init[data-targetstate="hidden"] .state_expaned_icon{
display:none !important;
}
.cx.cx_shortcode.cx_archive_filter .cx-filter-listing-grid-collapsible .title-info.click_toogle_init[data-targetstate="visible"] .state_collapsed_icon{
display:none !important;
}
.cx.cx_shortcode.cx_archive_filter .cx-filter-listing-grid-collapsible .title-info.click_toogle_init[data-targetstate="hidden"]  + .selected_otions{
display:block;
}
.cx.cx_shortcode.cx_archive_filter .cx-filter-listing-grid-collapsible .title-info.click_toogle_init[data-targetstate="visible"]  +  .selected_otions{
display:none !important;
}
.cx.cx_shortcode.cx_archive_filter .cx-filter-listing-grid-collapsible .title-info{
cursor:pointer;
} .cx_archive_filter_component {display: flex;flex-direction: column;}
div#reset_grid_filter_trigger {text-align: end;}
.cx_shortcode.cx-blog-search-mobile div#reset_grid_filter_trigger { text-align:start !important;}
.cx_shortcode div#reset_grid_filter_trigger {cursor: pointer;transition: 0.15s all ease-in;}
.cx_shortcode div#reset_grid_filter_trigger:hover {color:var(--e-primary);}
.cx_shortcode.cx_archive_filter input.text-form-field.hs-form-field-element[name="ser_title"]:focus-visible {outline: none !important;}
.cx_shortcode.cx_archive_filter .post-search-container.filter-grid-container h4.cx_heading_line {display:none;}
.cx_shortcode.cx_archive_filter .post-search-container .field-wraper {width: 100%; z-index:9;}
.cx_shortcode.cx_archive_filter .post-search-container input.text-form-field.hs-form-field-element {background:transparent;width: 100%;border-radius: 8px;border: 1px solid var(--grey-48);height:38px;padding:8px 12px;}
.cx_shortcode.cx_archive_filter .post-search-container i.form-field-icon.cx-icon.icon-search {position: absolute;font-size: 20px;top: calc(50% - 10px);left: 10px;z-index: -1;}
.cx_shortcode.cx_archive_filter .post-search-container input.text-form-field::-webkit-input-placeholder { color: var(--grey-51);}
.cx_shortcode.cx_archive_filter .post-search-container input.text-form-field::-moz-placeholder { color: var(--grey-51);}
.cx_shortcode.cx_archive_filter .post-search-container input.text-form-field:-ms-input-placeholder { color: var(--grey-51);}
.cx_shortcode.cx_archive_filter .post-search-container input.text-form-field:-moz-placeholder { color: var(--grey-51);} .cx_shortcode.cx_archive_filter:not(.border-none){
padding:20px;
border-radius:8px;
border:1px solid hsl(214, 32%, 91%);
}
.cx.cx_shortcode.cx_archive_filter select {
max-width:100%!important;
}
.cx_shortcode.cx_archive_filter ul.options_wraper {
display: flex;
justify-content: center;
align-items: flex-start;
flex-direction: column;
list-style:none !important;
width: 100%;
margin: 0 0px 0px 12px
}
.cx_shortcode.cx_archive_filter ul.options_wraper li {
display: flex;
flex-direction: row;
align-content: center;
justify-content: center;
align-items: center;
margin: 4px 0;
gap: 8px;
cursor: pointer;
}
.cx_shortcode.cx_archive_filter ul.options_wraper li label{
font-family: inter;
font-weight: 500;
font-size: 14px;
line-height: 20px;
text-align: center;
border:none!important;
outline:none !important;
margin: 4px 0 !important;
padding: 4px 0 !important ;
cursor: pointer;
transition: all 0.2s ease-in-out;
} .cx_shortcode.cx_archive_filter ul.options_wraper li input[type="checkbox"],
.cx_shortcode.cx_archive_filter ul.options_wraper li input[type="radio"] {
appearance: none;
-webkit-appearance: none;
border: 2px solid var(--grey-54);
border-radius: 50%;
height: 20px;
width: 20px;
position: relative;
display: inline-flex;
justify-content: center;
align-items: center;
cursor: pointer;
outline: none;
transition: all 0.2s ease-in-out;
color:var(--text-54);
background-color: transparent;
}
.cx_shortcode.cx_archive_filter ul.options_wraper li input[type="checkbox"]{
border-radius:4px !important;
}
.cx_shortcode.cx_archive_filter ul.options_wraper li input[type="checkbox"]::after,
.cx_shortcode.cx_archive_filter ul.options_wraper li input[type="radio"]::after {
position: absolute;
content: "\f00c";
font-family: "Font Awesome 5 Free";
font-size: 0.75em;
font-weight: 900;
display: flex;
justify-content: center;
align-items: center;
opacity: 0;
visibility: hidden;
transition: all 0.2s ease-in-out;
color:var(--text-54);
transform: translate(-46%, -45%);
top: 50%;
left: 50%;
}
.cx_shortcode.cx_archive_filter ul.options_wraper li input[type="checkbox"]:focus,
.cx_shortcode.cx_archive_filter ul.options_wraper li input[type="radio"]:focus {
border-color: var(--grey-54) !important;
} .cx_shortcode.cx_archive_filter ul.options_wraper li input[type="checkbox"]:checked + label,
.cx_shortcode.cx_archive_filter ul.options_wraper li input[type="radio"]:checked + label{
color: var(--accent) !important;
}
.cx_shortcode.cx_archive_filter ul.options_wraper li input[type="checkbox"]:checked,
.cx_shortcode.cx_archive_filter ul.options_wraper li input[type="radio"]:checked { border-color: var(--accent) !important;
color: var(--accent) !important;
}
.cx_shortcode.cx_archive_filter ul.options_wraper li input[type="checkbox"]:checked::after,
.cx_shortcode.cx_archive_filter ul.options_wraper li input[type="radio"]:checked::after {
opacity: 1;
visibility: visible;
color: var(--accent);
}
.cx_shortcode.cx_archive_filter .title-info.topics,
.cx_shortcode.cx_archive_filter .title-info.publication-type {display:none !important;}
.cx_shortcode.cx_archive_filter .fillter-title_container {
order: -1 !important;
}
.cx_shortcode.cx_archive_filter .fillter-title {
font-size: 1.125rem;
line-height: 1.75rem;
font-weight: 600;
}
.cx_shortcode.cx_archive_filter div#reset_grid_filter_trigger:hover {
color:  var(--link_color) !important;
}
.cx_shortcode.cx_archive_filter .form-field.hs-form-field {
margin-bottom: 0;
}
.cx_shortcode.cx_archive_filter .form-field.hs-form-field > label{
margin-bottom:12px;
}
.cx_shortcode.cx_archive_filter  hr {
margin-top: 24px;
border: none;
}
.cx_shortcode.cx_archive_filter:not(.border-none)  hr {
width: calc(100% - 12px);
margin: 16px auto;
border: none;
height: 1px;
background-color: var(--grey-48);
} .cx_shortcode.cx_archive_filter .attribute-topic-container.order-4.filter-grid-container hr { display:none;}
.cx_shortcode.cx_archive_filter .filter-grid-container:last-of-type hr { display:none;}
span.cx-ajax-loading.manually-added {
position: absolute;
right: calc( 0% + 40px);
}
.cx_shortcode.cx_archive_filter  .form-field.hs-form-field.search-by-title-wraper  input {text-indent: 20px; border-color: var(--grey-48) !important;  box-shadow: 0px 1px 2px 0px #0A0D120D; }
.cx_shortcode.cx_archive_filter  .form-field.hs-form-field.search-by-title-wraper i {
position:absolute;
top: 12px;
left:8px;
font-size: 15px; color: var(--text-49);
} .cx.cx_shortcode.cx_archive_filter.loader_layer {
position: relative;
} .cx.cx_shortcode.cx_archive_filter.loader_layer::after {
content: "";
position: absolute;
inset: 0;
background: #f0f0f0d4;
backdrop-filter: blur(4px);
z-index: 10;
display: none;
} .cx.cx_shortcode.cx_archive_filter.loader_layer::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 40px;
height: 40px;
border: 4px solid var(--white-50);
border-top-color: transparent;
border-radius: 50%;
transform: translate(-50%, -50%);
z-index: 11;
display: none; animation: spin 0.8s linear infinite;
} .cx.cx_shortcode.cx_archive_filter.loader_layer::after,
.cx.cx_shortcode.cx_archive_filter.loader_layer::before { } @keyframes spin {
to { transform: translate(-50%, -50%) rotate(360deg); }
}
.pagination-container {margin: 30px 0;}
.cx.cx_shortcode.cx_archive_filter{
background-color:var(--brand-primary-43) !important;
border: none !important;
border-radius: 12px !important;
padding: 16px !important;
}
.cx.cx_shortcode.cx_archive_filter .title-info * {
margin-bottom: 8px !important;
}
.cx.cx_shortcode.cx_archive_filter.cx_course_category_archive_filter .filter-taxonomy-cx_zico_skill + hr {
display:none;
}.cx.cx_shortcode.cx_archive_filter.cx_post_search_filter.p-none {padding: 0 !important;}
.cx.cx_shortcode.cx_archive_filter.cx_post_search_filter.p-none div#reset_grid_filter_trigger {padding-bottom: 0;}.cx_listing_grid:not(.content-once-loaded) {
grid-template-columns: 100% !important;
}
.cx_listing_grid[data-item_style="list"] {
grid-template-columns: repeat(1, 1fr);
}
.cx_listing_grid.no-countent {
position: relative;
min-height: 250px;
height: 100%;
width: 100%;
}
.cx_listing_grid.no-countent:before {
content: "";
position: absolute;
width: 100%; background-image: url(//www.zicoarts.com/wp-content/plugins/cx_zico/asset/imgs/No-content.png);
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
background-repeat: no-repeat;
background-position: 50%;
box-shadow: var(--cx-card-shadow);
border-radius: var(--cx-card-radius);
z-index: 99;
background-color: #231943;
border-radius: 6px;
min-height: 285px;
}
@media only screen and (max-width: 400px) {
.cx_listing_grid.no-countent:before {
background-size: contain !important;
}
} .cx_shortcode.cx_listing_grid.no-countent .loader-container {
display: none;
}
.cx_listing_grid:not(.content-once-loaded) .product-thumb a {
display: block;
background: url(//www.zicoarts.com/wp-content/plugins/cx_zico/asset/imgs/loader.gif);
border-radius: 10px;
overflow: hidden;
}
.cx_shortcode.listing-grid-container-wraper > button {
display: inherit;
min-width: 150px;
margin: unset;
margin-left: auto;
margin-top: 25px;
}
.cx_shortcode.listing-grid-container-wraper .no-record-found {grid-column: 1 / -1;}
.cx_shortcode.listing-grid-container-wraper .no-record-found .no-record-img {max-width: 250px;}
.cx_shortcode.listing-grid-container-wraper:has(.ajax-content-container > .no-record-found) .pagination-container {display: none;}
.content-once-loaded .loader-container.s10 {
display: none;
}
.cx_shortcode.cx_listing_grid .pagination-container:has(:not(.hide)) {
display: flex;
gap: 40px;
justify-content: center;
margin: 30px 0;
align-items: center;
}
.cx_shortcode.cx_listing_grid .pagination-pages-container {
display: flex;
list-style: none;
gap: 15px;
max-width: 60%;
min-width: 60%;
justify-content: center;
align-items: center;
background: var(--e-body-secondary-bg);
border-radius: 15px;
padding: 5px 35px;
cursor: pointer;
}
.cx_shortcode.cx_listing_grid
.pagination-pages-container.pagination_minimized
li.pageination-page-counter {
min-width: 25px;
text-align: center;
} .pagination-container
.pagination-pages-container
li.pageination-page-counter
> span {
min-width: 20px !important;
text-align: center;
}
.pagination-container li.pageination-page-counter:hover {
color: var(--e-primary);
}
.pagination-container li.pageination-page-counter.cx_active-page > span {
display: inline-block;
padding: 3px 5px;
background: white;
border-radius: 5px;
color: var(--e-primary);
}
.pagination-container .pagination_buttons.loading-icon-container {
display: none !imortant;
}
.pagination-container button.pagination_buttons.show-next:focus,
.pagination-container button.pagination_buttons.show-prev:focus {
outline: none;
box-shadow: none !important;
}
.pagination-container span.loading-icon-container.cx-ajax-loading {
display: none;
} .pagination-container button.infinite_scroll-style-load-more {
margin: 20px 0;
}
.pagination-container.load_more_button {
align-items: end !important;
justify-content: end !important;
} .load-more-card {
background-color: var(--e-body-secondary-bg);
min-height: 100%; border-radius: 6px;
align-items: center;
display: flex;
justify-content: center;
}
.load-more-card .load-more-content {
display: flex;
flex-direction: column;
align-content: center;
justify-content: center;
align-items: center; }
.load-more-card .load-more-content i.load-more-icon {
font-size: 2.25rem !important;
}
.load-more-card .load-more-text {
margin: 5px 0;
font-size: 0.875rem !important;
}
.pagination-container {
padding-top:16px;
}
.pagination-container .button-next i,
.pagination-container .button-prev i { }
.pagination-container .pagination-button-wraper {
min-width: 40px;
}
.pagination-container {
align-items: center;
display: flex;
}
.pagination-container li.pageination-page-counter {
list-style: none;
}
.pagination-container li.pageination-page-counter span {
padding: 3px 4px;
cursor: pointer;
display: block;
}
.pagination-container .pagination-pages-container {
text-align: center;
width: calc(100% - 80px);
max-width: calc(100% - 80px);
overflow-x: hidden;
}
.pagination-container .pagination-container.s10.pagination {
vertical-align: middle;
align-items: center;
} .pagination-container .pagination-pages-container {
display:flex;
align-items:center;
justify-content:center;
gap:2px;
}
.pagination-container .pagination-pages-container > li {
color:var(--text-51);
font-size:14px;
line-height:20px;
font-family:inter;
font-weight:500;
border-radius:8px;
min-width:40px;
min-height:40px;
display:flex;
align-items:center;
justify-content:center;
}
.pagination-container .pagination-pages-container > li.cx_active-page {
color:var(--text-54);
background-color:var(--grey-45);
}
.pagination-container .pagination-pages-container > li > span {
display: inline-block;
padding: 0;
background: unset;
border-radius: unset;
color: inherit;
}
.pagination-container .pagination-pages-container > li.cx_active-page > span {
padding: 0;
background: unset;
border-radius: unset;
color: inherit;
cursor:unset;
}