:root {
--secondary-color: #0F1012;
--pri-color: #ffcc00;
--head-color: #212121;
--stext-color: #000;
--text-color: #000;
--wtext-color: #fff;
--bg-color: #fff;
--border-color: #e2e8f0;
--box-color: #fff;
--blog-backcolor: #fff;
--blog-color: #000;
--wrap-color: #eff2f7;
}
::selection {
color: white;
background: var(--pri-color);
}
.wd-back {
background: var(--box-color);
}
.navbar-toggler:hover,
.navbar-toggler::focus {
background-color: var(--pri-color);
} .switch input:checked+.slider {
background: #ccc;
}
.switch .slider::before {
background: var(--pri-color);
color: #fff;
}
.bs-head-detail {
background: var(--secondary-color);
}
.bs-head-detail .info-left li a,
.bs-head-detail li a i,
.bs-head-detail .info-right li a {
color: #fff;
}
.bs-head-detail .top-date {
color: #fff;
}
.bs-head-detail .top-date .time {
background: var(--pri-color);
color: #fff;
} .bs-default .bs-header-main .inner {
background-color: transparent;
}
.bs-default .navbar-wp .navbar-nav>li>a {
color: #fff;
}
.bs-default .navbar-wp .navbar-nav>li>a:hover,
.bs-default .navbar-wp .navbar-nav>li>a:focus {
color: #fff;
}
.bs-default .bs-head-detail {
background: var(--secondary-color);
}
.bs-default .navbar-wp {
background: var(--pri-color);
}
.navbar-wp .dropdown-menu {
background: #fff;
}
.navbar-wp .dropdown-menu>li>a {
background: #fff;
color: #000;
}
.navbar-wp .dropdown-menu>li>a:hover,
.navbar-wp .dropdown-menu>li>a:focus {
background: var(--pri-color);
color: var(--secondary-color);
}
.navbar-wp .dropdown-menu.searchinner [type=submit] {
background: var(--pri-color);
color: #fff;
}
.navbar-wp .dropdown-menu.searchinner .btn:hover {
background-color: var(--secondary-color);
color: #fff;
} .bs-headtwo .navbar-wp {
background: var(--box-color);
}
.bs-headtwo .navbar-wp .navbar-nav>li>a {
color: var(--head-color);
} .bs-headthree .bs-head-detail .ticker strong {
color: #000;
}
.bs-headthree .right-nav a,
.bs-headthree .switch .slider::before {
border-color: #000;
background: var(--pri-color);
color: #000;
}
.bs-headthree .navbar-wp {
background: var(--pri-color);
}
.bs-headthree .navbar-wp .navbar-nav>li>a {
color: var(--secondary-color);
} .bs-headfour .navbar-wp .navbar-nav>li>a {
color: var(--head-color);
}
.bs-headfour .navbar-wp {
background: transparent;
}
.right-nav a::after,
.bs_upscr::after {
background: var(--secondary-color);
}
.right-nav a {
background: var(--pri-color);
color: #fff;
}
.right-nav a:hover {
color: #fff;
}
.right-nav a:focus {
color: var(--secondary-color);
} body {
color: var(--text-color);
}
input:not([type]),
input[type="email"],
input[type="number"],
input[type="password"],
input[type="tel"],
input[type="url"],
input[type="text"],
textarea {
color: var(--text-color);
border-color: #eef3fb;
}
.form-control:hover,
textarea:hover,
input:not([type]):hover,
input[type="email"]:hover,
input[type="number"]:hover,
input[type="password"]:hover,
input[type="tel"]:hover,
input[type="url"]:hover,
input[type="text"]:hover,
input:not([type]):focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="text"]:focus {
border-color: var(--pri-color);
color: var(--text-color);
}
input[type="submit"],
button {
background: var(--pri-color);
border-color: #000;
color: var(--secondary-color);
}
input[type="submit"]:hover,
button:hover,
input[type="submit"]:focus,
button:focus {
background: var(--secondary-color);
border-color: var(--secondary-color);
color: #fff;
}
a {
color: var(--pri-color);
}
a:hover,
a:focus {
color: var(--head-color);
}
.wp-block-calendar tbody td {
color: var(--text-color);
}
.bs-error-404 h1 i {
color: var(--pri-color);
}
.grey-bg {
background: #f4f7fc;
}
.bs .swiper-button-prev,
.bs .swiper-button-next {
background: #fff;
color: var(--secondary-color);
border-color: var(--secondary-color);
}
.bs .swiper-button-prev:hover,
.bs .swiper-button-next:hover {
background: var(--pri-color);
color: var(--secondary-color);
}
.mg-latest-news .bn_title {
background: var(--secondary-color);
}
.mg-latest-news .bn_title .title {
color: #fff;
border-color: #fff;
}
.mg-latest-news .mg-latest-news-slider a:hover,
.mg-latest-news .mg-latest-news-slider a:focus {
color: #fff;
}
.bs-social li .fa-facebook-f,
.bs-social li .fa-facebook,
.facebook {
background: #135CB6;
color: #fff;
}
.bs-social li .fa-facebook-f,
.bs-social li .fa-facebook,
.facebook {
background: #135CB6;
color: #fff;
}
.bs-social li .fa-twitter,
.twitter {
background: #00ACED;
color: #fff;
}
.bs-social li .fa-x-twitter,
.x-twitter {
background: #333;
color: #fff;
}
.bs-social li .fa-linkedin,
.linkedin {
background: #0078ca;
color: #fff;
}
.bs-social li .fa-telegram,
.telegram {
background: #0088cc;
color: #fff;
}
.bs-social li .fa-instagram,
.instagram {
background: radial-gradient(circle farthest-corner at 32% 106%, #ffe17d 0, #ffcd69 10%, #fa9137 28%, #eb4141 42%, transparent 82%), linear-gradient(135deg, #234bd7 12%, #c33cbe 58%);
}
.bs-social li .fa-youtube,
.youtube {
background: #cd201f;
color: #fff;
}
.bs-social li .fa-pinterest,
.pinterest {
background: #bd081c;
color: #fff;
}
.bs-social li .fa-dribbble,
.dribbble {
background: #ea4c89;
color: #fff;
}
.bs-social li .fa-whatsapp,
.whatsapp {
background: #1FB381;
color: #fff;
}
.bs-social li .fa-reddit,
.reddit {
background: #ff4500;
color: #fff;
}
.bs-social li .fa-discord,
.discord {
background: #404eed;
color: #fff;
}
.bs-social li .fa-print,
.print-r {
background: #000;
color: #fff;
}
.envelope {
background: var(--pri-color);
color: #fff;
}
.post-share-icons a {
color: #fff;
}
.post-share-icons {
border-color: var(--border-color);
}
.bs-social li i {
background: var(--pri-color);
color: #fff;
}
.bs-social li i::after {
background: var(--secondary-color);
}
.bs-widget .bs-widget-tags a {
color: var(--text-color);
background: transparent;
border-color: #E0E0E0;
}
.bs-widget .bs-widget-tags a:hover,
.bs-widget .bs-widget-tags a:focus {
color: #fff;
background: var(--pri-color);
border-color: var(--pri-color);
}
.tabarea-area .nav-tabs .nav-link {
background: var(--bg-color);
color: var(--text-color);
border-color: #eee;
}
.tabarea-area .nav-tabs .nav-link:hover,
.tabarea-area .nav-tabs .nav-link:focus,
.tabarea-area .nav-tabs .nav-link.active {
background: var(--pri-color);
color: #fff;
border-color: var(--pri-color);
}
.bs-widget.promo {
background-color: #eee;
}
.bs-widget.promo:hover .text::before {
border-top-color: var(--pri-color);
border-right-color: var(--pri-color);
}
.bs-widget.promo:hover .text::after {
border-bottom-color: var(--pri-color);
border-left-color: var(--pri-color);
}
.bs-widget.promo .inner-content {
background: rgba(0, 0, 0, 0.1);
}
.bs-widget.promo:hover .inner-content {
background: rgba(0, 0, 0, 0.8);
}
.bs-widget.promo h5 a {
color: var(--head-color);
background: var(--bg-color);
}
.bs-widget.promo:hover h5 a,
.bs-widget.promo h5 a:focus {
background: var(--pri-color);
color: #212121;
}
.bs_model .modal-content {
background-color: var(--box-color);
} .bs-slide.overlay:before {
background: rgba(0, 0, 0, 0.2);
}
.bs-slide .inner .title a {
color: var(--head-color);
}
.bs-slide .inner .title a:hover,
.bs-slide .inner .title a:focus {
color: var(--pri-color);
}
.bs-slide.one .bs-blog-meta a:hover {
color: var(--pri-color);
}
.bs-slide.two .inner .title a,
.bs-slide.three .inner .title a {
color: #000;
}
.bs-slide.two .inner.overlay::after,
.bs-slide.three .inner.overlay::after {
background: #fff;
} .bs-widget {
background: var(--bg-color);
}
.bs-widget-title {
border-color: #d7d7d7;
}
.bs-widget-title .title {
background: var(--pri-color);
color: var(--secondary-color);
} .featured-tab-widget .nav-link.active,
.featured-tab-widget .nav-link:hover,
.featured-tab-widget .nav-link:focus {
color: var(--pri-color);
}
.featured-tab-widget .nav-link {
color: var(--secondary-color);
} .small-post {
background: var(--box-color);
}
.small-post .title a {
color: var(--head-color);
}
.small-post .title a:hover,
.small-post .title a:focus {
color: var(--pri-color);
} .bs-blog-post {
background: var(--box-color);
}
.bs-blog-post .small {
color: var(--text-color);
}
.bs-blog-post .bs-header .btitle,
.bs-blog-post .bs-header .btitle a {
color: var(--head-color);
}
.bs-blog-post .bs-header .bs-read {
color: #f56565;
}
.bs-blog-post .single .nav-links {
background: var(--border-color);
}
.bs-blog-post .single .nav-links a,
.bs-blog-post .single .single-nav-links a {
color: var(--head-color);
}
.bs-blog-post .single .nav-links a:hover,
.bs-blog-post .single .single-nav-links a:hover {
color: var(--pri-color);
}
.bs-blog-post .single .single-nav-links .post-page-numbers:hover {
background-color: var(--pri-color);
color: var(--secondary-color);
}
.bs-blog-post .bs-blog-thumb img {
border-color: #000;
}
.bs-blog-post .small .wp-block-button .wp-block-button__link:hover,
.wp-block-button .wp-block-button__link:focus {
background: transparent;
border: 2px solid #32373c;
color: var(--head-color);
}
.featured-image-caption {
background-color: #343a40;
color: #f8f9fa;
border-color: #000;
}
.bs-blog-post.two .small {
background: var(--box-color);
color: var(--text-color);
}
.bs-blog-post.three .title a {
color: #fff;
}
.bs-blog-post.three .bs-blog-meta a,
.bs-blog-post.three .bs-blog-meta span,
.bs-blog-post.three .bs-blog-meta span:before,
.wp-block-file *+.wp-block-file__button {
color: #fff;
}
.bs-blog-post.four .small {
background-color: var(--box-color);
}
.bs-blog-post .bs-header .bs-blog-date {
color: var(--text-color);
}
.bs-blog-post .bs-header .tag-links,
.tag-links a {
color: var(--text-color);
}
.recentarea-slider .small-post {
border-color: #d7d7d7;
}
.bs-widget .bs-author h4 {
color: var(--head-color);
}
.bs-widget .bs-author {
color: var(--text-color);
}
.bs-blog-thumb .bs-blog-inner.two::after {
background-color: transparent;
}
.bs-blog-thumb .bs-blog-inner .title,
.bs-blog-thumb .bs-blog-inner .title a {
color: var(--head-color);
}
.bs-blog-thumb .bs-blog-inner .title:hover,
.bs-blog-thumb .bs-blog-inner .title a:hover,
.bs-blog-thumb .bs-blog-inner .title a:focus {
color: var(--pri-color);
}
.bs-blog-thumb .bs-blog-inner.two .title,
.bs-blog-thumb .bs-blog-inner.two .title a {
color: var(--bg-color);
}
.bs-blog-inner.two .bs-blog-category a {
color: var(--wrap-color);
}
.bs-blog-category:before {
background: var(--pri-color);
}
.bs-blog-category a {
background: var(--pri-color);
color: var(--secondary-color);
}
.bs-blog-category a:hover,
.bs-blog-category a:focus {
color: var(--secondary-color);
background: var(--pri-color);
} .category-color-1 {
background: var(--pri-color);
color: #fff
}
a.category-color-2 {
background: #00765b;
color: #fff
}
a.category-color-3 {
background: #622569;
color: #fff
}
a.category-color-4 {
background: #ff4545;
color: #fff
} .category-color-1 {
background: var(--pri-color);
color: #fff
}
a.category-color-2:hover,
a.category-color-2:focus {
background: #00765b;
color: #fff
}
a.category-color-3:hover,
a.category-color-3:focus {
background: #622569;
color: #fff
}
a.category-color-4:hover,
a.category-color-4:focus {
background: #ff4545;
color: #fff
}
.bs-blog-post .title,
.bs-blog-post .title a {
color: var(--head-color);
}
.bs-blog-post .title a:hover,
.bs-blog-post .title a:focus,
.bs-blog-post .title a:hover,
.bs-blog-post .title a:focus {
color: var(--pri-color);
}
.bs-blog-meta a:hover,
.bs-blog-meta a:focus {
color: var(--pri-color);
}
.bs-info-author-block {
background: var(--box-color);
}
.bs-info-author-block .title,
.bs-info-author-block .title a {
color: var(--head-color);
}
.bs-info-author-block .title a:hover,
.bs-info-author-block .title a:focus {
color: var(--pri-color);
}
.comments-area a {
color: var(--head-color);
}
.comments-area a {
color: var(--head-color);
}
.comments-area .reply a {
color: var(--secondary-color);
background: var(--pri-color);
border-color: #000;
}
.comments-area .comment-body {
border-color: var(--border-color);
}
.comments-area .reply a:hover,
.comments-area .reply a:focus {
color: #fff;
background: var(--secondary-color);
border-color: var(--secondary-color);
}
blockquote,
blockquote.wp-block-quote {
background: var(--border-color);
border-left: 5px solid var(--pri-color);
color: #718096;
}
blockquote::before {
color: var(--pri-color);
}
blockquote p {
color: var(--head-color);
}
.bs-widget .bs-author img.rounded-circle {
border: var(--bxbr);
}
.widget_block h2 {
color: var(--secondary-color);
border-color: #d7d7d7;
}
.wp-block-tag-cloud a {
background: #fff;
border-color: #000;
}
.wp-block-tag-cloud a:hover,
.wp-block-tag-cloud a:focus {
color: #000;
background: var(--pri-color);
border-color: #000;
}
.widget_block .wp-block-search__button {
background: var(--pri-color);
border-color: #000;
color: var(--secondary-color);
}
.widget_block .wp-block-search__button:hover,
.wp-block-search__button:focus {
background: var(--secondary-color);
border-color: var(--secondary-color);
color: #fff;
}
.bs-content p {
color: var(--text-color);
} .bs-sidebar .bs-widget {
background: var(--box-color);
border-color: #000;
}
.bs-sidebar .bs-widget ul li {
border-color: var(--border-color);
color: var(--text-color);
}
.wp-block-latest-comments li {
border-color: var(--border-color);
}
.bs-sidebar .bs-widget ul li a {
color: var(--text-color);
}
.bs-sidebar .bs-widget ul li a:hover,
.bs-sidebar .bs-widget ul li a:focus {
color: var(--pri-color);
}
.bs-sidebar .bs-widget ul.bs-social li a {
color: #fff;
}
.bs-sidebar .bs-widget .bs-widget-tags a,
.bs-sidebar .bs-widget .tagcloud a,
.wp-block-tag-cloud a {
color: var(--head-color);
background: var(--border-color);
border-color: #000;
}
.bs-sidebar .bs-widget .bs-widget-tags a:hover,
.bs-sidebar .bs-widget .tagcloud a:hover,
.bs-sidebar .bs-widget .bs-widget-tags a:focus,
.bs-sidebar .bs-widget .tagcloud a:focus {
color: #212121;
background: var(--pri-color);
border-color: #000;
}
.bs-sidebar .bs-widget.widget_search .btn {
background: var(--pri-color);
color: #fff;
border-color: #e5e7eb;
}
.bs-sidebar .bs-widget.widget_search .btn:hover,
.bs-sidebar .bs-widget.widget_search .btn:focus {
color: #fff;
background: var(--secondary-color);
border-color: var(--secondary-color);
}
.bs-widget .calendar_wrap table thead th,
.bs-widget .calendar_wrap table,
.bs-widget .calendar_wrap td {
border-color: rgba(51, 51, 51, 0.1);
color: var(--text-color);
}
.bs-widget .calendar_wrap table caption {
background: var(--pri-color);
border-color: var(--pri-color);
color: #fff;
}
.widget_block .wp-block-search__label,
.wp-block-search__label {
background: var(--pri-color);
border-color: #000;
color: var(--secondary-color);
}
.widget_block h2,
footer .wp-block-heading {
background: var(--pri-color);
border-color: #000;
}
.wp-block-latest-comments__comment-meta {
color: var(--text-color);
}
.comment-form textarea {
color: var(--text-color);
}
.comment-form textarea:focus {
color: var(--text-color);
}
.widget_search .wp-block-search__input:focus {
color: var(--text-color);
}
.bs-sidebar .wp-block-verse {
background-color: transparent;
}
.content th,
.single th,
.wp-block-calendar table th {
background: #f6f6f6;
color: #01012f;
padding: 8px 11.2px;
text-align: left;
font-weight: 700;
} h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
color: var(--head-color);
}
a.btn,
button.btn,
.btn-theme,
.more-link {
background-color: var(--pri-color);
color: #000;
border-color: #000;
}
.btn-theme:hover,
.btn-theme:focus,
.more-link:hover,
.more-link:focus,
a.btn:hover,
button.btn:hover {
background: var(--secondary-color);
color: #fff;
border-color: var(--secondary-color);
}
.btn-blog:hover,
.btn-blog:focus {
background: var(--pri-color);
color: #fff;
border-color: var(--pri-color);
}
.modal-header .btn-close {
background: var(--pri-color);
color: var(--secondary-color);
border-color: var(--pri-color);
}
.modal-header .btn-close:hover {
color: #fff;
}
button,
[type=button],
[type=reset],
[type=submit] {
background-color: var(--pri-color);
color: #fff;
border-color: var(--pri-color);
}
button:hover,
[type=button]:hover,
[type=reset]:hover,
[type=submit]:hover,
button:focus,
[type=button]:focus,
[type=reset]:focus,
[type=submit]:focus {
background: var(--secondary-color);
color: #fff;
border-color: var(--secondary-color);
}
.bs-blog-post.three.md.back-img {
background-color: #333;
}
input[type="search"] {
color: var(--text-color);
border-color: var(--head-color);
;
}
input[type="search"]:focus {
color: var(--text-color);
}
input[type="search"]::placeholder {
color: var(--text-color);
opacity: 0.9;
} .pagination>li>a,
.pagination>li>span {
background: #fff;
color: #999;
}
.pagination>.active>a,
.pagination>.active>a:hover,
.pagination>li>a:hover,
.pagination>li>a:focus,
.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
border-color: var(--pri-color);
background: var(--pri-color);
color: #fff;
}
.page-item.active .page-link {
border-color: var(--pri-color);
background: var(--pri-color);
color: #fff;
}
.navigation.pagination .nav-links .page-numbers,
.navigation.pagination .nav-links a {
background-color: var(--box-color);
border-color: var(--secondary-color);
color: var(--head-color);
}
.navigation.pagination .nav-links .page-numbers.current,
.navigation.pagination .nav-links a:hover,
a.error-btn,
.post-page-numbers.current {
background-color: var(--pri-color);
color: var(--secondary-color);
} .navbar-base .navbar-nav>.open>a,
.navbar-base .navbar-nav>.open>a:hover,
.navbar-base .navbar-nav>.open>a:focus {
color: #fff;
}
.navigation.pagination>.active>a,
.navigation.pagination>.active>a:hover,
.navigation.pagination>li>a:hover,
.navigation.pagination>li>a:focus,
.navigation.pagination>.active>a,
.navigation.pagination>.active>span,
.navigation.pagination>.active>a:hover,
.navigation.pagination>.active>span:hover,
.navigation.pagination>.active>a:focus,
.navigation.pagination>.active>span:focus {
border-color: var(--pri-color);
background: var(--pri-color);
color: #fff;
}
.navigation p a {
color: var(--head-color);
}
.navigation p a:hover {
color: var(--pri-color);
} .bs-breadcrumb-section .overlay {
background: var(--box-color);
}
.bs-breadcrumb-section .breadcrumb a,
.bs-breadcrumb-section .breadcrumb-item span {
color: var(--head-color);
}
.breadcrumb-item+.breadcrumb-item::before {
color: var(--head-color);
}
.bs-breadcrumb-section .breadcrumb a:hover,
.bs-breadcrumb-section .breadcrumb a:focus,
.bs-breadcrumb-section .breadcrumb .active a {
color: var(--pri-color);
}
.bs-breadcrumb-title h1 {
color: var(--head-color);
}
.bs-page-breadcrumb>li a {
color: var(--head-color);
}
.bs-page-breadcrumb>li a:hover,
.bs-page-breadcrumb>li a:focus {
color: var(--pri-color);
}
.bs-page-breadcrumb>li+li:before {
color: var(--head-color);
}
.bs-contact .bs-widget-address {
background: #fff;
}
.bs-contact .bs-widget-address li span.icon-addr i {
color: var(--pri-color);
} footer .overlay {
background: #0F1012;
}
footer .widget_block h2 {
color: #212121;
}
footer .site-title a,
footer .site-description {
color: #fff;
}
footer .bs-widget .title,
footer .consultup_contact_widget .bs-widget .title {
color: #000;
}
footer .bs-widget ul li {
color: #bbb;
border-color: rgba(255, 255, 255, 0.4);
}
footer .text-input button.sub-link a {
color: var(--bg-color);
}
footer .bs-widget ul li a {
color: #bbb;
}
footer .bs-recent-blog-post .small-post .title a {
color: #fff;
}
footer .bs-recent-blog-post .small-post .title a:hover,
footer .bs-recent-blog-post .small-post .title a:focus {
color: var(--pri-color);
}
footer .bs-recent-blog-post .bs-blog-meta span:before,
footer .bs-recent-blog-post .bs-blog-meta a {
color: #fff;
}
footer .bs-widget .bs-author h4 {
color: #fff;
}
footer .bs-recent-blog-post .small-post .img-small-post.right {
border-color: #fff;
}
footer .checkbox a {
color: var(--secondary-color);
}
footer .bs-widget ul li a:hover,
footer .bs-widget ul li a:focus {
color: var(--pri-color);
}
footer .bs-widget .calendar_wrap table thead th,
footer .bs-widget .calendar_wrap table tbody td,
footer .bs-widget #calendar_wrap td,
footer .bs-widget #calendar_wrap th,
footer .bs-widget .calendar_wrap table caption {
color: #f2f7fd;
border-color: #eee;
}
footer .bs-footer-copyright {
background: #000;
}
footer .bs-footer-copyright,
footer .bs-footer-copyright p,
footer .bs-footer-copyright a {
color: #bbb;
}
footer .bs-footer-copyright a:hover,
footer .bs-footer-copyright a:focus {
color: var(--pri-color);
}
footer .bs-widget p {
color: #bbb;
}
footer .bs-widget.widget_search .btn {
color: #fff;
background: var(--pri-color);
border-color: var(--pri-color);
}
footer .bs-widget.widget_search .btn:hover,
footer .bs-widget.widget_search .btn:focus {
background: var(--secondary-color);
border-color: var(--secondary-color);
}
footer .overlay a:hover,
footer .overlay a:focus {
color: #fff;
}
.bs_upscr {
background: var(--pri-color);
border-color: var(--secondary-color);
color: var(--secondary-color);
}
.bs_upscr:hover,
.bs_upscr:focus { color: #fff;
}
.site-title-footer a,
.site-description-footer,
p.site-title-footer a,
p.site-description-footer {
color: #fff;
}
footer .bs-widget-title .title {
color: #000;
}
footer input[type="search"] {
background-color: #222;
}
.comment-metadata .edit-link a {
color: var(--pri-color);
}
.comment-metadata .edit-link:before {
color: var(--head-color);
} .form-control {
border-color: #eef3fb;
}
.form-control:focus {
border-color: var(--pri-color);
}
.form-group label::before {
background-color: #dddddd;
}
.form-group label::after {
background-color: var(--pri-color);
}
pre {
background-color: var(--border-color);
} .subscibe-area {
background: var(--box-color);
} .woocommerce-page .products a.button,
.woocommerce a.button,
.woocommerce a.button,
.woocommerce-page .products a.button {
background: var(--pri-color);
border-color: var(--secondary-color);
color: var(--secondary-color);
}
.woocommerce-page .products a.button:hover {
background: var(--secondary-color) !important;
color: #fff;
border-color: var(--secondary-color);
}
.woocommerce ul.products li.product .woocommerce-loop-product__title a {
color: var(--secondary-color);
}
.woocommerce ul.products li.product .woocommerce-loop-product__categories a {
color: var(--secondary-color);
}
.woocommerce ul.products li.product .woocommerce-loop-product__categories a:hover {
color: var(--pri-color)
}
.woocommerce-cart .wc-proceed-to-checkout a .checkout-button,
.woocommerce .cart input.button,
.woocommerce #respond input#submit,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce #respond input#submit,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce-page .products a.button,
.woocommerce a.button,
.woocommerce a.button,
.woocommerce-page .products a.button,
.woocommerce .cart .button,
.woocommerce div.product form.cart .button {
background: var(--pri-color);
border-color: var(--secondary-color);
color: var(--secondary-color);
}
.woocommerce div.product .product_meta .posted_in a {
color: inherit;
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) ul.products li.product .price {
color: #bd081c;
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) ul.products li.product .price del {
color: #777;
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) ul.products li.product .price ins {
color: #bd081c;
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price,
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price {
color: #bd081c;
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price del,
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price del {
color: #777;
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price ins,
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price ins {
color: #bd081c;
}
.woocommerce .products span.onsale,
.woocommerce span.onsale {
background-color: #bd081c;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
background-color: var(--box-color);
border-color: var(--secondary-color);
color: var(--head-color);
}
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span:hover {
color: var(--head-color);
background-color: var(--pri-color);
} @media (max-width: 991.98px) {
.navbar-wp .navbar-nav {
background: var(--pri-color);
}
}