@import "./pricingTable.min.css";
@import "./addtional_icons.css";

.required-field > label::after {
    content: " \*";
    color: #F44336;
    font-family: Sans-Serif;
    font-size: 1em;
    vertical-align: super;
}

.owl-theme .owl-dots .owl-dot span {
    display: none !important;
}

.form-group.has-error .help-block {
    color: #ff1f1f;
}
.form-group{
    font-size:14px;
}
@media (max-width: 768px) {
    #checkoutWizard.sw-theme-arrows > ul.step-anchor > li > a, #checkoutWizard.sw-theme-arrows > ul.step-anchor > li > a:hover {
        padding: 8px 6px !important;
        font-size:13px;
        border-right:1px solid #ccc !important;
    }
    #checkoutWizard.sw-theme-arrows > ul.step-anchor > li:last-child > a{
        border-right:none;
    }
}

::-webkit-inner-spin-button {
    display: none;
}

select.form-control[multiple] {
    background: none;
}

.sw-toolbar .sw-btn-group .btn.sw-btn-next {
    margin-left: 10px !important;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    color:#fff;
    background-color:#3c89ba;
}
.sw-toolbar .sw-btn-group .btn.sw-btn-next:hover{
    box-shadow: 0 1rem 2.5rem rgba(22,28,45,.1),0 .5rem 1rem -0.75rem rgba(22,28,45,.1) !important;
    transform: translate3d(0, -3px, 0);
}
.sw-toolbar-bottom{
    justify-content: flex-end;
}
.icheckbox_flat-blue, .iradio_flat-blue {
    width: 21px;
    height: 21px;
}

a.clickable-object {
    position: relative;
    display: inline-block;
}

a.clickable-object:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.tab-content {
    padding-top: 2rem;
}

#cart-details .table-responsive {
    border-radius: 5px;
}

#cart-details table thead tr {
    background-color: #50c6e9;
    color: #FFF;
}

#cart-details table thead td, #cart-details table thead th {
    text-align: left;
}

.toolbar .cart > .subtotal{
    display: none;
}

.custom-control {
    display: inline-block;
}

.sw-theme-arrows > ul.step-anchor {
    display: flex !important;
}

.shipping-options label {
    padding-left: 0;
    display: block;
}

.sw-btn-group .btn {
    background-color: #f5f5f5;
    border-color: #e1e7ec;
}

.sw-btn-group .btn:hover {
    background-color: #dcdbdb;
}

.btn-group .btn:first-child:not(:last-child):not(.dropdown-toggle).btn-secondary, .btn-group .btn:first-child:not(:last-child):not(.dropdown-toggle).btn-outline-secondary {
    border-right: 1px solid #e1e7ec;
}

.btn-group .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    margin-right: 10px;
    padding-right: 22px;

}

.just-padding {
    padding: 15px;
}

.list-group.list-group-root {
    padding: 0;
    overflow: hidden;
    border-bottom: 1px solid rgb(225, 231, 236);
}

.list-group.list-group-root > .list-group > .list-group-item {
    padding-left: 30px;
}

.list-group.list-group-root > .list-group > .list-group > .list-group-item {
    padding-left: 45px;
}

.list-group-item .glyphicon {
    margin-right: 5px;
}

.hidden {
    display: none;
}

.list-group-item.active {
    cursor: pointer;
    pointer-events: initial;
}

.site-search {
    width: 98%;
}

.cart-quantity {
    margin-right: 3px;
    margin-left: 3px;
}

.shipping-options .custom-radio {
    display: block;
}

.category-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 30px 20px;
    border: 1px solid #e5e5e5;
    background-color: #fff;
    text-decoration: none
}

.category-card .category-card-info {
    margin: 0 auto;
    padding: 15px 0
}

.category-card .category-card-title {
    margin-bottom: 12px;
    color: #232323;
    font-size: 24px
}

.category-card .category-card-subtitle {
    margin: 0;
    color: #999;
    font-size: 13px;
    font-weight: normal
}

