/************/
/* General  */
/************/

body {
	/* Background pattern from Subtle Patterns. */
	background: #696969 url('../images/grey_wash_wall.png') repeat;
	/* In Safari Mobile, remove the text magnifier on long touch. */
	-webkit-user-select: none;
}

main h1, main h2, main h3, main h4 {
	text-transform: uppercase;
}

a, a:hover, a:visited {
	color: white;
	text-decoration: underline;
}

body h2 {
	border-bottom: solid 1px;
	margin-top: 20px;
	margin-bottom: 18px;
}

body p {
	color: white;
}

body .navbar p {
	color: black;
	opacity: .3;
	text-transform: uppercase;
	line-height: 1;
	padding-top: 14px;
}

header p {
	padding: constant(safe-area-inset-top) constant(safe-area-inset-right) constant(safe-area-inset-bottom) constant(safe-area-inset-left); /* iPhone X notch */
	font-size: 2rem;
	text-shadow: 0px 1px 0px rgba(255,255,255,.3), 0px -1px 0px rgba(0,0,0,.7);
}


header p span {
	color: white;
}

footer p {
	width: 100%;
	text-align: right;
}


/*******/
/* SVG */
/*******/

svg {
	/*
		z-index must be between fixed navbars and backdrop.
		@see: https://getbootstrap.com/docs/4.0/layout/overview/#z-index
	*/
	z-index: 1035;
	position: fixed;
	left: 0;
	top: 0;
}

svg .links line {
  stroke: white;
  stroke-width: 6px;
}

svg .nodes circle {
  stroke: white;
  stroke-width: 6px;
  cursor: pointer;
}

svg .nodes circle [data-toggle="link"] {
	/*
		Fix iOS click delegation issue. Go figure.
		@see: https://stackoverflow.com/questions/3025348/how-do-i-use-jquery-for-click-event-in-iphone-web-application
	*/
	cursor: pointer;
}

svg .pattern .background {
	fill: red;
}


/***********/
/* Contact */
/***********/

#contact .modal-header {
	background-color: #f7f7f7;
	border-radius: .3rem;
}

#contact .form-control:focus {
	border-color: black;
}

#contact .alert, #form-submit {
	display: none;
}