/* 
 *  Owl Carousel CSS3 Transitions 
 *  v1.3.2
 */

.owl-origin {
	-webkit-perspective: 1200px;
	-webkit-perspective-origin-x : 50%;
	-webkit-perspective-origin-y : 50%;
	-moz-perspective : 1200px;
	-moz-perspective-origin-x : 50%;
	-moz-perspective-origin-y : 50%;
	perspective : 1200px;
}
/* fade */
.owl-fade-out {
  z-index: 10;
  -webkit-animation: fadeOut .7s both ease;
  -moz-animation: fadeOut .7s both ease;
  animation: fadeOut .7s both ease;
}
.owl-fade-in {
  -webkit-animation: fadeIn .7s both ease;
  -moz-animation: fadeIn .7s both ease;
  animation: fadeIn .7s both ease;
}
/* backSlide */
.owl-backSlide-out {
  -webkit-animation: backSlideOut 1s both ease;
  -moz-animation: backSlideOut 1s both ease;
  animation: backSlideOut 1s both ease;
}
.owl-backSlide-in {
  -webkit-animation: backSlideIn 1s both ease;
  -moz-animation: backSlideIn 1s both ease;
  animation: backSlideIn 1s both ease;
}
/* goDown */
.owl-goDown-out {
  -webkit-animation: scaleToFade .7s ease both;
  -moz-animation: scaleToFade .7s ease both;
  animation: scaleToFade .7s ease both;
}
.owl-goDown-in {
  -webkit-animation: goDown .6s ease both;
  -moz-animation: goDown .6s ease both;
  animation: goDown .6s ease both;
}
/* scaleUp */
.owl-fadeUp-in {
  -webkit-animation: scaleUpFrom .5s ease both;
  -moz-animation: scaleUpFrom .5s ease both;
  animation: scaleUpFrom .5s ease both;
}

.owl-fadeUp-out {
  -webkit-animation: scaleUpTo .5s ease both;
  -moz-animation: scaleUpTo .5s ease both;
  animation: scaleUpTo .5s ease both;
}
/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
  0% {opacity: 1}
}
@-moz-keyframes empty {
  0% {opacity: 1}
}
@keyframes empty {
  0% {opacity: 1}
}
@-webkit-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-moz-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-webkit-keyframes backSlideOut {
  25% { opacity: .5; -webkit-transform: translateZ(-500px); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
}
@-moz-keyframes backSlideOut {
  25% { opacity: .5; -moz-transform: translateZ(-500px); }
  75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
}
@keyframes backSlideOut {
  25% { opacity: .5; transform: translateZ(-500px); }
  75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
}
@-webkit-keyframes backSlideIn {
  0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px); }
  100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}
@-moz-keyframes backSlideIn {
  0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -moz-transform: translateZ(-500px); }
  100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
}
@keyframes backSlideIn {
  0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; transform: translateZ(-500px); }
  100% { opacity: 1; transform: translateZ(0) translateX(0); }
}
@-webkit-keyframes scaleToFade {
  to { opacity: 0; -webkit-transform: scale(.8); }
}
@-moz-keyframes scaleToFade {
  to { opacity: 0; -moz-transform: scale(.8); }
}
@keyframes scaleToFade {
  to { opacity: 0; transform: scale(.8); }
}
@-webkit-keyframes goDown {
  from { -webkit-transform: translateY(-100%); }
}
@-moz-keyframes goDown {
  from { -moz-transform: translateY(-100%); }
}
@keyframes goDown {
  from { transform: translateY(-100%); }
}

