/* 
    Created on : Sep 9, 2014, 10:03:49 PM
    Author     : Max
*/

h1, h2, h3, h4, h5, h6 {
    margin: 10px 5px;
    padding-bottom: 5px;
    padding-top: 5px;
}

.picksmartHidden {
    display : none;
}

.weddingLogo {
    max-width: 100%;
    max-height: 534px;
}

#adminButton {
    float: right;
    height: 24px;
    font-size: 12px !important;
}

.foreground {
    max-width: 960px;
    min-width: 500px;
    margin: 30px auto;
    border-radius: 5px;
    overflow: visible;
    position: relative;
    display: none;
}

#websiteContent {
    min-height: 400px;
}

.ui-widget {
    font-size: 16px !important;
}

.accordion {
    padding-bottom: 15px;
    margin: 15px auto; 
    width: 100%;
    line-height: normal;
    font-size: medium !important;
}

.ui-accordion-header {
    text-align: center;
}

.centerAlign {
    text-align: center;
    display: block;
    margin: 15px auto;
}

.ui-widget-content:not(.ui-dialog-content):not(.ui-autocomplete-panel):not(.ui-dialog):not(.ui-selectonemenu-item):not(.ui-selectonemenu-panel):not(.ui-autocomplete-items), .hideBackground {
    background-color: #000 !important;
    background: none !important;
    border: none !important;
}

.ui-widget-header {
    border: none !important;
}

.dark {
    color:#FFF !important;
}

.light {
    color:#000 !important;
}

ul.ui-selectonemenu-items {
    color:#000 !important;
}

.dynamicWedPages {
    overflow: hidden;
}

.parallax {
    margin: 0px;
    position: absolute;
    min-height: 1200px;
    width: 100%;
    top: 0px;
    left: 0px;
    z-index: -99;
}

span.ui-menuitem-icon.ui-icon.fa{
    padding: 3px 0px 3px 5px;
    margin-right: 0px !important;
}

.footer {
    font-size: small;
}

#headerImage {
    position: absolute;
    margin-left: 0%;
    width: 100%;
    margin-top: -5px;
}

#wreathImpage {
    position: absolute;
    margin-left: -4%;
    width: 108%;
    margin-top: 10px;
}

.pagebreakSvg {
    width: 100%;
}

a.ui-state-hover, 
a.ui-widget-content .ui-state-hover, 
a.ui-widget-header .ui-state-hover, 
a.ui-state-focus, 
a.ui-widget-content .ui-state-focus, 
a.ui-widget-header .ui-state-focus,
button.ui-state-hover, 
button.ui-widget-content .ui-state-hover, 
button.ui-widget-header .ui-state-hover, 
button.ui-state-focus, 
button.ui-widget-content .ui-state-focus, 
button.ui-widget-header .ui-state-focus {
    background: #444!important;
    background: rgba(77,77,77,0.5) !important;
}

.enumPic {
    padding-right: 5px; 
    vertical-align: inherit;
    max-height: 20px;
}

.changeContentBtn {
    float: right;
    font-size: small !important;
    padding: 5px;
}

/* Animate Countdown Timer */
.enlarge {
    -webkit-transform: scale(1.4); 
    -moz-transform: scale(1.4);
    -o-transform: scale(1.4);
    transform: scale(1.4);
}

.toEnlarge {
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
}

#websiteOverlay {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: #000;
    opacity: 0.8;
    filter: alpha(opacity=80);
}

#websiteLoading {
    width: 50px;
    height: 57px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -28px 0 0 -25px;
}

.contentParallax {
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 33px;
}


.weddingAdminLink {
    background-color: rgba(127, 127, 127, 0.8);
}

button.ui-button span {
    text-shadow: none !important; 
}

.ui-button, button.ui-button.ui-state-default, .ui-button.ui-state-default {
    border: 1px solid #FFFFFF !important;
}

/*Fix menu icon alone on one line with large menu title.*/
.ui-menu .ui-menuitem-text {
    float: none !important;
}

.fa {
    padding: 3px;
    padding-right: 8px;
}

section {
    border-radius: 5px;
}

/* 
    Foreground Borders
*/
.borderBoxShadow {
    position:relative;       
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

.borderBoxShadow:before, .boxShadow:after {
    content:"";
    position:absolute; 
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    left:0;
    right:0;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}  

.borderBoxShadow:after {
    right:10px; 
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg); 
    -moz-transform:skew(8deg) rotate(3deg);     
    -ms-transform:skew(8deg) rotate(3deg);     
    -o-transform:skew(8deg) rotate(3deg); 
    transform:skew(8deg) rotate(3deg);
}

