{"version":3,"sources":["sass/style.scss","sass/tainacan-item-archive.scss","sass/tainacan-item-single.scss"],"names":[],"mappings":"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","sourcesContent":["/**\n * Theme Name: Tainacan Support for Blocksy\n * Description: A Tainacan plugin/child theme compatible with Blocksy theme\n * Author: Tainacan\n * Template: blocksy\n * Text Domain: tainacan-blocksy\n */\n\n /* Tainacan Gutenberg Blocks colors */\n :root {\n    --tainacan-block-primary: var(--paletteColor1, #3eaf7c);\n    --tainacan-block-gray0: var(--backgroundColor, #f8f9fb);\n    --tainacan-block-gray1: var(--backgroundColor, #f8f9fb);\n    --tainacan-block-gray2: var(--formBorderInitialColor, #e0e5eb);\n    --tainacan-block-gray3: var(--formBorderInitialColor, #e0e5eb);\n    --tainacan-block-gray4: var(--color, rgba(44, 62, 80, 0.9));\n    --tainacan-block-gray5: var(--headingColor, rgba(44, 62, 80, 1));\n }\n\n// Grid mixin for display: grid compatibility\n@mixin display-grid {\n   flex-wrap: wrap;\n   display: flex;\n   display: -ms-grid;\n   display: grid;\n}\n@mixin grid-child ($col-start, $col-end, $row-start, $row-end) {\n   -ms-grid-column: $col-start;\n   -ms-grid-column-span: $col-end - $col-start;\n   -ms-grid-row: $row-start;\n   -ms-grid-row-span: $row-end - $row-start;\n   grid-column: #{$col-start}/#{$col-end};\n   grid-row: #{$row-start}/#{$row-end};\n}\n\n/* Remaining imports */\n@import './tainacan-item-archive.scss';\n@import './tainacan-item-single.scss';","/* Tainacan Items list customization */\n.theme-items-list {\n    --tainacan-font-family: var(--fontFamily, inherit);\n    --tainacan-base-font-size: var(--fontSize, 1em);\n//    --tainacan-secondary: var(--paletteColor1, #3eaf7c);\n//    --tainacan-primary: var(--formBorderInitialColor, #e0e5eb);\n//    --tainacan-background-color: var(--backgroundColor, #f8f9fb);\n//--tainacan-item-background-color: var(--cardBackground, white);\n//    --tainacan-item-hover-background-color: var(--tainacan-item-background-color, white);\n    --tainacan-item-heading-hover-background-color: var(--tainacan-item-background-color, white);\n//    --tainacan-input-color: var(--color, rgba(44, 62, 80, 0.9));\n//    --tainacan-input-background-color: var(--formBackgroundInitialColor, white);\n    --tainacan-input-border-color: var(--formBorderInitialColor, #e0e5eb);\n//    --tainacan-heading-color: var(--headingColor, rgba(44, 62, 80, 1));\n//    --tainacan-label-color: var(--color, rgba(44, 62, 80, 0.9));\n//    --tainacan-info-color: var(--color, rgba(44, 62, 80, 0.9));\n    --tainacan-skeleton-color: var(--tainacan-item-background-color, white);\n    \n    &:not(.is-fullscreen) {\n        justify-content: center;\n        top: -52px !important;\n        background: transparent !important;\n        padding: 6px 13px;\n        @include display-grid;\n        grid-template-columns: 0fr 100% 1fr;\n        grid-template-rows: auto 1fr;\n        grid-template-areas:\n          \". searchcontrol .\"\n          \"itemslist itemslist itemslist\";\n    }\n\n    /* Search control */\n    .search-control {\n        grid-area: searchcontrol;\n        border-radius: 0 0 var(--borderRadius, 3px) var(--borderRadius, 3px);\n        padding: 20px 20px 6px 20px !important;\n        margin: 5px;\n\n        .search-control-item {\n            margin-bottom: 20px !important;\n        }\n\n        .control.has-icons-right .icon .mdi-magnify::before {\n            color: var(--tainacan-secondary, #3eaf7c);\n        }\n    }\n\n    /* Filters panel */\n    #filters-modal {\n        grid-area: itemslist;\n        justify-self: start;\n        align-self: normal;\n        width: 100%;\n\n        .modal-content {\n            padding: 16px 10px;\n\n            @media screen and (max-width: 768px){\n                padding: 16px 10px 16px 12vw;\n            }\n\n            #filters-items-list {\n                background-color: var(--backgroundColor, #f8f9fb);\n                padding: 20px;\n                margin: -3px;\n\n                .filters-components-list {\n                    margin-bottom: 24px;\n                }\n            }\n        }\n\n        &.tainacan-filter-list-fixed {\n            left: 14px;\n        }\n    }\n\n    /* Items list container */\n    #items-list-area {\n        grid-area: itemslist;\n        justify-self: end;\n        align-self: normal;\n        width: 100%;\n\n        #items-list-results {\n            .table-container {\n                min-width: 100%;\n                padding-top: 14px;\n                padding-left: 10px;\n                padding-bottom: 14px;\n                padding-right: 10px;\n            }\n            \n            /* Tainacan items list view modes */\n            .tainacan-masonry-container .tainacan-masonry-item,\n            .tainacan-records-container .tainacan-record,\n            .tainacan-cards-container .tainacan-card,\n            .tainacan-list-container .tainacan-list {\n                border-radius: var(--borderRadius, 3px);\n                box-shadow: var(--boxShadow, 0px 12px 18px -6px rgba(34, 56, 101, 0.04));\n                border: var(--border, none);\n                overflow: hidden;\n\n                .metadata-title p {\n                    font-weight: 500;\n                }\n                .metadata-value,\n                .metadata-label {\n                font-size: 0.8125em !important;\n                }\n            }\n            .tainacan-records-container .tainacan-record,\n            .tainacan-list-container .tainacan-list {\n                background-color: var(--tainacan-item-background-color, white) !important;\n            }\n            .tainacan-masonry-container .tainacan-masonry-item {\n                display: flex !important;\n                flex-direction: column-reverse;\n            }\n            .tainacan-cards-container .tainacan-card {\n                min-height: 215px;\n                max-height: 215px;\n\n                .media .list-metadata {\n                    padding: 0.125em 1.375em !important;\n\n                    p.metadata-description {\n                        max-height: 12.75em !important;\n                        line-height: 1.25em;\n                    }\n                }\n            }\n            .tainacan-table {\n                padding: 0 12px;\n                .column-main-content p { \n                    font-weight: 500;\n                }\n                td p {\n                    font-size: 0.725em !important;\n                }\n            }\n            .tainacan-slide-main-view {\n                iframe {\n                    border: none;\n                    border-radius: var(--borderRadius, 3px);\n                }\n            }\n            .tainacan-slides-list {\n                .swiper-slide img {\n                    border-radius: var(--borderRadius, 3px);\n                    padding-bottom: 0;\n                }\n            }\n\n            /* Pagination */\n            .pagination-area {\n                border-top: none;\n                margin-left: 12px;\n                margin-right: 12px;\n\n                .pagination {\n                    font-weight: bold;\n                    --colorActive: #ffffff;\n\n                    .pagination-link {\n                        display: inline-flex;\n                        align-items: center;\n                        justify-content: center;\n                        height: 40px;\n                        width: 42px;\n                        border-radius: 4px;\n                        border: 2px solid transparent;\n                        font-size: 14px;\n                        font-weight: 600;\n                        color: var(--color);\n                        --linkInitialColor: var(--color);\n                        transition: color 0.12s cubic-bezier(0.455, 0.03, 0.515, 0.955), background 0.12s cubic-bezier(0.455, 0.03, 0.515, 0.955),border-color 0.12s cubic-bezier(0.455, 0.03, 0.515, 0.955);\n\n                        &:hover {\n                            text-decoration: none;\n                            border-color: var(--linkHoverColor);\n                            color: var(--linkHoverColor);\n                        }\n                        &.is-current {\n                            color: var(--colorActive) !important;\n                            background: var(--linkHoverColor);\n                        }\n                    }\n                }\n            }\n        }\n    }\n\n    /* Advanced Search */\n    .advanced-search-criteria-title hr {\n        display: none;\n    }\n\n    /* Inputs style */\n    input.input,\n    .input,\n    textarea.textarea,\n    .textarea,\n    input[type=\"color\"].input,\n    input[type=\"date\"].input,\n    input[type=\"datetime-local\"].input,\n    input[type=\"datetime\"].input,\n    input[type=\"email\"].input,\n    input[type=\"number\"].input,\n    input[type=\"month\"].input,\n    input[type=\"password\"].input,\n    input[type=\"search\"].input,\n    input[type=\"tel\"].input,\n    input[type=\"text\"].input,\n    input[type=\"time\"].input,\n    input[type=\"url\"].input,\n    input[type=\"week\"].input {\n        border-radius: var(--borderRadius, 3px) !important;\n        border: 1px solid var(--tainacan-input-border-color);\n    }\n}\n\n/* Extra classes applied from customizer */\n.page {\n    &.has-filters-panel-style-boxed #filters-modal .modal-content #filters-items-list {\n        border-radius: var(--borderRadius, 3px);\n        background-color: var(--tainacan-item-background-color, white);\n        box-shadow: var(--boxShadow, 0px 12px 18px -6px rgba(34, 56, 101, 0.04));\n    }\n}\n\n/* Tooltips and Modals are outside of the items list div */\nbody:not(.tainacan-admin-page) {\n\n    .tooltip,\n    .tainacan-modal-content {\n        --tainacan-font-family: var(--fontFamily, inherit);\n        --tainacan-base-font-size: var(--fontSize, 1em);\n        --tainacan-secondary: var(--paletteColor1, #3eaf7c);\n        --tainacan-primary: var(--formBorderInitialColor, #e0e5eb);\n        --tainacan-background-color: var(--backgroundColor, #f8f9fb);\n        --tainacan-input-color: var(--color, rgba(44, 62, 80, 0.9));\n        --tainacan-input-background-color: var(--formBackgroundInitialColor, white);\n        --tainacan-input-border-color: var(--formBorderInitialColor, #e0e5eb);\n        --tainacan-label-color: var(--color, rgba(44, 62, 80, 0.9));\n        --tainacan-info-color: var(--color, rgba(44, 62, 80, 0.9));\n        --tainacan-heading-color: var(--headingColor, rgba(44, 62, 80, 1));\n    }\n\n    .tainacan-modal-content {\n        border-radius: var(--borderRadius, 6px);\n\n        .tainacan-modal-title {\n            hr {\n                display: none;\n            }\n        }\n        .tabs li {\n            margin-bottom: 0px;\n        }\n        .modal-card-body {\n            background-color: var(--tainacan-item-background-color, white);\n        }\n    }\n}\n\n/* Collection Items List */\n.tainacan-collection-header {\n    display: flex;\n    padding: 36px 18px 28px 18px;\n    justify-content: center;\n    align-items: center;\n    background-color: var(--tainacan-background-color, #f8f9fb);\n    background-size: cover;\n    background-position: center;\n    background-repeat: no-repeat;\n    --headingColor: var(--tainacan-heading-color, rgba(44, 62, 80, 1));\n    --color: var(--tainacan-label-color, #454647);\n    --linkInitialColor: var(--tainacan-secondary, #3eaf7c);\n\n    .tainacan-collection-header__box {\n        width: 100%;\n        padding: 20px;\n\n        .page-title {\n            margin-top: 0px;\n            margin-bottom: 4px;\n            display: inline-block;\n        }\n        .ct-title-label {\n            font-weight: normal;\n            &::after {\n                content: ': ';\n            }\n        }\n        .collection-thumbnail {\n            max-width: calc(var(--tainacan-filter-menu-width-theme, 20%) - 24px);\n            float: left;\n            margin-right: 24px;\n\n            img {\n                border-radius: var(--borderRadius,3px);\n            }\n        }\n    }\n}\n\n.page.has-page-header-style-boxed {\n    .theme-items-list:not(.is-fullscreen) {\n        grid-template-columns: 1fr minmax(auto, 1300px) 1fr;\n    }\n    .tainacan-collection-header .tainacan-collection-header__box {\n        width: var(--maxSiteWidth, 1290px);\n        border-radius: var(--borderRadius,3px) var(--borderRadius, 3px) 0 0;\n        background-color: var(--tainacan-item-background-color,#fff);\n        box-shadow: var(--boxShadow,0 12px 18px -6px rgba(34,56,101,.04));\n    }\n    .search-control {\n        background-color: var(--tainacan-item-background-color, white);\n        box-shadow: var(--boxShadow, 0px 12px 18px -6px rgba(34, 56, 101, 0.04));\n    }\n}\n\n","\n/* Single Item Page */\n.tainacan-item-single {\n    \n    // Overall page layout structure -------------------\n    @include display-grid;\n    align-items: start;\n    grid-column-gap: 48px;\n    column-gap: 48px;\n\n    .tainacan-item-section {\n        max-width: var(--block-max-width);\n        align-self: flex-start;\n        align-self: start;\n        margin-bottom: 2.25rem;\n    }\n    .tainacan-item-section--document,\n    .tainacan-item-section--gallery { grid-area: document }\n    .tainacan-item-section--attachments { grid-area: attachments }\n    .tainacan-item-section--metadata { grid-area: metadata }\n    \n    &.tainacan-item-single--layout-type-dam {\n        grid-template-areas:\n            'document'\n            'attachments'\n            'metadata';\n        grid-template-columns: 100%;\n    }\n    &.tainacan-item-single--layout-type-dma {\n        grid-template-areas:\n            'document'\n            'metadata'\n            'attachments';\n        grid-template-columns: 100%;\n    }\n    &.tainacan-item-single--layout-type-mda {\n        grid-template-areas:\n            'metadata'\n            'document'\n            'attachments';\n        grid-template-columns: 100%;\n    }\n    &.tainacan-item-single--layout-type-mg {\n        grid-template-areas:\n            'metadata document' \n            'metadata attachments'\n            'metadata .';\n        grid-template-columns: 60% 40%;\n\n        @media only screen and (max-width: 960px) {\n            grid-template-areas:\n            'metadata'\n            'document'\n            'attachments';\n            grid-template-columns: 100% !important;\n        }\n    }\n    &.tainacan-item-single--layout-type-gm {\n        grid-template-areas:\n            'document metadata' \n            'attachments metadata'\n            '. metadata';\n        grid-template-columns: 60% 40%;\n\n        @media only screen and (max-width: 960px) {\n            grid-template-areas:\n            'document'\n            'attachments'\n            'metadata';\n            grid-template-columns: 100% !important;\n        }\n    }\n\n    // Headings and spacing ----------------------------\n    h1 {\n        --fontSize: 30px;\n    }\n    h2 {\n        --fontSize: 24px;\n    }\n    h3 {\n        --fontSize: 20px;\n    }\n    h4 {\n        --fontSize: 18px;\n    }\n    h5 {\n        --fontSize: 16px;\n    }\n    h6 {\n        --fontSize: 14px;\n    }\n    .tainacan-single-item-section {\n        text-align: var(--section-alignment, left);\n    }\n\n    // Tainacan Media Component (attachments gallery)\n    .tainacan-media-component {\n        --swiper-theme-color: var(--paletteColor1, #3eaf7c);\n        --swiper-navigation-color: var(--paletteColor1, #3eaf7c);\n        --swiper-navigation-size: 2.5rem;\n        --tainacan-media-background: var(--background-color, #ffffff);\n        --tainacan-media-main-carousel-height: 60vh;\n        --tainacan-media-main-carousel-width: 100%;\n        --tainacan-media-thumbs-carousel-width: 100%;\n        --tainacan-media-thumbs-carousel-item-size: var(--attachments-size,140px);\n\n        .tainacan-media-component__swiper-thumbs {\n            font-weight: normal;\n            transition: font-weight 0.3s ease;\n    \n            img {\n                border-radius: var(--borderRadius, 3px);\n                border-bottom: 4px solid transparent;\n                margin-bottom: 4px;\n                transition: border 0.3s ease;\n            }\n\n            .swiper-slide-metadata {\n                display: block;\n                margin-top: 0.5rem;\n                font-family: var(--fontFamily);\n                font-size: var(--fontSize);\n                font-weight: var(--fontWeight);\n                font-style: var(--fontStyle, inherit);\n                line-height: var(--lineHeight);\n                letter-spacing: var(--letterSpacing);\n                text-transform: var(--textTransform);\n                -webkit-text-decoration: var(--textDecoration);\n                text-decoration: var(--textDecoration);\n            }\n        }\n    }\n\n    // Metadata list -------------------------------------\n    .tainacan-item-section__metadata {\n        height: 100%;\n        -moz-column-width: var(--metadata-column-width, 400px);\n        -webkit-column-width: var(--metadata-column-width, 400px);\n        column-width: var(--metadata-column-width, 400px);\n        \n        div {\n            -webkit-column-break-inside: avoid;\n            page-break-inside: avoid;\n            break-inside: avoid;\n            display: inline-block;\n            width: 100%;\n            &:last-child {\n                -webkit-column-break-inside: auto;\n                page-break-inside: auto;\n                break-inside: auto;\n                display: inline-block;\n                width: 100%;\n            }\n        }\n        @media only screen and (min-width: 768px) {\n            -moz-column-gap: 0;\n            -moz-column-rule: none;\n            -webkit-column-gap: 0;\n            -webkit-column-rule: none;\n            column-gap: 4rem;\n            column-rule: none;\n        }\n        @media only screen and (min-width: 1366px) {\n            -moz-column-gap: 7rem;\n            -moz-column-rule: none;\n            -webkit-column-gap: 7rem;\n            -webkit-column-rule: none;\n            column-gap: 7rem;\n            column-rule: none;\n        }\n        h3 {\n            padding-right: 1rem;\n            margin-bottom: 0.25rem;\n            width: 100%;\n            &:first-of-type:last-of-type {\n                display: inline-block;\n            }\n        }\n        h4,\n        label {\n            padding-right: 0.875rem;\n            width: 100%;\n            &:first-of-type:last-of-type {\n                display: inline-block;\n            }\n        }\n        p {\n            word-wrap: break-word;\n        }\n        .tainacan-metadata-label {\n            text-align: var(--metadata-label-alignment, left);\n        }\n        .tainacan-metadata-value {\n            text-align: var(--metadata-value-alignment, left);\n            font-family: var(--fontFamily);\n            font-size: var(--fontSize);\n            font-weight: var(--fontWeight);\n            font-style: var(--fontStyle, inherit);\n            line-height: var(--lineHeight);\n            letter-spacing: var(--letterSpacing);\n            text-transform: var(--textTransform);\n            -webkit-text-decoration: var(--textDecoration);\n            text-decoration: var(--textDecoration);\n            margin-bottom: 0.75rem;\n            padding-bottom: 0.75rem;\n            border-bottom: var(--metadata-value-border, 0px solid rgba(125, 125, 125, 0.5));\n        }\n        .tainacan-item-section__metadata-thumbnail img {\n            border-radius: var(--borderRadius, 3px);\n        }\n\n        // Metadata type textarea has different separator\n        .multivalue-separator {\n            color: #cbcbcb;\n            margin: 0 8px;    \n        }\n        .hierarchy-separator {\n            color: #cbcbcb;  \n        }\n        .metadata-type-compound,\n        .metadata-type-textarea {\n            .multivalue-separator {\n                display: block;\n                max-height: 1px;\n                width: 35px;\n                background: #cbcbcb;\n                content: none;\n                color: transparent;\n                margin: 0.875rem auto;\n            }\n        }\n        .tainacan-compound-group {\n            padding-left: 1.5rem;\n            border-left: 1px solid #e0e5eb;\n        }\n\n        &.metadata-type-2 {\n            &>div {\n                display: flex;\n                flex-wrap: nowrap;\n                \n                .tainacan-metadata-label {\n                    flex-basis: 40%;\n                    margin-bottom: .75rem;\n                    border-right: var(--metadata-label-border, 0px solid rgba(125, 125, 125, 0.5));\n                }\n                .tainacan-metadata-value {\n                    flex-basis: 60%;\n                    padding-left: 1rem;\n                }\n\n                @media only screen and (max-width: 767px) {\n                    flex-wrap: wrap;\n                \n                    .tainacan-metadata-label {\n                        flex-basis: 100%;\n                        margin-bottom: 0.25rem;\n                    }\n                    .tainacan-metadata-value {\n                        flex-basis: 100%;\n                        padding-left: 0;\n                    }\n                }\n            }\n        }\n    }\n\n    // Document Download button -------------------------------------\n    .tainacan-item-file-download {\n        position: absolute;\n        opacity: 0;\n        transform: scale(0);\n        border-radius: 24px;\n        width: 36px;\n        height: 36px;\n        bottom: -18px;\n        right: calc(50% - 18px);\n        cursor: pointer;\n        font-size: 0;\n        background-color: var(--paletteColor1, #3eaf7c);\n        color: white;\n        transition: opacity 0.3s ease, transform 0.3s ease, font-size 0.3s ease;\n\n        a {\n            height: 38px;\n            width: 38px;\n            display: block;\n            position: relative;\n            z-index: 99;\n            background: transparent !important;\n        }\n\n        &::after {\n            position: relative;\n            top: -38px;\n            display: inline-block;\n            font: normal normal normal 20px/1 \"TainacanIcons\";\n            font-size: 1.25rem !important;\n            line-height: 2.25rem;\n            text-rendering: auto;\n            vertical-align: middle;\n            -webkit-font-smoothing: antialiased;\n            -moz-osx-font-smoothing: grayscale;\n            font-size: 1.25em;\n            text-transform: none !important;\n            letter-spacing: normal !important;\n            content: 'download';\n            display: flex;\n            justify-content: center;\n            align-items: center;\n        }\n    }\n    .tainacan-item-section__document {\n        position: relative;\n    }\n    .tainacan-media-component__swiper-main,\n    .tainacan-item-section__document {\n        &:hover .tainacan-item-file-download {\n            opacity: 1;\n            transform: scale(1);\n        }\n    }\n}"]}