/* Modifications to Bootstrap-related styles to accomodate the menu used here
   ========================================================================== */
/*.navbar-header {background-color:white;} /* This is the area behind the 'Brand' */
.img-responsive {margin:0 auto; vertical-align:middle;}
.img-border-blue {border:2px solid blue;}
body {padding-top:24px;}
.navbar {border-bottom:2px solid #c03; background-color:#0b3c9e; height:64px;}
#navbar {border:0px;}
/*.behind-navbar {border-bottom:2px solid #c03; background-color:#0b3c9e; height:64px;}*/
.navbar-inverse {background-color:#0b3c9e;}
.navbar-brand {color:#bdd1f9 !important;}
.navbar-inverse .navbar-brand {/*font-size:50%;*/}
.navbar-inverse .navbar-brand:hover {color:#fff !important;}
.navbar .nav > li > a, .navbar-inverse .navbar .nav > li > a {color:#bdd1f9 !important;}
.navbar .nav > li > a:hover, .navbar-inverse .navbar .nav > li > a:focus {color:#fff !important;}
.navbar .nav > li > a, .navbar-inverse .navbar .nav > li > a {background-color:#0b3c9e !important;}
.navbar .nav > li > a:hover, .navbar-inverse .navbar .nav > li > a:focus {background-color:#00008b !important;}

.navbar-nav > li > .dropdown-menu {background-color:#0b3c9e; border:2px solid #c03;}
.navbar-nav > li > .dropdown-menu a:hover, .navbar-nav > li > .dropdown-menu a:focus {background-color:#0b3c9e !important;}
.navbar-nav > li > .dropdown-menu a:hover, .navbar-nav > li > .dropdown-menu a:focus {color:#0b3c9e !important;}
.navbar-nav > li > .dropdown-menu .dropdown-header {color:#c03; font-size:110%; font-weight:bold;}

.navbar-collapse {/*background-color:#0b3c9e;*/ background-color:transparent; border:1px solid #c03;}
.navbar-inverse .navbar-nav li.dropdown ul.dropdown-menu a {color:#bdd1f9 !important;}
.navbar-inverse .navbar-nav li.dropdown ul.dropdown-menu a:hover,
.navbar-inverse .navbar-nav li.dropdown ul.dropdown-menu a:focus {color:#fff !important;}

/*.navbar-inverse .navbar-nav .open .dropdown-menu > li > a, .navbar-inverse .navbar-nav .open .dropdown-menu {background-color:#0b3c9e !important;} /* Background color behind all secondary dropdown links */
/* .navbar-inverse .dropdown-menu {background-color:#0b3c9e !important;} /* Background color behind the first and second level dropdown links */
#navbar {background-color:#0b3c9e !important;} /* Background color behind the entire dropdown panel */

/*.navbar-collapse .collapse .nav .navbar-nav .navbar-right {border:0;}*/
/*.navbar-collapse .collapse ul {height:5px; margin:0; padding:0;}*/
/*.navbar-nav {height:5px; padding-top:7px;}*/


/* Site specific styles (May or may not modify Skeleton styles)
   ========================================================================== */
.container {margin-top:40px;} // due to the Bootstrap menu
h1, h2, h3, h4, h5, h6 {color:#c03; font-family:"Times New Roman",serif; font-weight:bold; line-height:1.2; margin:0;}
h1 {color:#c03; font-family:"Times New Roman",serif; font-weight:bold; line-height:1.2; margin:0; font-size:18px; font-size:2.8rem; padding:30px 0 15px 0;}
h2 {color:#c03; font-family:"Times New Roman",serif; font-weight:bold; line-height:1.2; margin:0; font-size:16px; font-size:2.2rem; padding:20px 0 10px 0; font-style:italic; padding-bottom:7px;}
h3 {color:#c03; font-family:"Times New Roman",serif; font-weight:bold; line-height:1.2; margin:0; font-size:14px; font-size:1.8rem; padding:20px 0 10px 0; font-style:italic; padding-bottom:7px;}
h4 {color:#c03; font-family:"Times New Roman",serif; font-weight:bold; line-height:1.2; margin:0; font-size:12px; font-size:1.6rem; padding:20px 0 10px 0; font-style:italic; padding-bottom:7px;}
h5 {color:#c03; font-family:"Times New Roman",serif; font-weight:bold; line-height:1.2; margin:0; font-size:10px; font-size:1.4rem; padding:20px 0 10px 0; font-style:italic; padding-bottom:7px;}
h6 {color:#c03; font-family:"Times New Roman",serif; font-weight:bold; line-height:1.2; margin:0; font-size:8px;  font-size:1.0rem; padding:20px 0 10px 0; font-style:italic; padding-bottom:7px;}
h1.nobreak, h2.nobreak, h3.nobreak, h4.nobreak, h5.nobreak, h6.nobreak {display:inline-block;}
h1.blue, h2.blue, h3.blue, h4.blue, h5.blue, h6.blue {color:#0b3c9e;}

ul.in-content {margin-left:30px; list-style:disc; margin-top:-10px; padding-bottom:10px;}
li.in-content {margin-left:10px;}

ol li {list-style-type:decimal; margin-top:5px; margin-bottom:0;} /* sub-ordered lists level 1 */
ol li ol {margin-top:0;}
ol li ol li {list-style-type:lower-alpha; margin-bottom:3px;} /* sub-ordered lists level 2 */

/*
ol {list-style-type:decimal;}
ol.decimal {list-style-type:decimal;}
ol li .decimal {list-style-type:decimal;}
*/
/*li {list-style-type:disc;}*/

.hrDown {border:0; box-shadow:inset 0 10px 10px -10px #c03; height:10px; text-align:center;}
.hrUp {border:0; box-shadow:inset 0 -10px 10px -10px #c03; height:10px; text-align:center;}
.hrFade {border:0; height:5px; background-image:linear-gradient(to right, rgba(204, 0, 51, 0), rgba(204, 0, 51, 0.8), rgba(204, 0, 51, 0));}

.container p {line-height:1.25; margin-top:15px; margin-bottom:0;}

a:link {color:#00f; font-weight:bold;}
a:hover {color:#c03; font-weight:bold; text-decoration:overline; text-decoration:underline;}
/*.container a:link {color:#00f; font-weight:bold;}
.container a:hover {color:#c03; font-weight:bold; text-decoration:overline; text-decoration:underline;}
/*.container a:visited {color:#639; font-weight:bold;}*/

.push-to-column-bottom {display:table-cell; float:none; vertical-align:bottom;} /* Not used - good in concept, but flawed in practice */

em {font-style:italic;}
strong {color:#c03; font-style:italic;}

sup, sub {
	font-size:70%;
	height:0;
	line-height:1;
	position:relative;
	vertical-align:baseline;
	_vertical-align:bottom;
}
sup {bottom:1ex;}
sub {top:.5ex;}

.img-responsive {box-sizing:border-box; max-width:100%;}
.red-border {border:2px solid #c03;}
.float-left  {float:left; margin-right:10px;}
.float-right {float:right; margin-left:10px;}

.memorial-3columns {background-color:#000; display:inline-block; padding:7px 0; width:230px;}
.memorial-artist {display:inline-block;}
.memorial-flame-and-artist {float:left;}
.memorial-flame-left  {float:left; padding-top:177px; width:30px;}
.memorial-flame-right {float:right; padding-top:177px; width:30px;}

.memorial-3columns275 {background-color:#000; display:inline-block; padding:7px 0; width:275px;}
.memorial-flame-left240  {float:left; padding-top:240px; width:30px;}
.memorial-flame-right240 {float:right; padding-top:240px; width:30px;}

.top-of-page {background-color:#D1EEEE; border:2px solid #c03; display:inline-block; padding:7px 10px; border-radius:20px; text-align:center;}

/*footer {border:2px solid #c03; margin-top:25px; margin-bottom:10px; width:100%;}*/
footer {}
#footer-outer  {border:2px solid #c03; margin-top:25px; margin-bottom:10px; width:100%;}
#footer-inner  {border:2px solid #03c; display:inline-block; margin:2px 2px -3px 2px;}
#footer-left   {float:left; text-align:center; width:15%; padding-top:10px;}
#footer-center {float:left; text-align:center; width:65%; padding:10px;}
#footer-right  {float:left; text-align:center; width:20%; padding-right:5px;}

/* Image gallery with captions
   ========================================================================== */
div.css-gallery {text-align:center; width:100%;}
div.css-gallery:hover {background-color:#e6e6fa;}
div.css-gallery img {border:2px solid #c03; box-sizing:border-box; margin-top:7px; max-width:100%;}
div.description {font-size:0.9em; padding:7px;}

/* Contact Form
   ========================================================================== */
.form {}
.input-text {
	border:1px solid #06F !important;
	border-radius:5px;
	color:#aaa;
	display:block;
	font-family:'Open Sans', sans-serif;
	font-size:15px;
	height:50px;
	margin:0 0 15px 0;
	padding:15px;
	transition:all 0.3s ease-in-out;
	width:100%;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
}
.input-text:focus {
	border:2px solid #096 !important;
	outline:0;
	-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(124, 197, 118, 0.3);
	-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(124, 197, 118, 0.3);	
	box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(124, 197, 118, 0.3);
}
.input-text.text-area {height:165px; overflow:auto; padding:5px 10px; resize:none;}
.input-text.text-area:focus {border:1px solid #7cc576;}
.input-btn {
	background:#36C !important;
	border-radius:5px;
	color:#fff !important;
	font-family:'Montserrat', sans-serif;
	font-size:14px;
	font-weight:400;
	height:50px;
	text-transform:uppercase;
	width:175px;
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
}
.input-btn:hover {background:#090 !important; color:#fff !important;}

.formError {color:#C00; font-weight:bold;}
.formErrorBg {
	background-color:#ffc;
	border:1px solid #C30;
	margin:15px auto 0;
	padding:0px 0 10px 12%;
	text-align:left;
	width:70%;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px; /* future proofing */
	-khtml-border-radius:10px; /* for old Konqueror browsers */
}


/* Media Queries
   ========================================================================== */

/* Start Min-Width Breakpoints */

@media (min-width:300px){
}

@media (min-width:320px){
}

@media (min-width:100px) and (max-width:689px){
	#patches3cols .four.columns {width:100%; margin-left:0;} /* Not currently in use. Keeping it here for future reference */
}

@media (min-width:768px){
	.container {width:85%;}
}

@media (min-width:992px){
}

@media (min-width:1200px){
}

/* Start Max-Width Breakpoints */

@media (max-width:300px){
	.navbar-brand {font-size:16px;}
}

@media (max-width:480px){
	h2 {font-size:2.0rem;}
}

@media (max-width:767px){
	.container {width:90%;}
}

@media (max-width:1199px){
}

/* Start Min-Width / Max-Width Breakpoints */

@media (min-width:992px) and (max-width:1199px){
}