﻿@import url('https://fonts.googleapis.com/css?family=Open+Sans|Satisfy');

.theme-menuetable {
    font-family: "Open Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    color: #FCFCFC;
}

h2.theme-location-details {
    color: #415048 !important;
}
.theme-weddingparty-spacer {
    background-position: center;
    background-image: url(https://eventectivemedia.blob.core.windows.net/websitemedia/themes/css/theme8_dot_separator.png);
    height: 40px;
    background-repeat: no-repeat;
}
#main-nav-container,
.theme-nav-container-static {
    background-color: #a4a59d;
    opacity: 0.9;
}
#main-nav-container.theme-nav-container-float {
    background-color: #a4a59d;
    opacity: 1;
}
.theme-photo-wrapper {
    position: relative;
    margin-top: 8px;
    border: 10px solid white;
    background-color: white;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.17);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.17);
    box-shadow: 0 1px 1px rgba(0,0,0,0.17);
}
.theme-section-seperator {
    background-position: center;
    background-image: url(https://eventectivemedia.blob.core.windows.net/websitemedia/themes/css/theme8_separator.png);
    height: 20px;
    background-repeat: no-repeat;
    margin: 40px auto;
    background-size: contain;
}

@media (max-width: 768px) {
    .navbar-nav .open .dropdown-menu { background-color: transparent; }
}

/*--------------------------------------------------------------
## Custom Styles START
--------------------------------------------------------------*/
    
    .theme-body {
        background-color: transparent;
        padding-top: 30px !important;
    }
    #theme-background-container {
        background-image: url(https://eventectivemedia.blob.core.windows.net/websitemedia/themes/css/theme8_bg.jpg);
        position: fixed;
        left: 0px;
        right: 0px;
        top: 0px;
        bottom: 0px;
        -webkit-background-size: cover;
             -o-background-size: cover;
                background-size: cover;
        background-repeat: no-repeat;
    }
    .main-picture {
        padding: 0 !important;
    }
    .theme-body .ws-page-text {
        background-color: #af9b6d;
        /*box-shadow: 0 4px 3px 3px #a8b2b5;*/
        font-size: 14px;
        line-height: 1.8;
        color: #fff;
    }
    .ws-page-text:nth-last-child(2) {
        background-image: url(https://eventectivemedia.blob.core.windows.net/websitemedia/themes/css/theme8_container-bg.png);
        background-position: bottom center;
        background-repeat: no-repeat;
        -webkit-background-size: contain;
             -o-background-size: contain;
                background-size: contain;
        padding-bottom: 300px;
        overflow: hidden;
        padding-left: 50px;
        padding-right: 50px;
    }
    .theme-body .ws-itemtitle-text {
        margin-bottom: 10px;
        margin-top: 30px;
    }
    .theme-body .ws-title-text {
        margin-top: 50px;
    }
    .theme-body .ws-sectiontitle-text {
        position: relative;
        margin-top: 70px;
        margin-bottom: 20px;
    }
    .ws-sectiontitle-text:before {
        content: "";
        position: absolute;
        top: -50px;
        width: 100%;
        height: 40px;
        background-image: url(https://eventectivemedia.blob.core.windows.net/websitemedia/themes/css/theme8_separator.png);
        background-color: transparent;
        -webkit-background-size: contain;
             -o-background-size: contain;
                background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
        left: 0;
        right: 0;
        display: block;
        margin: 0 auto;
        
    }
    .ws-sectiontitle-text:first-child:before {
        display: none;
    }
    .theme-body .rsvpbutton {
        background-color: #415048;
        padding: 10px 80px;
        font-size: 21px;
        color: #ffffff;
        border: none;
    }
    .theme-body .rsvpbutton:hover {
        opacity: 0.8;
    }
    .theme-body #main-nav li a.selected ,
    .theme-body #main-nav li a:hover {
        color: #415048 !important;
    }
    

/*--------------------------------------------------------------
## Custom Styles END
--------------------------------------------------------------*/