.category-card .category-card-thumb {
    display: inline-block;
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
    overflow: hidden
}

.category-card .category-card-thumb > img {
    display: block;
    width: 100%;
    transition: all .4s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.category-card:hover .category-card-thumb > img {
    -webkit-transform: scale(0.94);
    -ms-transform: scale(0.94);
    transform: scale(0.94)
}


@media (max-width: 576px) {
    .category-card {
        padding: 15px 25px
    }
}



button, html [type="button"], [type="reset"], [type="submit"] {
    -webkit-appearance: button-bevel;
}

@media (max-width: 1070px) {
    .cart:hover > .toolbar-dropdown {
        display: block !important;
    }
}

.waves-effect.waves-dark:hover{
    text-decoration: unset;
}
header .toolbar{
    height: auto;
}
header .toolbar .inner{
    min-height: unset;
    height: auto;
}

/*
 *
 * Dark mode general
 *
 */

body.dark, body.dark .offcanvas-wrapper{
    background-color:#222;
}
body.dark .navbar{
    background:#000;
}

body.dark .navbar.navbar-transparent{
    background: none;
}

body.dark, body.dark h1, body.dark h2, body.dark h3, body.dark h4, body.dark h5, body.dark h6, body.dark p:not(.slideIn), body.dark a{
    color:#fff;
}
body.dark hr{
    border-top-color: #444;
}

/*
 * Shop front
 *
 */
#shop-items > div{
    padding:0;
}
#shop-items > div:hover a{
    text-decoration: underline;
}
#shop-items > div .fa-lock{
    transition: all 0.3s;
}
#shop-items > div:hover .fa-lock{
    transform: scale(1.1);
}
.shop-front{
    overflow-x: hidden;
}
.shop-front h1, .shop-front h2, .shop-front h3, .shop-front h4{
    color:#222;
}

.shop-front .grid-item{
    padding: 0 12px;
}

.shop-front .grid-item a.product-thumb{
    display: block;
    height: 300px;
}
.shop-front .grid-item a.product-thumb img{
    height: 100%;
    width: 100%;
    max-width: unset;
    object-fit: cover;
    object-position: center;
    font-family: "object-fit: cover; object-position: center;";
}
.shop-avatar, .shop-biography,.shop-social-links,.shop-phone-number,.shop-business-address,.shop-contact-email, .shop-website{
    display: none;
}

.show-avatar .shop-avatar, .show-biography .shop-biography,.show-social-links  .shop-social-links, .show-phone-number .shop-phone-number,.show-business-address .shop-business-address, .show-contact-email .shop-contact-email, .show-website  .shop-website{
    display: block;
}

.shop-information{
    background-color: #F1F4F8;
}
.shop-information{
    color:#2B354F;
}
.shop-information a{
    color:#2B354F;
    text-decoration: underline;
}
body.dark .shop-information, body.dark .shop-information a{
    color:#fff;
}
.shop-information i{
    display: block;
}

.shop-social-links{
    text-align: center;
}
.shop-social-links a{
    display: inline-block;
    color: inherit;
    padding: 5px 20px;
    font-size: 20px;
}
.shop-social-links  img{
    width: 20px;
}

.shop-front .profile-header-section1{
    text-align: center;
}
.shop-front .product-title a{
    color:#444;
    font-size:0.7em;
}
body.dark .shop-front .product-title a{
    color:#fff;
}

.tools .notifications, .tools .account, .tools .social-share{
    border: none;
}
.dark .tools .social-share .share-button{
    color:#fff;
}
body.dark .shop-information{
    background-color:#111;
}
body.dark footer{
    background-color:#000;
    color:#fff !important;
}

body.dark .toolbar-dropdown,body.dark .toolbar-dropdown a{
    color: grey;
}
body.dark .footer-copyright{
    color:#858585 !important;
}
body.dark footer .btn-white{
    background:#858585;
    color:#222;
}
body.dark .cart:hover{
    background-color: gray;
}

