:root { --pri-color: #d10014; --secondary-color: #121026; --three-color: #090818; --four-color: #eef0f1; } /*==================== Top Bar color ====================*/ .mg-head-detail .info-left { background: var(--pri-color); } .mg-head-detail .info-left li span.time { background: var(--pri-color); color: #fff; } .mg-headwidget .mg-head-detail { background: var(--pri-color); } .mg-head-detail .info-left li, .mg-headwidget .mg-head-detail .info-left li a , .mg-headwidget .mg-head-detail li a i, .mg-headwidget .mg-head-detail .info-right li a { color: #fff; } .mg-headwidget .mg-head-detail .info-right li a:hover, .mg-headwidget .mg-head-detail .info-right li a:focus { color: var(--pri-color); } .mg-headwidget .mg-head-detail li a i { color: #fff; } .mg-headwidget .mg-head-detail .info-right li a i { color: #fff; } .mg-headwidget.center .info-right { background: var(--pri-color); color: #fff; } .mg-headwidget.center .navbar-wp { background: white; } .mg-headwidget.center .navbar-wp .navbar-nav > li > a { color: #000; } .mg-headwidget.center .navbar-wp .navbar-nav > .active > a { color: #fff; background-color: var(--pri-color); } .mg-headwidget.center .mg-headwidget .site-branding-text, .mg-headwidget.center .mg-headwidget .site-branding-text a, .mg-headwidget.center .site-title a, .mg-headwidget.center .site-description { color: #000; } .mg-headwidget.center.light .mg-nav-widget-area-back .inner { background: rgba(255, 255, 255, 0.8); } .mg-headwidget.center.light .site-branding-text, .mg-headwidget.center.light .site-branding-text a, .mg-headwidget.center.light .site-title a, .mg-headwidget.center.light .site-description, .mg-headwidget.center.light .site-title a:hover { color: #000; } .mg-headwidget.center.light .heacent { color: #000; } .mg-headwidget.center.white .info-right { background: inherit; } .mg-headwidget.center.white .navbar-wp { background: white; } .mg-headwidget.center.white .mg-nav-widget-area-back .inner { background: white; } .mg-headwidget.center.white .mg-nav-widget-area-back .inner { background: white; } .mg-headwidget.center.white .site-branding-text, .mg-headwidget.center.white .site-branding-text a, .mg-headwidget.center.white .site-title a, .mg-headwidget.center.white .site-description, .mg-headwidget.center.white .site-title a:hover { color: #000; } /*==================== center Top Bar color ====================*/ .header-center .mg-head-detail { background: #fff; border-color: rgba(230, 230, 230, 0.7); } .header-center .mg-head-detail .info-left li a , .header-center .mg-head-detail li a i, .header-center .mg-head-detail .info-right li a { color: #222; } .header-center .mg-head-detail li a i { color: #222; } .header-center .mg-head-detail .info-right li a i { color: #222; } .site-title a{color: #fff;} /*==================== standard Top Bar color ====================*/ .mg-standard .mg-head-detail { background: #222; } .mg-standard .mg-head-detail .info-left li a , .mg-standard .mg-head-detail li a i, .mg-standard .mg-head-detail .info-right li a { color: #fff; } .mg-standard .mg-head-detail li a i { color: #fff; } .mg-standard .mg-head-detail .info-right li a i { color: #fff; } .mg-standard .mg-head-detail .info-right li a:hover i { color: var(--pri-color); } /*==================== standhead Top Bar color ====================*/ .mg-standhead .mg-head-detail { background: #fff; } .mg-standhead .mg-head-detail .info-left li, .mg-standhead .mg-head-detail .info-left li a { color: #fff; } .mg-standhead .btn-theme.quote { background: #f4f7fc; border-color: #f4f7fc;; color: #000; } .mg-standhead.light .navbar-wp { background: #fff; } .mg-standhead.light .navbar-wp .navbar-nav > li > a { color: var(--secondary-color); } .mg-standhead.light .navbar-wp .navbar-nav > .active > a { color: white; } .mg-standhead.light .site-branding-text, .mg-standhead.light .site-branding-text a, .mg-standhead.light .site-title a, .mg-standhead.light .site-description, .mg-standhead.light .site-title a:hover { color: #000; } /*=== navbar Header colors ===*/ .mg-headwidget .navbar-wp { background: var(--pri-color); border-color: #d4d4d4; } .mg-headwidget .navbar-header .navbar-brand { color: #222; } .header-widget .mg-header-box-icon i { color: var(--pri-color); } .header-widget .mg-header-box .mg-social li span.icon-soci a { color: #999; } .header-widget .mg-header-box .mg-social span.icon-soci:hover a, .header-widget .mg-header-box .mg-social span.icon-soci:focus a { color: var(--pri-color); } .mg-headwidget .navbar-wp .navbar-nav > li> a { color: white; } .mg-headwidget .navbar-wp .navbar-nav > li > a:hover, .mg-headwidget .navbar-wp .navbar-nav > li > a:focus, .mg-headwidget .navbar-wp .navbar-nav > .active > a, .mg-headwidget .navbar-wp .navbar-nav > .active > a:hover, .mg-headwidget .navbar-wp .navbar-nav > .active > a:focus { color: #fff; background: var(--pri-color); } .mg-headwidget .navbar-wp .navbar-nav > .active > a{ color: #fff; background-color: var(--pri-color); } .mg-headwidget span.navbar-toggler-icon { color: #fff; background-color: #fff; } .navbar-toggler .close { color: #fff; } .mg-headwidget.center .close:hover, .mg-headwidget.center .close:focus { color: #000; } .navbar-wp .homebtn { color: #fff !important; } .mobilehomebtn { background: var(--pri-color); color: #fff; } .mobilehomebtn:hover { background: #fff; color: var(--pri-color); } .mg-headwidget.trans .mg-head-detail .mg-social i { color: #fff; } .mg-headwidget.trans .mg-header-box-info h4, .mg-headwidget.trans .mg-header-box-info p { color: #fff; } /*==================== Theme Menu ====================*/ /*=== navbar Header colors ===*/ .mg-standard .navbar-wp { background: #fff; } .mg-standard .navbar-header .navbar-brand { color: #222; } .mg-standard .navbar-wp .navbar-nav > li > a { color: #222; } .mg-standard .navbar-wp .navbar-nav > li > a:hover, .mg-standard .navbar-wp .navbar-nav > li > a:focus, .mg-standard .navbar-wp .navbar-nav > .active > a, .mg-standard .navbar-wp .navbar-nav > .active > a:hover, .mg-standard .navbar-wp .navbar-nav > .active > a:focus { color: var(--pri-color); } /*=== navbar Header colors ===*/ .mg-standhead .navbar-wp { background: var(--secondary-color); } .mg-standhead .navbar-header .navbar-brand { color: #222; } /*=== navbar hover colors ===*/ .mg-standhead .navbar-wp .navbar-nav > li > a { color: #fff; } .mg-standhead .navbar-wp .navbar-nav > li > a:hover, .mg-standhead .navbar-wp .navbar-nav > li > a:focus, .mg-standhead .navbar-wp .navbar-nav > .active > a, .mg-standhead .navbar-wp .navbar-nav > .active > a:hover, .mg-standhead .navbar-wp .navbar-nav > .active > a:focus { background: var(--pri-color); color: #fff; } .mg-standhead .navbar-wp .navbar-nav > .open > a, .mg-standhead .navbar-wp .navbar-nav > .open > a:hover, .mg-standhead .navbar-wp .navbar-nav > .open > a:focus { color: rgba(255,255,255,0.6); border-color: rgba(255,255,255,0.6); } .mg-standhead .navbar-default .navbar-toggle .icon-bar { background: #fff; } /*=== navbar center colors ===*/ .header-center .navbar-wp { background: #fff; border-color: rgba(230, 230, 230, 0.7); } .header-center .navbar-brand { color: #222; } .header-center .navbar-brand span.site-description { color: #8f9294; } .header-center .navbar-nav > li > a { color: #222; } .header-center .navbar-wp .navbar-nav > li > a:hover, .header-center .navbar-wp .navbar-nav > li > a:focus, .header-center .navbar-wp .navbar-nav > .active > a, .header-center .navbar-wp .navbar-nav > .active > a:hover, .header-center .navbar-wp .navbar-nav > .active > a:focus { color: var(--pri-color); } .header-center .navbar-wp .navbar-nav > .open > a, .header-center .navbar-wp .navbar-nav > .open > a:hover, .header-center .navbar-wp .navbar-nav > .open > a:focus { color: var(--pri-color); border-color: var(--pri-color); } .mg-headwidget.center .site-branding-text, .mg-headwidget.center .site-branding-text a, .mg-headwidget.center .site-description{ color: #fff; } /**Category Color **/ a.newsup-categories.category-color-1{background: var(--pri-color);} a.newsup-categories.category-color-2{background: #feb236;} a.newsup-categories.category-color-3{background: #622569;} a.newsup-categories.category-color-4{background: #82b74b;} /*=== navbar dropdown colors ===*/ .navbar-wp .dropdown-menu { background: #1f2024; } .navbar-wp .dropdown-menu > li > a { background: #1f2024; color: #fff; } .navbar-wp .dropdown-menu > .active > a, .navbar-wp .dropdown-menu > .active > a:hover, .navbar-wp .dropdown-menu > .active > a:focus { background: var(--pri-color); color: #fff; } .navbar-wp .dropdown-menu > li > a:hover { background: var(--pri-color); } .navbar-wp .navbar-nav > .disabled > a, .navbar-wp .navbar-nav > .disabled > a:hover, .navbar-wp .navbar-nav > .disabled > a:focus { color: #ccc; } .mg-search-box .btn { background: var(--pri-color); border-color: var(--pri-color); color: #fff; } .wp-block-search__button { background: #ff030d; color: #fff; } .mg-search-box a { color: #fff; } .mg-search-box a.msearch:hover, .mg-search-box a.msearch:focus { color: var(--pri-color); } .mg-headwidget.center .mg-search-box a, .mg-standhead.light { color: #000; } .mg-headwidget.center .mg-search-box a:hover, .mg-headwidget.center .mg-search-box a:focus { color: var(--pri-color); } .mg-standhead.light .mg-search-box a { color: #000; } .mg-standhead.light .mg-search-box a:hover, .mg-standhead.light .mg-search-box a:focus { color: var(--pri-color); } /*=== navbar drop down hover color ===*/ .navbar-base .navbar-nav > .open > a, .navbar-base .navbar-nav > .open > a:hover, .navbar-base .navbar-nav > .open > a:focus { color: #fff; } .navbar-base .navbar-nav > li > a.dropdown-form-toggle { color: #fff; } /*=== navbar toggle color ===*/ .navbar-default .navbar-toggle { color: #fff; } .navbar-wp .navbar-nav > li > a.dropdown-form-toggle { color: #fff; } .navbar-wp .navbar-toggle:hover, .navbar-wp .navbar-toggle:focus { background: rgba(0,0,0,0); color: #fff; } /*==================== Body & Global ====================*/ .wrapper { background: #eee; } body { color: #666; } .mg-heading h3, .mg-heading h3 a { color: #212121; } 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); } input[type="submit"], button { background: var(--pri-color); border-color: var(--pri-color); color: #fff; } input[type="submit"]:hover, button:hover,input[type="submit"]:focus, button:focus { background: #002954; border-color: #002954; color: #fff; } a { color: var(--pri-color); } a:hover, a:focus { color: #002954; } blockquote{ background: #f5f5f5; border-color: var(--pri-color); } blockquote::before { color: var(--pri-color); } /*-- Alerts Styles --*/ .alert-success, .text-success { background-color: #2ac56c; color: #fff; } .alert-info, .text-info { background-color: #4593e3; color: #fff; } .alert-danger, .text-danger { background-color: #f06060; color: #fff; } .alert-warning, .text-warning { background-color: #fcd04b; color: #fff; } .subscription-success { color: #2ac56c; } .subscription-error { color: #f06060; } .mg-error-404 h1 i { color: var(--pri-color); } .grey-bg { background: #f4f7fc; } .wd-back { background: #fff; } .swiper-button-next, .swiper-button-prev { background: #fff; color: #000; } .swiper-button-next:hover, .swiper-button-prev:hover { background: var(--pri-color); border-color: var(--pri-color); color: #fff; } .owl-carousel .owl-controls .owl-buttons div:hover i { color: #fff; } .owl-carousel .owl-controls .owl-page span { border-color: #fff; } .owl-carousel .owl-controls .owl-page.active span { border-color: var(--pri-color); } .mg-social li a, .mg-social li span.icon-soci a { color: #fff !important; } /*==================== Section & Module ====================*/ .mg-tpt-txnlst { background: var(--pri-color); } .mg-tpt-txnlst strong { color: #fff; } .mg-tpt-txnlst ul li a { color: var(--pri-color); background: #f3eeee; } .mg-tpt-txnlst ul li a:hover, .mg-tpt-txnlst ul li a:focus { color: #fff; background: var(--pri-color); } .newses-tags a { background: #f3eeee; color: var(--pri-color); } .newses-tags a:hover { background: var(--pri-color); color: #fff; } .mg-latest-news { background: var(--pri-color); } .mg-latest-news .bn_title span{ border-left-color: var(--pri-color); border-color: transparent transparent transparent var(--pri-color); } .mg-latest-news .bn_title { background-color: var(--pri-color); } .mg-latest-news .mg-latest-news-slider a{ color: #fff; } .mg-latest-news .mg-latest-news-slider a::before { color: var(--pri-color); } .recentarea { background: #fff; color: #000; } .recentarea .content a{ color: #000; } .top-right-area .nav-tabs > li > a { border-color: #eee; color: #212121; background: #fff; } .top-right-area .nav-tabs .nav-link.active, .top-right-area .nav-tabs .nav-link.active:hover, .top-right-area .nav-tabs .nav-link.active:focus { color: #fff; background-color: var(--pri-color); border-color: var(--pri-color); border-bottom-color: var(--pri-color); } .title_small_post h5 a { color: #212121; } .title_small_post h5 a:hover { color: var(--pri-color); } .mg-no-list-area .count { background: var(--pri-color); color: #fff; } .mg-featured-slider{ background-color: #FFF; } .mg-blog-inner h4, .mg-blog-inner h4 a { color: #fff; } .mg-posts-modul-4 .small-post.mg-post-1 .mg-blog-date, .mg-posts-modul-4 .small-post.mg-post-1 .mg-blog-meta a, .mg-posts-modul-4 .small-post.mg-post-1 .mg-blog-meta i,.mg-blog-inner .mg-blog-date, .mg-blog-inner .mg-blog-meta i, .mg-blog-inner .mg-blog-meta a { color: #fff; } .mg-sec-title { border-color: #c8c8cd; } .mg-sec-title h4{ color: var(--secondary-color); } .mg-sec-title.st3 span.bg{ background: var(--pri-color); color: white; } .mg-sec-title.st2 span.bg::before, .mg-sec-title.st4 span.bg::after, .mg-sec-title.st4 span.bg::before, .mg-sec-title.st5 span.bg::before { background: var(--pri-color); } .mg-viewmr-btn{ color: var(--pri-color); } .mg-posts-sec .small-post-content h5 a:hover, .featured_cat_slider a:hover{ color: var(--pri-color); } .mg-posts-modul-4 .small-post.mg-post-1, .mg-posts-modul-4 .small-post.mg-post-1 h5.title a { color: white; } .mg-posts-sec-inner .small-list-post li{ background: #fff; } .small-post h5.title, .small-post h5.title a { color: #212121; } .small-post h5.title:hover, .small-post h5.title a:hover { color: var(--pri-color); } .mg-posts-modul-6 .mg-sec-top-post .title a{ color: #000; } .mg-post-box .title a { color:#fff; } .mg-post-box .title a:hover { color:var(--pri-color); } .gridslider .mg-blog-post .title a, .gridslider .small-list-post .mg-blog-post .title a{ color: #212121; } .gridslider .mg-blog-post .title a:hover, .gridslider .small-list-post .mg-blog-post .title a:hover{ color: var(--pri-color); } .mg-post-box .latest-meta { color: #fff; } .mg-post-box .latest-meta .latest-date { color:#f3f3f3; } .mg-widget h2, .wp-block-search__label { background: var(--pri-color); color: #fff; } .mg-widget h2::after, .wp-block-search__label::after { background: #0000000d; } .mg-post-box .latest-content { color: #fff; } .mg-post-bottom .mg-share-icons .mg-share span a{ background-color: #CCD1D9; color: #fff; } .mg-post-bottom .mg-share-icons .mg-share span a:hover{ background-color:var(--pri-color); color: #fff; } .mg-post-bottom .mg-share-icons .mg-share-toggle{ background-color: #CCD1D9; } .mg-post-bottom .mg-share-icons .mg-share-toggle i{ color: #fff; } .mg-post-bottom .mg-share-icons .mg-share-toggle:hover{ background-color:var(--pri-color); color: #fff; } .mg-subscriber .overlay { background: #f3f3f3; } .mg-breadcrumb-section .overlay { background: #fff; } /*==================== post ====================*/ .mg-blog-post .bottom h1, .mg-blog-post .bottom h1 a { color: #fff; } .mg-blog-post .bottom h1:hover, .mg-blog-post .bottom h1 a:hover, .mg-posts-modul-6 .mg-sec-top-post .title a:hover, .mg-blog-inner h4 a:hover { color: var(--pri-color); } .mg-blog-post-box .small { color: #666; background: #fff; } .mg-blog-post-box h4.title, .mg-blog-post-box h4.title a { color: #212121; } .mg-header { background: #fff; } .mg-header h1.title a { color: #212121; } .mg-header h1.title a:hover, .mg-header h1.title a:focus { color: var(--pri-color); } .mg-blog-post-box h4.title:hover, .mg-blog-post-box h4.title a:hover, .mg-blog-post-box h4.title:focus, .mg-blog-post-box h4.title a:focus { color: var(--pri-color); } .mg-blog-category { } .mg-blog-category a{ color: #fff; background: var(--pri-color); } .mg-blog-category a:hover { color: #fff; } .mg-blog-meta { color: #02071b; } .mg-blog-meta a { color: #02071b; } .mg-blog-meta a:hover { color: var(--pri-color); } .mg-blog-meta i { color: #7B8697; } .mg-blog-date { color: #868686; } .mg-blog-post.lg .mg-blog-meta i, .mg-blog-post.lg .mg-blog-meta a , .mg-blog-post.lg .mg-blog-meta span { color: #fff; } .post-form { color: #fff; background: var(--pri-color); } .mg-comments h4 { color: #212121; } .mg-blog-author { background: #e8e8e8; } .mg-info-author-block { background: #fff; border-color: #eaeaea; color: #222; } .mg-info-author-block a { color: #212121; } .mg-info-author-block h4 { color: #333; } .mg-info-author-block h4 span { color: #999999; } .mg-info-author-block .mg-info-author-social li a { color: #fff; } .comment_section .comment-reply-link { background: #f0f0f0; color: #666; border-color: #f0f0f0; } .mg-comments a { color: #777; } .mg-comments h4 span { color: #999999; } .mg-comments .comment .media-body > p:last-child { border-color: #f0f0f0; } .mg-comments li .media-body > .small { color: #999; } .mg-comments li .media-body > p { border-color: #f0f0f0; color: #999; } .mg-comments .comment-list li { background: #fff; border-color: #eee; } /*==================== Sidebar ====================*/ .mg-sidebar .mg-widget { border-color: #eee; background: #fff; } .mg-wid-title { } .mg-sidebar .mg-widget h6{ color: var(--secondary-color); } .mg-wid-title span.bg { background: var(--pri-color); color: white; } .mg-sidebar .mg-widget ul li { border-color: #eee; } .mg-sidebar .mg-widget ul li a { color: #222; } .mg-sidebar .mg-widget ul li a:hover, .mg-sidebar .mg-widget ul li a:focus { color: var(--pri-color); } .mg-sidebar .mg-widget ul li .mg-blog-category a, .mg-sidebar .mg-widget ul li .mg-blog-category a:hover { color: #fff; } .mg-sidebar .mg-widget .mg-widget-blog-post h5.title a { color: #212121; } .mg-sidebar .mg-widget .mg-widget-blog-post h5.title a:hover { color: var(--pri-color); } .mg-sidebar .mg-widget.widget_search .btn { color: #fff; background: var(--pri-color); } .mg-sidebar .mg-widget.widget_search .btn:hover, .mg-sidebar .mg-widget.widget_search .btn:focus { background: #002954; } .mg-sidebar .mg-mailchimp-widget .btn { color: #fff; background: var(--pri-color); } .mg-sidebar .mg-mailchimp-widget .btn:hover, .mg-sidebar .mg-mailchimp-widget .btn:focus { background: #002954; } .mg-sidebar .mg-widget .mg-widget-tags a, .mg-sidebar .mg-widget .tagcloud a { background: #f3eeee; color: var(--pri-color); border-color: #f3eeee; } .mg-sidebar .mg-widget .mg-widget-tags a:hover, .mg-sidebar .mg-widget .tagcloud a:hover, .mg-sidebar .mg-widget .mg-widget-tags a:focus, .mg-sidebar .mg-widget .tagcloud a:focus { color: #fff; background: var(--pri-color); border-color: var(--pri-color); } .mg-sidebar .mg-widget .mg-social li span.icon-soci { color: var(--pri-color); border-color: var(--pri-color); } .mg-sidebar .mg-widget .mg-social li span.icon-soci:hover { color: #fff; background: var(--pri-color); border-color: var(--pri-color); } .mg-sidebar .mg-widget .mg-social li span.icon-soci:hover i { color: #fff; } .mg-sidebar .mg-widget .mg-twitter-feed li::before { color: var(--pri-color); } .mg-sidebar .mg-left-menu-widget ul li:hover, .mg-sidebar .mg-left-menu-widget ul li.active { background: #002954; color: #fff; } .mg-sidebar .mg-left-menu-widget ul li:hover a, .mg-sidebar .mg-left-menu-widget ul li.active a { color: #fff; } .mg-sidebar .mg-left-menu-widget ul li a { color: #212121; } /*==================== general ====================*/ h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { color: #212121; } .btn-theme, .more_btn, .more-link { background: var(--pri-color); color: #fff; border-color: var(--pri-color); } .btn-theme:hover, .btn-theme:focus, .more_btn:hover, .more_btn:focus, .more-link:hover, .more-link:focus { color: #fff; opacity: 0.8; } .btn-theme-two { color: #fff; border-color: #fff; background: rgba(0,0,0,0); } .btn-theme-two:hover, .btn-theme-two:focus { background: var(--pri-color); color: #fff; border-color: var(--pri-color); } .btn-theme-three { color: #3b3e79; border-color: #e9f3ed; background: rgba(0,0,0,0); } .btn-theme-three:hover, .btn-theme-three:focus { background: var(--pri-color); color: #fff; border-color: var(--pri-color); } .btn-blog:hover, .btn-blog:focus { background: var(--pri-color); color: #fff; border-color: var(--pri-color); } /*==================== pagination color ====================*/ .navigation.pagination .nav-links .page-numbers, .navigation.pagination .nav-links a { background: #fff; color: #999; } .navigation.pagination .nav-links .page-numbers:hover, .navigation.pagination .nav-links .page-numbers:focus, .navigation.pagination .nav-links .page-numbers.current, .navigation.pagination .nav-links .page-numbers.current:hover, .navigation.pagination .nav-links .page-numbers.current:focus { border-color: var(--pri-color); background: var(--pri-color); color: #fff; } .pagination > .page-item .page-link { color: var(--secondary-color); } .pagination > .page-item.active .page-link, .pagination > .active > span, .pagination > .page-item.active .page-link:hover, .pagination > .active > span:hover, .pagination > .page-item.active .page-link:focus, .pagination > .active > span:focus { border-color: var(--pri-color); background: var(--pri-color); color: #fff; } /*==================== typo ====================*/ .mg-breadcrumb-title h1 { color: #222; } .mg-page-breadcrumb > li a { color: #222; } .mg-page-breadcrumb > li a:hover, .mg-page-breadcrumb > li a:focus { color: var(--pri-color); } .mg-page-breadcrumb > li + li:before { color: #222; } /*==================== blog ====================*/ .mg-comments .mg-reply:hover, .mg-comments .mg-reply:focus { color: #fff; background: var(--pri-color); border-color: var(--pri-color); } .mg-heading-bor-bt h5 { color: #212121; } /*==================== footer background ====================*/ footer .overlay { background: #121026; } footer .mg-footer-top-area h6 { color: #fff; } footer .mg-widget h6, footer .mg_contact_widget .mg-widget h6 { color: #fff; } footer .mg-widget ul li { color: #fff; border-color: #242425; } footer .mg-widget ul li a { color: #fff; } footer .mg-widget ul li a:hover, footer .mg-widget ul li a:focus { color: var(--pri-color); } footer .mg-widget .mg-widget-address li { color: #fff; } footer .mg-widget .mg-opening-hours li { color: #fff; } footer .mg-blog-post h3, footer .mg-blog-post h3 a { color: #fff; } footer .mg-blog-post h3 a:hover{ color: var(--pri-color); } footer .mg-widget .mg-widget-address li span.icon-addr i { color: #fff; } footer .mg-blog-post span { color: #fff; } footer .mg-widget .mg-twitter-feed li a { color: #aaaed1; } footer .mg-widget .calendar_wrap table thead th,footer .mg-widget .calendar_wrap table tbody td,footer .mg-widget .calendar_wrap table caption { border-color: #777; color: #fff; } footer .mg-social li span.icon-soci a { color: #fff; } .facebook{ background: #3b5998; } .twitter{ background: #1da1f2; } .linkedin{ background: #cd201f; } .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%); } .youtube{ background: #cd201f; } .pinterest { background: #bd081c; } .vimeo { background: #44bbff; } .dribbble { background: #ea4c89; } .skype { background: #0078ca; } footer .mg-footer-copyright { background: #090818; } footer .mg-footer-copyright p, footer .mg-footer-copyright a { color: #aaaed1; } footer .mg-footer-copyright a:hover, footer .mg-footer-copyright a:focus { color: #fff; } footer .mg-widget p { color: #fff; } footer .mg-widget.widget_search .btn { color: #fff; background: var(--pri-color); border-color: var(--pri-color); } footer .mg-widget.widget_search .btn:hover, footer .mg-widget.widget_search .btn:focus { background: #002954; border-color: #002954; } footer .mg-widget .mg-widget-tags a, footer .mg-widget .tagcloud a { background: #fff; color: var(--pri-color); border-color: #fff; } footer .mg-widget .mg-widget-tags a:hover, footer .mg-widget .tagcloud a:hover, footer .mg-widget .mg-widget-tags a:focus, footer .mg-widget .tagcloud a:focus { color: #fff; background: var(--pri-color); border-color: var(--pri-color); } footer .mg-widget .mg-widget-blog-post a { color: #fff; } footer .mg-widget .mg-widget-blog-post h5.title a:hover { color: var(--pri-color); } .ta_upscr { background: var(--pri-color); border-color: var(--pri-color); color: #fff !important; } .ta_upscr:hover, .ta_upscr:focus { color: #fff; } /*form-control*/ .form-group label { color: #515151; } .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); } /*Responsive*/ @media (max-width: 992px) { .mg-trhead { background: rgba(0,12,28,0.8); } } @media screen and (min-width: 240px) and (max-width: 767px) { .mg-trhead.conte .navbar-wp .navbar-nav > li > a { color: #fff; background: #000; } } .woocommerce-page .products h3 { color: #333; } .woocommerce div.product .woocommerce-tabs .panel h2 { color: #333; } .related.products h2 { color: #333; } .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----*/ .woocommerce-cart table.cart td.actions .coupon .input-text { border-color: #ebebeb; } /*-theme-background-*/ .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.alt, .woocommerce button.button.alt, .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(--pri-color); } .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span { background: #ebe9eb; color: #999; } /*-theme-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); } /*-theme-border-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); } /*-theme-secondary-background-*/ .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: #002954; } /*-theme-secondary-color-*/ .woocommerce div.product .woocommerce-tabs ul.tabs li a { color: #161c28; } /*-theme-color-white-*/ .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(--pri-color); } .woocommerce-page .products a .price, .woocommerce ul.products li.product .price, .woocommerce div.product p.price, .woocommerce div.product span.price { color: #000; } .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-messages*/ .woocommerce-page .woocommerce-message { background: #2ac56c; } .woocommerce-page .woocommerce-message a { background-color: var(--pri-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-Price-Slider*/ .woocommerce .widget_price_filter .ui-slider .ui-slider-range { background: var(--pri-color); } .woocommerce .widget_price_filter .ui-slider .ui-slider-handle { background: var(--pri-color); } .woocommerce-page .woocommerce-ordering select { color: #A0A0A0; } /*woocommerce-price-filter*/ .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content { background: #1a2128; } /*woocommerce-form*/ .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea { border-color: #ccc; color: #999; } .woocommerce form .form-row label { color: #222; } .mg-bigp .small-post h5 a { color: #000; } .mg-bigp .small-post h5 a:hover { color: var(--pri-color); }