/*====================
DEFAULT
====================*/

/*Reset*/
html { 
    -webkit-box-sizing: border-box; 
    -box-sizing: border-box; 
    box-sizing: border-box; 
    color: #fff; 
    font-size: 16px; 
    line-height: 1; 
}
*, 
*:before, 
*:after { 
    -webkit-box-sizing: inherit; 
    -moz-box-sizing: inherit; 
    box-sizing: inherit; 
}
body { 
    background: #e1dfdd; 
    font-family: "Open Sans", Helvetica, Arial, sans-serif; 
    font-size-adjust: none; 
    margin: 0; 
    min-width: 0; 
    overflow-x: hidden; 
    padding: 0; 
    position: relative; 
    text-rendering: geometricPrecision;
    -webkit-text-size-adjust: none; 
    width: 100%; 
}
nav, 
header, 
main, 
footer { 
    display: block; 
}
ul, 
li { 
    list-style: none; 
    margin: 0; 
    padding: 0; 
}
input { 
    -webkit-appearance: none; 
    -moz-appearance: none; 
    appearance: none; 
    outline: none; 
}

/*Containers*/
.section { 
    padding: 2.5em 0 5em; 
}
.container { 
    width: 73.125em; 
    margin: 0 auto; 
}

/*Gotham*/
@font-face { 
    font-family: "Gotham Book"; 
    src: url("http://all.weddingwire.com/global-assets/fonts/gotham/gotham-book.eot"); 
    src: url("http://all.weddingwire.com/global-assets/fonts/gotham/gotham-book.svg#Gotham") format("svg"), 
         url("http://all.weddingwire.com/global-assets/fonts/gotham/gotham-book.eot?#iefix") format("eot"), 
         url("http://all.weddingwire.com/global-assets/fonts/gotham/gotham-book.woff") format("woff"), 
         url("http://all.weddingwire.com/global-assets/fonts/gotham/gotham-book.ttf") format("truetype"); 
    font-weight: normal; 
    font-style: normal; 
}
@font-face { 
    font-family: "Gotham Medium"; 
    src: url("http://all.weddingwire.com/global-assets/fonts/gotham/gotham-medum.eot"); 
    src: url("http://all.weddingwire.com/global-assets/fonts/gotham/gotham-medium.svg#Gotham") format("svg"), 
         url("http://all.weddingwire.com/global-assets/fonts/gotham/gotham-medium.eot?#iefix") format("eot"), 
         url("http://all.weddingwire.com/global-assets/fonts/gotham/gotham-medium.woff") format("woff"), 
         url("http://all.weddingwire.com/global-assets/fonts/gotham/gotham-medium.ttf") format("truetype"); 
    font-weight: bold; 
    font-style: normal; 
}

