/* https://github.com/defunkt/facebox */
@media screen and (max-width:991px) {
    #facebox {
        position:fixed;
        top:0 !important;
        left:0 !important;
        right:100%;
        bottom:0;
        z-index:1001;
        text-align:center;
        background:#fff;
        width:100%;
        max-width:100%;
        overflow:hidden;
        border:2px solid #333;
    }
    #facebox .popup{
        position:relative;
        border:none;
        border-radius:0;
        background:#fff;
        width:100%;
        max-width:100%;
        overflow:hidden
    }
    #facebox  .popup .content {
        width:100%;
        padding:20vh 15px 0 15px;
        background:#fff;
        text-align:center;
    }
}
@media screen and (max-width:992px) {
    #facebox .popup .content h2 { font-size:calc(4.3792407416vw - 0.346058075rem); }
}
/*
@media screen and (min-width:80rem) {
    #facebox .popup .content h2 { font-size:3.1573345183rem; }
}
*/
@media screen and (min-width:992px) {
    #facebox {
        position:absolute;
        top:0;
        left:0;
        z-index:1001;
        text-align:left;
    }
    #facebox .popup{
        position:relative;
        border:none;
        border-radius:0;
        box-shadow:0 0 18px rgba(0,0,0,0.4);
        width:75vw;
        max-width:75vw;
    }
    #facebox  .popup .content {
        display:table;
        width:100%;
        padding:75px;
        background:#fff;
        text-align:center;
    }
}

#facebox > .popup > .content.issuu{
    width:80vw; // 16x9
    height:45vw;
    /* TODO responsive
    width:100vw;
    height:100vh;
    @media screen and (min-width:768px) {
        width:80vw; // 16x9
        height:45vw;
    }
    */
    background:#fff;
    padding:40px 25px 25px 25px;
}
#facebox .close{
    /* TODO display:none !important; */
   /* override bs style */
    float:none;
    position:absolute;
    top:10px;
    right:10px;
    text-shadow:none;
    opacity:1;
}
#facebox .close::before{
    content:"\f057";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size:1.5rem;
    font-style: normal;
    font-variant: normal;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    text-rendering: auto;
    line-height: 1;
    color:#000;
}
#facebox .close > img{
    display:none !important;
}
#facebox.added-to-cart-popup .close{
    display:none;
}
#facebox .loading {
    text-align:center;
}




#facebox .content .quantity {
    font-family: Stolzl-Medium, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size:14px;
    line-height:1em;
    padding:0;
    margin-bottom:15px; /* aim for 20px from baseline */
}
#facebox .content .name {
    font-family: Questa-Medium, serif;
    font-size:1.7rem;
    line-height:1.2em;
    margin-bottom:20px; /* aim for 25px from baseline */
}
#facebox .content .info {
    font-family: Stolzl-Book, -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-size:14px;
    line-height:1em;
    margin-bottom:40px;
}
#facebox .content .cartlink {
    font-family: Stolzl-Book, -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-size:14px;
    line-height:1em;
}
#facebox .content .cartlink .icon,
#facebox .content .cartlink .text {
    display:block;
}
#facebox .content .cartlink .icon {
    font-size:30px;
    margin-bottom:10px;
}
#facebox .content a {
    color:#000;
}

/*
.facebox_hide {
    z-index:-100;
}
*/

#facebox_overlay {
    position:fixed;
    top:0px;
    left:0px;
    height:100%;
    width:100%;
}

.facebox_overlayBG {
    background-color:rgba(0,6,25,.9);
    background-color:rgba(0,0,0,.2);
    opacity:1 !important;
    z-index:1000;;
}