/*Light mode */
blockquote:after {
-webkit-box-shadow: 0px 0px 44px -11px rgba(0,0,0,0.58);
-moz-box-shadow: 0px 0px 44px -11px rgba(0,0,0,0.58);
box-shadow: 0px 0px 44px -11px rgba(0,0,0,0.58);
}

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

/* Webring */
.a11y-webring-club {
	border: 0.1rem #00131d solid;}

.infoGTitle {color: #00131d;}

lite-youtube {
	border: 0.3rem solid #495961 !important;
}

/* Style inactive buttons */
		button:disabled,
	button[disabled] {
		pointer-events: none;
		color: #00131d !important;
		border: 0px !important;
		background-color: none;
		background-image: none;
		background-repeat: repeat;
		z-index:1;
	}

/* Infographic */
#infoGraphicBox {
	border: 1px solid #00131D;
	-webkit-box-shadow: 0px 0px 60px -25px rgba(0, 19, 29, 1);
	-moz-box-shadow: 0px 0px 60px -25px rgba(0, 19, 29, 1);
	box-shadow: 0px 0px 60px -25px rgba(0, 19, 29, 1);
}





.colorBox {
	border: #00131D 2px solid;
}


/* Turn off the light */
#logoSVG {
	display: none;
}

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

html {
	color: #00131D;
}

body {
	color: #00131D;
	background: #F0F2E8 !important;
}


/* cards */
.card {
	border: 0.1rem solid #00131D;
}

.linkify:hover {
	box-shadow: 0 0 0 .4rem #005C84;
	border: 0.1rem solid #00131D;
	outline: #FFFFF4 double 0.5rem;
}

.cards .isfocused {
	box-shadow: 0 0 0 .4rem #005C84;
}

.card .cta {
	color: #005C84;
}

#Example {
	border: 0.2rem solid #00131D;
}




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


/* Presentations */
.presentations {
	border: 1px solid #495961;
}

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

main a:focus,
aside a:focus,
footer a:focus {
	outline: 0.3rem solid #00131D;
}

div#titleLink,
div#logo {
	border: 0.2rem solid #00131D;
}


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

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

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


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

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

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

a:hover {
	color: #8D3970;
	text-decoration: none;
}

#myBtn:hover,
#myBtn:focus,
#myBtn2:hover,
#myBtn2:focus {
	box-shadow: 0 0 0 0.3rem #005C84 !important;
}


/* skip link */
.skip-link {
	color: #00131D;
	background-color: #FFFFF4;
	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: #00131D solid .3rem;
}


/* Details and Summary styling */
details {
	outline: 0.2rem solid #495961;
}

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

details:hover {
	outline: 0.2rem solid #005C84;
}

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

button {
	color: #FFFFF4;
	border: 0.2rem solid #00131D;
	margin-right: 0.3rem;
	background-color: #00131D;
}

button.regButton:focus:not(:focus-visible) {
	color: #FFFFF4;
	background-color: #00131D;
	border: 0.2rem solid #00131D;
	box-shadow: 0 0 0 0rem #005C84 !important;
}

button:hover,
button:focus {
	background-color: #FFFFF4;
	color: #00131D;
	box-shadow: 0 0 0 0.4rem #005C84;
	outline: 0.2rem solid #FFFFF4 !important;
	border: 0.2rem solid #00131D;
}

button#genNew:hover,
button#genNew:focus {
	background-color: #FFFFF4 !important;
	color: #00131D !important;
	box-shadow: 0 0 0 0.4rem #005C84 !important;
	outline: 0.2rem solid #FFFFF4 !important;
	border: 0.2rem solid #00131D !important;
}

.page-wrap {
	background: #FFFFF4;
	/* box-shadow: 0 0 3px rgba(0, 0, 0, 0.33);*/
}

.page-header {
	background-image: url("lightbg.png") !important;
	color: #FFFFF4;
	border: 0px #00131D solid;
	background-color: #FFFFF4;
}

.page-sidebar {
	background: #FFFFF4;
	border: 0px #00131D solid;
}

.page-nav {
	background: #FFFFF4;
	border: 0px #00131D solid;
}

.page-main {
	background: #FFFFF4;
	border: 0px #00131D solid;
}

.page-footer {
	background: #FFFFF4;
	border: 0px #00131D solid;
	border-top: 0.2rem #00131D solid;
}

.topnav {
	background-color: #FFFFF4;
}

.topnav a,
.topnav button {
	color: #FFFFF4;
	border: 0.2rem solid #00131D !important;
	margin: 0.2rem;
	background-color: #00131D;
}

.topnav a.icon,
.topnav button.icon {
	background: #FCBC00;
}

.topnav button {
	margin: 0.2rem 0.5rem 0.2rem 0.2rem;
}
button#menu.icon,
button#menu.icon:active,
button#menu.icon:hover,
button#menu.icon:focus,
.topnav button.active {
	outline: 1.2rem solid #FFFFF4 !important;
}

.topnav a:hover,
.topnav a.active:hover {
	background-color: #FFFFF4;
	color: #00131D;
	box-shadow: 0 0 0 5pt #005C84;
	outline: 0.2rem solid #FFFFF4;
	border: 0.2rem solid #FFFFF4;
}

.topnav a:focus,
.topnav a.active:focus {
	background-color: #FFFFF4;
	color: #00131D;
	box-shadow: 0 0 0 0pt #005C84;
	outline: 0.2rem solid #005C84;
	border: 0.2rem solid #FFFFF4;
}



button#menu.icon:hover {
	background-color: #FFFFF4;
	color: #00131D;
	border: 0.2rem solid #FFFFF4 !important;
	outline: 0.2rem dotted #005C84 !important;
	box-shadow: 0 0 0 1.5rem #FFFFF4 !important;
}
button#menu.icon:focus {
	background-color: #FFFFF4;
	color: #00131D;
	border: 0.2rem solid #FFFFF4 !important;
	outline: 0.2rem dotted #005C84 !important;
	box-shadow: 0 0 0 1.5rem #FFFFF4 !important;
}
.topnav a.active,
.topnav button.active {
	background-color: #FCBC00;
	color: #00131D;
	border: 0.2rem solid #00131D;
}

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

input:focus {
	outline: 3px solid #00131D;
}


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


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


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


Remove focus from mouse, replace with box shadow 
a:focus:not(:focus-visible) {
	outline: none !important;
	border: 0px solid #ffffff;
	box-shadow: -1px 1px 30px 9px rgba(0, 0, 0, .27);
}