.borderRoundCorners {
    border-radius: 10px;
    border-radius: 5px 50px;
}

h1, h2, h3, h4, h5, h6 {
    text-shadow: 1px 1px 1px #777;
}

.centeredMenuBar.ui-menubar {
    text-align: center;
}

.centeredMenuBar .ui-menu-list {
    display: inline-block;
}

#footerImage {
    margin-left: 0%;
    width: 100%;
    margin-bottom: -5px;
}

.ui-accordion .ui-accordion-header {
    padding-right: 34px !important;
}

.ui-menu {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

.ui-menu .ui-menuitem .ui-menuitem-link {
    padding: 5px 0px !important;
}

.ui-menu .ui-menuitem .ui-menuitem-text {
    padding-left: 5px;
    padding-right: 5px;
}

.ui-accordion {
    background-color: transparent;
}

.ui-galleria-caption {
    background-color: rgba(0,0,0,0.5) ! important;
}

.songRecommends .ui-datatable-tablewrapper {
    overflow: visible !important;
}

.addthisevent-drop {
    margin: 50px auto !important;
}

.ui-fileupload-buttonbar.ui-widget-header.ui-corner-top {
    background-color: rgba(0,0,0,0);
}

body .ui-fileupload .ui-fileupload-buttonbar .ui-button {
    background-color: #4CAF50;
    color: #FFFFFF;
    margin-right: 6px; }

body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-state-hover {
    background-color: #a6a6a6; }

body .ui-inputfield:not(.ui-selectonemenu-label) {
    background: white;
}

.video-container {
    position:relative;
    padding-bottom:56.25%;
    padding-top:30px;
    height:0;
    overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

/* customizable snowflake styling */
.snowflake {
    color: #fff;
    font-size: 1em;
    font-family: Arial, sans-serif;
    text-shadow: 0 0 5px #000;
}

@-webkit-keyframes snowflakes-fall{
    0%  {top:-10%}
    100%{top:100%}
}

@-webkit-keyframes snowflakes-shake{
    0%,
    100%
    {-webkit-transform:translateX(0);
     transform:translateX(0)
    }
    50%
    {-webkit-transform:translateX(80px);
     transform:translateX(80px)
    }
}

@keyframes snowflakes-fall{
    0%
    {top:-10%
    }
    100%
    {top:100%
    }
}
@keyframes snowflakes-shake{
    0%,
    100%
    {transform:translateX(0)
    }
    50%
    {transform:translateX(80px)
    }
}

.snowflake{
    position:fixed;
    top:-10%;
    z-index:9999;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    cursor:default;
    -webkit-animation-name:snowflakes-fall,snowflakes-shake;
    -webkit-animation-duration:10s,3s;
    -webkit-animation-timing-function:linear,ease-in-out;
    -webkit-animation-iteration-count:infinite,infinite;
    -webkit-animation-play-state:running,running;
    animation-name:snowflakes-fall,snowflakes-shake;
    animation-duration:10s,3s;
    animation-timing-function:linear,ease-in-out;
    animation-iteration-count:infinite,infinite;
    animation-play-state:running,running
}

.snowflake:nth-of-type(0){
    left:1%;
    -webkit-animation-delay:0s,0s;
    animation-delay:0s,0s
}

.snowflake:nth-of-type(1){
    left:10%;
    -webkit-animation-delay:1s,1s;
    animation-delay:1s,1s
}

.snowflake:nth-of-type(2){
    left:20%;
    -webkit-animation-delay:6s,.5s;
    animation-delay:6s,.5s
}

.snowflake:nth-of-type(3){
    left:30%;
    -webkit-animation-delay:4s,2s;
    animation-delay:4s,2s
}

.snowflake:nth-of-type(4){
    left:40%;
    -webkit-animation-delay:2s,2s;
    animation-delay:2s,2s
}

.snowflake:nth-of-type(5){
    left:50%;
    -webkit-animation-delay:8s,3s;
    animation-delay:8s,3s
}

.snowflake:nth-of-type(6){
    left:60%;
    -webkit-animation-delay:6s,2s;
    animation-delay:6s,2s
}

.snowflake:nth-of-type(7){
    left:70%;
    -webkit-animation-delay:2.5s,1s;
    animation-delay:2.5s,1s
}

.snowflake:nth-of-type(8){
    left:80%;
    -webkit-animation-delay:1s,0s;
    animation-delay:1s,0s
}

.snowflake:nth-of-type(9){
    left:90%;
    -webkit-animation-delay:3s,1.5s;
    animation-delay:3s,1.5s
}

.snowflake:nth-of-type(10){
    left:25%;
    -webkit-animation-delay:2s,0s;
    animation-delay:2s,0s
}

.snowflake:nth-of-type(11){
    left:65%;
    -webkit-animation-delay:4s,2.5s;
    animation-delay:4s,2.5s
}
.snowflake:nth-of-type(12){
    left:13%;
    -webkit-animation-delay:0s,0s;
    animation-delay:0s,0s
}

.snowflake:nth-of-type(13){
    left:24%;
    -webkit-animation-delay:1s,1s;
    animation-delay:1s,1s
}

.snowflake:nth-of-type(14){
    left:33%;
    -webkit-animation-delay:6s,.5s;
    animation-delay:6s,.5s
}

.snowflake:nth-of-type(15){
    left:47%;
    -webkit-animation-delay:4s,2s;
    animation-delay:4s,2s
}

.snowflake:nth-of-type(16){
    left:52%;
    -webkit-animation-delay:2s,2s;
    animation-delay:2s,2s
}

.snowflake:nth-of-type(5){
    left:69%;
    -webkit-animation-delay:8s,3s;
    animation-delay:8s,3s
}

.snowflake:nth-of-type(17){
    left:73%;
    -webkit-animation-delay:6s,2s;
    animation-delay:6s,2s
}

.snowflake:nth-of-type(18){
    left:85%;
    -webkit-animation-delay:2.5s,1s;
    animation-delay:2.5s,1s
}

.snowflake:nth-of-type(19){
    left:91%;
    -webkit-animation-delay:1s,0s;
    animation-delay:1s,0s
}

.snowflake:nth-of-type(20){
    left:99%;
    -webkit-animation-delay:3s,1.5s;
    animation-delay:3s,1.5s
}

.snowflake:nth-of-type(21){
    left:63%;
    -webkit-animation-delay:2s,0s;
    animation-delay:2s,0s
}

.snowflake:nth-of-type(22){
    left:77%;
    -webkit-animation-delay:4s,2.5s;
    animation-delay:4s,2.5s
}

.pyro > .before, .pyro > .after {
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    box-shadow: -120px -218.66667px blue, 248px -16.66667px #00ff84, 190px 16.33333px #002bff, -113px -308.66667px #ff009d, -109px -287.66667px #ffb300, -50px -313.66667px #ff006e, 226px -31.66667px #ff4000, 180px -351.66667px #ff00d0, -12px -338.66667px #00f6ff, 220px -388.66667px #99ff00, -69px -27.66667px #ff0400, -111px -339.66667px #6200ff, 155px -237.66667px #00ddff, -152px -380.66667px #00ffd0, -50px -37.66667px #00ffdd, -95px -175.66667px #a6ff00, -88px 10.33333px #0d00ff, 112px -309.66667px #005eff, 69px -415.66667px #ff00a6, 168px -100.66667px #ff004c, -244px 24.33333px #ff6600, 97px -325.66667px #ff0066, -211px -182.66667px #00ffa2, 236px -126.66667px #b700ff, 140px -196.66667px #9000ff, 125px -175.66667px #00bbff, 118px -381.66667px #ff002f, 144px -111.66667px #ffae00, 36px -78.66667px #f600ff, -63px -196.66667px #c800ff, -218px -227.66667px #d4ff00, -134px -377.66667px #ea00ff, -36px -412.66667px #ff00d4, 209px -106.66667px #00fff2, 91px -278.66667px #000dff, -22px -191.66667px #9dff00, 139px -392.66667px #a6ff00, 56px -2.66667px #0099ff, -156px -276.66667px #ea00ff, -163px -233.66667px #00fffb, -238px -346.66667px #00ff73, 62px -363.66667px #0088ff, 244px -170.66667px #0062ff, 224px -142.66667px #b300ff, 141px -208.66667px #9000ff, 211px -285.66667px #ff6600, 181px -128.66667px #1e00ff, 90px -123.66667px #c800ff, 189px 70.33333px #00ffc8, -18px -383.66667px #00ff33, 100px -6.66667px #ff008c;
    -moz-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
    -webkit-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
    -o-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
    -ms-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
    animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards; }

.pyro > .after {
    -moz-animation-delay: 1.25s, 1.25s, 1.25s;
    -webkit-animation-delay: 1.25s, 1.25s, 1.25s;
    -o-animation-delay: 1.25s, 1.25s, 1.25s;
    -ms-animation-delay: 1.25s, 1.25s, 1.25s;
    animation-delay: 1.25s, 1.25s, 1.25s;
    -moz-animation-duration: 1.25s, 1.25s, 6.25s;
    -webkit-animation-duration: 1.25s, 1.25s, 6.25s;
    -o-animation-duration: 1.25s, 1.25s, 6.25s;
    -ms-animation-duration: 1.25s, 1.25s, 6.25s;
    animation-duration: 1.25s, 1.25s, 6.25s; }

@-webkit-keyframes bang {
    from {
        box-shadow: 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white; } }
@-moz-keyframes bang {
    from {
        box-shadow: 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white; } }
@-o-keyframes bang {
    from {
        box-shadow: 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white; } }
@-ms-keyframes bang {
    from {
        box-shadow: 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white; } }
@keyframes bang {
    from {
        box-shadow: 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white; } }
@-webkit-keyframes gravity {
    to {
        transform: translateY(200px);
        -moz-transform: translateY(200px);
        -webkit-transform: translateY(200px);
        -o-transform: translateY(200px);
        -ms-transform: translateY(200px);
        opacity: 0; } }
@-moz-keyframes gravity {
    to {
        transform: translateY(200px);
        -moz-transform: translateY(200px);
        -webkit-transform: translateY(200px);
        -o-transform: translateY(200px);
        -ms-transform: translateY(200px);
        opacity: 0; } }
@-o-keyframes gravity {
    to {
        transform: translateY(200px);
        -moz-transform: translateY(200px);
        -webkit-transform: translateY(200px);
        -o-transform: translateY(200px);
        -ms-transform: translateY(200px);
        opacity: 0; } }
@-ms-keyframes gravity {
    to {
        transform: translateY(200px);
        -moz-transform: translateY(200px);
        -webkit-transform: translateY(200px);
        -o-transform: translateY(200px);
        -ms-transform: translateY(200px);
        opacity: 0; } }
@keyframes gravity {
    to {
        transform: translateY(200px);
        -moz-transform: translateY(200px);
        -webkit-transform: translateY(200px);
        -o-transform: translateY(200px);
        -ms-transform: translateY(200px);
        opacity: 0; } }
@-webkit-keyframes position {
    0%, 19.9% {
        margin-top: 10%;
        margin-left: 40%; }

    20%, 39.9% {
        margin-top: 40%;
        margin-left: 30%; }

    40%, 59.9% {
        margin-top: 20%;
        margin-left: 70%; }

    60%, 79.9% {
        margin-top: 30%;
        margin-left: 20%; }

    80%, 99.9% {
        margin-top: 30%;
        margin-left: 80%; } }
@-moz-keyframes position {
    0%, 19.9% {
        margin-top: 10%;
        margin-left: 40%; }

    20%, 39.9% {
        margin-top: 40%;
        margin-left: 30%; }

    40%, 59.9% {
        margin-top: 20%;
        margin-left: 70%; }

    60%, 79.9% {
        margin-top: 30%;
        margin-left: 20%; }

    80%, 99.9% {
        margin-top: 30%;
        margin-left: 80%; } }
@-o-keyframes position {
    0%, 19.9% {
        margin-top: 10%;
        margin-left: 40%; }

    20%, 39.9% {
        margin-top: 40%;
        margin-left: 30%; }

    40%, 59.9% {
        margin-top: 20%;
        margin-left: 70%; }

    60%, 79.9% {
        margin-top: 30%;
        margin-left: 20%; }

    80%, 99.9% {
        margin-top: 30%;
        margin-left: 80%; } }
@-ms-keyframes position {
    0%, 19.9% {
        margin-top: 10%;
        margin-left: 40%; }

    20%, 39.9% {
        margin-top: 40%;
        margin-left: 30%; }

    40%, 59.9% {
        margin-top: 20%;
        margin-left: 70%; }

    60%, 79.9% {
        margin-top: 30%;
        margin-left: 20%; }

    80%, 99.9% {
        margin-top: 30%;
        margin-left: 80%; } }
@keyframes position {
    0%, 19.9% {
        margin-top: 10%;
        margin-left: 40%; }

    20%, 39.9% {
        margin-top: 40%;
        margin-left: 30%; }

    40%, 59.9% {
        margin-top: 20%;
        margin-left: 70%; }

    60%, 79.9% {
        margin-top: 30%;
        margin-left: 20%; }

    80%, 99.9% {
        margin-top: 30%;
        margin-left: 80%; } }

.loader_box {
    border-radius: 5px;
    font-family: sans-serif;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;

}

.loader_container {
    display: none;
    z-index: 1500;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    position: fixed;
    left: 0px;
    top: 0px;
    background-color: rgba(0, 0, 0, 0.15) !important;
    -webkit-backdrop-filter: blur(25px);
    backdrop-filter: blur(25px);  
    border: none !important;
}

.loader_container div.ui-panel-content{
    height: 100%;
    width: 100%;
}