/*-------------------------------------------------------------- 21. Dark Style ----------------------------------------------------------------*/ .cs_dark { .cs_section_heading.cs_style_1 { .cs_section_subtitle { color: var(--accent); } } .cs_site_header.cs_style_1 { background-color: var(--gray); } .cs_primary_bg, .cs_white_bg, .cs_bottom_footer_wrap { background-color: #121212; } .cs_ternary_bg { background-color: #3b3b3b; } .cs_btn.cs_style_1.cs_color_1 { background-color: var(--gray); &:hover { background-color: #fff; color: var(--gray); } } .cs_google_map.cs_style_1 iframe { filter: grayscale(100%) invert(95%) contrast(140%); } .cs_review_box.cs_style_1 { box-shadow: 0px 10px 25px 8px rgba(241, 241, 241, 0.04); } .cs_gallery_item.cs_style_3 .cs_gallery_item_hover { background-color: rgba(27, 27, 27, 0.95); } .cs_bottom_footer { border-top: 1px solid #2f2f2f; } .cs_list.cs_style_3 li img, .cs_iconbox.cs_style_4 .cs_iconbox_icon img, .cs_author_card .cs_author_meta img { filter: brightness(0) invert(1); } .cs_about_feature_list_1 li, .cs_list.cs_style_2 li, .cs_card.cs_style_7 { border-color: var(--border); } .cs_form.cs_style_4.cs_type_6 .cs_form_item { background-image: url('data:image/svg+xml;utf8,'); } }