/* Include bootstrap functionality */ /* @import '~bootstrap/scss/utilities'; */ /* @import '~bootstrap/scss/utilities/api'; */ /* Include color functionality */ /* Define the contrast adjustments, these are available as contrasts in the color function */ /* Assign color names to scss variables for easier use and autocompletion */ /* Define the default set, create a set for each style you use, and reference them in $colorSets */ @import url("https://fonts.googleapis.com/css2?family=Chivo:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap;"); /* // Calculate if the color requires white text to be readable // @param {Hex} Color // @returns {String} */ /* // Return contrasting text color based on contrast value // @param {Boolean} contrast // @returns {String} */ /* // Return contrasting filter value based on contrast value (used for making images accessible) // @param {Boolean} contrast // @returns {String} */ /* // Add two values together, wrapper to use either calc or sass.math based on the use of custom properties // @param {Number} base - base number // @param {Number} addValue - number to add to the base (can be negative to subtract a number) // @returns {String} */ /* // Get color value // @param {String} color - The name of a key in the color set ($colorSet) // @param {Object} settings - Object containing settings to modify the chosen color // @returns {Hsl Color, Filter} */ /* Include all variables */ /* Bootstrap variables // // Variables should follow the `$component-state-property-size` formula for // consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs. // // The variables in this files override the variables set in the node modules. This // is also the place to extend bootstrap variables with extra. Ex; $grid-gutter-width-small. */ /* Color system // // Define main theme colors, other colors and default ones */ /* Body // // Settings for the `` element. */ /* Typography // // Font, line-height, and color for body text, headings, and more. */ /* Lead */ /* Links */ /* Paragraphs */ /* Tables // // Customizes the `.table` component with basic values, each used across all table variations. */ /* RFS Configuration */ /* spacers */ /* focus */ /* transitions and animations */ /* useful for making an animation from a to b look more natural */ /* @import 'variables/hamburger'; */ /* Include libraries/functions and mixins */ /* // Calculate if the color requires white text to be readable // @param {Hex} Color // @returns {String} */ /* // Return contrasting text color based on contrast value // @param {Boolean} contrast // @returns {String} */ /* // Return contrasting filter value based on contrast value (used for making images accessible) // @param {Boolean} contrast // @returns {String} */ /* // Add two values together, wrapper to use either calc or sass.math based on the use of custom properties // @param {Number} base - base number // @param {Number} addValue - number to add to the base (can be negative to subtract a number) // @returns {String} */ /* // Get color value // @param {String} color - The name of a key in the color set ($colorSet) // @param {Object} settings - Object containing settings to modify the chosen color // @returns {Hsl Color, Filter} */ /* List-reset */ /* Bootstrap list-unstyles keeps list items block level, list-reset removes it completely */ .gutter-top { margin-top: 20px; } .gutter-bottom { margin-bottom: 20px; } .gutter--y { margin-top: 20px; margin-bottom: 20px; } .gutter--x { margin-right: 20px; margin-left: 20px; } .table-scrollable { display: block; overflow: auto hidden; width: 100%; } h1, h2, .h1, .h2 { font-weight: 700; } h2, .h2 { font-size: 1.8rem; } h3, .h3 { font-size: 1.5rem; } h4, .h4 { font-size: 1.3rem; } .font-weight-lighter { font-weight: 100 !important; } .small, small { font-size: 70%; } .font-size-xs { font-size: 0.875rem !important; } ul, ol { font-size: 1.2rem; font-weight: 300; } .info-panel { padding: 20px; color: black; background-color: #dff2fa; } .info-panel--muted { background-color: #e6e7e8; } .info-panel--warning { color: #fff; background-color: #dc4c6f; } .info-panel p:last-child { margin-bottom: 0; } .breadcrumb { padding: 2px 0; } .form-control { width: 100%; } /* Modal form */ ._form_4 form { width: 100% !important; } ._form_4 form select { padding: 6px; } .order-form .form-row #edit-delivery-change-address, .order-form .form-row #edit-invoice-change-address { margin-left: 50px; } .comment-form input[type=email], .comment-form input[type=text] { height: auto !important; font-size: inherit !important; } .form-item { margin-bottom: 20px; } .form-item--error-message { color: #c51d1d; } .form-item label { font-weight: 700; } .form-item .form-required::after { content: " *"; color: #c51d1d; } .form-item .form-required + .form-item label::after { content: " *"; color: #c51d1d; } textarea, input[type=tel], input[type=text], input[type=email], input[type=number], input[type=password] { background-color: #fff; border: 1px solid #a0a0a0; } .sidebar { border: none !important; } .sidebar .img-fluid { width: 100%; } .cover-tool__content img { max-width: 100%; } .cover-tool__content-title--indesign { background-color: #bf1c65; } .cover-tool__content-title--photoshop { background-color: #240678; } .cover-tool__messages { margin-left: 8px; } .cover-tool__messages h3 { font-size: 1.2rem; } .cover-tool__icon { width: 45px; height: 45px; padding: 10px; object-fit: contain; } .cover-tool__label { font-weight: 700; color: white; background-color: #3085be; padding: 4px 8px; margin-left: 3px; font-size: 0.8rem; } .discount-tool { margin-bottom: 1.25rem; background-color: #dff2fa; padding: 20px; } @media (min-width: 768px) { .discount-tool__wrap { max-width: 400px; } } .discount-tool__title { font-size: 32px; font-weight: bold; } .discount-tool__form { margin-bottom: 30px; } .discount-tool__form label { font-weight: normal; margin-bottom: 0; } .discount-tool__form .form-item { width: 100%; } .discount-tool__form .form-item .form-control { height: 55px; font-size: 1.8em; } .discount-tool__form-submit { width: 100%; } .discount-tool__table { width: 100%; } .discount-tool__table td:first-child { padding-right: 20px; } .discount-tool__table td:last-child { text-align: right; vertical-align: top; white-space: nowrap; } .paragraph--type--inline-block { margin: 4rem -32px; position: relative; } @media (min-width: 768px) { .paragraph--type--inline-block { margin: 4rem -40px; } } @media (min-width: 576px) and (max-width: 767.98px) { .paragraph--type--inline-block { margin: 4rem -40px; } } .paragraph--type--inline-block::before, .paragraph--type--inline-block::after { position: absolute; display: block; content: ""; width: calc(100% - 30px); height: 1rem; background-color: #f0f0f0; } .paragraph--type--inline-block::before { top: -1rem; left: 15px; border-top: 1px solid #dee2e6; } .paragraph--type--inline-block::after { bottom: -1rem; left: 15px; border-bottom: 1px solid #dee2e6; } .shoppingcart td, .shoppingcart th { vertical-align: middle; } .shoppingcart .form-item { margin: 0; } .paragraph--price-tool { margin: 30px auto; } .price-tool, .paragraph--price-tool { padding: 35px 25px; background-color: #FCF8F8; border-radius: 15px; max-width: 1140px; /* stylelint-disable declaration-no-important */ /* stylelint-enable */ } .price-tool .description h3, .paragraph--price-tool .description h3 { font-size: 30px; font-weight: 600; line-height: 120%; } @media (max-width: 768px) { .price-tool .description h3, .paragraph--price-tool .description h3 { font-size: 25px; } } .price-tool .description p, .paragraph--price-tool .description p { font-size: 18px; font-weight: 300; line-height: 155%; } .price-tool .btn-card .form-item, .paragraph--price-tool .btn-card .form-item { margin: 0; } .price-tool .btn-card label, .paragraph--price-tool .btn-card label { display: none; } .price-tool .btn-card input, .paragraph--price-tool .btn-card input { color: #666; padding: 35px; background: #FFFFFF; border: 1px solid #000; margin-top: 10px; width: 100%; height: 94px; font-style: normal; font-weight: 400; font-size: 28px; border-radius: unset; } .price-tool .btn-card input:focus, .paragraph--price-tool .btn-card input:focus { box-shadow: none; outline: none; } .price-tool .btn-card .info, .paragraph--price-tool .btn-card .info { text-transform: none; text-decoration: none; color: #666; padding: 35px; background: #FFFFFF; border: 1px solid #D5D5D5; margin-top: 10px; width: 100%; min-height: 90px; box-sizing: border-box; font-style: normal; font-weight: 400; font-size: 18px; line-height: 22px; border-radius: 10px 10px 0 0; display: flex; } .price-tool .btn-card .info:hover, .paragraph--price-tool .btn-card .info:hover { border: 1px solid #000; color: #000; } .price-tool .btn-card .btn, .paragraph--price-tool .btn-card .btn { background-color: #000; text-transform: none; width: 100%; border: 1px solid #000; font-size: 17px; font-weight: 700; color: white; border-radius: 0 0 10px 10px; padding: 15px; padding-left: 35px; display: flex; margin: 0 0 1.25rem; column-gap: 10px; } .price-tool .btn-card .btn:hover, .price-tool .btn-card .btn:focus-visible, .paragraph--price-tool .btn-card .btn:hover, .paragraph--price-tool .btn-card .btn:focus-visible { border: 1px solid #000; color: #000; background-color: #FFF; } .price-tool .btn-card .btn.btn-disabled, .price-tool .btn-card .btn.btn-disabled:hover, .paragraph--price-tool .btn-card .btn.btn-disabled, .paragraph--price-tool .btn-card .btn.btn-disabled:hover { column-gap: 0; background: #D5D5D5; color: #000; } .price-tool .btn-card .subtext, .paragraph--price-tool .btn-card .subtext { font-size: 14px; font-weight: 300; } .price-tool .btn-card .card-title, .paragraph--price-tool .btn-card .card-title { font-size: 18px; font-weight: 700; display: block; text-align: center; } .price-tool .black_pages .btn.btn-disabled, .paragraph--price-tool .black_pages .btn.btn-disabled { background: linear-gradient(90deg, #1e1e1e 0%, #e6e6e6 80%) !important; } .price-tool .colored_pages .btn.btn-disabled, .paragraph--price-tool .colored_pages .btn.btn-disabled { background: linear-gradient(90deg, #65fffd 0%, #e81dfd 50%, #effc45 100%) !important; } .price-tool #step--add_project, .paragraph--price-tool #step--add_project { margin-top: 30px; } .price-tool #step--size .card-title, .paragraph--price-tool #step--size .card-title { font-size: 18px; display: block; text-align: center; } .price-tool #step--price .euro-sign, .paragraph--price-tool #step--price .euro-sign { font-size: 60px; padding-top: 15px; padding-right: 15px; color: #666666; font-weight: 300; height: inherit; width: fit-content; } .price-tool #step--epub_pages .hash-tag, .paragraph--price-tool #step--epub_pages .hash-tag { font-size: 40px; padding-top: 28px; padding-right: 15px; color: #666666; font-weight: 300; height: inherit; width: fit-content; } .price-tool .center-heading, .paragraph--price-tool .center-heading { font-size: 23px; font-weight: 300; text-align: center; margin: 30px 0; } .price-tool .warning, .paragraph--price-tool .warning { padding: 35px 35px 25px; background-color: #FEB178; border-radius: 15px; display: flex; color: #ffffff; } .price-tool .warning .warning-text, .paragraph--price-tool .warning .warning-text { font-size: 18px; font-weight: 300; color: #ffffff; margin-left: 30px; } .price-tool .warning .warning-icon, .paragraph--price-tool .warning .warning-icon { width: 26px; height: 26px; } .price-tool .regular-button, .paragraph--price-tool .regular-button { font-size: 16px; font-weight: 700; justify-content: center; align-items: center; display: flex; width: fit-content; height: fit-content; column-gap: 10px; background-color: #000; color: white; border-radius: 10px; padding: 10px 15px; border: solid 1px #000; } .price-tool .regular-button:hover, .price-tool .regular-button:focus-visible, .paragraph--price-tool .regular-button:hover, .paragraph--price-tool .regular-button:focus-visible { border: 1px solid #000; color: #000; background-color: #FFF; } .price-tool .back-button, .paragraph--price-tool .back-button { font-size: 17px; font-weight: 700; display: flex; width: fit-content; height: fit-content; column-gap: 10px; background-color: #000; color: white; border-radius: 10px; padding: 10px 35px; border: solid 1px #000; margin: 10px 0 35px 0; } .price-tool .back-button:hover, .price-tool .back-button:focus-visible, .paragraph--price-tool .back-button:hover, .paragraph--price-tool .back-button:focus-visible { border: 1px solid #000; color: #000; background-color: #FFF; } .price-tool .bold-title, .paragraph--price-tool .bold-title { font-size: 18px; font-weight: 700; } .price-tool .link-style, .paragraph--price-tool .link-style { font-size: 18px; font-weight: 300; color: #3085be; cursor: pointer; } .price-tool .link-style:hover, .price-tool .link-style:focus-visible, .paragraph--price-tool .link-style:hover, .paragraph--price-tool .link-style:focus-visible { color: #2972a3; } .price-tool .bg-ticket, .paragraph--price-tool .bg-ticket { width: 100%; background-position: bottom; background-repeat: no-repeat; background-image: url("../assets/images/bg-price-ticket.svg"); padding: 15px; background-color: #FFF; border: solid 1px #000; border-bottom-width: 0; } .price-tool .ticket-total-price, .paragraph--price-tool .ticket-total-price { font-size: 26px; font-weight: 700; line-height: 50px; } .price-tool .ticket-unit-price, .paragraph--price-tool .ticket-unit-price { font-size: 14px; font-weight: 300; } .price-tool .list-number-large-text, .paragraph--price-tool .list-number-large-text { font-size: 26px; font-weight: 700; } .price-tool .quote-column-br, .paragraph--price-tool .quote-column-br { border: 1px solid #D5d5d5; border-width: 0 1px 1px 0; } .price-tool .quote-column, .paragraph--price-tool .quote-column { padding-right: 2px; border-width: 1px; } .price-tool .borwhite, .price-tool .quote-column, .paragraph--price-tool .borwhite, .paragraph--price-tool .quote-column { border: 0 solid #D5d5d5; } .price-tool .quote-column, .price-tool .quote-column-br, .paragraph--price-tool .quote-column, .paragraph--price-tool .quote-column-br { min-height: 40px; padding-top: 5px; padding-left: 5px; border-width: 0 1px 1px 0; } .price-tool #pricetool, .paragraph--price-tool #pricetool { padding-left: 40px; padding-right: 17px; font-size: 18px; } .price-tool #pricetool .row .quote-column:last-child, .paragraph--price-tool #pricetool .row .quote-column:last-child { border-right: none; } .price-tool .quote-first, .price-tool .quotehead, .paragraph--price-tool .quote-first, .paragraph--price-tool .quotehead { font-weight: 400; } .price-tool .midgrey, .paragraph--price-tool .midgrey { color: #a0a0a0; font-size: 14px; font-weight: 300; } .price-tool .bs-blue-medium, .paragraph--price-tool .bs-blue-medium { color: #81DBF3; font-size: 14px; font-weight: 300; } .price-tool .qty_row_active, .paragraph--price-tool .qty_row_active { background-color: #fff; font-weight: 700; } .price-tool .panel, .paragraph--price-tool .panel { padding: 35px; padding-bottom: 10px; border: 0 none; border-radius: 15px; } .price-tool .panel.alert-panel-warning, .paragraph--price-tool .panel.alert-panel-warning { font-size: 18px; font-weight: 400; padding-bottom: 35px; border: 1px solid #fd7e14; margin-top: 30px; } .price-tool .panel.alert-panel-warning b, .paragraph--price-tool .panel.alert-panel-warning b { font-weight: 700; } .price-tool .panel.alert-panel-warning hr, .paragraph--price-tool .panel.alert-panel-warning hr { margin: 20px 0; } .price-tool .panel.alert-panel-warning .alert-panel-icon, .paragraph--price-tool .panel.alert-panel-warning .alert-panel-icon { font-size: 28px; } .price-tool .softred, .paragraph--price-tool .softred { color: #f58282; } .price-tool .border-with-title, .paragraph--price-tool .border-with-title { border: 1px solid #DDD; margin: 18px 0 0; padding: 20px 17px 5px; border-radius: 10px 10px 10px 10px; position: relative; } .price-tool .border-with-title .title, .paragraph--price-tool .border-with-title .title { font-size: 14px; font-weight: 300; display: flex; column-gap: 3px; align-items: center; text-transform: uppercase; background: #FCF8F8; margin: 0; padding: 0 0.2rem; color: #666666; position: absolute; top: -11px; } .price-tool .border-with-title input[type=number], .price-tool .border-with-title select, .paragraph--price-tool .border-with-title input[type=number], .paragraph--price-tool .border-with-title select { font-size: 14px; font-weight: 700; border-radius: 0; background-color: #FFF; border-style: solid; border-width: 1px; border-color: #ccc; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.75); display: block; height: 37px; margin: 0 0 16px; width: 100%; transition: border-color 0.15s linear, background 0.15s linear; } .price-tool .border-with-title input[type=number]:focus, .price-tool .border-with-title select:focus, .paragraph--price-tool .border-with-title input[type=number]:focus, .paragraph--price-tool .border-with-title select:focus { border-color: #999; outline: 0; } .price-tool #step--save_email, .paragraph--price-tool #step--save_email { margin-top: 40px; } .price-tool #step--save_email #edit-summary-email-save, .paragraph--price-tool #step--save_email #edit-summary-email-save { display: flex; align-items: center; } .price-tool #step--save_email input[type=email], .paragraph--price-tool #step--save_email input[type=email] { font-size: 14px; font-weight: 700; border-radius: 0; background-color: #FFF; border-style: solid; border-width: 1px; border-color: #ccc; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.75); display: block; height: 37px; width: 100%; transition: border-color 0.15s linear, background 0.15s linear; } .price-tool #step--save_email input[type=email]:focus, .paragraph--price-tool #step--save_email input[type=email]:focus { border-color: #999; outline: 0; } .price-tool #edit-summary-submit-form, .paragraph--price-tool #edit-summary-submit-form { width: 100%; padding: 15px; margin: 18px 0; } .price-tool .print-summary-form #pages-wrapper .form-item, .price-tool .publish-summary-form #pages-wrapper .form-item, .paragraph--price-tool .print-summary-form #pages-wrapper .form-item, .paragraph--price-tool .publish-summary-form #pages-wrapper .form-item { display: flex; flex-direction: row-reverse; } .price-tool .print-summary-form #pages-wrapper .form-item.form-item-summary-pages-black-pages label, .price-tool .publish-summary-form #pages-wrapper .form-item.form-item-summary-pages-black-pages label, .paragraph--price-tool .print-summary-form #pages-wrapper .form-item.form-item-summary-pages-black-pages label, .paragraph--price-tool .publish-summary-form #pages-wrapper .form-item.form-item-summary-pages-black-pages label { background: linear-gradient(90deg, #1e1e1e 0%, #e6e6e6 80%); color: white; } .price-tool .print-summary-form #pages-wrapper .form-item.form-item-summary-pages-colored-pages label, .price-tool .publish-summary-form #pages-wrapper .form-item.form-item-summary-pages-colored-pages label, .paragraph--price-tool .print-summary-form #pages-wrapper .form-item.form-item-summary-pages-colored-pages label, .paragraph--price-tool .publish-summary-form #pages-wrapper .form-item.form-item-summary-pages-colored-pages label { background: linear-gradient(90deg, #65fffd 0%, #e81dfd 50%, #effc45 100%); } .price-tool .print-summary-form #pages-wrapper .form-item label, .price-tool .publish-summary-form #pages-wrapper .form-item label, .paragraph--price-tool .print-summary-form #pages-wrapper .form-item label, .paragraph--price-tool .publish-summary-form #pages-wrapper .form-item label { font-size: 14px; font-weight: 300; border: 1px solid black; line-height: 2.3125rem; overflow: visible; padding-bottom: 0; padding-top: 0; position: relative; text-align: center; width: 100%; height: 37px; z-index: 2; } .price-tool table#stores-table, .paragraph--price-tool table#stores-table { background: #FFF; margin-bottom: 1.25rem; table-layout: auto; border: 1px solid #DDD; border-spacing: 2px; border-collapse: separate; } .price-tool table#stores-table a, .paragraph--price-tool table#stores-table a { text-decoration: none; } .price-tool table#stores-table .regular-button, .paragraph--price-tool table#stores-table .regular-button { width: 100%; } .price-tool table#stores-table thead, .paragraph--price-tool table#stores-table thead { background: #F5F5F5; } .price-tool table#stores-table tr:nth-of-type(even), .paragraph--price-tool table#stores-table tr:nth-of-type(even) { background: #F9F9F9; } .price-tool table#stores-table th, .price-tool table#stores-table td, .paragraph--price-tool table#stores-table th, .paragraph--price-tool table#stores-table td { padding: 9px 10px; } .price-tool .publish-popup h2, .paragraph--price-tool .publish-popup h2 { font-size: 30px; font-weight: 700; } .price-tool .publish-popup .panel, .paragraph--price-tool .publish-popup .panel { background: #FCF8F8; } .price-tool .publish-popup .total-price, .paragraph--price-tool .publish-popup .total-price { font-size: 18px; font-weight: 700; } .price-tool .publish-popup .price, .paragraph--price-tool .publish-popup .price { border-bottom: 1px solid #000; } .price-tool .publish-popup .price-big, .paragraph--price-tool .publish-popup .price-big { font-size: 48px; font-weight: 700; } .price-tool .publish-popup .light-text, .paragraph--price-tool .publish-popup .light-text { font-size: 28px; font-weight: 300; color: #6f6f6f; } .price-tool .publish-popup .warning, .paragraph--price-tool .publish-popup .warning { background-color: #FEB178; color: black; } .price-tool .publish-popup .sub-text, .paragraph--price-tool .publish-popup .sub-text { font-size: 16px; font-weight: 400; margin: 20px 15px; } .price-tool .ebook-modal-bg, .price-tool .reveal-modal-bg, .paragraph--price-tool .ebook-modal-bg, .paragraph--price-tool .reveal-modal-bg { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.45); z-index: 999; } .price-tool .ebook-modal, .price-tool .reveal-modal, .paragraph--price-tool .ebook-modal, .paragraph--price-tool .reveal-modal { position: fixed; top: 0; bottom: 0; left: 0; z-index: 9999; overflow-y: auto; } .price-tool .ebook-modal .inner, .price-tool .reveal-modal .inner, .paragraph--price-tool .ebook-modal .inner, .paragraph--price-tool .reveal-modal .inner { position: relative; margin: 100px auto; background: white; max-width: 60%; padding: 30px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); overflow-y: auto; } @media only screen and (max-width: 576px) { .price-tool .ebook-modal .inner, .price-tool .reveal-modal .inner, .paragraph--price-tool .ebook-modal .inner, .paragraph--price-tool .reveal-modal .inner { margin: 20px auto; } } @media only screen and (max-width: 576px) { .price-tool .ebook-modal .inner, .price-tool .reveal-modal .inner, .paragraph--price-tool .ebook-modal .inner, .paragraph--price-tool .reveal-modal .inner { max-width: 100%; height: 100%; } } .price-tool .ebook-modal .inner .close-ebook-modal, .price-tool .ebook-modal .inner .close-reveal-modal, .price-tool .reveal-modal .inner .close-ebook-modal, .price-tool .reveal-modal .inner .close-reveal-modal, .paragraph--price-tool .ebook-modal .inner .close-ebook-modal, .paragraph--price-tool .ebook-modal .inner .close-reveal-modal, .paragraph--price-tool .reveal-modal .inner .close-ebook-modal, .paragraph--price-tool .reveal-modal .inner .close-reveal-modal { color: #AAA; font-size: 40px; font-weight: 700; line-height: 1; cursor: pointer; position: absolute; text-decoration: none; top: 5px; right: 15px; } .price-tool .error-block, .paragraph--price-tool .error-block { background-color: #FFA099; padding: 35px; color: white; text-align: center; display: flex; flex-direction: column; align-items: center; font-size: 18px; } .price-tool .error-block .error-header, .paragraph--price-tool .error-block .error-header { display: flex; align-items: center; margin-bottom: 5px; } .price-tool .error-block .error-header svg, .price-tool .error-block .error-header i, .paragraph--price-tool .error-block .error-header svg, .paragraph--price-tool .error-block .error-header i { font-size: 28px; margin-right: 5px; } .price-tool .label.leerno, .paragraph--price-tool .label.leerno { display: block; text-align: center; background-color: #000000; border-radius: 10px; font-size: 32px; font-weight: 300; line-height: 50px; color: white; width: 50px; height: 50px; } #pumbo-client-project-commercial-metadata #edit-metadata-covers { display: flex; column-gap: 15px; flex-wrap: wrap; } #pumbo-client-project-commercial-metadata #edit-metadata-covers .image-widget span { display: none; } #pumbo-client-project-commercial-metadata #edit-metadata-covers .image-widget input { margin: 10px auto; } #pumbo-client-project-commercial-metadata #edit-actions { display: flex; justify-content: end; } iframe[name="243584654830059"], iframe[name="241014473982355"], iframe[name="240851937539063"] { position: fixed !important; top: 0 !important; bottom: 0 !important; width: 100% !important; height: 100% !important; z-index: 100000 !important; } body { padding-top: 108px; } /*# sourceMappingURL=main.css.map */