@charset "utf-8";
/* ============================================
   1. SWIPER FIXED HEIGHT
============================================ */
.slider-wrap,
.portfolio-wrap {
    padding-top:70px;
    box-sizing:border-box;
}
.slider-wrap .swiper-container,
.slider-wrap .swiper-wrapper,
.slider-wrap .swiper-slide {
    height:670px !important;
}
.swiper-slide {
    position:relative;
    overflow:hidden;
}
/* ============================================
   2. ART FRAME
============================================ */
.art-frame {
    position:relative;
    width:100%;
    height:100%;
    text-align:center;
    line-height:0;
}
.art-frame img.protected-art {
    height:100%;
    width:auto;
    max-width:none;
    display:block;
    margin:0 auto;
}
.art-frame::after {
    content:"";
    position:absolute;
    inset:-10px;
    width:calc(100% + 20px);
    height:calc(100% + 20px);
    background:url("../images/ice.webp") center center/cover no-repeat;
    pointer-events:none;
    z-index:10;
    display:none;
}
.swiper-slide[data-status="unpublished"] .art-frame::after {
    display:block;
}
.swiper-slide[data-status="unpublished"] .slider-zoom,
.swiper-slide[data-status="unpublished"] .popup-image {
    display:none !important;
    pointer-events:none !important;
}
/* ============================================
   3. TEXT READABILITY
============================================ */
.swiper-slide .thumb-info h3 a {
    color:#fff;
    font-weight:700;
    text-shadow:0 2px 10px rgba(0,0,0,0.85),0 0 20px rgba(0,0,0,0.65);
}
.swiper-slide .thumb-info p {
    color:#d6d1cc !important;
    opacity:0.92 !important;
    text-shadow:0 1px 6px rgba(0,0,0,0.9);
}
.swiper-slide .thumb-info {
    opacity:1 !important;
}
/* ============================================
   4. COLLECTION GRID
============================================ */
.gallery-items .gallery-item .grid-item-holder {
    position:relative;
    overflow:hidden;
    height:320px;
}
.gallery-items .gallery-item-second .grid-item-holder {
    height:640px;
}
.gallery-items .gallery-item .art-frame {
    position:relative;
    width:100%;
    height:100%;
    overflow:hidden;
}
.gallery-items .gallery-item .art-frame img.protected-art {
    width:100%;
    height:100% !important;
    object-fit:cover;
    display:block;
}
.gallery-items .gallery-item .art-mask {
    position:absolute;
    inset:-10px;
    width:calc(100% + 20px);
    height:calc(100% + 20px);
    object-fit:cover;
    z-index:10;
    pointer-events:none;
}
.gallery-items .gallery-item .slider-zoom,
.gallery-items .gallery-item .single-popup-image {
    z-index:20;
}
.gallery-items .gallery-item .thumb-info {
    left:5px;
    right:5px;
    bottom:5px;
}
/* ============================================
   5. COLLECTION MASK STATUS
============================================ */
.gallery-items .gallery-item .art-mask {
    display:none;
}
.gallery-items .gallery-item[data-status="unpublished"] .art-mask {
    display:block;
}
.gallery-items .gallery-item[data-status="unpublished"] .single-popup-image,
.gallery-items .gallery-item[data-status="unpublished"] .slider-zoom {
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;
}
/* ============================================
   6. ORDER BUTTON
============================================ */
#submit.btn {
    display:inline-block !important;
    padding:15px 20px !important;
    line-height:1 !important;
    font-weight:700 !important;
    font-size:14px !important;
    font-family:inherit !important;
    text-transform:uppercase !important;
    letter-spacing:1px !important;
    border:none !important;
    border-radius:30px !important;
    background:#666666 !important;
    color:#fff !important;
    appearance:none !important;
    -webkit-appearance:none !important;
    cursor:pointer !important;
    box-shadow:none !important;
}
/* ============================================
   7. ARTSTORY TABLE FIX
============================================ */
.caption-wrap ul {
    display:flex;
    flex-wrap:wrap;
}
.caption-wrap ul li {
    width:50%;
    float:none !important;
    box-sizing:border-box;
}
/* ============================================
   8. 404 PAGE
============================================ */
.error-message {
    color:#b10303;
    font-size:19px;
}
/* ============================================
   9. RESPONSIVE: MOBILE (max-width:768px)
============================================ */
@media only screen and (max-width:768px) {
.error-message {
    font-size:15px;
}
.logo-holder {
    width:320px !important;
    height:auto !important;
    left:20px !important;
    margin-left:0 !important;
    top:10px !important;
}
.logo-holder img {
    width:100% !important;
    height:auto !important;
}
.nav-holder nav li a {
    font-size:12px !important;
    line-height:1.2 !important;
}
.slider-wrap {
    height:calc(100vh - 120px) !important;
    padding-top:70px;
    padding-bottom:50px;
    box-sizing:border-box;
}
.slider-wrap .swiper-container,
.slider-wrap .swiper-wrapper,
.slider-wrap .swiper-slide {
    height:100% !important;
}
.filter-buttons {
    font-size:13px !important;
    font-weight:700 !important;
    line-height:1.1 !important;
}
.filter-buttons-container span {
    font-size:13px !important;
    margin-right:5px !important;
}
.filter-buttons-container {
    padding:10px 1px 10px 1px !important;
}
.transaparent-text-wrap {
    padding:2px 12px !important;
}
header.main-header {
    height:60px !important;
}
.logo-holder {
    top:5px !important;
}
.nav-button-wrap {
    top:5px !important;
}
.hero-wrap h2 {
    font-size:50px !important;
    line-height:70px !important;
}
.pr-det-container h2 {
    font-size:20px !important;
}
}
/* ============================================
   10. HERO HEADER FIX (jumping title)
============================================ */
.hero-wrap .container{
    min-height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
}
.hero-item {
    width:100%;
    text-align:center;
}
.hero-wrap h2 {
    padding:30px 0;
    margin:0;
}
/* ============================================
   11. TEXT PAGES (.text-page)
============================================ */
.text-page .transaparent-text-wrap,
.text-page .transaparent-text {
    width:100% !important;
    max-width:100% !important;
}
.text-page .transaparent-text {
    float:none !important;
}
.text-page .fullsceen-wrap {
    width:100% !important;
    max-width:100% !important;
    padding:0 !important;
}
.text-page .transaparent-text-wrap {
    padding:30px !important;
    box-sizing:border-box !important;
}
.text-page .transaparent-text p {
    width:100% !important;
    max-width:100% !important;
}
@media only screen and (max-width:768px) {
    body.text-page .transaparent-text {
        padding:0 !important;
        float:none !important;
        max-width:100% !important;
    }
    body.text-page .transaparent-text-wrap {
        padding:20px 15px 110px 20px !important;
    }
    .text-page .gallery-items {
        padding-bottom:70px !important;
    }
}
/* ============================================
   12. COLLECTION PAGES (.col-page)
============================================ */
.col-page .transaparent-text {
    padding:0 !important;
    float:none !important;
    max-width:100% !important;
}
.col-page .transaparent-text-wrap {
    padding:40px 20px 40px 40px !important;
    box-sizing:border-box !important;
}
.col-page .content.full-height {
    height:auto !important;
    min-height:100vh !important;
}
.col-page html,
.col-page body {
    height:auto !important;
    min-height:100vh !important;
    overflow-y:auto !important;
}
.col-page #wrapper {
    height:auto !important;
    min-height:100vh !important;
    overflow-y:auto !important;
    margin-bottom:60px !important;
}
@media only screen and (max-width:768px) {
    .col-page #wrapper {
        margin-bottom:80px !important;
    }
    .col-page .transaparent-text-wrap {
        padding:10px 15px !important;
    }
}
/* ============================================
   13. TABLET / LANDSCAPE FIXES
============================================ */
@media only screen and (min-width:769px) and (max-width:1024px){
    .col-page .transaparent-text-wrap{
        padding:40px 15px 110px 15px!important;
    }
    .col-page #wrapper{
        margin-bottom:80px!important;
    }
}
@media only screen and (min-width:769px) and (max-width:1024px){
    .gallery-items .gallery-item .thumb-info{
        padding:10px 15px!important;
    }
}
@media only screen and (max-width:768px){
    .col-page .terms-item{
        display:none!important;
    }
    .col-page .policy-box{
        display:none!important;
    }
}
@media only screen and (max-width: 1024px) {
    .transaparent-text p {
        font-size: 15px;
        line-height: 1.6;
    }
}
@media only screen and (max-width: 1024px) {
    .policy-box {
        font-size: 12px;
    }
}
@media only screen and (orientation: landscape) {
    html body #wrapper.fullsceen-wrap {
        padding-bottom: 60px !important;
    }
}
/* ============================================
   14. LANDSCAPE FOR MAIN, 404, ORDER
============================================ */