body.cacab-redesign {
--cacab-action-ink: #fffefa;
}
body.cacab-redesign.dark-theme {
--cacab-action-ink: #1b201e;
}
html body.cacab-redesign:not(.dark-theme) .header .navbar-nav > li.current-menu-item::before,
html body.cacab-redesign:not(.dark-theme) .header .navbar-nav > li.current-menu-parent::before,
html body.cacab-redesign:not(.dark-theme) .header .navbar-nav > li.current_page_item::before,
html body.cacab-redesign.dark-theme .header .navbar-nav > li.current-menu-item::before,
html body.cacab-redesign.dark-theme .header .navbar-nav > li.current-menu-parent::before,
html body.cacab-redesign.dark-theme .header .navbar-nav > li.current_page_item::before,
html body.cacab-redesign:not(.dark-theme) .header .navbar-nav > li.current-menu-item > a::after,
html body.cacab-redesign:not(.dark-theme) .header .navbar-nav > li.current-menu-parent > a::after,
html body.cacab-redesign:not(.dark-theme) .header .navbar-nav > li.current_page_item > a::after,
html body.cacab-redesign.dark-theme .header .navbar-nav > li.current-menu-item > a::after,
html body.cacab-redesign.dark-theme .header .navbar-nav > li.current-menu-parent > a::after,
html body.cacab-redesign.dark-theme .header .navbar-nav > li.current_page_item > a::after {
background: var(--cacab-library-green) !important;
} body.cacab-redesign:not(.home) .content-layout > .zib-widget,
body.cacab-redesign:not(.home) .content-layout > .article,
body.cacab-redesign:not(.home) .content-layout > .user-card,
body.cacab-redesign:not(.home) .sidebar .zib-widget,
body.cacab-redesign:not(.home) .relates > .zib-widget {
background: var(--main-bg-color) !important;
border: 1px solid var(--main-border-color) !important;
border-radius: 12px !important;
box-shadow: none !important;
}
body.cacab-redesign:not(.home) .sidebar .zib-widget:hover {
box-shadow: none !important;
transform: none !important;
}
body.cacab-redesign:not(.home) .title-theme::before,
body.cacab-redesign:not(.home) .title-h-left::before {
background: var(--cacab-library-green) !important;
box-shadow: none !important;
} body.cacab-redesign.search .content-layout > .zib-widget:first-child { padding: 18px !important; }
body.cacab-redesign.search .main-search .search-form .line-form {
min-height: 48px;
padding: 9px 14px !important;
border: 1px solid var(--main-border-color) !important;
border-radius: 9px !important;
background: var(--main-bg-color) !important;
box-shadow: none !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
}
body.cacab-redesign.search .main-search .search-form:focus-within .line-form {
border-color: var(--cacab-library-green) !important;
box-shadow: 0 0 0 2px var(--focus-shadow-color) !important;
}
body.cacab-redesign.search .main-search .search-input-text { min-width: 0; }
body.cacab-redesign.search .main-search .line-form-input {
color: var(--main-color) !important;
padding-right: 44px !important;
}
body.cacab-redesign.search .main-search .scale-placeholder {
color: var(--muted-color) !important;
pointer-events: none;
}
body.cacab-redesign.search .main-search .scale-placeholder.is-focus { visibility: hidden; }
body.cacab-redesign.search .main-search .history-search {
margin-top: 6px !important;
padding-top: 6px;
color: var(--muted-color) !important;
text-shadow: none !important;
}
body.cacab-redesign.search .main-search .history-search p,
body.cacab-redesign.search .main-search .history-search p > span,
body.cacab-redesign.search .main-search .history-search .trash-history-search {
color: var(--muted-color) !important;
text-shadow: none !important;
}
body.cacab-redesign.search .main-search .history-search .search_keywords {
color: var(--cacab-library-green) !important;
background: var(--cacab-library-tint) !important;
border: 0 !important;
border-radius: 5px !important;
text-shadow: none !important;
box-shadow: none !important;
}
body.cacab-redesign.search .main-search .abs-right { top: 50%; transform: translateY(-50%); }
body.cacab-redesign.search .main-search .abs-right button[type="submit"] {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 44px;
min-height: 44px;
padding: 0;
color: var(--cacab-library-green) !important;
background: transparent;
border-radius: 7px;
}
body.cacab-redesign.search .main-search .search-drop > .dropdown > a {
display: inline-flex;
align-items: center;
min-height: 30px;
color: var(--muted-color);
}
body.cacab-redesign.search .search-content > .author-tab {
margin: 0 0 12px;
border-bottom: 1px solid var(--main-border-color);
}
body.cacab-redesign.search .search-content .tab-nav-theme {
display: flex;
gap: 22px;
margin: 0;
padding: 0;
}
html body.cacab-redesign.search .search-content .tab-nav-theme > li {
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
border-bottom: 2px solid transparent !important;
border-radius: 0 !important;
box-shadow: none !important;
}
html body.cacab-redesign.search .search-content .tab-nav-theme > li > a {
display: block;
padding: 8px 1px 11px !important;
color: var(--muted-color) !important;
font-size: 14px;
font-weight: 400;
line-height: 1.6;
background: transparent !important;
}
html body.cacab-redesign.search .search-content .tab-nav-theme > li.active {
border-bottom-color: var(--cacab-library-green) !important;
}
html body.cacab-redesign.search .search-content .tab-nav-theme > li.active > a {
color: var(--cacab-library-green) !important;
font-weight: 600;
}
body.cacab-redesign.search .search-content .tab-nav-theme > li::before,
body.cacab-redesign.search .search-content .tab-nav-theme > li::after { display: none !important; }
body.cacab-redesign.search .search-content > div > .badg {
margin: 0 0 16px;
padding: 0;
color: var(--muted-color);
background: transparent;
font-size: 12px;
line-height: 1.8;
}
body.cacab-redesign.search .search-content .focus-color,
body.cacab-redesign.search .posts-item .search-key { color: var(--cacab-library-green) !important; } body.cacab-redesign.category .cacab-replaces-plain-cover + .zib-widget:not(.page-cover) { display: none !important; }
body.cacab-redesign .cacab-archive-head {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 12px 24px;
margin: 0 0 20px;
padding: 20px 22px;
background: var(--main-bg-color);
border: 1px solid var(--main-border-color);
border-radius: 12px;
}
body.cacab-redesign .cacab-archive-head > div { min-width: 0; flex: 1 1 180px; }
body.cacab-redesign .cacab-section-label {
display: block;
margin-bottom: 5px;
color: var(--cacab-library-green);
font-size: 11px;
font-weight: 500;
line-height: 1.5;
}
body.cacab-redesign .cacab-archive-head h1 {
margin: 0;
color: var(--main-color);
font-size: 25px;
font-weight: 600;
line-height: 1.45;
overflow-wrap: anywhere;
}
body.cacab-redesign .cacab-archive-head p {
margin: 7px 0 0;
color: var(--muted-color);
font-size: 13px;
line-height: 1.7;
}
body.cacab-redesign .cacab-archive-head > a {
display: inline-flex;
align-items: center;
min-height: 44px;
color: var(--cacab-library-green);
font-size: 12px;
white-space: nowrap;
} body.cacab-redesign:not(.home) .posts-item.card,
body.cacab-redesign:not(.home) .posts-item.card:hover {
border: 1px solid var(--main-border-color) !important;
border-radius: 12px !important;
background: var(--main-bg-color) !important;
box-shadow: none !important;
transform: none !important;
}
body.cacab-redesign:not(.home) .posts-item.card .item-thumbnail { border-radius: 11px 11px 0 0 !important; }
html body.cacab-redesign:not(.home) .posts-item.card:hover .item-heading a,
html body.cacab-redesign:not(.home) .posts-item.card .item-heading a:hover { color: var(--cacab-library-green) !important; }
body.cacab-redesign:not(.home) .posts-item.card .item-tags .meta-pay {
background: var(--cacab-library-tint) !important;
color: var(--cacab-library-green) !important;
border-radius: 5px !important;
box-shadow: none !important;
font-weight: 500 !important;
}
body.cacab-redesign:not(.home) .posts-item.card .item-tags .meta-pay * { color: inherit !important; }
body.cacab-redesign:not(.home) .pagenav .page-numbers {
color: var(--muted-color) !important;
background: var(--main-bg-color) !important;
border: 1px solid var(--main-border-color) !important;
border-radius: 7px !important;
box-shadow: none !important;
}
body.cacab-redesign:not(.home) .pagenav .page-numbers.current,
body.cacab-redesign:not(.home) .pagenav .page-numbers:hover {
color: var(--cacab-library-green) !important;
background: var(--cacab-library-tint) !important;
border-color: var(--cacab-library-green) !important;
} body.cacab-redesign.single .content-layout > .article { padding-top: 24px !important; padding-bottom: 24px !important; }
body.cacab-redesign.single .breadcrumb { color: var(--muted-color); font-size: 12px; line-height: 1.7; }
body.cacab-redesign.single .article-header { margin-bottom: 0; }
body.cacab-redesign.single .article-header .article-title { margin: 0 0 18px; line-height: 1.5 !important; }
body.cacab-redesign.single .article-header > .article-avatar {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 10px 20px;
margin: 0;
padding: 0 0 16px;
}
body.cacab-redesign.single .article-header > .article-avatar > .user-info {
flex: 1 1 280px;
min-width: 0;
margin: 0;
padding: 0;
border: 0;
}
body.cacab-redesign.single .article-header .user-right { min-width: 0; }
body.cacab-redesign.single .article-header .display-name { font-size: 13px; font-weight: 500; }
body.cacab-redesign.single .article-header .user-action .but {
border: 1px solid var(--main-border-color);
border-radius: 6px;
background: transparent !important;
box-shadow: none !important;
white-space: nowrap;
}
body.cacab-redesign.single .article-header > .article-avatar > .relative { position: static; margin: 0 !important; }
body.cacab-redesign.single .article-header > .article-avatar > .relative > .line-form-line { display: none; }
body.cacab-redesign.single .single-metabox .post-metas { padding: 0; background: transparent !important; box-shadow: none !important; }
body.cacab-redesign.single .article-header .single-metabox {
position: static !important;
margin: 0;
padding: 0;
color: var(--muted-2-color);
font-size: 12px;
transform: none !important;
border: 0;
background: transparent;
box-shadow: none;
}
body.cacab-redesign.single .cacab-resource-summary { margin: 0 0 22px; border-top: 1px solid var(--main-border-color); }
body.cacab-redesign.single .cacab-resource-actions a { min-height: 40px; border-radius: 7px; }
body.cacab-redesign .cacab-resource-actions a[href="#posts-pay"],
body.cacab-redesign .pay-box .cashier-link {
color: var(--cacab-action-ink) !important;
background: var(--cacab-library-green) !important;
border-color: var(--cacab-library-green) !important;
box-shadow: none !important;
}
body.cacab-redesign .pay-box { background: var(--muted-bg-color) !important; }
body.cacab-redesign .pay-box .pay-title { color: var(--main-color); font-weight: 600; line-height: 1.6; }
body.cacab-redesign .pay-box .cashier-link { min-height: 40px; padding: 9px 20px; border-radius: 7px !important; }
body.cacab-redesign.single .article-tags a.but {
color: var(--cacab-library-green) !important;
background: var(--cacab-library-tint) !important;
border-radius: 5px !important;
box-shadow: none !important;
}
body.cacab-redesign.single .post-actions > a.action {
color: var(--muted-color);
background: var(--main-bg-color);
border: 1px solid var(--main-border-color);
border-radius: 8px;
box-shadow: none;
}
body.cacab-redesign.single .post-actions > a.action.active,
body.cacab-redesign.single .post-actions > a.action:hover {
color: var(--cacab-library-green);
background: var(--cacab-library-tint);
border-color: var(--cacab-library-green);
}
body.cacab-redesign.single .article-nav,
body.cacab-redesign.single .article-nav > .main-bg {
background: var(--main-bg-color) !important;
border-radius: 12px !important;
box-shadow: none !important;
}
body.cacab-redesign.single .article-nav { border: 1px solid var(--main-border-color); } body.cacab-redesign .article .wp-posts-content h2,
body.cacab-redesign .article .wp-posts-content h3,
body.cacab-redesign .article .wp-posts-content h4 {
margin: 28px 0 13px !important;
color: var(--main-color) !important;
font-weight: 600 !important;
line-height: 1.55;
letter-spacing: 0;
}
body.cacab-redesign .article .wp-posts-content h2::before,
body.cacab-redesign .article .wp-posts-content h3::before {
width: 3px;
background: var(--cacab-library-green) !important;
}
body.cacab-redesign .page-article .wp-posts-content > :first-child { margin-top: 0 !important; }
body.cacab-redesign .article .wp-posts-content p { margin-bottom: 16px; }
body.cacab-redesign .article .wp-posts-content ul,
body.cacab-redesign .article .wp-posts-content ol { padding-left: 1.6em; }
body.cacab-redesign .article .wp-posts-content li { margin-bottom: 6px; line-height: 1.85; }
body.cacab-redesign .article .wp-posts-content blockquote {
padding: 14px 18px;
color: var(--muted-color);
background: var(--muted-bg-color);
border-left: 3px solid var(--cacab-library-green);
border-radius: 0 8px 8px 0;
box-shadow: none;
} body.cacab-redesign #u_sign .sign,
body.cacab-redesign #modal_pay_uservip .modal-content {
color: var(--main-color);
background: var(--main-bg-color) !important;
background-image: none !important;
border: 1px solid var(--main-border-color);
border-radius: 12px !important;
box-shadow: 0 12px 40px rgba(0,0,0,.12) !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
}
body.cacab-redesign #u_sign .title-h-left::before { background: var(--cacab-library-green) !important; }
body.cacab-redesign #u_sign .line-form-input { color: var(--main-color); }
body.cacab-redesign #u_sign .line-form-line { background: var(--main-border-color); }
body.cacab-redesign #u_sign .line-form-input:focus ~ .line-form-line,
body.cacab-redesign #u_sign .line-form-input:focus + .line-form-line { background: var(--cacab-library-green); }
body.cacab-redesign #u_sign .signsubmit-loader,
body.cacab-redesign #modal_pay_uservip .initiate-pay {
min-height: 44px;
color: var(--cacab-action-ink) !important;
background: var(--cacab-library-green) !important;
background-image: none !important;
border: 1px solid var(--cacab-library-green) !important;
border-radius: 8px !important;
box-shadow: none !important;
}
body.cacab-redesign #modal_pay_uservip .vip-product {
color: var(--main-color);
background: var(--main-bg-color);
border: 1px solid var(--main-border-color);
border-radius: 9px;
box-shadow: none;
}
body.cacab-redesign #modal_pay_uservip .vip-product-input:checked + .vip-product,
body.cacab-redesign #modal_pay_uservip .vip-cardminis li.active,
body.cacab-redesign #modal_pay_uservip .payment-method-radio.active {
border-color: var(--cacab-library-green) !important;
background-color: var(--cacab-library-tint) !important;
box-shadow: 0 0 0 1px var(--cacab-library-green) !important;
}
body.cacab-redesign #modal_pay_uservip .vip-product-input:checked + .vip-product .active-icon,
body.cacab-redesign #modal_pay_uservip .vip-cardminis li.active .active-icon {
color: var(--cacab-action-ink) !important;
background: var(--cacab-library-green) !important;
}
body.cacab-redesign #modal_pay_uservip .product-price.c-red { color: var(--cacab-library-green) !important; }
@media (max-width: 767px) {
body.cacab-redesign.search .content-layout > .zib-widget:first-child { padding: 13px !important; }
body.cacab-redesign.search .main-search .search-form .line-form { padding: 8px 10px !important; }
body.cacab-redesign.search .main-search .line-form-input { font-size: 14px !important; }
body.cacab-redesign.search .main-search .search-drop .padding-h10 { padding-left: 0; padding-right: 8px; }
body.cacab-redesign.search .search-content .tab-nav-theme > li > a { min-height: 44px; }
body.cacab-redesign .cacab-archive-head { gap: 6px 12px; padding: 16px; margin-bottom: 16px; }
body.cacab-redesign .cacab-archive-head h1 { font-size: 22px; }
body.cacab-redesign .cacab-archive-head p { font-size: 12px; }
body.cacab-redesign.single .article-header .article-title { font-size: 21px !important; margin-bottom: 14px; }
body.cacab-redesign.single .content-layout > .article { padding-top: 18px !important; padding-bottom: 18px !important; }
body.cacab-redesign.single .article-header > .article-avatar { gap: 9px; padding-bottom: 13px; }
body.cacab-redesign.single .article-header > .article-avatar > .user-info { flex-basis: 100%; }
body.cacab-redesign.single .article-header .user-action .but { padding: 6px 8px; margin-left: 6px; }
body.cacab-redesign.single .article-header .single-metabox { font-size: 11px; }
body.cacab-redesign.single .cacab-resource-summary { margin-bottom: 18px; }
body.cacab-redesign.single .cacab-resource-actions a,
body.cacab-redesign .pay-box .cashier-link { min-height: 44px; }
body.cacab-redesign .article .wp-posts-content h2 { font-size: 20px !important; }
body.cacab-redesign .article .wp-posts-content h3 { font-size: 17px !important; }
body.cacab-redesign .article .wp-posts-content p { font-size: 15px; line-height: 1.85; } body.cacab-redesign.home .header-slider-search .search-input-text > .abs-right {
top: 50%;
transform: translateY(-50%);
}
body.cacab-redesign.home .header-slider-search .search-input-text > .abs-right button[type="submit"] {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 44px;
min-height: 44px;
padding: 0;
}
body.cacab-redesign.home .header-slider-search .line-form-input { padding-right: 44px !important; }
}