/*  ==============================================
Big Day - Table of Contents
==============================================

1. Reset Styles 
2. Layout and General Styles
3. Header
4. About
5. Date
6. Ceremony
7. Wedding Party
7.1. Flexslider
8. Registry
9. Contact
10. Thanks
11. Photos
12. Video
13. Footer

============================================== */

/* ==============================================
1 - Reset Styles
============================================== */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* ==============================================
2 - Layout and General Styles
============================================== */

body {
	background: url(../images/background.png) repeat;
	font-family: 'Handlee', sans-serif;
	font-size: 16px;
	line-height: 24px;
	color: #333;
}

em {
	font-style: italic;
}

strong {
	font-weight: bold;
}

h1 {
	font-size: 56px;
	line-height: 36px;
	color: #333333;
}


h2 {
	font-size: 30px;
	line-height: 44px;
	color: #7e0000;
}


h3 {
	font-size: 28px;
	color: #7e0000;
	line-height: 38px;
}

h4 {
	font-size: 18px;
	line-height: 28px;
}


p {
	font-size: 16px;
	line-height: 30px;
}

a {
	text-decoration: none;
	color: #7e0000;
}

a:hover {
	text-decoration: none;
	color: #7e0000;
}

a.button {
	display: inline-block;
	padding: 8px 20px;
	background: url(../images/background-orange-repeatable.png) repeat;
	color: #333333;
	text-decoration: none;
	position: relative;
	margin-top: 10px;
	-webkit-transition: background linear .2s;
	-moz-transition: background linear .2s;
	-o-transition: background linear .2s;
}

a.button span {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 5px;
	background: url(../images/background-orange-repeatable.png) repeat;
	-webkit-transition: background linear .2s;
	-moz-transition: background linear .2s;
	-o-transition: background linear .2s;
}

a.button:hover {
	text-decoration: none;
	color: #333333;
	background: url(../images/background-red-repeatable.png) repeat;
}

a.button:hover span {
	background: url(../images/background-red-repeatable.png) repeat;
}

hr {
	width: 100%;
	height: 2px;
	background: url(../images/hr-background.png) repeat-x;
	border: none;
}

table {
	border-collapse: collapse;
}


.float-left {
	float: left;
}

.float-right {
	float: right;
}

.text-left {
	text-align: left !important;
}

.text-right {
	text-align: right !important;
}

.text-center {
	text-align: center !important;
}



/* ==============================================
3 - Header
============================================== */

.header {
	width: 100%;
	height: 110px;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
}

body.fixed-nav .header {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
}

.header .col-md-12 {
	background: url(../images/main-nav-large.png) bottom center no-repeat;
	height: 110px;
}

.nav {
	margin-top: 30px;
}

.nav li {
	display: inline-block;
	zoom: 1;
	*display: inline;
}

.nav li a {
	padding: 12px 20px;
	color: #333333;
	background: none;
	-webkit-transition: color linear .2s;
	-moz-transition: color linear .2s;
	-o-transition: color linear .2s;
}

.nav li a:hover {
	background: none;
	color: #7e0000;
}

.mobile-nav {
	display: inline-block;
	margin-top: 38px;
}

/* ==============================================
4 - About
============================================== */

.about {
	background: url(../images/about-section-background.png) top center no-repeat;
	padding-top: 175px;
}

.about .container {
	background: url(../images/about-container-background-large.png) bottom center no-repeat;
}

.about .image-container {
	padding: 10px;
	background: url(../images/background-yellow-repeatable.png) repeat;
	display: inline-block;
	-webkit-transition: background linear .2s;
	-moz-transition: background linear .2s;
	-o-transition: background linear .2s;
}

.about .image-container:hover {
	background: url(../images/background-orange-repeatable.png) repeat;
}

.about .image-container img {
	display: block;
}

.about .about-icon {
	padding: 20px 0;
}

.about h2 {
	padding-bottom: 100px;
}

.about .couple-story {
	margin-top: -500px;
	min-height: 520px;
}

/* ==============================================
5 - Date
============================================== */

.date {
	background: url(../images/background-orange-repeatable.png) repeat;
	padding: 5px 0;
	-webkit-transition: background linear .2s;
	-moz-transition: background linear .2s;
	-o-transition: background linear .2s;
}

.date:hover {
	background: url(../images/background-red-repeatable.png) repeat;
}

.date .line {
	height: 20px;
	background: url(../images/background-red-repeatable.png) repeat;
}

.date .container {
	background: url(../images/date-container-background-large.png) center center no-repeat;
}

.date .heart {
	margin-top: -90px;
}

.date .date-text {
	margin-bottom: 20px;
}

/* ==============================================
6 - Ceremony
============================================== */

.ceremony {
	background: url(../images/ceremony-section-background.png) top center no-repeat;
	padding-top: 50px;
	padding-bottom: 50px;
}

.ceremony h2 {

}

.ceremony .image-container {
	padding: 10px;
	background: url(../images/background-yellow-repeatable.png) repeat;
	display: inline-block;
	-webkit-transition: background linear .2s;
	-moz-transition: background linear .2s;
	-o-transition: background linear .2s;
}

.ceremony .image-container:hover {
	background: url(../images/background-orange-repeatable.png) repeat;
}

.ceremony .image-container img {
	display: block;
}

/* ==============================================
7 - Wedding Party
============================================== */

.wedding-party {
	background: url(../images/wedding-party-section-background.png) top left repeat-x;
	padding-top: 50px;
	padding-bottom: 50px;
}

.wedding-party h2 {
	padding-bottom: 20px;
}

