/*Document-wide styles*/
body
{
background-image: url("/Herringbone.png");
background-repeat:repeat;
background-color:#C2A579;
font-family: 'Droid Serif', serif;
}
h2
{
text-align:center;
font-family: 'Great Vibes', cursive;
}
hr
{
clear:both;
}
/*end of document wide styles*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*Modifications to bootstrap elements*/
.navbar-brand
{
font-family: 'Great Vibes', cursive;
}
.navbar-inverse
	{
	background-color: #00324B;
	padding-right:5px;
	padding-left:5px;
	border:0;
	border-radius:0;
	margin-bottom:0;
	}
.navbar-inverse .navbar-nav > li > a
	{
	font-family:'Marck Script', cursive;
	font-weight:bold;
	color:white;
	transition-property:background-color, color;
	transition-duration:.5s, .8s;
	}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus
	{
    background-color:#00324B;
	color:#297f7d;
	}
.jumbotron
	{
	padding-top:1.25em;
	font-family: 'Great Vibes', cursive;
	background-color:#616b36;
	color:#FFFFCC;
	text-align:center;
	}
	.jumbotron h1
	{
	font-size:5em;
	}
		.jumbotron p
	{
	font-size:3em;
	}
	@media (max-width:600px)
	{
		.jumbotron h1
		{
		font-size:2.6em;
		}
		.jumbotron p
		{
		font-size:1.45em;
		}
	}
.table thead
{
	background-color: #616b36;
}
.btn
	{
	background-color:#472f49;
	color:#FFFFCC!important;
	border:1px solid #525619;
	transition-property:background-color;
	transition-duration:0.3s;
	font-size:1.5em;
	font-family: 'Great Vibes', cursive!important;
	
	}
	.btn:hover
	{
	background-color:#297f7d;
	}
.carousel-inner > .item > img 
	{
		margin: 0 auto;
	}
.container-fluid
{
width:90%;
margin:0 auto;
max-width:1140px;
padding-bottom:50px;
padding-right:30px;
padding-left:30px;
background-color:rgba(194, 165, 121,0.9);
}	
	.container-fluid p
	{
	color:#1b233a;
	}
.carousel-caption p
{
color:#0066FF;
}
.glyphicon
{
color:white;
}
/*End of bootstrap modifications
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~`*/
/*This section outlines styles based on classes I've created */
.fb-glyph
{
height:2rem;
}
.first-row
	{
	padding:10px;
	}
.below-the-fold
	{

	}
.footer
{
text-align:center;
background-color:#a57f4c;
padding-top:2em;
padding-bottom:2em;
}
	.footer a
	{
	color:#00324B;
	}
	
	
.accent-letter
	{
		font-family: 'Great Vibes', cursive;
		font-size:4em;
		color:#732334;
	}
.deb-pic
	{
	float:left;
	padding:5px;
	}
.inline-link
	{
	font-family: 'Great Vibes', cursive;
	color:#732334;
	font-weight:bold;
	text-align:center;
	display:block;
	}
.about-sub
{

}
.twitter-row{
text-align:center;
}
.find-us-fb
{
width:100%;
max-height:100%;
margin:auto;
overflow:hidden;
}
.scheduling
{
margin-top:100px;
margin-bottom:25px;
}
.frm-hidden
{
visibility:hidden;
}
		.frm-hidden p
		{
			float:left;
			display:inline-block;
			padding-right:5px;
		}
		.frm-hidden p:first-child
		{
			width:100%;
			
		}
.navbar-active-link{

background-color:#616b36;

}
 @media(min-width:768px)
 {
	 .navbar-active-link{
	border-top-left-radius:.5em;
	border-top-right-radius:.5em;
	}
	 
 }

.frm-upper-section p label
{
display:inline-block;
float:left;
width:100%;
}
	.frm-upper-section p label span
	{
	display:inline-block;
	float:left;
	width:80px;
	}
	.frm-upper-section p label input
	{
	display:inline-block;
	float:left;
	}
		.frm-upper-section p label select
	{
	display:inline-block;
	float:left;
	}
	.frm-upper-section p label strong
	{
	display:inline-block;
	float:left;
	}
	@media (max-width:400px)
	{
		.frm-upper-section p label span
		{
		width:100%;
		}
	}
	@media (max-width:768px)
	{
		
		.hideOnMobile
		{
			
			display:none;
		}
	}
.modal-content
	{
		background-color:#C2A479!important;
	}
	.modal-content a
	{
	color:#00324B;
	}
	.modal-content p, .modal-content .glyphicon, .modal-content .social
	{
		color:#616B36;
	}
.submitted
{
background-color:#C2A579;
border: 1px solid #FFFFCC;	
}
.contact
{
text-align:center;
}
.contact a
{
color:#00324B;
}
.contact .glyphicon,
.contact .social
{
color:#616B36;
}
.gallery-grid
{
display:flex;
flex-wrap:wrap;
margin:0 -8px 24px;
}
.gallery-grid figure
{
width:33.333%;
margin:0;
padding:8px;
}
.gallery-grid img
{
display:block;
width:100%;
height:auto;
}
.static-photo
{
display:block;
width:100%;
height:auto;
margin:0 auto 12px;
}
.navbar > .container
{
display:flex;
flex-wrap:wrap;
align-items:center;
}
.navbar-header,
.navbar-header.pull-left,
.navbar-header.navbar-right
{
float:none !important;
}
.navbar-header.pull-left
{
order:1;
}
.navbar-nav
{
float:none !important;
display:flex;
flex-wrap:wrap;
margin:0;
order:2;
}
.navbar-header.navbar-right
{
order:3;
margin-left:auto;
}
.navbar-inverse .navbar-nav > li
{
float:none;
}
@media (max-width:767px)
{
.navbar > .container
{
display:block;
}
.navbar-header.pull-left
{
float:left !important;
}
.navbar-header.navbar-right
{
float:right !important;
margin-left:0;
}
.navbar-nav
{
display:block;
clear:both;
width:100%;
margin-top:0;
margin-bottom:0;
}
.gallery-grid figure
{
width:50%;
}
.jumbotron h1,
.jumbotron p
{
overflow-wrap:break-word;
}
}
.calendar-ul li p
{
	padding-bottom:0;
}
.calendar-ul li 
{
	padding-top:2px;
}
.calendar-ul li ul
{
	border-bottom:1px solid;
	padding-bottom:10px;
}

.special-announcement
{
	padding: 30px 15px 30px 15px;
	background-color: #00324B;
	color: white;
	margin-top: 40px;
	margin-bottom: 40px;
}
	.special-announcement p
	{
		color: white;
	}
	.special-announcement h2
	{
		font-size: 36px;
	}
/*End of styles for classes
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*Styles specific to certain ID*/
#frm-schedule
{
	width:100%;
	border: 1px solid #FFFFCC;
	background-color:#C2A579;
	padding:10px;
}
	#frm-schedule legend
	{
		text-align:center;
	}
/*~~~~~~~~~~~~~~~~~~~~~END of stylesheet~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/