/*temporary
.columns {border: 1px solid #6dd900;}*/

/*large background image*/   
   
#body_wrap {
  background-attachment: fixed;
  background-image: url("/img/wood.jpg");
  background-position: left bottom;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 100%;
  min-width: 100%;
  position: absolute;
  width: 100%;
  z-index: 1;
}
#bg_fade {   
background-color: rgba(0, 0, 0, 0.2);
bottom: 0;
height: 100%;
left: 0;
position: absolute;
right: 0;
top: 0;
width: 100%;
z-index: -1;   
}
/*end large background image*/  

/*header*/

header#main_header {
background-color: rgba(0, 0, 0, 0.4);
}

header#main_header {
	text-align: center;
    margin: 0px auto;
}
header#main_header h1 {
    margin: 0px;
}


/*navigation*/

/*center the nav items & show images on medium+ screens (40.063em/641px)*/

@media (min-width: 40.063em) {
  nav.top-bar {
	text-align:center;
	}
  section.top-bar-section {
	display: inline-block;
	}
  li#about a, li#rsvp a, li#location a, li#lodging a, li#gifts a, li#thanks a {
	display: block; 
	text-indent: -9999em;
	background: none no-repeat scroll center center rgba(121, 193, 232, 1);
   }
    li#about a:hover, li#rsvp a:hover, li#location a:hover, li#lodging a:hover, li#gifts a:hover, li#thanks a:hover, body#about li#about a, body#rsvp li#rsvp a, body#location li#location a, body#lodging li#lodging a, body#gifts li#gifts a, body#thanks li#thanks a {
	background-color: rgba(0, 103, 142, 1);
   }
  /*set width 30px wider than image*/
  li#about a {
	background-image: url("/img/nav/about.png");
	width: 117px;
	}
	li#about a:hover, body#about li#about a {
	background-image: url("/img/nav/about_o.png");
	}
  li#rsvp a {
	background-image: url("/img/nav/rsvp.png");
	width: 82px;
	}
  li#rsvp a:hover, body#rsvp li#rsvp a {
	background-image: url("/img/nav/rsvp_o.png");
	}
  li#location a {
	background-image: url("/img/nav/location.png");
	width: 220px;
	}
  li#location a:hover, body#location li#location a {
	background-image: url("/img/nav/location_o.png");
	}
  li#lodging a {
	background-image: url("/img/nav/lodging.png");
	width: 106px;
	}
  li#lodging a:hover, body#lodging li#lodging a {
	background-image: url("/img/nav/lodging_o.png");
	}
  li#gifts a {
	background-image: url("/img/nav/gifts.png");
	width: 82px;
	}
  li#gifts a:hover, body#gifts li#gifts a {
	background-image: url("/img/nav/gifts_o.png");
	}
	
  li#thanks a {
	background-image: url("/img/nav/thanks.png");
	width: 108px;
	}
  li#thanks a:hover, body#thanks li#thanks a {
	background-image: url("/img/nav/thanks_o.png");
	}
}

/*preload, hide m/o nav images*/
.preloader {
	position: absolute;
	visibility: hidden;
	z-index: 1;
	}

/*navigation recoloring*/

.top-bar-section > ul > .divider, .top-bar-section > ul > [role="separator"] {
    border-right: 2px solid rgba(121, 193, 232, 0.5);
}
/*mobile nav horiz lines*/
.top-bar-section .divider, .top-bar-section [role="separator"] {
    border-top: 1px solid rgba(255, 255, 255, 0.7);
}

.top-bar {
	background-color: rgba(121, 193, 232, 0.5);
}

.top-bar-section ul {
	background-color: rgba(121, 193, 232, 0);
}

.top-bar-section li:not(.has-form) a:not(.button) {
	background-color: rgba(121, 193, 232, 1);
}
.top-bar-section li:not(.has-form) a:hover:not(.button) {
    background-color: rgba(0, 103, 142, 1);
}
.top-bar.expanded .title-area {
    background-color: rgba(0, 103, 142, 1);
}
.top-bar.expanded .toggle-topbar a {
    color: #fff;
}
.top-bar.expanded .toggle-topbar a:after {
    box-shadow: 0 10px 0 1px #ffffff, 0 16px 0 1px #ffffff, 0 22px 0 1px #ffffff;
}
.top-bar-section ul li > a {
	font-size: 0.9rem;
}

/*small nav recoloring (40em/640px)*/
@media (max-width: 40em) {
  .top-bar {
	background-color: rgba(121, 193, 232, 1)
	}
}

/*home page photos*/
.photo_bg{
background-color: rgba(0, 0, 0, 0.4);
}
section#main_photos {
	margin: 20px auto;
}
section#main_photos img {
	border: 6px solid rgba(251, 251, 251, 0.4);
}

/*content*/
body, .panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6, .panel p {
    color: #444444;
    font-family: Arial,"Helvetica Neue","Helvetica",Helvetica,sans-serif;
}

#content {
background-color: rgba(251, 251, 251, 0.8);
padding-top: 20px;
}

#photoalbum {
margin-top: 1.5rem;
}

h2 {
font-size: 1.5rem;
color: #b15900;
}
h3 {
font-size: 1.2rem;
color: #444444;	
}
h4 {
font-size: 1.0rem;
color: #444444;	
}

hr {
border-color: #D8D8D8;	
}

/*directions panel*/
div#directions li {
font-size: .9rem;	
}
div#directions h4 {
margin: 1.0rem -1.25rem;
background-color: rgba(121, 193, 232, .3);
padding: 0.4rem 0.4rem 0.4rem 1.25rem;
font-weight: bold;
}

/*google map - make responsive*/
.google_map {
    position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; max-width: 100%; height: auto; border: 1px solid #444; margin-bottom: 1.25rem;
}

.google_map iframe, .google_map object, .google_map embed {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
}

/*rsvp form*/
form li.buttons input {
padding: 25px;
background-color: #668C00;	
}

/*photos, not links*/
body#lodging .th:hover, body#lodging .th:focus, body#about .th:hover, body#about .th:focus {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
}	

/*timeline*/
div#timeline p {
font-size: .9rem;	
}
div#timeline h4 {
font-weight: bold;
margin-bottom: 0rem;	
}
div#timeline.panel {
padding: 0.75rem;	
}

/*about pg photo rotation*/
ul.about_pics img {
border: 4px solid #FFFFFF;
/*box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);*/
}
body#about .orbit-container {
width: 96%;
}

/*footer*/
footer {
background-color: rgba(0, 0, 0, 0.5);
color: #fbfbfb;
}
footer p.contact {
	margin: 10px 0px 0px;
	color: #fbfbfb;
}
footer p.quote{
	color: #6F6F6F;	
	margin: 5px 0px 0px;
	font-weight:lighter;
	font-size: 0.9rem;
}
footer img {
margin: 20px 0px 0px 0px;
}


/*RSVP form*/