/*Typography*/
/*~Headlines~*/
h1, 
h2, 
h3, 
h4 { 
    margin: 0; 
    line-height: 1.25; 
    font-weight: 400; 
    position: relative; 
    z-index: 10; 
}
h2 { 
    font-family: "Gotham Medium", Montserrat, Verdana, Geneva, sans-serif;
    font-size: 3.5em; 
    font-weight: 700; 
    line-height: 1; 
    margin-bottom: 4% /*0.5em*/; 
    text-transform: uppercase; 
}
h3 { 
    font-family: "Gotham Book", Montserrat, Verdana, Geneva, sans-serif; 
    font-size: 1.70em; 
    margin: 0 auto 1em; 
    text-align: center; 
    -webkit-text-stroke: 0.2px; 
}
/*~Text~*/
p { 
    font-family: "Open Sans", Helvetica, Arial, sans-serif; 
    font-size: 1em; 
    line-height: 1.5; 
    margin: 0 auto; 
    text-align: center; 
}
.nowrap { 
    white-space: nowrap; 
}
.photo-credit { 
    bottom: 0.25em; 
    color: #cac6c5;
    font-size: 0.75em; 
    font-style: italic; 
    position: absolute; 
    right: 0; 
    text-align: right; 
}
/*~Placeholders~*/
::-webkit-input-placeholder { 
    color: rgba(255,255,255,0.7); 
    text-transform: uppercase; 
}
::-moz-placeholder { 
    color: rgba(255,255,255,0.7); 
    opacity: 1; 
    text-transform: uppercase; 
}
:-moz-placeholder { 
    color: rgba(255,255,255,0.7); 
    opacity: 1; 
    text-transform: uppercase; 
}
input[type="text"]:-ms-input-placeholder { 
    color: rgba(255,255,255,0.7); 
    text-transform: uppercase; 
}
input[type="email"]:-ms-input-placeholder { 
    color: rgba(255,255,255,0.7); 
    text-transform: uppercase; 
}
input[type="password"]:-ms-input-placeholder { 
    color: rgba(255,255,255,0.7); 
    text-transform: uppercase; 
}
input[type="number"]:-ms-input-placeholder { 
    color: rgba(255,255,255,0.7); 
    text-transform: uppercase; 
}
/*~Links~*/
a { 
    text-decoration: none; 
}
a img { 
    border: none; 
    outline: none; 
} 
form a { 
    color: inherit; 
    font-family: inherit; 
    font-size: inherit; 
    text-decoration: underline; 
}
/*Form*/
form { 
    margin: 1.7em auto 0; 
    max-width: 50em; 
    width: 100%;
}
.form-row { 
    align-items: center; 
    -ms-flex-align: center; 
    -webkit-align-items: center; 
    -moz-box-align: center; 
    -webkit-box-align: center; 
    display: -webkit-box; 
    display: -moz-box; 
    display: -ms-flexbox; 
    display: -webkit-flex; 
    display: flex; 
    width: 100%; 
}
#form-row2, 
#form-row3, 
#form-row4 { 
    margin-top: 1em; 
}
input[type="text"], 
input[type="email"], 
input[type="password"], 
input[type="number"], 
#rsvp select { 
    background: #65c7c6; 
    border: 2px solid #fff; 
    -webkit-border-radius: 0; 
    -moz-border-radius: 0; 
    border-radius: 0; 
    -webkit-box-shadow: 0; 
    -moz-box-shadow: 0; 
    box-shadow: 0; 
    color: rgba(255,255,255,1); 
    display: block; 
    font-family: "Gotham Book", Montserrat, Verdana, Geneva, sans-serif; 
    font-size: 1em; 
    padding: 0.75em; 
    text-transform: none; 
    width: 100%; 
}
#optin { 
    width: 100%; 
}
input[type="checkbox"] { 
    border: 0; 
    clip: rect(0,0,0,0); 
    height: 1px; 
    margin: -1px; 
    overflow: hidden; 
    padding: 0; 
    position: absolute; 
    width: 1px; 
}
input[type='checkbox']+label { 
    cursor: pointer; 
    font-family: "Gotham Book", Montserrat, Verdana, Geneva, sans-serif; 
    font-size: 1em; 
    color: #fff; 
    display: table; 
    font-weight: 400; 
    width: 100%; 
}
.label-text { 
    display: table-cell; 
    font-size: 1em; 
    line-height: 1.1; 
    padding-left: 1%; 
    vertical-align: middle; 
    width: 100%; 
}
input[type='checkbox']+label:before { 
    background: transparent; 
    border: 2px solid #fff; 
    -webkit-border-radius: 0; 
    -moz-border-radius: 0; 
    border-radius: 0; 
    color: rgba(255,255,255,0); 
    content: "\f00c"; 
    display: block; 
    font-family: FontAwesome; 
    font-size: 1.25em;
    font-style: normal; 
    font-weight: normal; 
    padding: 0.2em; 
    text-align: center; 
    -webkit-font-smoothing: antialiased; 
    width: 1.65em; 
}
input[type='checkbox']+label:hover:before { 
    color: rgba(255,255,255,0.7); 
    content: "\f00c"; 
}
input[type='checkbox']:checked+label:before { 
    color: rgba(255,255,255,1); 
    content: "\f00c"; 
}
input[type="submit"] { 
    background: #fff; 
    border: none; 
    -webkit-border-radius: 0.313em; 
    -moz-border-radius: 0.313em;
    border-radius: 0.313em; 
    display: block; 
    color: #00a99d; 
    cursor: pointer; 
    font-family: "Gotham Book", Montserrat, Verdana, Geneva, sans-serif; 
    font-size: 1.25em; 
    font-weight: 700; 
    margin: 1.36em auto 0; 
    padding: 1em; 
    text-align: center; 
    text-transform: uppercase; 
}
    input[type="submit"]:active { 
        position: 
        relative; top: 1px; 
    }
.agreement { 
    display: block; 
    font-size: 0.875em; 
    line-height: 1.5; 
    margin: 1.25em auto 0; 
    text-align: center; 
    max-width: 50em; 
    width: 100%;
}

/*====================*/

