:root {
--secondary-color: #0F1012;
--pri-color: #005aff;
--head-color: #212121;
--stext-color: #000;
--text-color: #718096;
--wtext-color: #fff;
--bg-color: #fff;
--box-color: #fff; --bor-color: #e2e8f0;
--grady-color: #005aff;
}
::selection {
color: white;
background: var(--pri-color);
}
.wrapper {
background: var(--wrap-color);
}
.wd-back {
background: var(--box-color);
}
.site-title a,
.site-description {
color: var(--stext-color);
}
.navbar-toggler:hover,
.navbar-toggler:focus {
background: var(--grady-color);
}
.bs-default .bs-menu-full {
background: var(--grady-color);
}
p {
color: var(--text-color);
} .bs-head-detail {
background: var(--secondary-color);
}
.mg-latest-news .bn_title .title {
background: var(--grady-color);
color: #fff;
}
.bs-head-detail .top-date { color: var(--pri-color);
color: #e8e8e8;
}
.bs-head-detail .top-date .time {
background: var(--grady-color);
color: #fff;
}
.mg-latest-news .mg-latest-news-slider a {
color: #e8e8e8;
}
.mg-latest-news .navbar-nav .nav-link {
color: #e8e8e8;
}
.sidenav a.nav-link {
color: var(--head-color);
}
.sidenav a.nav-link:hover,
.sidenav a.nav-link:focus {
color: var(--pri-color);
}
.sidenav .nav-item .dropdown-menu {
background: var(--bor-color);
}
.sidenav .nav-item .dropdown-menu .dropdown-item {
color: var(--head-color);
}
.sidenav .nav-item .dropdown-menu .dropdown-item:hover,
.sidenav .nav-item .dropdown-menu .dropdown-item:focus {
color: var(--pri-color);
}
.offcanvas .offcanvas-header .btn_close {
color: var(--head-color);
} .bs-default .bs-header-main .inner {
background-color: var(--wrap-color);
}
.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 .navbar-wp .navbar-wp .dropdown-menu {
background: var(--bg-color);
}
.navbar-wp .dropdown-menu>li>a {
background: #222 !important;
color: #fff !important;
}
.navbar-wp .dropdown-menu>li>a:hover,
.navbar-wp .dropdown-menu>li>a:focus {
color: var(--pri-color);
}
.navbar-wp .dropdown-menu.searchinner [type=submit] {
background: var(--grady-color);
color: #fff;
}
.navbar-wp .dropdown-menu.searchinner .btn:hover {
background-color: var(--secondary-color);
color: #fff;
}
.bs-default .right-nav a {
color: #e8e8e8;
}
.bs-default .right-nav a:hover {
opacity: 0.7;
}
.bs-default .switch .slider::before {
color: #e8e8e8;
}
.bs-default .right-nav .subscribe-btn {
color: #212121;
}
.bs-cart-count {
background: var(--secondary-color);
}
.bs-default .offcbtn {
color: #e8e8e8;
}
.bs-headthree .offcbtn {
color: #e8e8e8;
}
.homebtn {
background: #fff;
} .bs-headtwo .bs-head-detail {
background: var(--secondary-color);
}
.bs-headtwo .mg-latest-news .mg-latest-news-slider a {
color: #fff;
}
.bs-headtwo .navbar-wp {
background: var(--box-color);
}
.bs-headtwo .navbar-wp .navbar-nav>li>a {
color: var(--head-color);
}
.bs-headtwo .right-nav a {
color: var(--head-color);
} .right-nav a::after {
background: var(--secondary-color);
}
.bs-headtwo .switch {
background: var(--head-color);
}
.bs-headtwo .switch .slider::before {
color: #fff;
}
.bs-headtwo .switch input:checked+.slider::before {
color: #212121;
}
.bs-headtwo .right-nav .subscribe-btn {
background: var(--grady-color);
color: #fff;
} .bs-headthree .right-nav a {
color: #fff;
} .bs-headthree .switch {
background: #fff;
}
.bs-headthree .switch .slider::before {
color: var(--secondary-color);
}
.bs-headthree .navbar-wp {
background: #222;
}
.bs-headthree .navbar-wp .navbar-nav>li>a {
color: #fff;
}
.bs-headthree .navbar-wp .navbar-nav>li>a:hover,
.bs-headthree .navbar-wp .navbar-nav>li>a:focus {
color: var(--pri-color);
}
.bs-headthree .bs-header-main .inner {
background: var(--wrap-color);
}
.bs-headthree .top-date .day {
color: var(--head-color);
}
.bs-headthree .bs-social li i {
color: var(--head-color);
}
.bs-headthree .right-nav a.subscribe-btn {
background: var(--grady-color);
}
.bs-headthree .navbar-toggler.x .icon-bar {
background-color: #fff;
} .bs-headfour .is-sticky .sticky-header {
background: var(--box-color);
}
.bs-headfour .right-nav a {
color: var(--head-color);
}
.bs-headfour .switch .slider::before {
color: #fff;
}
.bs-headfour .right-nav .subscribe-btn {
background: var(--grady-color);
color: #fff;
}
.right-nav a {
color: #fff;
}
.switch {
background: #212121;
}
.switch .slider::before {
color: var(--head-color);
}
.right-nav .subscribe-btn {
background: #fff;
color: #121212;
} .right-nav .subscribe-btn span {
border-color: #BDBDBD;
} body {
color: #5b5b5b;
}
input:not([type]),
input[type="email"],
input[type="number"],
input[type="password"],
input[type="tel"],
input[type="url"],
input[type="text"],
textarea {
color: #9b9ea8;
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);
}
a.btn,
button.btn,
.btn-theme,
.more-link {
background-color: transparent;
color: #212121;
border-color: var(--pri-color);
}
.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);
}
.modal-header .btn-close {
background: var(--grady-color);
color: #fff;
border-color: var(--pri-color);
}
.modal-header .btn-close:hover {
color: #fff;
}
input[type="submit"],
button {
background: var(--grady-color);
border-color: var(--pri-color);
color: #fff;
}
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(--secondary-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,
.woocommerce-product-gallery .flex-direction-nav .flex-prev,
.woocommerce-product-gallery .flex-direction-nav .flex-next {
background: var(--secondary-color);
color: #fff;
}
.bs .swiper-button-prev:hover,
.bs .swiper-button-next:hover,
.woocommerce-product-gallery .flex-direction-nav .flex-prev:hover,
.woocommerce-product-gallery .flex-direction-nav .flex-next:hover {
background: var(--grady-color);
color: #fff;
}
.swiper-navigation .swiper-button-prev:hover,
.swiper-navigation .swiper-button-next:hover {
background: var(--grady-color);
color: #fff;
}
.navigation p a:hover {
color: var(--head-color);
}
.swiper-pagination .swiper-pagination-bullet {
background: var(--head-color);
}
.swiper-pagination .swiper-pagination-bullet-active {
background: var(--grady-color);
}
.facebook,
.facebook+.icon-soci-content .bs-count {
background: #135CB6;
}
.twitter,
.twitter+.icon-soci-content .bs-count {
background: #00ACED;
}
.x-twitter,
.x-twitter+.icon-soci-content .bs-count {
background: #000;
}
.linkedin,
.linkedin+.icon-soci-content .bs-count {
background: #0078ca;
}
.telegram,
.telegram+.icon-soci-content .bs-count {
background: #0088cc;
}
.instagram,
.instagram+.icon-soci-content .bs-count {
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%);
}
.youtube,
.youtube+.icon-soci-content .bs-count {
background: #cd201f;
}
.pinterest,
.pinterest+.icon-soci-content .bs-count {
background: #bd081c;
}
.dribbble,
.dribbble+.icon-soci-content .bs-count {
background: #ea4c89;
}
.whatsapp,
.whatsapp+.icon-soci-content .bs-count {
background: #1FB381;
}
.reddit,
.reddit+.icon-soci-content .bs-count {
background: #ff4500;
}
.discord,
.discord+.icon-soci-content .bs-count {
background: #404eed;
}
.tumblr,
.tumblr+.icon-soci-content .bs-count {
background: #001833;
}
.vimeo,
.vimeo+.icon-soci-content .bs-count {
background: #86C9EF;
}
.skype,
.skype+.icon-soci-content .bs-count {
background: #00AFF0;
}
.envelope,
.envelope+.icon-soci-content .bs-count {
background: var(--grady-color);
}
.entry-content .post-share a {
color: #fff;
}
.print-r {
background: #000;
}
.bs-social .icon-soci-content .bs-count {
color: #fff;
}
.bs-social .icon-soci-content .bs-follow {
background: var(--bor-color);
color: var(--head-color);
}
.bs-social li i { color: var(--pri-color);
color: #e8e8e8;
}
.bs-social li i::after {
background: var(--secondary-color);
}
.bs-widget .bs-widget-tags a {
color: var(--pri-color);
background: #f3eeee;
border-color: #f3eeee;
}
.bs-widget .bs-widget-tags a:hover,
.bs-widget .bs-widget-tags a:focus {
color: #fff;
background: var(--grady-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(--grady-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(--text-color);
background: var(--bg-color);
}
.bs-widget.promo:hover h5 a,
.bs-widget.promo h5 a:focus {
background: var(--grady-color);
color: #fff;
}
.bs_model .modal-content {
background-color: var(--box-color);
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
color: #fff;
background: var(--grady-color);
border-color: var(--pri-color);
}
.nav-tabs .nav-link {
color: #121212;
}
.comments-area .comment-edit-link {
color: var(--pri-color);
}
.comments-area .comment-body {
border-bottom: var(--bor-color);
}
.edit-link {
color: var(--text-color);
} .mg-tpt-txnlst .mg-tpt-txnlst-title {
background: var(--grady-color);
color: #fff;
}
.mg-tpt-txnlst ul li a {
color: var(--head-color);
}
.mg-tpt-txnlst ul li a:hover {
color: var(--pri-color);
} .bs-widget {
background: var(--box-color);
}
.bs-widget-title {
border-color: var(--pri-color);
}
.bs-widget-title .title {
background: var(--grady-color);
color: #fff;
}
.bs-widget-title .title:before {
background: var(--grady-color);
}
.bs-widget-title.three .title:after {
background: #f00;
}
.bs-widget-title.two .title {
background: var(--grady-color);
color: #fff;
} .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);
border-bottom-color: var(--bor-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 {
border-top-color: var(--bor-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.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 {
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(--grady-color);
}
.bs-blog-category a {
background: var(--grady-color);
color: #fff;
}
.bs-blog-category a:hover,
.bs-blog-category a:focus {
color: #fff;
background: var(--grady-color);
}
.bs-blog-post .title,
.bs-blog-post .title a,
.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,
.bs-blog-meta a {
color: var(--text-color);
}
.bs-blog-meta a:hover,
.bs-blog-meta a:focus {
color: var(--pri-color);
}
.featured-image-caption {
background-color: #343a40;
color: #f8f9fa;
}
.bs-info-author-block {
background: var(--box-color);
}
.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);
}
.bs-info-author-block.py-4.px-3.mb-4 {
border-color: var(--bor-color);
}
.comments-area a {
color: var(--head-color);
}
.comments-area a {
color: var(--head-color);
}
.comments-area .reply a {
color: #fff;
background: var(--grady-color);
border-color: var(--pri-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(--bor-color);
border-left: 5px solid var(--pri-color);
}
blockquote::before {
color: var(--pri-color);
}
blockquote p {
color: var(--text-color);
}
.bs-widget .bs-author img.rounded-circle {
border-bottom-color: var(--pri-color);
border-left-color: var(--pri-color);
border-top-color: #e5e5e5;
border-right-color: #e5e5e5;
}
.widget_block h2 {
color: var(--head-color);
border-color: #d7d7d7;
}
.wp-block-tag-cloud a {
color: var(--text-color);
background: var(--box-color);
border-color: #d7d7d7;
}
.wp-block-tag-cloud a:hover,
.wp-block-tag-cloud a:focus {
color: #fff;
background: var(--grady-color);
border-color: var(--pri-color);
}
.wp-block-search__button {
background: var(--grady-color) !important;
border-color: var(--pri-color) !important;
color: #fff !important;
}
.wp-block-search__button:hover,
.wp-block-search__button:focus {
background: var(--secondary-color) !important;
border-color: var(--secondary-color) !important;
color: #fff !important;
}
.entry-content a { }
.entry-content a { }
.wp-block-button__link:hover {
color: var(--head-color);
background: transparent;
} .bs-sidebar .bs-widget {
background: var(--box-color);
border-color: #d7d7d7;
}
.bs-sidebar .bs-widget ul li {
border-color: var(--bor-color);
color: var(--text-color);
}
ol.wp-block-latest-comments li {
border-color: var(--bor-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,
footer .bs-widget .tagcloud a {
color: var(--pri-color);
background: #f3eeee;
border-color: #f3eeee;
}
.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: #fff;
background: var(--grady-color);
border-color: var(--pri-color);
}
.bs-sidebar .bs-widget.widget_search .btn {
background: var(--grady-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(--grady-color);
border-color: var(--pri-color);
color: #fff;
}
.widget_block .wp-block-search__input:focus,
.widget_block .wp-block-search__input:hover {
border-color: var(--pri-color);
}
.widget_block h2,
footer .wp-block-heading {
background: var(--grady-color);
color: #fff;
}
.widget_block h2:before,
footer .wp-block-heading::before {
background: var(--grady-color);
}
.wp-block-latest-comments__comment-meta {
color: var(--text-color);
}
.modal-body .search-form input:focus {
border-color: var(--pri-color);
}
.single-nav-links .post-page-numbers:hover,
.bs-blog-post .single .single-nav-links .post-page-numbers:hover {
color: #fff;
background: var(--grady-color);
}
.bs-sidebar .wp-block-verse {
background-color: transparent;
}
.bs-sidebar .wp-block-latest-posts__list .wp-block-latest-posts__featured-image+.wp-block-latest-posts__post-title {
color: var(--head-color);
}
.bs-sidebar .wp-block-latest-posts__list .wp-block-latest-posts__featured-image+.wp-block-latest-posts__post-title:hover {
color: var(--pri-color);
} h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
color: var(--head-color);
}
.btn,
.btn-theme,
.more-link {
background-color: transparent;
color: var(--head-color);
border-color: var(--pri-color);
}
.btn-theme:hover,
.btn-theme:focus,
.more-link:hover,
.more-link:focus {
background: var(--secondary-color);
color: #fff;
border-color: var(--secondary-color);
}
.btn-blog:hover,
.btn-blog:focus {
background: var(--grady-color);
color: #fff;
border-color: var(--pri-color);
}
button,
[type=button],
[type=reset],
[type=submit] {
background: var(--grady-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);
}
.sidenav.offcanvas {
background: var(--box-color);
} .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(--grady-color);
color: #fff;
}
.page-item.active .page-link {
border-color: var(--pri-color);
background: var(--grady-color);
color: #fff;
}
.pagination .page-numbers {
background: var(--box-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: var(--grady-color);
color: #fff;
} .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(--grady-color);
color: #fff;
} .bs-breadcrumb-section .overlay {
background: var(--box-color);
}
.bs-breadcrumb-section .breadcrumb a {
color: var(--head-color);
}
.bs-breadcrumb-section .breadcrumb span {
color: var(--head-color);
}
.breadcrumb .breadcrumb-item+.breadcrumb-item::before {
color: var(--stext-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: #0C1120;
}
footer[style*="background-image"] .overlay {
background: #0c1120bf;
}
footer .widget_block h2 {
color: #fff;
}
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 .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 .copyright-overlay {
background: #060A16;
}
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(--grady-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);
}
.site-title-footer a,
.site-description-footer,
p.site-title-footer a,
p.site-description-footer {
color: #fff;
}
footer .bs-recent-blog-post .small-post .title a {
color: #fff;
}
footer .small-post-list-widget .small-post {
background: #060A16;
}
footer .small-post-list-widget .small-post .title a {
color: #fff;
}
footer .small-post {
background: transparent;
}
footer .small-post .title a {
color: #fff;
}
footer .tabarea-area .nav-tabs .nav-link {
background: transparent;
color: #fff;
}
footer .tabarea-area .nav-tabs .nav-link:hover,
footer .tabarea-area .nav-tabs .nav-link:focus,
footer .tabarea-area .nav-tabs .nav-link.active {
border-color: #fff;
}
footer .double-category-posts .colinn {
padding: 20px;
padding-bottom: 0;
margin-bottom: 30px;
background: #060A16;
} .bs_upscr {
background: var(--grady-color);
border-color: var(--pri-color);
color: #fff !important;
}
.bs_upscr:hover,
.bs_upscr:focus {
color: #fff;
background: var(--secondary-color);
} footer .bs-widget-title .title {
color: #fff;
}
.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: var(--grady-color);
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
color: var(--head-color);
}
.woocommerce-page .products h3 {
color: #333;
}
.woocommerce div.product .woocommerce-tabs .panel h2 {
color: var(--head-color);
}
th {
background: var(--bor-color);
color: var(--head-color);
}
.woocommerce table.shop_attributes td,
.woocommerce table.shop_attributes th,
.woocommerce table.shop_attributes,
table,
th,
td,
.is-large.wc-block-cart .wc-block-cart-items td,
.is-large.wc-block-cart .wc-block-cart-items,
.wc-block-cart-items__row {
border-color: var(--bor-color);
}
.woocommerce ul.products li.product .woocommerce-loop-product__title a {
color: var(--head-color);
}
.woocommerce ul.products li.product .woocommerce-loop-product__title a:hover {
color: var(--pri-color);
}
.woocommerce ul.products li.product .woocommerce-loop-product__categories a {
color: var(--text-color);
}
.related.products h2 {
color: var(--head-color);
}
.woocommerce nav.woocommerce-pagination ul li a {
color: #333;
}
.woocommerce nav .woocommerce-pagination ul li span {
color: #333;
}
.woocommerce nav.woocommerce-pagination ul li a {
border-color: #ddd;
}
.woocommerce nav .woocommerce-pagination ul li span {
border-color: #ddd;
}
.woocommerce ul.products li.product {
background: var(--box-color);
border-color: var(--bor-color);
} .woocommerce-cart table.cart td.actions .coupon .input-text {
border-color: #ebebeb;
} .woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce #respond input#submit,
.woocommerce input.button.alt,
.woocommerce .cart .button,
.woocommerce .cart input.button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce-page .products a.button,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit.alt.disabled,
.woocommerce #respond input#submit.alt.disabled:hover,
.woocommerce #respond input#submit.alt:disabled,
.woocommerce #respond input#submit.alt:disabled:hover,
.woocommerce #respond input#submit.alt[disabled]:disabled,
.woocommerce #respond input#submit.alt[disabled]:disabled:hover,
.woocommerce a.button.alt.disabled,
.woocommerce a.button.alt.disabled:hover,
.woocommerce a.button.alt:disabled,
.woocommerce a.button.alt:disabled:hover,
.woocommerce a.button.alt[disabled]:disabled,
.woocommerce a.button.alt[disabled]:disabled:hover,
.woocommerce button.button.alt.disabled,
.woocommerce button.button.alt.disabled:hover,
.woocommerce button.button.alt:disabled,
.woocommerce button.button.alt:disabled:hover,
.woocommerce button.button.alt[disabled]:disabled,
.woocommerce button.button.alt[disabled]:disabled:hover,
.woocommerce input.button.alt.disabled,
.woocommerce input.button.alt.disabled:hover,
.woocommerce input.button.alt:disabled,
.woocommerce input.button.alt:disabled:hover,
.woocommerce input.button.alt[disabled]:disabled,
.woocommerce input.button.alt[disabled]:disabled:hover {
background: var(--grady-color);
}
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
background: var(--grady-color) !important;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
background: var(--box-color);
border-color: var(--bor-color);
color: var(--head-color);
} .woocommerce #respond input#submit,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce-page .products .added_to_cart,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
color: var(--pri-color);
} .woocommerce-cart table.cart td.actions .coupon .input-text:hover,
.woocommerce-cart table.cart td.actions .coupon .input-text:focus,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce nav .woocommerce-pagination ul li a:focus,
.woocommerce nav .woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
border-color: var(--pri-color);
} .woocommerce #review_form #respond .form-submit input:hover,
.woocommerce-page .products a.button:hover,
.woocommerce .cart .button:hover,
.woocommerce .cart input.button:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce #respond input#submit:hover,
.woocommerce #respond input#submit:focus,
.woocommerce a.button:hover,
.woocommerce a.button:focus,
.woocommerce button.button:hover,
.woocommerce button.button:focus,
.woocommerce input.button:hover,
.woocommerce input.button:focus {
background: var(--secondary-color);
color: #fff;
} .woocommerce div.product .woocommerce-tabs ul.tabs li a {
color: var(--text-color);
} .woocommerce-page .woocommerce .woocommerce-info a,
.woocommerce-page .woocommerce .woocommerce-info:before,
.woocommerce-page .woocommerce-message,
.woocommerce-page .woocommerce-message a,
.woocommerce-page .woocommerce-message a:hover,
.woocommerce-page .woocommerce-message a:focus,
.woocommerce .woocommerce-message::before,
.woocommerce-page .woocommerce-error,
.woocommerce-page .woocommerce-error a,
.woocommerce-page .woocommerce .woocommerce-error:before,
.woocommerce-page .woocommerce-info,
.woocommerce-page .woocommerce-info a,
.woocommerce-page .woocommerce-info:before,
.woocommerce-page .woocommerce .woocommerce-info,
.woocommerce-cart .wc-proceed-to-checkout a .checkout-button,
.woocommerce .cart .button,
.woocommerce .cart input.button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce #respond input#submit,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce nav .woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce-page .products a.button,
.woocommerce #respond input#submit:hover,
.woocommerce #respond input#submit:focus,
.woocommerce a.button:hover,
.woocommerce a.button:focus,
.woocommerce button.button:hover,
.woocommerce button.button:focus,
.woocommerce input.button:hover,
.woocommerce input.button:focus {
color: #fff;
}
.woocommerce .products span.onsale,
.woocommerce span.onsale {
background: var(--grady-color);
}
.woocommerce-page .products a .price,
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
color: var(--text-color);
}
.woocommerce-page .products a .price ins {
color: #e96656;
}
.woocommerce-page .products .star-rating,
.woocommerce-page .star-rating span,
.woocommerce-page .stars span a {
color: #ffc107;
}
.woocommerce .quantity .qty {
background: var(--box-color);
} .woocommerce-page .woocommerce-message {
background: #2ac56c;
}
.woocommerce-page .woocommerce-message a {
background: var(--grady-color);
}
.woocommerce-page .woocommerce-message a:hover,
.woocommerce-page .woocommerce-message a:focus {
background-color: #388e3c;
}
.woocommerce-page .woocommerce-error {
background: #ff5252;
}
.woocommerce-page .woocommerce-error a {
background-color: #F47565;
}
.woocommerce-page .woocommerce-info {
background: #4593e3;
}
.woocommerce-page .woocommerce-info a {
background-color: #5fb8dd;
}
.woocommerce-page .woocommerce .woocommerce-info {
background: rgb(58, 176, 226);
} .woocommerce .widget_price_filter .ui-slider .ui-slider-range {
background: var(--grady-color);
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
background: var(--grady-color);
}
.woocommerce-page .woocommerce-ordering select {
color: #A0A0A0;
} .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
background: #1a2128;
} .woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
border-color: #ccc;
color: #999;
}
.woocommerce form .form-row label {
color: #222;
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) ul.products li.product .price {
color: var(--pri-color);
}
.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: var(--pri-color);
}
.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: var(--pri-color);
}
.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: var(--pri-color);
}
.woocommerce div.product div.images .flex-control-thumbs li img.flex-active{
border-color: var(--pri-color);
}
.widget_block .wp-block-search__label {
color: #fff;
background: var(--grady-color);
}
.wp-block-search__label:before {
background: var(--grady-color);
}
::-webkit-input-placeholder {
color: var(--border-color);
}
input::-webkit-input-placeholder {
color: var(--border-color);
} ::placeholder {
color: var(--text-color);
opacity: 1;
} ::-ms-input-placeholder {
color: var(--text-color);
}
pre {
background-color: var(--bor-color);
}
@media (max-width: 991.98px) {
.navbar-wp .navbar-nav {
background: var(--grady-color);
}
.bs-headtwo .navbar-wp .navbar-nav>li>a,
.navbar-wp .navbar-nav>li>a {
color: #fff;
}
.bs-default .navbar-wp {
background-color: #fff0;
}
.bs-default .is-sticky .navbar-wp,
.bs-default .is-sticky .bs-menu-full {
background-color: var(--box-color);
}
.bs-default .right-nav a {
color: var(--head-color);
}
.bs-default .bs-menu-full,
.bs-default .navbar-wp,
.bs-headthree .navbar-wp {
background: var(--box-color);
}
.bs-headthree .navbar-toggler.x .icon-bar {
background-color: #212121;
}
.bs-headthree .right-nav a {
color: #212121;
}
}