.site-logo {
    height: 60px;
    width: 120px;
    padding-left:0;
}
.site-logo.phototree-logo{
    width:260px;
}
@media (max-width: 576px) {
    .site-logo.phototree-logo{
        width:160px;
    }
    .sell-images .navbar .container-fluid{
        padding-left:15px;
        padding-right:15px;
    }
    .sell-images .toolbar .search, .sell-images .toolbar .account, .sell-images .toolbar .social-share, .sell-images .toolbar .notifications{
        width:34px;
    }
    .toolbar .cart{
        padding:0 10px;
    }
}
.site-logo.phototree-logo img{
    width:100%;
    max-width: 180px;
}
.header-cover{
    position: relative;
    width: 100%;
    height: calc(100vh - 84px);
}


.site-logo img {
    max-height: 100%;
    width: auto;
    max-width: 100%;
    object-fit: contain;
    font-family: "object-fit: contain;";
}

.image-section{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: absolute;
    top:0;
    width: 100%;
    height: 100%;
    color:#fff;
    font-weight: bold;
}
figure.cover-image{
    width: 100%;
    height: 100%;
}
figure.cover-image img{
    object-fit: cover;
    object-position: center;
    font-family: 'object-fit: cover; object-position: center;';/*for polyfill*/
    width: 100%;
    height: 100%;
}
figure.cover-image:before{
    content:"";
    position:absolute;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.2);
    z-index: 1;
}

.image-section > div {
    max-width: 300px;
    z-index: 2;
}

.image-section .shop-social-links{
    color: #FFFFFF;
}
.image-section .shop-avatar{
    max-width: 60px;
}
.shop-social-links a:hover{
    text-decoration: unset !important;
    text-underline: none;
}

.locked-gallery .offcanvas-wrapper{
    height: calc(100vh - 84px);
    margin-top: -1.5rem;
}
.locked-gallery .offcanvas-wrapper > .locked{
    height: 100%;
}


/*brand page locked*/
.locked .fa.fa-lock{
    font-size: 5rem;
    color: #fff;
}
@media (max-width: 1070px) {
    .header-cover{
        height: calc(100vh - 78px);
    }

    .locked-gallery .offcanvas-wrapper{
        height: calc(100vh - 78px);
    }

}

@media (max-width: 576px) {
    .navbar{
        height:65px;
        min-height:65px;
    }
    .site-logo {
        height:45px;
    }
    .header-cover{
        height: calc(100vh - 65px);
    }
    .locked-gallery .offcanvas-wrapper{
        height: calc(100vh - 65px);
    }
}

.without-top-header .header-cover{
    height: 100vh;
}


/*
 *
 * Gallery
 *
 */

.gallery-header{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: white;
    overflow: hidden;
    overflow-wrap: anywhere;
    padding: 0 15px;
    top: 0;
    width: 100%;
    position: absolute;
    height: 100%;
}

.gallery-header *{
    max-width: 100%;
    text-align: center;
    z-index: 2;
}

.gallery-header .gallery-title{
    display: none;
    font-size: 3rem;
}

.gallery-header .gallery-description{ /* tagline */
    display: none;
}

.gallery-header .gallery-event-date{
    display: none;
    font-weight: bold;
}

body.dont-sell-images #cart_list{
    display: none;
}

body.show-title .gallery-header .gallery-title{
    display: block;
}

body.show-tagline .gallery-header .gallery-description{/* tagline */
    display: block;
}

body.show-event-date .gallery-header .gallery-event-date{
    display: block;
}

body.font-family-sans-serif .gallery-header *{
    font-family: "SF Pro JP","SF Pro Display","SF Pro Icons","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",メイリオ,Meiryo,"ＭＳ Ｐゴシック","Helvetica Neue",Helvetica,Arial,sans-serif;
}