/*Navigation Bar*/
#navbar { 
    position: fixed; 
    top: 0; 
    width: 100%; 
    z-index: 100; 
}
#event-navbar { 
    background: #fff; 
    border-bottom: 1px solid #ddd; 
    padding: 1em 0; 
    z-index: 100; 
}
#event-navbar .container { 
    display: table; 
    position: relative; 
}
#logo { 
    display: table-cell; 
    width: 38%; 
    vertical-align: bottom; 
}
#wwhome, 
#wwhome img, 
#wwhome svg { 
    display: block; 
    height: 2.125em; 
    width: 15.625em /*250px*/; 
}
nav { 
    display: table-cell; 
    text-align: right; 
    width: 62%; 
    vertical-align: bottom; 
}
nav ul li { 
    border-bottom: 2px solid transparent; 
    cursor: pointer; 
    display: inline-block; 
    font-size: 14px; 
    margin-left: 5%; 
    padding-bottom: 6px; 
    vertical-align: top; 
}
.navbar-link { 
    color: #19b5bc; 
    font-size: 1em; 
    text-transform: uppercase; 
}
nav ul li:hover, 
.current { 
    border-bottom: 2px solid #19b5bc; 
    position: relative; 
}
nav ul li:hover:after, 
.current:after { 
    bottom: -6px; 
    color: #19b5bc; 
    content: "\f0d8"; 
    font-family: FontAwesome; 
    font-style: normal; 
    left: 0; 
    margin: auto; 
    position: absolute; 
    right: 0; 
    text-align: center; 
    width: 10px; 
} 
nav .socialmedia { 
    background-color: #19b5bc; 
}

/*Header*/
header { 
    background-color: #000; 
    background-image: url('http://all.weddingwire.com/community/images/events-header-desktop.jpg'); 
    background-position: center left; 
    background-repeat: no-repeat; 
    background-size: cover; 
    display: block; 
    padding: 5% 0; 
    position: relative; 
}
#headline { 
    display: table; 
    margin: 0 auto; 
    text-align: center; 
}
#headline-img, 
#headline-title { 
    display: table-cell; 
    vertical-align: middle; 
} 
#headline-img { 
    padding-right: 2%; 
    width: 11.9em; 
}
#headline-img img { 
    display: block; 
    height: auto; 
    width: 100%; 
}
#headline-title { 
    border-left: 0.25em solid #fff; 
    padding-left: 2%; 
}
h1 { 
    font-family: 'Gotham Book', Montserrat, Verdana, Geneva, sans-serif; 
    font-size: 2.5em; 
    font-weight: normal; 
    line-height: 1.1; 
    text-align: left; 
    text-transform: uppercase; 
}
#event-name, 
#event-date, 
#event-location { 
    display: block; 
}
#event-date, 
#event-location {
    margin-top: 0.25em; 
}
header .photo-credit { 
    left: 0; 
    margin: 0 auto; 
    right: 0; 
    width: 83.571em; 
}

/*Details - All*/
#details { 
    background: #16b4bb; 
}
#details p { 
    width: 100%; 
}

/*Details - Featured Vendors*/
#business { 
    border-top: 1px solid #fff; 
    margin-top: 3em; 
    padding-top: 3em; 
}
#vendors { 
    display: table; 
    margin: 1.5em auto 0; 
}
#vendors li { 
    display: inline-block; 
    height: 2em /*32px*/; 
}
#vendors li:nth-child(odd) { 
    margin-right: 4em; 
}
#vendors li:nth-child(n+3) { 
    margin-top: 0.5em; 
}
.vendor-icon-container, 
.vendor-title-container { 
    display: table-cell; 
    vertical-align: middle; 
}
.vendor-title-container { 
    padding-left: 0.5em; 
}
.vendor-title-category { 
    font-weight: 700; 
}
.vendor-icon-container { 
    width: 1.938em /*31px*/; 
}
.vendor-icon { 
    display: block; 
    margin: 0 auto;
}

/*Details - Schedule*/
#schedule { 
    margin: 3em auto 0; 
}
#schedule li { 
    margin-top: 1.5em; 
}
.schedule-icon-container, 
.schedule-text { 
    display: inline-block; 
    vertical-align: middle; 
}
.schedule-text { 
    line-height: 1.3; 
    padding-left: 2%; 
    width: 84%; 
}
.timeslot { 
    font-size: 1.250em; 
    font-weight: 700; 
}
.schedule-icon-container { 
    width: 15%; 
}
.schedule-icon { 
    display: block;
    margin: 0 auto; 
}

