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

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

/*=== FOUNDATION HACKS ===*/
.row { max-width: 80rem; }
.row .row { margin-left: 0; margin-right: 0; }

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

@media (max-width: 480px) {
    .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: 480px)
{
    #auth_overlays .overlay-content {
        top: 0px;
    }
}

/*=== PAGE NOTIFICATIONS ===*/
#page_notifications
{
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    z-index: 100000;
}

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

#page_notifications .item header
{
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: 600;
    margin-bottom: 5px;
}

#page_notifications .item .cta-close
{
    position: absolute;
    top: 10px;
    right: 10px;
    color: #DEE5EC;
}

/*=== VueJS transitions ===*/
.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; }