body.font-family-serif .gallery-header *{
    font-family: 'ヒラギノ明朝 ProN' , 'Hiragino Mincho ProN' , '游明朝','游明朝体',YuMincho,'Yu Mincho' , 'ＭＳ 明朝' , 'MS Mincho' , HiraMinProN-W3 , 'TakaoEx明朝' , TakaoExMincho , 'MotoyaLCedar' , 'Droid Sans Japanese' , serif;
}
.gallery-wrapper .grid-item .product-buttons{
    display:none;
}
@media screen and (min-width: 768px) {
    .gallery-wrapper .grid-item .product-buttons{
        display: block;
    }

}
.gallery-wrapper .product-buttons a{
    background:#fff;
    display: block;
    position:relative;
    z-index: 2;
    float: left;
    box-shadow: 2px 2px 1px rgba(0,0,0,.2);
    height:50px;
    line-height:50px;
    width:auto;
    padding:0 16px;
    color:#222;
    border-right:1px solid #e4e4e4;
}
.gallery-wrapper .product-buttons a img{
    width:22px;
    max-width: 22px;
}
.gallery-wrapper .product-buttons a.price{
    font-size:12px;
    text-decoration: none;
    font-weight:bold;
    cursor: default;
}
.gallery-wrapper .grid-item .product-buttons{
    position: absolute;
    z-index: 2;
    bottom: -70px;
    left: 15px;
    opacity: 0;
    transition: all 0.3s;
    transition-timing-function: ease;
}
.gallery-wrapper .grid-item:hover .product-buttons{
    opacity: 1;
    bottom: 15px;
}
.gallery-wrapper .product-card figcaption{
    display: none;
}
.tooltip{
    z-index: 99999;
}
.show-gallery-dark{
    display:none;
}
body.dark .show-gallery-dark{
    display:initial;
}
body.dark .hide-gallery-dark{
    display:none;
}
body.dark .gallery-wrapper .product-card{
    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(18,18,18,1) 100%);
    border:none;
}


/* Popup edits */
.pswp__top-bar .pswp__button{
    line-height:44px;
    text-align: center;
}
.pswp__top-bar .pswp__button img{
    width:24px;
}
.pswp__button--download img{
    width:24px;
}
body.light .pswp__bg{
    background-color:rgba(255,255,255,0.95);
}
body.light .pswp__ui--fit .pswp__caption, body.light .pswp__ui--fit .pswp__top-bar, body.light .pswp__caption{
    background:#fff;
}
body.light .pswp__caption__center, body.light .pswp__caption{
    color:#333;
}
body.light .pswp__button--arrow--left:before, body.light .pswp__button--arrow--right:before{
    background-color:transparent;
}

body.dark .pswp__bg{
    background-color:rgba(0,0,0,0.9);
}
body.dark .pswp__ui--fit .pswp__caption, body.dark .pswp__ui--fit .pswp__top-bar{
    background:#000;
}
body.dark .pswp__caption__center{
    color:#ccc;
}
body.dark .pswp__button--arrow--left:before, body.dark .pswp__button--arrow--right:before{
    background-color:#000;
}
body.dark .pswp--svg .pswp__button--close, body.dark .pswp--svg .pswp__button--fs, body.dark .pswp__button, body.dark .pswp__button--arrow--left:before, body.dark .pswp__button--arrow--right:before{
    background-image:url(../img/default-skin-light.png);
}
@media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (min-resolution: 1.1dppx){
    body.dark .pswp--svg .pswp__button--close, body.dark .pswp--svg .pswp__button--fs, body.dark .pswp--svg .pswp__button--arrow--left:before, body.dark .pswp--svg .pswp__button--arrow--right:before{
        background-image:url(../img/default-skin-light.svg);
    }
}

/*
 * Header of phototree theme
 *
 */
.navbar.navbar-sticky{
    padding:0;
}
.navbar-brand{
    padding-left: 15px;  width: 180px;
}
.navbar-brand img{
    max-height: 70px;
    width: auto;
}

.navbar-brand img.show-dark, .dark .navbar-brand img.show-light {
    display: none !important;
}

.dark .navbar-brand img.show-dark {
    display: block !important;
}

