
/*# adding dark mode support */
body.dark{
  background-color: #000;
  color: #fff;
}

body.dark section.bg-light-gray{
	background-color: #181818;
}

body.dark div.portfolio-caption{
	background-color: #0f0f0f !important;
	color: #fff;
}

body.dark div.modal-content{
	background-color: #000;
}

body.dark div.close-modal{
	color: #fff;
}

body.dark p.text-muted{
	color: #999;
}

body.dark .portfolio-modal .close-modal .lr{
	background-color: #fff;
}

body.dark .portfolio-modal .close-modal .rl{
	background-color: #fff;
}


body.dark #dark-mode-button-mobile i{
	color: #fff;
}

@media only screen and (max-width: 768px){
	#dark-mode-button-desktop{
		display: none;
	}
}

@media only screen and (min-width: 768px){
	#dark-mode-button-mobile{
		display: none !important;
	}
}

#dark-mode-button-mobile i{
	color: #222;
}

.grecaptcha-badge{
	visibility: hidden;
}