/* www.HawkinsRails.net 

All CSS by RWH except Bootstrap code 

Global CSS

*/

/* VARIABLES */

:root {
	--horange: #ff6633; /*HawkinsRails orange*/
	--borange: #ffcb95; /*Background orange*/
	--fgray: #666666; /*Foreground gray*/
	--bgray: #cccccc; /*Background gray*/
	
	--corners: 6px; /*Border Radius*/
	--corners-sm: 4px; /*SM screens*/
	--corners-md: 3px; /*MD and LG screens*/
	--corners-button: 3px; /*Ad Buttons*/
	--corners-element: 3px; /*Small Elements*/
	--corners-float: 3px; /*Floating Images*/
	
	--shadow: 1px 1px 1px silver; /*Image Shadow*/
}

/* BODY */

html {
	font-size: 100%;
}

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

p {
	font-size: 1rem;
	line-height: 1.25;
}

/* HEADINGS */

h1 {
	color: var(--horange);
	font: 2.25rem "Lucida Grande", Lucida, Verdana, sans-serif;
	font-weight: bold;
	letter-spacing: -1px;
	text-shadow: .5px .5px .5px #808080;
}

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: 1.5rem "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: 1.3rem "Lucida Grande", Lucida, Verdana, sans-serif;
	font-weight: bold;
	border-radius: 3px;
	width: 100%;
}

h4 {color: var(--horange);
	font: 1.4rem "Lucida Grande", Lucida, Verdana, sans-serif;
	font-weight: bold;
	text-shadow: .5px .5px .5px #808080;
}

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

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

/* HEADING STYLES */

.h1 {
	color: var(--horange);
	font: 2.25rem "Lucida Grande", Lucida, Verdana, sans-serif;
	font-weight: bold;
	letter-spacing: -1px;
	text-shadow: .5px .5px .5px #808080;
}

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

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

.h4 {color: var(--horange);
	font: 1.4rem "Lucida Grande", Lucida, Verdana, sans-serif;
	font-weight: bold;
	text-shadow: .5px .5px .5px #808080;
}

.h5 {color: #797979;
	font: 1.4rem "Lucida Grande", Lucida, Verdana, sans-serif;
	font-weight: bold;
}

.h6 {color: #000;
	font: 1.3rem "Lucida Grande", Lucida, Verdana, sans-serif;
	font-weight: bold;
}

/* FONTS */

@font-face {
	font-family: 'Newspaper';
	src: url(../images/fonts/OldNewspaperTypes.ttf) format('truetype');
	font-display: swap;
}

@font-face {
 	font-family: 'RailroadRoman';
 	src: url(../images/fonts/RR_Roman.ttf) format('truetype');
 	font-display: swap;
}

@font-face {
	font-family: 'Typewriter';
	src: url(../images/fonts/Elegant_Typewriter_Regular.ttf) format('truetype');
	font-display: swap;
}

@font-face {
	font-family: 'SpecialElite';
	src: url(../images/fonts/SpecialElite_Regular.ttf) format('truetype');
	font-display: swap;
}

/* TEXT COLORS */

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

.white {
	color: white;
}

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

/* 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;}

/* IMAGE COLORS */

.invert {
	filter: invert(100%);
}

.sepia {
	filter: sepia(100%);
}

.grayscale {
	filter: grayscale(100%);
}

/* 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 .railz {
	color: #666666;
}

a.xs_top {
	font-weight: bold;
	color: #d5d5d5;
	float: right;
	font-size: .9rem;
	margin-top: 15px;
	margin-right: 10px;
}

#navbar ul li a {
	font-size: 1.2rem;
	color: #d5d5d5;
}

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

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

#navbar .current {
	font-weight: bold;
}

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

/* SITE NAMES */

.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;
}



/* GLOBAL SCREEN ADJUSTMENTS */ 

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

@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) {

}