/* font styles to use

font-family: 'Fjalla One', sans-serif;
font-family: 'Old Standard TT', serif;
font-family: 'Pacifico', cursive;
font-family: 'Indie Flower', cursive;
font-family: 'Josefin Sans', sans-serif;
font-family: 'Josefin Slab', serif;
font-family: 'Dancing Script', cursive;
font-family: 'Alegreya', serif;
font-family: 'Amatic SC', cursive;
font-family: 'Lobster Two', cursive;

*/

body {
    font-family: 'Fjalla One', sans-serif;
    font-size: 1.2em;
}

.off-canvas-content {
    background-color: #2B2B2B;
}

.off-canvas-wrapper {
    background: #e6e6e6;
}

.top-bar {
    padding: 0;
}
/*

    gallery = /img/gallery/20160723_194222.jpg
    registries = /img/gallery/20160723_194137.jpg
    accommodations = /img/loews.jpg
    save: background2.jpg, background4.jpg
    festivities: /img/Bay-Terrace.jpg
    wedding party:  the one being used
    */
body.wedding-party .off-canvas-content {
    min-height: 1024px;
    background: url(/img/bgs/wedding-party.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
body.gallery .off-canvas-content {
    min-height: 1024px;
    background: url(/img/bgs/gallery.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
body.registry .off-canvas-content {
    min-height: 1024px;
    background: url(/img/bgs/registry.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
body.festivities .off-canvas-content {
    min-height: 1024px;
    background: url(/img/bgs/festivities.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
body.accommodations .off-canvas-content {
    min-height: 1024px;
    background: url(/img/bgs/accommodations.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

header {
}

.wa-body {
    max-width: 1200px;
    margin: 4% auto;
    background: rgba(255,255,255,0.7);
    padding: 4%;
}

.top-bar, .top-bar .menu,
#offCanvasLeft{
    background-color: #000000;
    font-family: 'Handlee', cursive;
    font-size: 1.3em;
}
.off-canvas-wrapper {
    background-color: #000000;
    font-family: 'Handlee', cursive;
}
#widemenu a,
#offCanvasLeft a {
    color: #ffffff;
}
.off-canvas-content {
    font-family: 'Fjalla One', sans-serif;
}

.wa-body a {
    color: #0000ff;
}

#top-image {
    width: 100%;
    height: 100%;
}

.home .off-canvas-content {
    width: 100%;
    min-height: 1004px;
    background: url(/img/home_image.jpg) no-repeat top left fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.menu>li {
    white-space: nowrap;
}

#headline {
    font-family: 'Handlee', cursive;
    padding-bottom: 1%;
    text-align: center;
    font-size: 3em;
    font-weight: 700;
}

.aw-body-img {
    margin: 0 20px;
    padding-top: 1px;
}

.no-js .top-bar {
    display: none;
}

@media screen and (min-width: 40em) {
    .no-js .top-bar {
        display: block;
    }

    .no-js .title-bar {
        display: none;
    }
}

/* our story */


#our-story.wa-body {
    background: none;
    margin: 0px auto;
}

#our-story #headline {
    color: #ffffff;
    margin-bottom: 30px;
}

.story-slide {
    position: relative;
}

.slick-slide {
    display: table !important;
}

.slick-slide .story-slide{
    display: table-cell;
    vertical-align: middle;
}

.ss-1.slick-slide {
    background: url(/img/our-story/sec_1.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 1200px;
    height: 900px;
    text-align: center;
}

.ss-2.slick-slide {
    background: url(/img/our-story/sec_2.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 1200px;
    height: 900px;
    text-align: center;
}

.ss-3.slick-slide {
    background: url(/img/our-story/sec_3.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 1200px;
    height: 900px;
    text-align: center;
}

.ss-4.slick-slide {
    background: url(/img/our-story/sec_4.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 1200px;
    height: 900px;
    text-align: center;
}

.ss-5.slick-slide {
    background: url(/img/our-story/sec_5.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 1200px;
    height: 900px;
    text-align: center;
}

.chapter {
    font-family: 'Pacifico', cursive;
    font-size: 2.6em;
    margin-bottom: 30px;
    color: #fff4fb;
}

.chapter-desc {
    font-size: 1.3em;
    width: 70%;
    padding: 2% 5%;
    background-color: #000000;
    opacity: 0.6;
    color: #ffffff;
    font-family: 'Old Standard TT', serif;
    margin: 0 auto;
    text-align: justify;
}

.ss-1 .chapter,
.ss-5 .chapter {
    color: black;
}

/*.ss-1 .chapter {*/
/*}*/

/*.ss-1 .chapter-desc {*/
/*}*/

/*.ss-2 .chapter {*/
    /*top: 7%;*/
    /*left: 36%;*/
/*}*/

/*.ss-2 .chapter-desc {*/
    /*top: 20%;*/
    /*left: 15%;*/
    /*width: 70%;*/
/*}*/

/*.ss-3 .chapter {*/
    /*top: 4%;*/
    /*left: 33%;*/
/*}*/

/*.ss-3 .chapter-desc {*/
    /*top: 15%;*/
/*}*/

/*.ss-4 {*/
    /*color: #ffffff;*/
/*}*/

/*.ss-4 .chapter {*/
    /*top: 7%;*/
    /*left: 31%;*/
/*}*/

/*.ss-4 .chapter-desc {*/
    /*top: 20%;*/
/*}*/

/*.ss-5 .chapter {*/
    /*left: 36%;*/
    /*top: 16%;*/
/*}*/

/*.ss-5 .chapter-desc {*/
    /*top: 33%;*/
    /*left: 21%;*/
    /*width: 58%;*/
/*}*/

/* end our story */

/* wedding party */

#wedding-party #wp-links {
    margin-bottom: 30px;
    text-align: center;
    font-size: 2em;
}

#wp-links div {
    cursor: pointer;
    /*margin: 2% 3% 0;*/
    /*font-size: 2em;*/
}

.wp {
    clear: left;
    text-align: center;
}

#wedding-party #wp-links div.active a {
    color: white;
    background-color: #ff8080;
    padding: 2% 2% 0;
}
#wedding-party #wp-links div a {
    color: black;
}

#wedding-party .name {
    margin-top: 5px;
}

#wedding-party .title {
    margin-bottom: 15px;
}

#wp-links ul li:hover {
}

.bm, .gm, .of {
}

/* end wedding party */

/* registry */

#registry #headline {
    /*margin-bottom: 60px;*/
}

.store {

}

.logo {
    text-align: center;
}

#zola {
    width: 66%;
}

.small-12 #zola {
    margin-bottom: 3%;
}

