/* Dark mode */
figure.borders {
	background-color:#9FB1BD !important;
		max-height:41rem !important;
}
figcaption.borders {
	color:#00131D;
}



/* Web ring */
.a11y-webring-club {
	border: 0.1rem #e1e8ec solid;}
	
.infoGTitle {color: #e1e8ec !important;}

	button:disabled,
	button[disabled] {
		pointer-events: none;
		color: #758D9A !important;
		border: 0px !important;
		background-color: none;
		background-image: none;
		background-repeat: repeat;
		z-index:1;
	}

lite-youtube {
    border: 0.3rem solid #E1E8EC !important;
}
lite-youtube > .lty-playbtn {
	border: none !important;
}

/* Infographic */
#infoGraphicBox {
	border: 1px solid #E1E8EC;
	-webkit-box-shadow: 0px 0px 90px -50px rgba(225, 232, 236, 1);
	-moz-box-shadow: 0px 0px 90px -50px rgba(225, 232, 236, 1);
	box-shadow: 0px 0px 90px -50px rgba(225, 232, 236, 1);
}



.colorBox {
	border: #E1E8EC 2px solid;
}

/* Turn on the light */
#logoSVG {
	color: #FCBC00
}
#logoSVG-Off {
	display: none;
}

.transcriptSpeaker {
	color: #C1D100;
	font-weight: bold;
}


/* Post source */
dd.from {
	color: #E1E8EC;
}


/* cards */
.card img {
	/* border: 2px solid #231F20; */
}

.plainBlack {
	background-color: #231F20 !important;
}

.card {
	border: 0.1rem solid #E1E8EC;
	background-color: #00131D;
}

.linkify:hover {
	box-shadow: 0 0 0 0.4rem #C1D100;
	border: 0.1rem solid #E1E8EC;
	outline: #00131D double 0.5rem;
}

.cards .isfocused {
	box-shadow: 0 0 0 0.4rem #C1D100;
	border: 2px solid #231F20;
}

.card .cta {
	color: #FCBC00;
}

#Example {
	border: 0.2rem solid #E1E8EC !important;
}



.presentations {
	border: 0.1rem solid #E1E8EC;
	background: none;
}

@media only screen and (max-width: 600px) {
	.presentations {
		border: 0px solid #E1E8EC !important;
	}
}

main a:focus,
aside a:focus,
footer a:focus {
	outline: 0.3rem solid #C1D100 !important;
	color: #74C9E5;
}

div#titleLink,
div#logo {
	border: 0.2rem solid #E1E8EC !important;
}


/* Logo things */
a#home {
	color: #E1E8EC !important;
}

a#home:hover,
a#home:focus {
	color: #FCBC00 !important;
}

a#home:focus {
	outline: none;
	border-bottom: 0.3rem #E1E8EC dotted;
}


/* Logo things ends */
section.related {
	border-bottom: 0.1rem solid #E1E8EC;
}

section.related:last-child {
	border-bottom: 0rem solid #E1E8EC;
}

a,
a:visited {
	color: #FCBC00;
}

a:hover {
	color: #74C9E5;
}



#myBtn:hover,
#myBtn:focus,
#myBtn2:hover,
#myBtn2:focus {
	box-shadow: 0 0 0 0.3rem #FCBC00;
}


/* skip link */
.skip-link {
	color: #E1E8EC;
	background-color: #161415;
	border: 1px solid #00131D;
	-webkit-box-shadow: 10px 10px 28px 0px rgba(0, 0, 0, 0.16);
	-moz-box-shadow: 10px 10px 28px 0px rgba(0, 0, 0, 0.16);
	box-shadow: 10px 10px 28px 0px rgba(0, 0, 0, 0.16);
}

.skip-link:focus {
	border: #FCBC00 solid .3rem;
}


/* Details and Summary styling */
summary {
	outline: 0em solid #E1E8EC;
	background: #231F20;
	color: #E1E8EC;
	border: 0.2rem solid #231F20 !important;
}

summary:visited {
	outline: 0.2rem solid #E1E8EC;
	background: #231F20;
	color: #E1E8EC;
}

details {
	outline: 0.2rem solid #E1E8EC;
}

summary:hover {
	background-color: #E1E8EC;
	color: #00131D;
	box-shadow: 0 0 0 0.4rem #C1D100 !important;
	outline: 0.0rem solid #161415 !important;
	border: 0.2rem solid #00131D;
}

details:hover {
	outline: 0.2rem solid #C1D100;
}

summary:focus {
	background-color: #E1E8EC;
	color: #00131D;
	box-shadow: 0 0 0 0.0rem #C1D100 !important;
	outline: 0.3rem dotted #E1E8EC !important;
	outline-offset: .5rem !important;
	border: 0.2rem solid #00131D;
}

