.elementor-31391 .elementor-element.elementor-element-17c4c38{--display:flex;--min-height:100vh;--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-31391 .elementor-element.elementor-element-8323193{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}@media(max-width:1024px){.elementor-31391 .elementor-element.elementor-element-17c4c38{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}}@media(min-width:768px){.elementor-31391 .elementor-element.elementor-element-17c4c38{--content-width:80vw;}}@media(max-width:1024px) and (min-width:768px){.elementor-31391 .elementor-element.elementor-element-17c4c38{--content-width:100vw;}}@media(max-width:767px){.elementor-31391 .elementor-element.elementor-element-17c4c38{--content-width:100vw;--min-height:100vh;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}}/* Start custom CSS for shortcode, class: .elementor-element-8323193 */.make-catalog-thumb {
    display: block;
    aspect-ratio: 1 / 1;
    /* max-height: 250px; */
    background: linear-gradient(180deg, rgb(255 255 255 / .18), rgb(255 255 255 / .02)), linear-gradient(135deg, var(--card-accent, var(--make-accent)), rgb(255 255 255 / .08));
    background-size: cover;
    background-position: center;
    transition: transform .45s ease;
}

.make-catalog-cta {
    display: inline-flex;
    margin: 0 10px 15px !important;
    padding: 10px 15px !important;
    border-radius: 999px;
    background: rgb(255 255 255 / .10);
    border: 1px solid rgb(255 255 255 / .14);
    font-weight: 700;
    transition: transform .25s ease, background-color .25s ease;
}
.make-catalog-meta {
    display: block;
    padding: 5px 10px 5px !important;
}
.make-catalog-meta strong {
    display: block;
    font-size: 1.2em !important;
    line-height: 1.1;
    margin: 10px 0 8px;
    color: #fff;
}
.make-page canvas{
    width: 100% !important;
    height: 100% !important;
}
.make-flipbook-stage{
    padding: 20px !important;
}
.make-page, .make-page-overlay{
    height: 80vh !important;
}
.make-nav{
    width: 35px !important;
    height:  35px !important;
}

@media (max-width: 1024px) {
    .make-catalog-card {
        max-width: 300px !important;
    }
        .make-flipbook-stage-wrap {
       grid-template-columns: 25px minmax(0, 1fr) 25px !important;
       gap: 10px;
    }
    .make-page, .make-page-overlay{
    height: 65vh !important; 
        
    }
    .make-flipbook-canvas {
    min-height:  0 !important;
        
    }
    .make-flipbook-stage{
     min-height: 65vh !important;
    }

}
@media (max-width: 767px) {
    .make-catalog-open {
        display: flex !important;
        /* grid-template-columns: 110px minmax(0, 1fr); */
        flex-direction: column !important;
        align-items: flex-start !important;
    }
    .make-flipbook-stage {
        min-height: 50vh !important;
        padding: 10px;
    }
    .make-page, .make-page-overlay{
    height: 50vh !important;
        
    }
    .make-nav {
        position: static !important;
    }
}
@media(max-width: 480px){
    
    .make-catalog-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    .make-catalog-meta strong {
    display: block;
    font-size: 0.9em !important;
    line-height: 1.1;
    margin: 10px 0 8px;
    color: #fff;
    }
    .make-catalog-cta {
    display: inline-flex;
    margin: 0 10px 15px !important;
    padding: 5px 10px !important;
    font-size: 0.8em !important;
    }
    .make-flipbook-stage-wrap{
        display: flex !important;
    }
    .make-flipbook-stage{
        width: 100% !important;
    }
    .make-flipbook-topbar{
        /*display: none !important;*/
    }
    .make-flipbook-stage {
     padding: 0px !important;
        
    }
    .make-flipbook-jump{
     display:  none !important;
    }
}/* End custom CSS */