/* Printzware v2.3 */

/* anything that is less or equal to 579*819 display modal @ 95% width/height of parent window */
@media all and (max-width:579px) {
    #pw_modal {
        /*desired percentage width of modal window in relation to screen */
        width: 95% !important;
    }
    #pw_modal.fade.in {
        /*desired gap from left (usually half the remaining percentage */
        left:2.5% !important;
    }
    #pw_modal.fade {
        /*must be the same as .modal.fade.in left*/
        left:2.5% !important;
    }
}

@media all and (max-height:819px) {
    #pw_modal {
        /*desired percentage width of modal window in relation to screen */
        height: 95% !important;
    }
    #pw_modal.fade.in {
        /*desired gap from top (usually half the remaining percentage */
        top: 2.5% !important;
    }
}


#pw_modal.modal {
    height: 820px;
    width: 580px;
    z-index:9999;
}

#pw_modal.fade {
    top: -100%;
    left:calc((100% - 580px)/2);
}
#pw_modal.fade.in {
    top: calc((100% - 820px)/2);
    left: calc((100% - 580px)/2);
}

#pw_modal .modal-body {
    height: 100%;
    width: 100%;
    padding: 0px 0px 0px 0px;
}

#pw_modal .modal-dialog {
    height: 95%;
    margin: 0px !important;
}

#pw_modal .modal-content {
    height: 100%;
    overflow:hidden;
}
.pw-modal-open{
    overflow: hidden;
    position: fixed;
    width:100%;
}
#pw_iframe{
    display:block;
}

/*
Category Tiles CSS START
*/


.pw_category_block{
    padding-right: 0px;
    padding-left: 0px;
    float: left;
    width: 181px;
    height: 181px;
    position: relative;
    margin: 0 11px 11px 0;
    overflow: hidden;
    border: 1px solid #d4cdd5;
    background-color: rgba(179, 234, 224,.3);
}

.pw_category_block_title {
    width: 100%;
    position: absolute;
    display: block;
    height: 50px;
    background: rgba(24,188,156,.9);
    font-family: arial;
    font-weight: bold;
    color: #FFF;
    font-size: 20px;
    text-align: center;
    -webkit-text-stroke-width: 0;
    line-height: 50px;
    bottom: 0;
//padding: 0 0 0 10px;
}

.pw_category_block img {
    width: 100%;
    height: auto;
    margin-top: 0;
    transition: all .5s ease;
}

.pw_category_block:hover img {
//margin-top: -10px;
    transition: all 1s ease;
    transform:scale(1.25);
}

.pw_category_block:hover .pw_category_block_title {
    background: rgba(15, 121, 101, 0.9);
}
/*
Category Tiles CSS END
*/

.modal-backdrop.fade.in {
    display: block !important;
}


/* Like Custom Cardzware */
.pwGreetingCardsMain {
    max-width: 1440px;
    margin: auto
}

.sc-bwzfXH.iTbbpu {
    display: none
}

#custom-content .collection-grid-item__link,#custom-content form {
    position: relative;
    z-index: 2
}

#pw_cart_button {
    background: #5cb85c;
    margin-bottom: 15px
}

.collection__cover {
    display: none
}

.hero-content__controls button,.hero-content__controls a.hero-content__controls-item {
    background-color: #000!important
}

.hero-content__controls .hero-content__controls-item--count {
    background: rgba(0,0,0,.5)
}

#shopify-section-1643719655c797f5f1 .grid {
    display: flex
}

@media only screen and (max-width: 550px) {
    #cardzware-popup .modal-body {
        padding:35px!important
    }

    #cardzware-popup .btn {
        width: 100%;
        margin-bottom: 10px
    }

    .pw_breadcrumb {
        font-size: 11px!important
    }

    /*.pw_breadcrumb li a:before {*/
    /*    content: unset!important*/
    /*}*/

    /*.pw_breadcrumb li a:after {*/
    /*    border-top: 13px solid transparent!important;*/
    /*    border-bottom: 16px solid transparent!important;*/
    /*    border-left: 13px solid #808080!important;*/
    /*    top: 170%!important*/
    /*}*/

    .pw_breadcrumb li a,
    .pw_breadcrumb li span {
        padding: 5px 0 5px 0.5rem!important;
        /*margin: 2px 7px*/
    }

    .pw_category_block {
        margin: 0!important
    }
}

@media only screen and (max-width: 767px) {
    .template-product #cardzware-popup .modal-dialog {
        top:15%
    }

    .template-product #pw_modal .modal-dialog {
        height: 80%;
        top: 8%
    }

    .template-product #pw_modal .modal-content {
        height: 95%
    }

    .template-product #pw_modal .modal-body {
        height: 100%
    }
}

.template-product #pw_modal iframe,.template-product #cardzware-popup .modal-content {
    border-radius: 6px
}

body.template-product .shopify-payment-button {
    display: none
}

.featured-card__header,h1,h2,h3,h4,h5 {
    color: #000c
}

#shopify-section-1643719655c797f5f1 .section-header {
    padding: 20px 0;
    margin: 0!important
}

#cardzware-popup,#pw_modal {
    background: transparent;
    z-index: 5000
}

#cardzware-popup .modal-body {
    padding: 70px
}

#cardzware-popup button.close {
    position: relative;
    right: 10px;
    z-index: 500
}

#cardzware-popup .modal-body span {
    width: 100%;
    display: block;
    margin: 25px 0;
    font-weight: 600
}

#cardzware-popup .btn-danger {
    background: #ac2925
}

#cardzware-popup .btn-success {
    background: #5cb85c
}

#pw_modal .modal-body {
    padding: 0;
    background-image: url('https://assets.pwcdn.net/v1/AUTH_8b2bb4f175d249daa846fb83cf4db20c/designs/common/loading2.gif');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20%;
}

.template-product #pw_modal.modal,.template-product #cardzware-popup.modal {
    text-align: center
}

@media screen and (min-width: 768px) {
    .template-product #pw_modal.modal:before,.template-product #cardzware-popup.modal:before {
        display:inline-block;
        vertical-align: middle;
        content: " ";
        height: 100%
    }
}

.template-product #pw_modal .modal-dialog,.template-product #cardzware-popup .modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle
}

.site-footer .social-icons .icon {
    color: #706f6f
}

.pw_category_block {
    width: 20%!important;
    height: 20%!important
}

@media screen and (min-width: 400px) and (max-width: 768px) {
    .pw_category_block {
        width:35%!important;
        height: 35%!important
    }
}

@media screen and (max-width: 399px) {
    .pw_category_block {
        width:55%!important;
        height: 55%!important
    }
}

.site-footer__section.social-section,.site-footer__section.social-section ul {
    float: right
}

.collection-grid-item__link,.collection-grid-item input {
    background-color: #01a0e1
}

.text-center {
    text-align: center!important;
}