summary:active {
	border: 0px solid #E1E8EC !important;
}

summary {
	border: 0px solid #E1E8EC;
}

button {
	color: #E1E8EC;
	background: #231F20;
	border: 0.2rem solid #E1E8EC !important;
}

button:hover,
button:focus {
	background-color: #E1E8EC;
	color: #00131D;
	box-shadow: 0 0 0 0.3rem #C1D100 !important;
	outline: 0.0rem solid #161415 !important;
	border: 0.2rem solid #231F20 !important;
}

button.regButton:focus:not(:focus-visible) {
	color: #E1E8EC;
	background: #231F20;
	border: 0.2rem solid #E1E8EC !important;
	box-shadow: 0 0 0 0rem #C1D100 !important;
}

body {
	background: #161415 !important;
	color: #E1E8EC;
}

.page-wrap {
	background: #231F20;
}

.page-header {
	background-image: url('bg2.png') !important;
	color: #E1E8EC;
	background-color: #231F20;
}

.page-sidebar {
	background: #231F20;
}

.page-nav {
	background: #231F20;
}

.page-main {
	background: #231F20;
}

.page-footer {
	background: #231F20;
	border-top: 0.2rem #E1E8EC solid;
}

.topnav {
	background-color: #231F20;
}

.topnav a {
	color: #E1E8EC;
	background: #231F20;
	border: 0.2rem solid #E1E8EC !important;
	margin: 0.2rem;
}
button#menu.icon,
button#menu.icon:active,
button#menu.icon:hover,
button#menu.icon:focus,
.topnav button.active {
	outline: 1.5rem solid #231F20 !important;
}

.topnav button {
	color: #E1E8EC;
	border: 0.rem solid #231F20 !important;
	background-color: #231F20;
	margin: 0.2rem 0.5rem 0.2rem 0.2rem;
}

button#menu.icon:hover {
	background-color: #E1E8EC;
	color: #231F20;
	border: 0.2rem solid #231F20 !important;
	outline: 0.2rem solid #C1D100 !important;
	box-shadow: 0 0 0 1.5rem #231F20 !important;
}
button#menu.icon:focus {
	background-color: #E1E8EC;
	color: #231F20;
	border: 0.2rem solid #231F20 !important;
	outline: 0.2rem solid #C1D100 !important;
	box-shadow: 0 0 0 1.5rem #231F20 !important;
}
.topnav button.active {
	background-color: #FCBC00;
	color: #231F20;
	border: 0.2rem solid #231F20;
}

.topnav a:hover,
.topnav a:focus,
.topnav a.active:focus,
.topnav a.active:hover {
	background-color: #E1E8EC;
	color: #00131D;
	box-shadow: 0 0 0 4pt #C1D100 !important;
	outline: 0.2rem solid transparent !important;
	border: 0.2rem solid #231F20 !important;
}

.topnav a.icon {
	background: #E1E8EC;
}

.topnav a.active {
	background-color: #FCBC00;
	color: #231F20;
	border: 0.2rem solid #231F20 !important;
	outline: 0rem solid #E1E8EC;
	box-shadow: 0 0 0 0.2rem #E1E8EC;
}

.topnav button:hover,
.topnav button:focus,
.topnav button.active:focus,
.topnav button.active:hover {
	background-color: #E1E8EC;
	color: #00131D;
	box-shadow: 0 0 0 8pt #231F20 !important;
	outline: 0.2rem solid #C1D100 !important;
	border: 0.2rem solid #231F20 !important;
}

.topnav button.icon {
	background: #FCBC00;
	border: 0.2rem solid #FCBC00 !important;
}

.topnav button.active {
	background-color: #FCBC00;
	color: #00131D;
	border: 0.2rem solid #231F20 !important;
	outline: 0.2rem solid #E1E8EC;
}

img.articleImage,
img.articleImageLeft,
img.articleImage2,
a.bookmarklet {
	border: 2px solid #E1E8EC;
}

input:focus {
	outline: 3px solid #C1D100;
}


/*position new box*/
.wrapper input + label::before {
	background: #E1E8EC;
}


/*focus styles*/
.wrapper input:focus + label::before {
	box-shadow: 0 0 0 3px #C1D100;
}


/*focus styles*/
.wrapper2 input:focus + label::before {
	box-shadow: 0 0 0 3px #C1D100;
}


 Remove focus from mouse, replace with box shadow 
a:focus:not(:focus-visible) {
	outline: 2px transparent solid;
	border: 0px solid #ffffff;
	box-shadow: -1px 1px 30px 9px rgba(255, 255, 255, .12);
}