/* Tweaks & Additions */

html,body{font-family:"Raleway",Arial,Verdana,sans-serif; font-size:13px; line-height:1.5; color:#435761}

body {
	background-image: url('images/background.jpg');
  	background-attachment: fixed;
  	background-position: center top;
  	background-repeat: no-repeat;
	background-size: cover;
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
}

#ios-bg-image {
	display: block;
	z-index: -1;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	object-fit: cover;
	width: 100%;
	height: 100%;
}

a {text-decoration:none}
a:hover {color:#ff9800}

h1,h2,h3,h4,h5,h6 {font-family:"Raleway",Arial,Verdana,sans-serif; font-weight:400}
h2,h5,h6 {border-bottom:1px solid #ccc!important}

/* Page Title */
h1 {font-size:24px; margin:0 0 16px 0; line-height:2em}

/* Section Title */
h2 {font-size:16px; margin:6px 0 10px 0}

/* Section Subtitle */
h3 {font-size:16px; margin:10px 0 4px 0}

/* Section Sub-subtitle */
h4 {font-size:13px; margin:12px 0 0 0}

/* Sidebar Title */
h5 {font-size:16px; margin:0 0 16px 0; padding-top:16px!important}

/* Sidebar Section Title */
h6 {font-size:13px; margin:12px 0 0 0}

/* Previous / Next Links */
.previousNext {color:white; font-size:16px;margin:10px 0 4px 0;}

/* To Do */
.todo {color:#f44336!important; font-size:16px; margin:10px 0 10px 0}

.unselectable {
 	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

/* Cursor */
.cursor-pointer {cursor:pointer}

/* Orange Things */
.w3-button:hover {color:#fff!important; background-color:#ff9800!important}
.w3-tint,.w3-hover-tint:hover {color:#435761!important; background-color:#ff9800!important}
.w3-text-tint,.w3-hover-text-tint:hover {color:#ff9800!important}

/* Mid Grey */
.w3-mid-grey {color:#B0B0B0}
.w3-text-mid-grey {color:#B0B0B0}

/* Rounded Bottom Only */
.w3-round-bottom {border-radius:0px 0px 4px 4px}


/* Make footer extend to bottom of page to stop grey showing */
footer {box-shadow:0 50vh 0 50vh #fff;}