@charset "UTF-8";
/* CSS Document */

/*main part css*/
body {
	/*font-family: 'Lora', serif;*/
	font-family: 'Libre Baskerville', serif;
	line-height:1.5;
	color:black;
	background:url(../Images/background2.jpg);
	background-attachment:fixed;
	background-repeat:no-repeat;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
	background-size:cover;
	padding-top:115px;
}

body h1 {
	font-size:2.9em;
	text-align:left;
}
body p {
	font-size:1.2em;
}


/*menu bar css*/
/*moves menu bar items*/
ul.nav {
	margin-top:20px;
}

#renesmenu.navbar-default .navbar-brand {
    color: #4CB9FF;
}
/*overall menu container css*/
#renesmenu.navbar-default {
    font-size: 14px;
    background-color: #4CB9FF; 
	height: 80px;
	border-color:#4CB9FF;
	border-radius:8px; 
	clear:both;
}
/*brand logo css*/
.navbar-brand {
	padding-top:3px;
	padding-left:4px;
	padding-right:15px;	
}

/*menu items css*/
#renesmenu.navbar-default .navbar-nav>li>a {
    color: black;
    background-color: #4CB9FF;
	font-family: 'Courgette', cursive;
	font-size:1.42em;
}
#renesmenu.navbar-default .navbar-nav>li>a:hover,
#renesmenu.navbar-default .navbar-nav>li>a:focus {
    color: #F5F5F5;
}
#renesmenu.navbar-default .navbar-nav>.active>a,
#renesmenu.navbar-default .navbar-nav>.active>a:hover,
#renesmenu.navbar-default .navbar-nav>.active>a:focus {
    color: #F5F5F5;
    background-color: #4CB9FF;
}
/*css for mobile menu */

/*button*/
#renesmenu.navbar-default .navbar-toggle {
    border-color: #4CB9FF;
}
#renesmenu.navbar-default .navbar-toggle:hover,
#renesmenu.navbar-default .navbar-toggle:focus {
    background-color: white;
}

#renesmenu.navbar-default .navbar-toggle .icon-bar {
    background-color: black;
}
#renesmenu.navbar-default .navbar-toggle:hover .icon-bar,
#renesmenu.navbar-default .navbar-toggle:focus .icon-bar {
    background-color: #4CB9FF;
	color:#CFBF9C
}

.navbar-collapse {
	border-top:0px;
	box-shadow: none;
	}


/* Text Box Positioning CSS*/
.row-centered {
    text-align:center;
	margin-right:15px;
	margin-left:15px;
}

.col-centered {
    display:inline-block;
	float:none;
}

/*Global Text Box Appearance*/
.textbox {
	background-color:rgba(255, 255, 255, 0.8);
	border:1px solid black;
	border-radius: 10px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom: 15px;
	margin-bottom:20px;
}

.textboxheader {
	margin-bottom:20px;
}

/*Homepage Text Box*/
#hometext {
	text-align:center;
	min-width:273px;	
	max-width:450px;
}

#homeh1 {
	text-align:center;
}

#hometext p {
	font-size:1.3em;
}

/*About Page CSS*/
#abouttextbox {
	min-width:273px;	
}

#abouttextbox p{
	text-align:left;
}

#aboutphoto {
	float:left;
	padding-right:20px;	
	margin-right:10px;
	margin-bottom: 10px;
}

/*Menu*/
.menubox {
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	min-width:273px;
	max-width:570px;
}

.menuheading {
	text-align:left;
}

.menuimage {
margin-bottom:0px;
float:left;

}

#menuitems {
	margin-left:auto;
	margin-right:auto;
}

.menutable {
	margin-left:15px;
	text-align:left;
	font-size:1.5em;
}

.menutable tr {
	width:120px;
}

.menuphoto {
	float:left;	
}

/*Gallery Page CSS*/
/*Lightbox CSS*/
.modal-dialog {
	width:90%;
	margin-left:auto;
	margin-right:auto;
}

.thumbnail {
	background-color:#EBEBEB;
	margin-bottom:6px;
	margin-right:15px;
}

#lightboxheading {
	margin-left:-10px;
	text-align:center;
}

/*center thumbnail in modal box*/
img.thumbnail.img-responsive.landscape {
	margin-left:auto;
	margin-right:auto;
}

/*change background of popup box*/
.modal-content {
	background-color:#D6EFFF;
}

/*change color of Close button*/
.btn-default {
	background-color:#D6EFFF;
	border-width: 2px;
}

/*Location Page CSS*/
#googlemap {
        position: relative;
        padding-bottom: 56.25%; /* 16:9 */
        padding-top: 25px;
        height: 0;
		margin-bottom:25px;
		
}
#googlemap iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
		border: 2px solid #666;
}

/*Contact Page CSS*/
#contacttextbox {
	min-width:273px;
}

/*footer css*/
/*make footer stay at bottom of the page*/
* {
	margin: 0;
}
html, body {
	height: 100%;
}

.wrapper {
	min-height: 100%;
	margin: 0 auto -45px; /* the bottom margin is the negative value of the footer's height + padding*/
}
footer, .push {
	height:45px; /* '.push' must be the same height as footer*/
}

/* I used a solution I found on the internet to get the footer to stay at the bottom of the viewport but not be fixed-- creator asked for credit:
Sticky Footer by Ryan Fait
http://ryanfait.com/
*/

#footer {
	background-color:rgba(255, 255, 255, 0.4);
	width:100%;
	height: 45px;
	text-align:center;
}

.footerp {
	display:inline;
	font-size: 1em;
}

#footer a{
	color:black;
	text-decoration:underline;
}

#footer span {
	padding-left:10px;
	padding-right:10px;
}

#copyright {
	font-size:.8em;
}