/*
 *  Footer (shop_footer)
 */
.dark footer.border-gray-300{
    border-top:none !important;
}
footer .btn-white{
    border-radius: 6px;
    color:#335eea;
    font-weight: 600;
    font-family: "SF Pro JP","SF Pro Display","SF Pro Icons","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",メイリオ,Meiryo,"ＭＳ Ｐゴシック","Helvetica Neue",Helvetica,Arial,sans-serif;
}
footer .btn-white:hover{
    transform:translatey(-2px);
}

.light .language-switcher .btn{
    background-color: #fff;
}

.dark .language-switcher .btn{
    background-color: #444;
}
@media (min-width: 576px) {
    footer .container {
        max-width:540px
    }
}

@media (min-width: 768px) {
    footer .container {
        max-width:720px
    }
}

@media (min-width: 992px) {
    footer .container {
        max-width:960px
    }
}

@media (min-width: 1200px) {
    footer .container {
        max-width:1040px
    }
}

.object-fit-cover{
    object-fit: cover;
    object-position: center;
    font-family: "object-fit: cover; object-position: center;";
}
.object-fit-contain{
    object-fit: contain;
    object-position: center;
    font-family: "object-fit: contain; object-position: center;";

}

/* Social sharer styles, scoped to .shareWrapper */
.toolbar .social-share{
    display:none;
}
body.allow-sharing .toolbar .social-share{
    display:inline-block;
}
.shareWrapper{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    display: none;
    color:#333 !important;
    z-index: 5;
}
.shareWrapper .dialog-title{
    color:#333 !important;
}
.shareWrapper.is-open{
    display: block;
}
.shareWrapper svg, .share-button svg {
    width: 15px;
    height: 15px;
    margin-right: 5px;
}
.share-button.icon-only svg{
    margin-right: 0;
}

.shareWrapper .button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: auto;
    padding-top: 8px;
    padding-bottom: 8px;
    color: #777;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.1;
    letter-spacing: 2px;
    text-transform: capitalize;
    text-decoration: none;
    white-space: nowrap;
    border-radius: 4px;
    border: 1px solid #ddd;
    cursor: pointer;
}

.shareWrapper button:hover, .shareWrapper .button:hover {
    border-color: #cdd;
    background-color: #fafafa;
    transition: all 0.3s;
}

.shareWrapper .copy-link {
    padding-left: 30px;
    padding-right: 30px;
}
.shareWrapper .copy-link{
    background:#333;
    color:#fff;
    border-color: #333;
    transition: 0.3s all;
}
.shareWrapper .copy-link:hover{
    background:#555;
}
.shareWrapper .share-dialog {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}

.shareWrapper .share-dialog {
    display: none;
    width: 95%;
    max-width: 500px;
    box-shadow: 0 8px 16px rgba(0,0,0,.15);
    z-index: -1;
    border: 1px solid #ddd;
    padding: 20px;
    border-radius: 4px;
    background-color: #fff;
}

.shareWrapper.is-open .share-dialog {
    display: block;
    z-index: 2;
}

.shareWrapper header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.shareWrapper .targets {
    display: grid;
    grid-template-rows: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
    margin-bottom: 20px;
}

.shareWrapper .close-button {
    background-color: transparent;
    border: none;
    padding: 0;
}

.shareWrapper .close-button svg {
    margin-right: 0;
}

.shareWrapper .link {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    border-radius: 4px;
    background-color: #eee;
}

.shareWrapper .pen-url {
    margin-right: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.shareWrapper .shareOverlay{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.3);
}
.shareWrapper .gallery-url{
    flex-grow: 1;
    padding: 5px;
    font-size: 12px;
    margin-right: 10px;
    border: none;
}

#register-tab{
    display: none;
}
body.register #register-tab{
    display: block;
}
@media screen and (max-width: 768px) {
    .shareWrapper .copy-link{
        padding-left:10px;
        padding-right:10px;
    }
    .shareWrapper .link input{
        width:50%;
    }
}