@-webkit-keyframes scaleUpFrom {
  from { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpFrom {
  from { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpFrom {
  from { opacity: 0; transform: scale(1.5); }
}

@-webkit-keyframes scaleUpTo {
  to { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpTo {
  to { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpTo {
  to { opacity: 0; transform: scale(1.5); }
}


/* ---------------------------------------------------------------------------------------------------- */
/* Typefaces */
@font-face { font-family: 'core-sans-regular'; src: url('fonts/s-core_-_coresansd35regular-webfont.eot'); src: url('fonts/s-core_-_coresansd35regular-webfont.eot?#iefix') format('embedded-opentype'),  url('fonts/s-core_-_coresansd35regular-webfont.woff2') format('woff2'),  url('fonts/s-core_-_coresansd35regular-webfont.woff') format('woff'),  url('fonts/s-core_-_coresansd35regular-webfont.ttf') format('truetype'),  url('fonts/s-core_-_coresansd35regular-webfont.svg#core_sans_d_35_regularregular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'harriet-light-italic'; src: url('fonts/okay_type_-_harriet_display_light_italic-webfont.eot'); src: url('fonts/okay_type_-_harriet_display_light_italic-webfont.eot?#iefix') format('embedded-opentype'),  url('fonts/okay_type_-_harriet_display_light_italic-webfont.woff') format('woff'),  url('fonts/okay_type_-_harriet_display_light_italic-webfont.ttf') format('truetype'),  url('fonts/okay_type_-_harriet_display_light_italic-webfont.svg#core_sans_d_35_regularregular') format('svg'); font-weight: normal; font-style: normal; }
/* ---------------------------------------------------------------------------------------------------- */
/* Reset */

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, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, nav, section, article, aside, figure, figcaption, hgroup, footer, header, audio, video, canvas { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; }
header, footer, nav, section, address { display:block; }
:focus { outline: 0; }
body { line-height: 1; -webkit-font-smoothing:antialiased; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; }
blockquote, q { quotes: '' ''; }
body { font-family: 'core-sans-regular'; font-size: 16px; line-height: normal; color: #ffffff; }
a { text-decoration: none; color: #ffffff; }
a:hover { color: #bf7951; }
a, a:hover, a:active, a:focus, a:visited, button, input, input:hover, input:active, input:focus { transition: all 250ms ease; }
p, blockquote, table, ul, ol { margin: 0px; }

.clearfix, .columns, .column, .wrapper { *zoom:1;
}
.clearfix:after, .columns:after, .column:after, .wrapper:after { content: ''; display: table; clear: both; }
/* Border/padding box model */
* { box-sizing: border-box; }

.header { background:url('images/chris-ryan-wedding-1.jpg') center top; background-size:cover; height:100%; position:relative; padding:65px 65px 120px 65px; }
.borders { width:100%; display:table; }
.table-cells { display:table-cell; vertical-align:middle; text-align:center; border:6px solid #bf7951; }

h1, h2, h3, h4, h5, h6 { letter-spacing:4px; text-transform:uppercase; }
h1 { text-transform:uppercase; font-size:34px; margin-top:12%; }
h1 span { display:block; margin:20px 0; }
h2, h4 { font-size:3em; }
h2 i { font-style:normal; }
h3, h5 { font-size:2.1em; font-family: 'harriet-light-italic'; text-transform:none; margin-bottom:25px; }
h5 { font-size:1.5em; margin-bottom:20px; }
.weddate { font-family: 'harriet-light-italic'; font-size:34px; margin:15% 0 3% 0; letter-spacing:4px; }
.weddate br { display:none; }

nav { position:absolute; bottom:40px; left:0; right:0; z-index:9; }
nav button { display:none; }
nav ul { text-align:center; }
nav ul li { display:inline-block; margin:0 3%; }
nav ul li a { font-size:20px; line-height:50px; }

.showhidenavbtn { position:relative; width:34px; height:34px; background:#bf7951; border:none; top:10px; left:50%; transform:translate(-50%,0); -webkit-transform:translate(-50%,0); -ms-transform:translate(-50%,0); -o-transform:translate(-50%,0); -ms-transform:translate(-50%,0); }
.showhidenavbtn span, .showhidenavbtn:before, .showhidenavbtn:after { height:2px; left:4px; right:4px; background:#fff; position:absolute; display:block; box-shadow:1px 1px 2px rgba(0,0,0,0.5); -webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.5); -ms-box-shadow:1px 1px 2px rgba(0,0,0,0.5); -o-box-shadow:1px 1px 2px rgba(0,0,0,0.5); -o-box-shadow:1px 1px 2px rgba(0,0,0,0.5); }
.showhidenavbtn span { top:50%; transform:translate(0,-50%); -moz-transform:translate(0,-50%); -webkit-transform:translate(0,-50%); -ms-transform:translate(0,-50%); -o-transform:translate(0,-50%); }
.showhidenavbtn:before, .showhidenavbtn:after { content:""; }
.showhidenavbtn:before { top:8px; }
.showhidenavbtn:after { bottom:8px; }

.ceremony { background:url('images/chris-ryan-wedding-place.jpg') center no-repeat; background-size:cover; text-align:center; padding:275px 0 175px 0; }
.ceremony .weddate { margin-top:120px; }
address { font-size:1.25em; text-transform:uppercase; }

.split {  }
.splitleft { background:url('images/chris-ryan-wedding-place-1.jpg') center bottom no-repeat; background-size:cover; }
.splitsec { width:50%; float:left; }
.splitsec img { width:100%; }
.splitright { background:#433f3c; }
.splitright .splitchild { border:6px solid #fff; padding:60px 0; text-align:center; }
.split-border { padding:44px; }
.splitright .splitchild img { max-width:180px; margin:85px 0 75px 0; }
.time { font-size:1.25em; text-transform:uppercase; }
.attire { font-size:0.9em; color:#9c9b9b; text-transform:uppercase; margin-top:100px; }
.church { display:none; }

.rsvpcont { text-align:center; padding:150px 0; color:#433f3c; }
form { margin:70px auto 0 auto; max-width:530px; }
select option:first-child { display:none; }
form p { position:relative; margin-bottom:15px; }
form p.required { color:#bf7951; text-align:right; font-size:11px; }
form p span { position:absolute; top:0; right:0; left:0; line-height:60px; text-align:center; z-index:-1; background:url('images/downarrow.jpg') 96% 25px no-repeat; }
form p span, input, select { font-size:18px; text-transform:uppercase; color:#433f3c; letter-spacing:1px; font-family:'core-sans-regular'; }
input, select { border:3px solid #bf7951; display:block; width:100%; height:60px; line-height:60px; text-align:center; -webkit-appearance:none; -webkit-border-radius:0px; background:none; }
select { font-size:0px; }
select option { text-align:center; font-size:18px; text-transform:uppercase; color:#433f3c; letter-spacing:1px; font-family:'core-sans-regular';  }
.submitbutton { font-size:34px; background-color:#bf7951; border:1px solid #bf7951; font-family: 'harriet-light-italic'; padding:0px 70px; color:#fff; display:inline-block; width:auto; height:auto; text-transform:none; margin-top:50px; cursor:pointer; }
.submitbutton:hover { background-color:#fff; color:#bf7951; }

::-webkit-input-placeholder { color: #433f3c; }
:-moz-placeholder { color: #433f3c; }
::-moz-placeholder { color: #433f3c;  }
:-ms-input-placeholder { color: #433f3c; }
input:focus::-webkit-input-placeholder { color:transparent;}
input:focus:-moz-placeholder { color:transparent; }
input:focus::-moz-placeholder { color:transparent; }
input:focus:-ms-input-placeholder { color:transparent; }
.error { color:#bf7951; font-size:14px; text-align:center; margin:0 0 10px 0; text-transform:uppercase; letter-spacing:1px; display:none; }
.show_error { display:block; }
.reply { font-size:20px; margin-top:30px; text-transform:uppercase; letter-spacing:1px; }

.accomodations { text-align:center; background:url('images/chris-ryan-wedding-place-2.jpg') bottom center no-repeat; background-size:cover; padding:150px 0; letter-spacing:1px; }
.accomodations ul { padding:0 5%; }
.accomodations ul li { width:50%; float:left; text-align:center; margin-top:80px; }
.hoteladdress { text-transform:uppercase; }
.distance { font-size:11px; color:#b9b9b9; margin:25px 0; text-transform:uppercase; }
.airport { margin-top:60px; }
.airport p { text-transform:uppercase; }

.thingstodo { padding:150px 0; color:#433f3c; text-align:center; }
.thingstodo h5 { margin:0px; }
.thingstodo ul { padding:0 5%; }
.thingstodo ul li { float:left; width:33.33%; margin-top:80px; }
.thingstodo ul:last-child li:nth-child(2) a { margin-top:20px; }
.visit { color:#bf7951; margin:20px 0; text-transform:uppercase; }
.thingstodo .hotelink { color:#433f3c; display:block; text-transform:uppercase; }
.thingstodo .hotelink:hover { color:#bf7951; }

#slider .owl-item div {  }
#slider .owl-item img { width:100%; }
#slider .owl-item img{  display: block; width: 100%; height: auto; }

.registry { background-color:#433f3c; padding:35px; }
.registry-child { border:6px solid #fff; padding:130px 20px; text-align:center; }
.gift { max-width:900px; margin:0 auto;  }
.presence { font-size:20px; font-family: 'harriet-light-italic'; letter-spacing:2px; margin:90px 0 25px 0; }
.gift { font-size:20px; margin-bottom:70px; }
.chrisryan { font-size:20px; letter-spacing:1px; text-transform:uppercase; }
.chrisryan span { font-family: 'harriet-light-italic'; display:block; margin-bottom:20px; text-transform:lowercase; }

.addtostory { background:url('images/chris-ryan-wedding-2.jpg') bottom left no-repeat; background-size:cover; padding:150px 15px 40px 15px; text-align:center; }
.hash { font-family: 'harriet-light-italic'; font-size:2.25em; margin-top:80px; }
.addtostory .wedfloral { margin:80px 0 180px 0; }
.backtotop { display:block; max-width:140px; margin:0 auto; text-transform:uppercase; color:#b9b9b9; font-size:12px; position:relative; }
.backtotop:before { background:url('images/uparrow.png'); width:16px; height:8px; position:absolute; content:""; display:block; top:-15px; left:50%; margin-left:-8px; }

.messagecont p { color:#bf7951; }
.messagecont img { margin:20px 0; max-width:100px; height:auto; }
.tryagain { background-color:#bf7951; border:1px solid #bf7951; color:#fff; font-family:'harriet-light-italic'; padding:10px 30px; font-size:20px; text-transform:lowercase; display:inline-block; margin:20px 0 0 0; letter-spacing:2px; }
.tryagain:hover { background-color:#fff; color:#bf7951; }

@media (max-width:1024px) {
	.header { padding:30px 30px 80px 30px; }
	nav { bottom:10px; }
	.thingstodo ul li { padding:0 20px; } 
}

@media (max-width:900px) {
	.split-border { padding:30px; }
	.accomodations, .thingstodo { padding:75px 0;}
	.accomodations ul { padding:0 2%; }
	.accomodations ul li, .thingstodo ul li { width:auto; float:none; margin-top:50px; }
	.distance { margin:15px 0; }
	.airport { padding:0 15px; }
	.registry-child { padding:75px 20px; }
	.addtostory { padding:75px 10px 10px 10px; }
	.hash { margin-top:40px; }
	.addtostory .wedfloral { margin:40px 0 90px 0; }
}

@media (max-width:800px) {
	nav ul li { margin:0 1.7%; }
	nav ul li a { font-size:16px; }
}

@media (max-width:768px) {
	h1 span { margin:15px 0; }
	.ceremony { padding:150px 0 100px 0; }
	.ceremony .weddate { margin-top:80px; }
	.church { display:block; }
	.splitleft { background:none; }
	.splitsec { display:block; width:auto; float:none; }
}

@media (max-width:767px) {
	.header { padding:15px 15px 60px 15px; }
	nav { bottom:0; }
	h1 { font-size:20px; }
	h2, h4 { font-size:1.6em; }
	.weddate { font-size:16px; }
	.wedfloral { width:100px; }
	.and { width:16px; }
	address { font-size:0.8em; }
}

@media (min-width:641px) {
	nav ul { display:block !important; }
	nav.affix { position:fixed; background-color:#bf7951; top:0; left:0; right:0; height:50px; }
	nav.affix a { color:#fff; }
	nav.affix a:hover { color:#fff; }
}

@media (max-width:640px) {
	.header { padding:60px 15px 15px 15px }
	.table-cells { border-width:4px; }
	h1, h2, h3, h4, h5, h6 { letter-spacing:2px; }
	.weddate br { display:block; }
	h2 i { display:block; }
	.split-border { padding:15px; }
	.splitright .splitchild { border-width:3px; }
	.rsvpcont { padding:75px 0; }
	form { padding:0 15px; margin-top:30px; }
	form p span, input, select { font-size:15px; height:50px; line-height:50px; }
	select { font-size:0; }
	.submitbutton { margin-top:30px; font-size:24px; }
	.reply { font-size:16px; }
	.hash { font-size:24px; }
	
	.showhidenavbtn { display:block; }
	nav ul { display:none; }
	nav { bottom:auto; top:0; position:fixed; }
	nav ul { display:block; position:relative; background:#bf7951; top:10px; display:none; }
	nav ul li { display:block; }
	nav ul li a { line-height:40px; display:block; }
	nav ul li a:hover { color:#fff; }
}

@media (max-width:480px) {
	.splitsec.splitright img { margin:50px 0 40px 0; }
	h3 { margin-bottom:10px; font-size:1.5em; }
	.time { font-size:1em; }
	.attire { margin-top:50px; }
	.splitright .splitchild { padding:30px 0; }
	.registry { padding:15px; }
}

@media only screen and (min-width:320px) and (max-width:767px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:1.5),
		only screen and (min-width:320px) and (max-width:560px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:1.5) {
	.weddate { margin:15% 0 4% 0; }
	.header { padding:60px 15px 15px 15px; }
	.showhidenavbtn { display:block; }
	nav ul { display:none; }
	nav { bottom:auto; top:0; position:fixed; }
	nav ul { display:block; position:relative; background:#bf7951; top:10px; display:none; }
	nav ul li { display:block; }
	nav ul li a { line-height:40px; display:block; }
}
@media only screen and (min-width:320px) and (max-width:767px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:1.5) {
	.weddate { margin:5% 0 2% 0; }
	.weddate br { display:none; }
	h1 span { margin:5px 0; }
}
@media only screen and (min-width:320px) and (max-width:960px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:1.5) {
	h1 { margin-top:8%; }
	.weddate { margin-top:9%; }
	.ceremony { padding:150px 0 100px 0; }
	.ceremony .weddate { margin-top:80px; }
}

@media (max-height:1000px) {
	.weddate { margin-top:5%; }
	header h1 { margin-top:6%; }
}