/*Icons*/
/*.glass { 
    height: 3.75em; 
    width: 2.125em; 
}*/ /* x0.5 */
/*.glass { 
    height: 3.375em; 
    width: 1.913em; 
}*/ /* x0.45 */
.cake { 
    height: 2.8em /*44.8px*/; 
    width: 2.8em /*44.8px*/; 
}
.dress { 
    height: 4.250em; 
    width: 4.438em; 
}
.flower { 
    height: 3.438em /*55px*/; 
    width: 2.813em /*45px*/; 
}
.favor { 
    height: 2.156em /*34.5px*/; 
    width: 2.625em /*42px*/; 
}
.glass { 
    height: 3em; 
    width: 1.7em; 
}
.hanger { 
    height: 3.125em; 
    width: 4.188em; 
}
.microphone { 
    height: 3.063em /*49px*/; 
    width: 2.2em /*5.2px*/; 
}
.speechbubble { 
    height: 2.188em /*35px*/; 
    width: 2.313em /*37px*/; 
}
.utensils { 
    height: 2.9em /*46.4px*/; 
    width: 1.7em /*27.2px*/; 
}
.caterer { 
    height: 1.188em /*19px*/; 
    width: 1.938em /*31px*/; 
}
.dj { 
    height: 1.625em /*26px*/; 
    width: 1.625em /*26px*/; 
}
.florist { 
    height: 2em /*32px*/; 
    width: 1.625em /*26px*/; 
}
.photobooth { 
    height: 1.75em /*28px*/; 
    width: 1.5em /*24px*/; 
}
.photographer { 
    height: 1.188em /*19px*/; 
    width: 1.625em /*26px*/; 
}
.planner { 
    height: 1.813em /*29px*/; 
    width: 1.5em /*24px*/; 
}
.venue { 
    height: 1.5em /*24px*/;
    width: 1.688em /*27px*/; 
}

/*RSVP*/
#rsvp { 
    background: #65c7c6; 
}
#rsvp p + p { 
    margin-top: 1em; 
}
#rsvp-entry { 
    max-height: 250em /*95em*/; 
    overflow: hidden; 
    -webkit-transition: max-height 0.7s cubic-bezier(0, 1, 0.5, 1); 
    -moz-transition: max-height 0.7s cubic-bezier(0, 1, 0.5, 1); 
    transition: max-height 0.7s cubic-bezier(0, 1, 0.5, 1); 
}
#rsvp-entry.complete { 
    max-height: 0; 
    pointer-events: none; 
}
#rsvp-entry #first-name-container, 
#rsvp-entry #last-name-container { 
    -webkit-box-flex: 2; 
    -moz-box-flex: 2; 
    -webkit-flex: 2; 
    -ms-flex: 2; 
    flex: 2; 
    width: 38%; 
}
#rsvp-entry #ticket-amount-container { 
    -webkit-box-flex: 1; 
    -moz-box-flex: 1; 
    -webkit-flex: 1; 
    -ms-flex: 1; 
    flex: 1; 
    width: 20%; 
}
#rsvp-entry #last-name-container, 
#rsvp-entry #ticket-amount-container { 
    margin-left: 2%; 
}
#rsvp-entry #wedding-date-container { 
    -webkit-box-flex: 1; 
    -moz-box-flex: 1; 
    -webkit-flex: 1; 
    -ms-flex: 1; 
    flex: 1; 
    width: 26%; 
}
#rsvp-entry #email-address-container { 
    -webkit-box-flex: 2; 
    -moz-box-flex: 2; 
    -webkit-flex: 2; 
    -ms-flex: 2; 
    flex: 2; 
    margin-left: 2%; 
    width: 60%; }
#rsvp-entry input[type="submit"] { 
    width: 9em; 
}

/*Guest Info*/
#guest-info { 
    max-height: 0; 
    overflow: hidden; 
    pointer-events: none; 
    -webkit-transition: max-height 2s linear; 
    -moz-transition: max-height 2s linear; 
    transition: max-height 2s linear; 
}
#guest-info.open { 
    max-height: 180em; 
    pointer-events: auto; 
}
#guest-info h3 { 
    padding-top: 64px; 
}
.guest-info-set { 
    color: transparent; 
    margin-top: 0; 
    max-height: 0; 
    pointer-events: none; 
    -webkit-transition: margin-top 0.5s linear, max-height 0.25s linear, color 0.25s ease-in-out; 
    -moz-transition: margin-top 0.5s linear, max-height 0.25s linear, color 0.25s ease-in-out; 
    transition: margin-top 0.5s linear, max-height 0.25s linear, color 0.25s ease-in-out; 
}
.guest-info-set.visible { 
    color: #fff; 
    margin-top: 1em; 
    max-height: 20em; 
    pointer-events: auto; 
    -webkit-transition: max-height 0.5s linear, margin-top 0.25s linear, color 0.25s ease-in-out; 
    -moz-transition: max-height 0.5s linear, margin-top 0.25s linear, color 0.25s ease-in-out; 
    transition: max-height 0.5s linear, margin-top 0.25s linear, color 0.25s ease-in-out; 
}
#guest-info-set1 { 
    margin-top: 1.7em; 
}
#guest-info label { 
    font-family: 'Gotham Book', Montserrat, Verdana, Geneva, sans-serif; 
    margin-right: 1em; 
    text-align: right; 
    width: 75px; 
}
#rsvp-entry .guest-name-container, 
#rsvp-entry .guest-email-container, 
#rsvp-entry .guest-relationship-container { 
    -webkit-box-flex: 1; 
    -moz-box-flex: 1; 
    -webkit-flex: 1; 
    -ms-flex: 1; 
    flex: 1; 
    width: 32%; 
}
#rsvp-entry .guest-email-container, 
#rsvp-entry .guest-relationship-container { 
    margin-left: 2%; 
}