.wedding-party .image-container {
	padding: 10px;
	background: url(../images/background-yellow-repeatable.png) repeat;
	-webkit-transition: background linear .2s;
	-moz-transition: background linear .2s;
	-o-transition: background linear .2s;
}

.wedding-party .image-container:hover {
	background: url(../images/background-orange-repeatable.png) repeat;
}

.wedding-party .image-container img {
	display: block;
}

/* ==============================================
7.1 - Flexslider
============================================== */

.flexslider {
	border: none;
	box-shadow: none;
	margin: 0px;
}

.flexslider a.flex-prev {
	width: 40px;
	height: 43px;
	background: url(../images/flexslider-left-arrow.png) no-repeat;
}

.flexslider a.flex-next {
	width: 40px;
	height: 43px;
	background: url(../images/flexslider-right-arrow.png) no-repeat;
}

/* ==============================================
8 - Registry
============================================== */

.registry {
	background: url(../images/background-orange-repeatable.png) repeat;
	padding: 5px 0;
}

.registry .line {
	height: 20px;
	background: url(../images/background-red-repeatable.png) repeat;
}

.registry h2 {
	margin-top: 30px;
	margin-bottom: 20px;
}

.registry .registry-list {
	margin-top: 20px;
	margin-bottom: 50px;
}

/* ==============================================
9 - Contact
============================================== */

.contact {
	background: url(../images/contact-section-background.jpg) repeat;
}

.contact .bottom-mask {
	background: url(../images/contact-section-background.png) bottom center no-repeat;
}

.contact .heart {
	margin-top: -90px;
	margin-bottom: -30px;
}

.contact h2 {
	margin-bottom: 20px;
}

.contact .container {
	background: url(../images/contact-container-background-large.png) top center no-repeat;
	padding: 50px 0;
}

.contact form {
	padding-top: 20px;
}

.contact form input {
	width: 420px;
	background: url(../images/background.png) repeat;
	border: none;
	padding: 10px 20px;
	font-family: 'Handlee', sans-serif;
	font-size: 16px;
	margin-top: 10px;
	box-shadow: none;
	-webkit-transition: background linear .2s;
	-moz-transition: background linear .2s;
	-o-transition: background linear .2s;
}

.contact form input:focus {
	box-shadow: none;
	background: url(../images/background-orange-repeatable.png) repeat;
}

.contact form textarea {
	width: 420px;
	height: 80px;
	background: url(../images/background.png) repeat;
	border: none;
	padding: 10px 20px;
	font-family: 'Handlee', sans-serif;
	font-size: 16px;
	margin-top: 10px;
	box-shadow: none;
	-webkit-transition: background linear .2s;
	-moz-transition: background linear .2s;
	-o-transition: background linear .2s;
}

.contact form textarea:focus {
	box-shadow: none;
	background: url(../images/background-orange-repeatable.png) repeat;
}

.contact form a.button {
	position: relative;
}

.contact form input[type="submit"] {
	top: -10px;
	background: url(../images/button-background.jpg) bottom center repeat-x;
	display: block;
	float: right;
	width: auto;
	-webkit-transition: background linear .2s;
	-moz-transition: background linear .2s;
	-o-transition: background linear .2s;
}

.contact form input[type="submit"]:hover {
	background: url(../images/button-hover-background.jpg) bottom center repeat-x;
}

.contact input.form-error,
.contact textarea.form-error {
	background: url(../images/background-red-repeatable.png) repeat;
}

/* ==============================================
10 - Thanks
============================================== */

.thanks {
	background: url(../images/about-section-background.png) top center no-repeat;
	padding-top: 175px;
}

.thanks .container {
	padding-bottom: 100px;
}

.thanks h2 {
	padding-bottom: 0px;
}

/* ==============================================
11 - Photos
============================================== */

.photos {
	background: url(../images/background-orange-repeatable.png) repeat;
	padding: 5px 0;
}

.photos .container {
	padding-bottom: 30px;
}

.photos .line {
	height: 20px;
	background: url(../images/background-red-repeatable.png) repeat;
}

.photos .heart {
	margin-top: -90px;
}

.photos h2 {
	padding-bottom: 20px;
}

.photos .image-container {
	padding: 10px;
	background: url(../images/background-red-repeatable.png) repeat;
	-webkit-transition: background linear .2s;
	-moz-transition: background linear .2s;
	-o-transition: background linear .2s;
	margin-bottom: 20px;
}

.photos .image-container:hover {
	background: url(../images/background-black-repeatable.png) repeat;
}

.photos .image-container img {
	display: block;
}

/* ==============================================
12 - Video
============================================== */

.video {
	padding-bottom: 0px;
}

.video .container {
	padding-bottom: 60px;
}

.video .video-container {
	margin-top: 20px;
}

.video .bottom-mask {
	background: url(../images/contact-section-background.png) bottom center no-repeat;
}

.video .video-iframe {
	display: block;
}

/* ==============================================
13 - Footer
============================================== */

.footer {
	background: url(../images/footer-section-background.jpg) repeat;
	padding: 5px 0;
}

.footer .line {
	height: 20px;
	background: url(../images/background-black-repeatable.png) repeat;
}

.footer .container {
	padding: 30px 0;
}

.footer p {
	color: #f2f2f2;
}

.footer a {
	color: #f1e6be;
	-webkit-transition: color linear .2s;
	-moz-transition: color linear .2s;
	-o-transition: color linear .2s;
}

.footer a:hover {
	color: #b7aa7b;
}

ul.dropdown-menu {
    padding: 10px;
}

.tooltip {

}