/* HawkinsRails.net - Global CSS

Generation 5 - Aug 2021

All CSS by RWH except Bootstrap code */

/* HawkinsRails COLORS */

:root {
	--horange: #ff6633; /*HawkinsRails orange*/
	--borange: #ffcb95; /*Background orange*/
	--fgray: #666666; /*Foreground gray*/
	--bgray: #cccccc; /*Background gray*/
	--corners: 4px; /*border-radius*/
}

/* BODY */

body {
	background: url(../images/background.png) repeat; /*Paper background*/
	overflow-x: hidden; /*Prevent scrolling*/
	padding-top: 70px;
	padding-bottom: 70px;
}

/*HEADINGS*/

h1 {
	color: var(--horange);
	font: 250% "Lucida Grande", Lucida, Verdana, sans-serif;
	font-weight: bold;
}

h2 {
	color: #000;
	background-color: var(--borange);
	border-top: 2px solid var(--horange);
	border-left: 15px solid var(--horange);
	padding: 5px 5px 5px 15px;
	width: 100%;
	font: 150% "Lucida Grande", Lucida, Verdana, sans-serif;
	font-weight: bold;
	border-radius: 3px;
}

h3 {
	color: #000;
	background-color: #ccc;
	border-top: 2px solid #999;
	border-left: 15px solid #999;
	padding: 5px 5px 5px 15px;
	font: 125% "Lucida Grande", Lucida, Verdana, sans-serif;
	font-weight: bold;
	border-radius: 3px;
	width: 100%;
}

h4 {color: var(--horange);
	font: 150% "Lucida Grande", Lucida, Verdana, sans-serif;
	font-weight: bold;
}

h5 {color: #797979;
	font: 150% "Lucida Grande", Lucida, Verdana, sans-serif;
	font-weight: bold;
}

h6 {color: #000;
	font: 150% "Lucida Grande", Lucida, Verdana, sans-serif;
	font-weight: bold;
}

h7 {color: black;
	font: bold 115% Georgia, "Times New Roman", Times, serif;
}


/*GLOBAL MODIFIERS*/

.name {
	font-weight: bold;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	color: var(--horange);
}

.logo {
	font-weight: bold;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	color: var(--horange);
	background-color: black;
	border-radius: 3px;
	padding-left: 3px;
	padding-right: 3px;
}

.tag {
	text-transform: none;
	font-variant: small-caps;
	font-weight: bold;
	color: var(--horange);
}

div img[class="noborder"] {
	border-style: none;
}

/*LINK COLORS*/

a {text-decoration: none; outline: none;
}

a:link, a:visited {color: #382dcf;}

a:active, a:hover {color: var(--horange);}

a:invalid {color: red;}

a img {
	outline: none; border: none;
}

/* TEXT COLORS */

.orange {
	color: var(--horange);
}

.white {
	color: white;
}

.gray {
	color: var(--fgray);
}

/*TOP NAVBAR ADJUSTMENTS*/

.navbar-brand {
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	font-weight: bold;
}

.navbar-brand #hwhite {
	color: white;
}

.navbar-brand #awkins {
	color: var(--horange);
}

.navbar-brand #rails {
	color: #666666;
}

#navbar ul li a {
	font-size: 125%;
	color: #d5d5d5;
}

#navbar ul li .triangle {
	width: 10px;
	margin-top: 20px;
}

#navbar ul li + .upone {
	font-weight: bold;
}

#navbar .dropdown-menu li a {
	color: #797979;
}

/*SCREEN ADJUSTMENTS*/ 

@media screen and (min-width: 768px) {
	
	h2 {
	font-size: 175%;	
	}
	
	h3 {
	width: 90%;
	font-size: 150%;
}
	
	p {
	font-size: 120%;
}
}

@media screen and (max-width: 991px) {
	
}

@media screen and (min-width: 992px) {
	
	h3 {
	width: 75%;
}
}

@media screen and (max-width: 1199px) {

}

@media screen and (min-width: 1200px) {

}