/*Testimonials*/
#testimonials { 
    border-top: 1px solid #fff; 
    margin-top: 5em; 
    padding-top: 3em; 
    font-size: 0.875em; 
}
.testimonial { 
    font-family: 'Gotham Book', Montserrat, Verdana, Geneva, sans-serif; 
    font-size: 1.125em; 
    margin: 0 auto; 
    text-align: left; 
    width: 50em; 
}
blockquote { 
    margin: 0; 
}
blockquote:before { 
    content: "“"; 
}
blockquote:after { 
    content: "”"; 
}
blockquote:before, 
blockquote:after { 
    font-size: 3em; 
    line-height: 0.1em; 
    vertical-align: -0.45em; 
    white-space: nowrap; 
}
blockquote p { 
    font-family: 'Gotham Book', Montserrat, Verdana, Geneva, sans-serif; 
    display: inline; 
}
.testimonial-credit { 
    display: block; 
    margin-top: 1em; 
    text-align: right; 
}

/*Confirmation*/
#rsvp-confirmation { 
    max-height: 0; 
    overflow: hidden; 
    pointer-events: none; 
    -webkit-transition: max-height 0.7s cubic-bezier(0, 1, 0.5, 1); 
    -moz-transition: max-height 0.7s cubic-bezier(0, 1, 0.5, 1); 
    transition: max-height 0.7s cubic-bezier(0, 1, 0.5, 1); 
}
#rsvp-confirmation a { 
    color: inherit; 
    cursor: pointer; 
    font-family: inherit; 
    font-size: inherit; 
    text-decoration: underline; 
}
#rsvp-confirmation.flipped { 
    max-height: 85em; 
    pointer-events: auto; 
}
#share { 
    display: table; 
    margin: 1.7em auto 0; 
}
#share-text, 
#share-buttons { 
    display: table-cell; 
    vertical-align: middle; 
}
#share-text { 
    padding-right: 1em; 
}
.socialmedia { 
    background: transparent; 
    border: 2px solid #fff; 
    -webkit-border-radius: 50%; 
    -moz-border-radius: 50%; 
    border-radius: 50%; 
    color: #fff; 
    display: inline-block; 
    height: 3.5em;
    outline: 1px solid transparent; 
    position: relative; 
    text-align: center; 
    width: 3.5em; 
}
.socialmedia + .socialmedia { 
    margin-left: 1em; 
}
.socialmedia .fa { 
    bottom: 0; 
    font-size: 1.75em; 
    height: 1em; 
    left: 0; 
    margin: auto; 
    position: absolute; 
    right: 0; 
    top: 0; 
}
#membership { 
    border-top: 1px solid #fff; 
    margin-top: 3em; 
    padding-top: 3em; 
}
#membership #first-name-container, 
#membership #last-name-container, 
#membership #wedding-date-container { 
    -webkit-box-flex: 1; 
    -moz-box-flex: 1; 
    -webkit-flex: 1;
    -ms-flex: 1; 
    flex: 1; 
    width: 32%; 
}
#membership #email-address-container, 
#membership #password-container { 
    -webkit-box-flex: 1; 
    -moz-box-flex: 1; 
    -webkit-flex: 1; 
    -ms-flex: 1; 
    flex: 1; 
    width: 48%; 
}
#membership #last-name-container, 
#membership #wedding-date-container, 
#membership #password-container { 
    margin-left: 2%; 
}
#membership #wedding-date-container { 
    position: relative; 
}
#membership #wedding-date { 
    padding-right: 6.75em; 
}
#membership #wedding-date-label { 
    bottom: 0; 
    color: rgba(255,255,255,0.7); 
    font-family: 'Gotham Book', Montserrat, Verdana, Geneva, sans-serif; 
    font-size: 0.875em; 
    height: 1em; 
    line-height: 1; 
    margin: auto; 
    pointer-events: none; 
    position: absolute; 
    right: 0.5em /*0*/; 
    text-transform: uppercase; 
    top: 0 /*-1.2em*/; 
    -webkit-transition: opacity 0.3s ease-in-out; 
    -moz-transition: opacity 0.3s ease-in-out; 
    transition: opacity 0.3s ease-in-out; }
