@media (prefers-color-scheme: dark) {
    :root {
        --title-color: #eee;
        --bg-color: #212121;
        --bg-color-dark: #313131;
        --text-color: #eee;
        --active-color: #1f76c3;
        --image-filter: brightness(85%);
    }
	.container.position.mainheadert {background: var(--bg-color-dark);}
	.logo img { filter: drop-shadow(0px 0px 3px white) !important;}
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
		color: #fff !important;
	}
    header ul li a { color: var(--title-color) !important;}
	.newmainmenu-t .row .span3 a,
	.topphonet a { color: var(--active-color) !important;}
	.megamenubox {background: var(--bg-color) !important;}
	.megamenubox .dslinkmega {background: var(--bg-color) !important;}
	.megamenubox > div span{color: var(--active-color) !important;}
	.dropdown-contentt {background: var(--bg-color-dark) !important;}
	.m-dropdown-content {background: var(--bg-color) !important;}
	#myDropdown {box-shadow: 0px 0px 11px 1px var(--bg-color-dark);}
	#myDropdown a {color:var(--text-color) !important;}
	#myDropdown a:nth-child(-n+3) {background:var(--bg-color-dark) !important;}
	
    img {filter: var(--image-filter);}
	.coupons-bg .clmn-wrapper,
	.termite-bg .clmn-wrapper {background:unset !important;}
    .body main {
        background-color: var(--bg-color) !important;
    }
	#content {background: var(--bg-color);}
    #content h1,
    #content h2,
    #content h3,
    #content h4,
    #content h5,
    #content h6 { color: var(--title-color) !important;}
    p {color: var(--text-color) !important;}
    body main a { color: var(--active-color) !important;}
    h3 span { color: var(--active-color) !important;}
	label {color: var(--text-color);}
    #content section {background-color: var(--bg-color) !important;}
	section.top-banner {background-blend-mode: multiply;}
	section.services-bg {background-blend-mode: multiply;}
	.top-banner .clmn-1-2.t-col-r .clmn-wrapper {background: var(--bg-color) !important;}
	.revws .clmn-wrapper {background: var(--bg-color-dark) !important;}
	.revws .clmn-wrapper.btns-rev { background: none !important;}
	.commercial-bg .row-inner .clmn-wrapper {background: var(--bg-color-dark) !important;}
	.inspection-bg .clmn-wrapper > ul > li {color: var(--active-color);}
	.contact-bg .clmn-1-3 .clmn-wrapper {background: var(--bg-color-dark) !important;}
	.contact-bg .clmn-1-3 .clmn-wrapper img { filter: drop-shadow(0px 0px 3px white);}
	.contact-bg .clmn-1-3 .clmn-wrapper a {color: var(--active-color) !important;}
	.top-banner ul {color: var(--active-color) !important;}
	.su-accordion .su-spoiler { color: var(--active-color) !important; }
	.button-normal.btn-spe {color: var(--active-color) !important;}
	.map-bg { background-image: url(/wp-content/uploads/2021/05/varsity-map.png) !important;background-blend-mode: soft-light; }
	.contact-bg { background-image: url(/wp-content/uploads/backup/2021/05/contact-bg.jpg) !important;background-blend-mode: soft-light;}
	.su-posts .su-post a {color: var(--active-color) !important}
	.su-posts .su-post-meta {color: var(--text-color) !important}
	.pt-cv-wrapper, .pt-cv-wrapper h4, .pt-cv-wrapper a {color: var(--text-color) !important;}
	
    /* Mobile Only */
	.m-dropbtn {background: var(--bg-color-dark) !important;}
	.mobile-menu .m-dropdown .m-dropbtn {color: var(--active-color) !important;}
}