/* end registry */

/* festivities */
#festivities {
    text-align: center;
}
.festive-info {
    text-align: center;
    margin-bottom: 30px;
}

.festive-info div {
    font-size: 1.3em;
}

#dinner-info {
	margin-bottom: 40px;
}

#dinner-info div {
	font-size: 0.8em;
	margin: 10px 0;
}

/* end festivities */
#accomadations {
    text-align: center;
}
#accomadations ul {
    list-style: none;
    font-size: 1.2em;
}
/* gallery */
#wallize_gallery a img {
    padding: 10px;
    width: 20%;
    height: 20%;
}
/* end gallery */

.aw-gal-image {
    /*width: 100%;*/
    /*height: auto;*/
}
footer {
    /*width: 1200px;*/
    padding: 1% 15%;
    margin: 0 auto;
    background-color: #eeeeee;
}

@media screen and (max-width: 768px) {
    .top-bar, .top-bar .menu {
        font-size: 0.95em;
    }
    .chapter-desc {
        width: 80%;
    }
    #headline {
        font-size: 2em;
    }
}
@media screen and (max-width: 1024px) and (orientation: landscape) {
    .home .off-canvas-content {
        width: 100%;
        min-height: 768px;
        background: url(/img/home_image_tablet.jpg) no-repeat top left;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    #widemenu a {
        font-size: 0.7em;
    }
}

@media screen and (min-width: 671px) and (max-width: 768px) and (orientation: portrait) {
    .home .off-canvas-content {
        width: 100%;
        min-height: 1024px;
        background: url(/img/home_tablet_tall.jpg) no-repeat top right fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
}

@media screen and (max-width: 671px) and (orientation: landscape) {
    .home .off-canvas-content {
        min-height: 375px;
    }
}

@media screen and (max-width: 670px) and (orientation: portrait) {
    .home .off-canvas-content {
        min-height: 740px;
        background: url(/img/home_page_mobile.jpg) no-repeat top right fixed;
    }
}

@media screen and (max-width: 480px) {
    #headline {
        font-size: 2em;
    }
    .wa-body {
        font-size: 0.6em;
        padding: 3%;
        margin: 20px auto;
    }
    #our-story #headline {
        margin-bottom: 10px;
    }

}