#membership input[type="submit"] { 
    width: 13em; 
}

/*Location*/
#location { 
    background: #dfdbd4; 
    position: relative; 
} 
#location-container, 
#location-text { 
    height: 100%; 
}
#location-text { 
    min-height: 25em; 
    position: relative; 
}
#location h2 { 
    color: #565656; 
    display: inline-block; 
}
#location h3 { 
    line-height: 1.05; 
    margin-bottom: 0; 
    text-align: left; 
}
#map { 
    height: 100%; 
    left: 0; 
    position: absolute; 
    top: 0; 
    z-index: 0; 
    width: 100%; 
}

/*Info Window - All*/
#infowindow { 
    bottom: 0; 
    color: #fff; 
    position: absolute; 
    right: 0; 
    text-align: left; 
    z-index: 1; 
}
#address, 
#phone-number, 
#website { 
    font-family: "Open Sans", Helvetica, Arial, sans-serif; 
    color: #fff; 
    line-height: 1.3; 
}
#address, 
#phone-number { 
    cursor: default; 
}
#phone-number { 
    color: #fff; 
    cursor: default; 
    display: block; 
    margin-bottom: 0.5em; 
}
#website { 
    text-transform: uppercase; 
} 

/*Info Window - Single*/
.single { 
    min-height: 29em; 
}
.single #infowindow { 
    background: #16b4bb; 
    display: table; 
}
.single #venue, 
.single #parkinginfo { 
    display: table-cell; 
    vertical-align: middle; 
}
.single #venue { 
    padding: 0.5em; 
}
.single #parkinginfo { 
    font-size: 0.875em; 
    line-height: 1.3; 
    padding: 0 0.5em 0 2em; 
    width: 18em; 
}

/*Info Window - Multi*/
.multi { 
    min-height: 32em; 
}
.infounit { 
    background: #16b4bb; 
    padding: 0.5em; 
}
.infounit + .infounit { 
    margin-top: 1em; 
}

/*Parking*/ 
#parking { 
    background: #dfdbd4; 
    color: #565656; 
}
.show-later { 
    display: none;
}

/*Photos*/
#photos { 
    background: #65c7c6; 
    position: relative; 
}
#photos-overlay { 
    position: absolute; 
    z-index: 10; 
    width: 100%; 
}
.photo-button { 
    -webkit-appearance: none; 
    -moz-appearance: none; 
    appearance: none; 
    background: transparent; 
    border: none; 
    bottom: 0; 
    color: #fff; 
    cursor: pointer; 
    font-size: 3em; 
    height: 1em; 
    margin: auto; 
    outline: none; 
    position: absolute; 
    top: 0; 
    width: 0.75em; 
    z-index: 10; 
}
#photo-prev { 
    left: 2%; 
}
#photo-next { 
    right: 2%; 
}
.photo-credit { 
    right: 2%; 
    z-index: 10; 
}
.photo-container { 
    min-height: 28.75em; 
    overflow: hidden; 
    position: relative; 
}
.photo-itself { 
    display: block; 
    /*height: auto;*/ 
    /*left: 0;*/ 
    margin: auto; 
    position: absolute; 
    right: 0; 
    /*width: 100%;*/ 
}
#photo01 { 
    bottom: auto; 
    top: -15%; 
}
#photo02 { 
    bottom: 0; 
    top: 0; 
}
#photo03 { 
    bottom: auto; 
    top: -15%; 
}
#photo04 { 
    bottom: auto; 
    top: -15%; 
}
#photo05 { 
    bottom: 0; 
    top: 0; 
}
#photo06 { 
    bottom: auto; 
    top: -30%; 
}
#photo07 { 
    bottom: 0; 
    top: 0; 
}
#photo08 { 
    bottom: auto; 
    top: -25%; 
}
#trigger { 
    display: none; 
}

/*Special Thanks*/
#thanks { 
    background: #fff; 
}
#thanks h2 { 
    margin-bottom: 0.5em; 
}
#sponsors {
    margin: 0 auto; 
    text-align: center; 
    width: 95%; 
}
.sponsor-logo { 
    display: inline-block; 
    height: auto; 
    margin: 2.5em /*1.75em*/ 3% 0; 
    vertical-align: middle; 
}
#sponsors a { 
    display: block; 
}
#thanks h2 { 
    color: #1aa0a8; 
} 

