/* !Reset */
html, body { padding: 0; margin: 0; }
h1, h2, h3, h4, h5, h6, p { margin-top: 0; }
* { outline: none; }
img { border: none; }

/* !fonts */
@font-face {
    font-family: 'Marpesia';
    src: url('/fonts/marpesia-webfont.eot');
    src: url('/fonts/marpesia-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/marpesia-webfont.woff2') format('woff2'),
         url('/fonts/marpesia-webfont.woff') format('woff'),
         url('/fonts/marpesia-webfont.ttf') format('truetype'),
         url('/fonts/marpesia-webfont.svg#marpesiaregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* !Clear Fix */
.clearfix:before,
.clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
/* For IE 6/7 (trigger hasLayout) */
.clearfix { zoom: 1; }


/* !Default */
h1 { font-family: Marpesia; font-size: 4.375em; color: #919192; line-height: 130%; margin-bottom: 25px; font-weight: 400; }
h2, h3, h4, h5, h6 { font-family: Cabin; color: #919192; font-weight: 600; }
h2 { font-size: 1.625em; line-height: 130%; margin-bottom: 20px; }
h3 { font-size: 1.5em; line-height: 130%; margin-bottom: 20px; }
h4 { font-size: 1.375em; line-height: 130%; margin-bottom: 18px; }
h5 { font-size: 1.25em; line-height: 130%; margin-bottom: 18px; }
h6 { font-size: 1.125em; line-height: 130%; margin-bottom: 15px; }
p { margin: 0 0 15px; }
p a { color: #0085B2; text-decoration: underline; }
p a:hover { color: #111; }

.left { float: left; }
.right { float: right; }

.third { width: 325px; padding: 20px 30px; }
.twothirds { width: 515px; padding: 20px 30px; }

.wrapper { display: block; width: 960px; padding: 0 10px; margin: 0 auto; }
.wrapper-inner { width: 920px; padding: 0 20px; }

.image-right { float: right; margin: 0 0 50px 80px; }


/* !Forms */
.form { display: block; padding: 35px 40px; background: #F8F8F8; }
.form-text { box-sizing: border-box; width: 100%; padding: 10px 16px; border: 1px solid #EBEBEB; font-family: Cabin, arial, sans-serif; color: #666; font-size: 1em; font-weight: 600; }
textarea.form-text { min-height: 150px; }
.field { margin-bottom: 20px; display: block; }
.field .error { padding: 5px; color: red; text-align: right; margin: 0; font-size: .75em; font-weight: bold; font-family: Cabin; }

.submit { margin-top: 35px; }
.form-submit { box-sizing: border-box; width: 100%; text-align: center; height: 38px; vertical-align: middle; color: #fff; font-size: 1em; font-weight: 600; text-transform: uppercase; background: #444; border: 1px solid #222; }


/* !Default */
body { font-size: 16px; font-family: Raleway, arial, sans-serif; color: #919192; font-weight: 300; }

#messages { width: 960px; text-align: left; margin: 20px auto 15px; }
#messages p { background: url(/images/msg-bg.jpg) no-repeat; font-size: .875em; font-family: helvetica, arial, serif; font-weight: bold; height: 16px; line-height: 16px; padding: 11px 13px 9px 40px; margin-bottom: 10px; }
#messages .ok { background-position: 0 0px; color: #0AB01B; }
#messages .info { background-position: 0 -42px; color: #2A54C9; }
#messages .error { background-position: 0 -85px; color: #BD4242; }


/* !Header */
.header { background: #4C4C4E; color: #fff; }
.header .wrapper { position: relative; height: 130px; }
.header .logo { margin-top: 10px; }
.header .menu { margin: 0; padding: 0; list-style: none; position: absolute; right: 0px; bottom: 60px; }
.header .menu .nav { display: inline-block; font-family: Cabin, arial, sans-serif; font-size: .875em; text-transform: uppercase; }
.header .menu .nav a { text-decoration: none; color: #fff; padding: 5px 10px; }


/* !body  */
.body { padding-top: 65px; }
.copy p { font-size: 1.125em; line-height: 150%; }


/* !home */
.starter { text-align: center; font-family: Marpesia; font-size: 9.375em; color: #919193; font-weight: 300; margin: 60px 0 90px; }
.login-box { width: 435px; margin: 0 auto; }
.login-box .intro { text-align: center; font-size: 1.125em; font-weight: 300; padding: 0 20px; line-height: 120%; margin-bottom: 40px; }

.bride-groom { text-align: center; margin-bottom: 90px; }
.bride-groom .note { font-family: Cabin; color: #919192; font-weight: 400; margin-bottom: 25px; line-height: 150%; }
.bride-groom .section { width: 49%; background: #F8F8F8; box-sizing: border-box; padding: 30px 50px; }
.bride-groom .section-left { float: left; }
.bride-groom .section-right { float: right; }
.bride-groom .section .text p { font-family: Cabin; font-size: 1em; font-weight: 400; line-height: 150%; }


/* !Details */
.wedding-schedule { margin-top: 70px; }
.wedding-schedule .schedule-title { padding: 0 20px; border-bottom: 6px solid #EAEAEA; }
.wedding-schedule .day { padding: 48px 20px; border-bottom: 4px solid #EAEAEA; }
.wedding-schedule .day:last-child { border-bottom: 0 none; }
.wedding-schedule .day-date { font-family: Cabin; font-size: 1em; margin-bottom: 2px; }
.wedding-schedule .day-title { font-weight: 500; }
.wedding-schedule .text { font-family: Cabin; font-weight: 400; line-height: 150%; }
.wedding-schedule .banner-image { margin: 0 -20px; }

.wedding-schedule .day .event { padding-bottom: 34px; border-bottom: 1px solid #eaeaea; margin-bottom: 34px; }
.wedding-schedule .day .event:last-child { padding-bottom: 0; border-bottom: 0 none; margin-bottom: 0; }
.wedding-schedule .day .event .event-title { padding-top: 34px; font-family: Raleway; font-weight: 300; margin-bottom: 30px; }
.wedding-schedule .day .event-info .section { float: left; width: 48%; }
.wedding-schedule .day .event-info .section-right { float: right; }
.wedding-schedule .day .event-info .section .item { margin-bottom: 24px; font-family: Cabin; }
.wedding-schedule .day .event-info .section .item:last-child { margin-bottom: 0; }
.wedding-schedule .day .event-info .section .item .heading { font-weight: 600; color: #666; margin-bottom: 3px; }
.wedding-schedule .day .event-info .section .item .text { font-weight: 400; margin-bottom: 0; }
.wedding-schedule .day .event-info .section .item .text strong { font-weight: 600; }
.wedding-schedule .day .event-one .section-right { margin-top: 40px; }
.wedding-schedule .day-three .section-right { margin-top: 60px; }


/* !Logistics */
.accom-list { margin-top: 35px; margin-bottom: 110px; }
.accom-list .accom { margin-bottom: 60px; }
.accom-list .accom:last-child { margin-bottom: 0; }
.accom-list .accom .title { font-family: Raleway; font-weight: 300; padding: 0 20px; border-bottom: 1px solid #EAEAEA; }
.accom-list .accom ul { margin: 0; padding: 0; list-style: none; display: inline-block; vertical-align: top; width: 45%; padding: 0 2%; }
.accom-list .accom ul li { font-family: Cabin; font-weight: 400; line-height: 150%; }

.page-divide { border: 2px solid #eaeaea; margin: 10px 0; }

.travel-list { margin-top: 65px; }
.travel-list .travel-info { margin-bottom: 60px; }
.travel-list .travel-info:last-child { margin-bottom: 0; }
.travel-list .travel-info .title { font-family: Raleway; font-weight: 300; padding: 0 20px; border-bottom: 1px solid #eaeaea; }
.travel-list .travel-info .col { font-family: Cabin; font-weight: 400; line-height: 150%; margin: 0; padding: 0; list-style: none; display: inline-block; vertical-align: top; width: 45%; padding: 0 2%; }
.travel-list .travel-info .text { font-family: Cabin; font-weight: 400; line-height: 150%; padding: 0 20px; }
.travel-list .travel-info .col-title { font-weight: 600; color: #666; margin-bottom: 10px; }

.travel-list .travel-info table { width: 100%; border-collapse: collapse; }
.travel-list .travel-info table td { font-family: Lato; padding: 10px 0 4px; border-bottom: 1px solid #eee; }
.travel-list .travel-info table .title { font-weight: 400; padding: 0; }
.travel-list .travel-info table .note { font-size: .75em; }
.travel-list .travel-info table .telephone { font-weight: 600; text-align: right; }
.travel-list .by-taxi .note { text-align: center; margin-top: 50px; }


/* !Gifts */
.poem { text-align: center; font-family: Raleway; font-weight: 600; font-size: 1.125em; }
.poem p { margin-bottom: 10px; }

.page-gifts .lower-copy p { font-family: Cabin; font-weight: 400; line-height: 150%; }
.page-gifts .lower-copy p strong { font-weight: 600; }


/* !Photos */
.lower-copy { margin-top: 60px; }
.lower-copy p { font-family: Cabin; }
.signature { font-family: Marpesia !important; font-size: 3.125em; font-weight: 300; margin-top: 30px; }


/* !Questions */
.page-questions .left-section { float: left; width: 48%; }
.page-questions .right-section { float: right; width: 48%; }
.contact-numbers { font-family: Cabin; font-weight: 400; }
.contact-numbers strong { font-weight: 600; }

.contact-form { margin-top: 50px; }
.contact-form .title { font-family: Raleway; font-weight: 300; }

/* !Food Choices */
.page-food-choices .left-section { float: left; width: 30%; }
.page-food-choices .right-section { float: right; width: 60%; }

.field-multi-radio { background: #fff; border: 1px solid #EBEBEB; padding: 10px 16px; }
.field-multi-radio .label { font-weight: bold; color: #aaa; }
.field-multi-radio label { font-size: .875em; font-weight: bold; color: #666; margin: 0 10px 5px; display: inline-block; width: 40%; }
.field-multi-radio label.fullwidth { width: 90%; margin-top: 10px; }
.field-multi-radio label input[type="radio"] { display: inline-block; margin-right: 5px; }


/* !footer */
.top-footer { margin-top: 90px; margin-bottom: -90px; background: #eaeaea; text-align: center; font-family: Cabin; font-size: 1.0625em; font-weight: 400; color: #777; }
.top-footer .wrapper { width: 750px; padding: 35px; }

.top-footer .top-text { margin-bottom: 30px; }
.top-footer .bottom-text { font-weight: 700; margin-bottom: 0; }

.footer { margin-top: 90px; background: #4C4C4E; color: #fff; padding: 70px 0; }
.footer .copy { text-align: center; font-size: .875em; font-family: Cabin, arial, sans-serif; }
.footer .marshallmade { display: block; width: 150px; height: 98px; margin: 90px auto 0; }
.footer .marshallmade a { display: block; background: url(/images/we-are-marshallmade.png) no-repeat; background-size: 150px 98px; width: 150px; height: 98px; text-indent: -9999px; }