body, html, #banner, #colophon, #content, #top, #topbkd {
background-color : #38363a;
color : #f6eee0;
}
.lightmode {
display:none;
height:1px;
visibility:hidden;
}
.thingstodo #light a:link {
	display:inline;
}
.darkmode {
border:none;
display:inline;
height:auto;
visibility:visible;
}
#bigcontainer {
border-bottom : none;
}
.widget-area {
    border-top: solid 2px #f6eee0;
    }





/*----------search, donate, change the look------------*/

#search input[type=search], #changethelook A:link, #changethelook A:visited, #donate a:link, #donate a:visited {
background-color: transparent;
color:#fff;
}
#changethelook A:link, #changethelook A:visited {
color:#fff;
}
.textsize a:link, .textsize a:visited {
color:#fff;
}

/*sponsor links on home page*/
.wp-block-image img{
background-color:#fff;
border-radius:20px;
margin:auto;
}
/*----------NAVIGATION-------------*/

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link {
background-color: #e5cda4;
border-left: 2px solid #000;
border-right: 2px solid #000;
color:#000;
}

/* max mega menu dark mode contrast on nav */

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
background-color:transparent;
color : #dcbe88;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:focus {
background-color: #dcbe88;
color : #2F2E31;
}

#content {
background-color:transparent;
}

/*----------HTML------------*/
A:link, A:visited {
color : #f79d09;
background-color : transparent;
}

A:hover, A:focus, A:active {
color : #000;
background-color : #f79d09;
}

h1, h2, h3, h4 {
color: #f79d09;
color: #fff;
}

hr {
background-color : #7c6f86;
}




.entry-footer {
border-bottom: solid 5px #dcbe88;
}

/*----------SOCIAL MEDIA------------*/
#socialmedia {
	margin-bottom:1em;
}
#socialmedia A:link, #socialmedia A:visited {
background-color: transparent;
}
#socialmedia A:hover, #socialmedia A:focus {
background-color: transparent;
}


/*fancy*/
.gradient {
background: rgb(56,54,58);
background: linear-gradient(132deg, rgba(56,54,58,1) 10%, rgba(85,82,88,1) 42%, rgba(255,255,255,1) 100%);
}
.gradient2 {
background: rgb(56,54,58);
background: linear-gradient(0deg, rgba(56,54,58,1) 24%, rgba(85,82,88,1) 63%, rgba(255,255,255,1) 100%);
}
.navgradient {
background: rgb(56,54,58);
background: radial-gradient(circle, rgba(56,54,58,1) 54%, rgba(146,128,164,0.3505996148459384) 100%, rgba(255,255,255,1) 100%);
}
nav {
background-color:transparent;
}

#totop a:link, #totop a:visited {
background-color:#fff;
border:solid 2px #fff;
color:#000;
}
#totop a:hover, #totop a:focus {
background-color:#000;
color:#fff;
}
/*-------------------MOBILE / SMALL DEVICES--------------------*/
@media only screen and (max-width: 768px) {
#mega-menu-wrap-primary .mega-menu-toggle {
color:#fff;
   }
   #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-center .mega-toggle-block {
   color:#fff;
   border : transparent;
   }
span.mega-toggle-animated-box {
background-color:#ccc;
}
 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
 color:#000;
 }
   }