/*Footer*/
footer { 
    color: #555; 
    display: block; 
}
.footer-column { 
    display: inline-block; 
    font-size: 0; 
    vertical-align: top;
}
.footer-column:not(:first-child) { 
    width: 15.6%; 
}
.footer-column:first-child { 
    margin-right: 13%; 
    width: 22%; 
}
.footer-column:first-child a { 
    display: block; 
}
.footer-column:first-child img { 
    height: auto; 
    width: 100%; 
}
.footer-column:last-child { 
    text-align: center; 
}
.footer-column-title, 
#copyright { 
    cursor: default; 
}
.footer-column-title, 
.footer-column-nav, 
.footer-column-socialmedia, 
#copyright { 
    font-size: 12px; 
}
.footer-column-title, 
#copyright, 
#copyright-ww { 
    display: block; 
}
.footer-column-title, 
#copyright-ww { 
    font-weight: 700; 
}
.footer-column-title, 
.footer-column-nav li,
#copyright-ww { 
    margin-bottom: 0.75em; 
}
#copyright { 
    margin-bottom: 1.5em; 
}
.footer-column-nav a { 
    color: #555; 
}
.footer-column-socialmedia li { 
    display: inline-block;
}
.footer-column-socialmedia li:last-child { 
    margin-left: 8%; 
}
.footer-column-socialmedia .socialmedia { 
    background-color: #555; 
    color: #fff; 
}

/*Event Ended*/
#event-ended { 
    background: #66c7c7 /*rgba(101,199,198,1)*/; 
    color: #fff; 
    padding: 2.5em 0; 
    text-align: center; 
}
#event-ended h1 { 
    text-align: center; 
}
#event-ended h3 { 
    margin: 0.25em auto 0; 
}
#event-ended a { 
    background: #fff; 
    border: none; 
    -webkit-border-radius: 0.313em; 
    -moz-border-radius: 0.313em; 
    border-radius: 0.313em; 
    display: inline-block; 
    color: #66c7c7 /*#00a99d*/; 
    cursor: pointer; 
    font-family: 'Gotham Book', Montserrat, Verdana, Geneva, sans-serif; 
    font-size: 1.25em; 
    font-weight: 700; 
    margin: 1em auto 0; 
    padding: 1em; 
    text-align: center; 
    text-transform: uppercase; 
}
#event-ended a:active { 
    position: relative; 
    top: 1px; 
}


/*====================
SMALLER SCREENS
====================*/

@media only screen and (max-width: 1300px) {

/*WeddingWire Nav*/
#ww-nav .dropdown-hover:hover > .dropdown-menu { 
    display: none; 
}

}
@media only screen and (max-width: 1289px) {

/*Containers*/
.container { 
    margin: 0 4%; 
    width: 92%; 
}

/*Header*/
#photo-credit { 
    margin: 0 2%; 
    width: 92%; 
}
	
}
@media only screen and (max-width: 1225px) {

/*Special Thanks*/
#sponsors { 
    width: 100%; 
}	
	
}
@media only screen and (max-width: 1110px) {

/*WeddingWire Nav*/
#ww-nav ul.nav { 
    width: 100%; 
}
#ww-nav .nav > li { 
    padding: 14px 2px; 
    width: 10%; 
}
#ww-nav .long-title { 
    display: none; 
}

}
@media only screen and (max-width: 1100px) {

/*Header*/
header { 
    background-image: url('http://all.weddingwire.com/community/images/events-header-mobile.jpg'); 
    background-position: center 20%; 
}
#headline { 
    display: block; 
    width: 100%; 
}
#headline-img, 
#headline-title { 
    display: block; 
} 
#headline-img { 
    margin: 0 auto; 
    padding-right: 0; 
    width: 8em; 
}
#headline-title { 
    border-left: 0; 
    padding-left: 0; 
}
h1 { 
    font-size: 2em; 
    text-align: center; 
}
#event-name { 
    margin-top: 0.25em; 
}
#event-date { 
    margin-top: 1em; 
}
#event-location { 
    margin-top: 0.5em; 
}

/*Event Ended*/
#event-ended h1 { 
    font-size: 2.5em; 
}

}
@media only screen and (max-width: 1040px) {

/*Location*/
#position-center-trigger { 
    display: block; 
}	
	
}
@media only screen and (max-width: 1020px) {

/*Info Window - Multi*/
.multi #infowindow { 
    display: none; 
}
	
/*Footer*/
.footer-column:first-child { 
    display: none; 
}
.footer-column:not(:first-child) { 
    width: 24%; 
}
	
}
@media only screen and (max-width: 990px) {

/*Navigation*/
nav ul li.show-later { 
    display: inline-block; 
}

/*Info Window - Single */
.single #parkinginfo { 
    display: none; 
}
.single #venue { 
    margin-right: 0; 
}
.single #parking { 
    display: block; 
}

