html, body {
    padding: 0px;
    margin: 0px;
    height: 100%;
    width: 100%;
}

.content
{
    min-height: 100%;
    padding: 70px 0px;
}

/*=== FOUNDATION HACKS ===*/
.row { max-width: 100%; }
.row .row { margin-left: 0; margin-right: 0; }
.column, .columns { padding: 0px; }

/*=== Mobile ===*/
.mobile, .mobile--flex,.mobile--inline-block { display: none !important; }
@media (max-width: 900px) {
    .desktop { display: none !important; }
    .mobile { display: block !important; }
    .mobile--flex { display: flex !important; }
    .mobile--inline-block { display: flex !important; }
}

@media (max-width: 600px) {
    .animated {
        visibility: visible !important;
        -webkit-animation: none !important;
         -moz-animation: none !important;
           -o-animation: none !important;
          -ms-animation: none !important;
              animation: none !important;
    }
    .wow{
        visibility: visible !important;
        -webkit-animation: none !important;
         -moz-animation: none !important;
           -o-animation: none !important;
          -ms-animation: none !important;
              animation: none !important;
    }
}

/*=== GOOGLE MAPS ===*/
.pac-container {
    z-index: 10000 !important;
}

/*=== AUTHENTICATION ===*/
.logged-in-only { display: none !important; }
body.logged-in .logged-out-only { display: none !important; }
body.logged-in .logged-in-only { display: block !important; }
body.logged-in .ss-display--inline-block.logged-in-only { display: inline-block !important; }

@media (max-width: 600px) {
    #auth_overlays .overlay-content {
        top: 0px;
    }
}

/*=== PAGE NOTIFICATIONS ===*/
#page_notifications
{
    position: fixed;
    top: 0px;
    left: 50%;
    z-index: 100000;
    width: 50%;
    transform: translateX(-50%);
}

#page_notifications .item
{
    background-color: #fff;
    margin: 20px auto;
    box-shadow: 1px 1px 5px 0px rgba(85,85,85,0.5);
    position: relative;
    transform: translateY(20px);
}

#page_notifications .item > header
{
    padding: 12px 20px;
    background-color: #F4F7F9;
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: 600;
}

#page_notifications .item > .cta-close
{
    position: absolute;
    top: 15px;
    right: 10px;
    color: #828C94;
}

#page_notifications .item > .body { padding: 12px 20px; }

@media (max-width: 640px) {
    #page_notifications {
        left: 0px;
        right: 0px;
        width: auto;
        transform: none;
    }

    #page_notifications .item {
        margin: 0px;
        transform: translateY(0px) !important;
        opacity: 1 !important;
        box-shadow: 1px 2px 2px 0px rgba(85,85,85,0.5);
    }
}

/*=== VueJS ===*/

[v-cloak] {display: none}

.fade-enter-active, .fade-leave-active { transition: opacity 0.3s; }
.fade-enter, .fade-leave-to { opacity: 0; }

.fade-down-enter-active, .fade-down-leave-active { transition: all .3s ease; }
.fade-down-enter-to { transform: translateY(-20px); opacity: 1;  }
.fade-down-leave-to, .fade-down-enter { transform: translateY(0px) !important; opacity: 0; }