/*Parking*/
#parking.show-later { 
    display: block; 
}
	
}
@media only screen and (max-width: 888px) {

/*Form*/
form { 
    width: 100%; 
}

}
@media only screen and (max-width: 873px) { 

/*Testimonials*/
.testimonial { 
    width: 100%; 
}

}
@media only screen and (max-width: 850px) {

/*Sponsors*/
#sponsors { 
    font-size: 14px; 
}	
	
}
@media only screen and (max-width: 810px) {

/*Photos*/
#photo01, 
#photo03, 
#photo04, 
#photo05, 
#photo06, 
#photo07, 
#photo08 { 
    bottom: 0; 
    top: 0; 
}

}
@media only screen and (max-width: 780px) {

/*Form*/
.agreement { 
    width: 100%; 
}

}
@media only screen and (max-device-width: 767px) {

/*Membership*/
#membership { 
    display: none; 
} 
/*Until permissions on WW mobile change*/

}
@media only screen and (max-width: 740px) {

/*Containers*/
.section { 
    padding: 2em 0; 
}

/*Navigation Bar*/
#navbar { 
    position: static; 
}
nav { 
    display: none; 
}	
#logo { 
    width: 100%; 
}
#wwhome { 
    margin: 0 auto; 
}

/*Form*/
.form-row { 
    display: block !important; 
}
#form-row2 { 
    margin-top: 0.75em; 
}
#form-row3, 
#form-row4 { 
    margin-top: 1.2em; 
}
.ss-form-question + .ss-form-question { 
    margin-top: 0.75em; 
}
.label-text { 
    padding-left: 0.5em; 
}

/*Header*/
header, 
header.extended { 
    margin-top: 0; 
}

/*RSVP*/
#rsvp-entry #first-name-container, 
#rsvp-entry #last-name-container, 
#rsvp-entry #ticket-amount-container, 
#rsvp-entry #wedding-date-container, 
#rsvp-entry #email-address-container { 
    display: block; 
    width: 100%; 
}
#rsvp-entry #last-name-container, 
#rsvp-entry #ticket-amount-container, 
#rsvp-entry #email-address-container { 
    margin-left: 0; 
}

/*Guest Info*/
.guest-info-set.visible { 
    margin-top: 2em; 
}
#guest-info label { 
    display: block; 
    margin-bottom: 0.5em; 
    margin-right: 0; 
    text-align: center; 
    width: 100%; 
}
#rsvp-entry .guest-name-container, 
#rsvp-entry .guest-email-container, 
#rsvp-entry .guest-relationship-container { 
    display: block; 
    width: 100%; 
}
#rsvp-entry .guest-email-container, 
#rsvp-entry .guest-relationship-container { 
    margin-left: 0; 
}

/*Membership*/
#membership #first-name-container, 
#membership #last-name-container, 
#membership #wedding-date-container, 
#membership #email-address-container, 
#membership #password-container { 
    display: block; 
    width: 100%; 
}
#membership #last-name-container, 
#membership #wedding-date-container, 
#membership #password-container { 
    margin-left: 0; 
}
#membership .input-container + .input-container { 
    margin-top: 0.75em; 
}
	
}
@media only screen and (max-width: 670px) {

/*Details - Schedule*/
#schedule { 
    width: 100%; 
}
.sdbr { 
    display: none; 
}

/*Location*/
#phone-number { 
    margin-bottom: 0; 
}
#website { 
    display: none; 
}

/*Footer*/
.footer-column:not(:last-child) { 
    display: none; 
}
.footer-column:last-child { 
    text-align: center; 
    width: 100%; 
}
#copyright-ww { 
    margin-bottom: 0.25em; 
}
	
}
@media only screen and (max-width: 600px) {

/*Reset*/
body:not(.core-vendor) { 
    font-size: 14px; 
}
	
/*Typography*/
h1 { 
    font-size: 2em;
}
h2 { 
    font-size: 2.5em; 
    text-align: center; 
}

/*Details - Schedule*/
#schedule { 
    margin: 0; 
}
#schedule li, 
.schedule-icon-container, 
.schedule-text { 
    display: block; 
    width: 100%; 
}
.schedule-text { 
    margin-top: 1em; 
    text-align: center; 
    width: 100%; 
}

/*Location*/
#location h2 { 
    text-align: center; 
    width: 100%; 
}
	
}
@media only screen and (max-width: 480px) {

/*Header*/
header { 
    padding: 5% 0 10%; 
}
#event-year { 
    display: none; 
}

/*Event Ended*/
#event-ended { 
    font-size: 0.875em; 
}
	
}
@media only screen and (max-width: 470px) {

/*RSVP*/
#rsvp h3 br { 
    display: none; 
}

}
@media only screen and (max-width: 400px) {

/*Photos*/
#trigger { 
    display: block; 
}

}