/** * #.# Common SCSS * * Can include things like variables and mixins * that are used across the project. */ .editor-block-list-item-amalinkspro-legacy-insert-textlink-html .editor-block-types-list__item-icon .editor-block-icon svg, .editor-block-list-item-amalinkspro-legacy-insert-imagelink-html .editor-block-types-list__item-icon .editor-block-icon svg, .editor-block-list-item-amalinkspro-legacy-insert-cta-shortcode .editor-block-types-list__item-icon .editor-block-icon svg, .editor-block-list-item-amalinkspro-legacy-insert-showcase-shortcode .editor-block-types-list__item-icon .editor-block-icon svg, .editor-block-list-item-amalinkspro-insert-product-showcase .editor-block-types-list__item-icon .editor-block-icon svg, .editor-block-list-item-amalinkspro-insert-table-shortcode .editor-block-types-list__item-icon .editor-block-icon svg, .editor-block-list-item-amalinkspro-alp-imagelink .editor-block-types-list__item-icon .editor-block-icon svg, .editor-block-list-item-amalinkspro-insert-nonapi-image .editor-block-types-list__item-icon .editor-block-icon svg, .editor-block-list-item-amalinkspro-insert-nonapi-showcase-shortcode .editor-block-types-list__item-icon .editor-block-icon svg, .editor-block-list-item-amalinkspro-insert-nonapi-cta-shortcode .editor-block-types-list__item-icon .editor-block-icon svg { fill: #d64a4a; } .components-placeholder__instructions-small { font-size: 80%; background: #f1f1f1; padding: 15px; margin: 0 -15px; position: relative; -webkit-transform: translateY(15px); -ms-transform: translateY(15px); transform: translateY(15px); } .alp-copy-to-clipboard { background: #dc5454; color: #fff; padding: 10px 20px; font-weight: bold; display: inline-block; margin-right: 10px; } .edit-post-sidebar .alp-gut-btn-wrap { margin-left: -15px; margin-right: -15px; margin-top: 15px; padding: 60px 30px; background: #f9f9f9; } .edit-post-sidebar .alp-gut-btn-wrap img { max-width: 150px; display: block; margin: 0 auto 15px; } .gutenberg .editor-block-list__layout .editor-block-list__block.is-selected[data-align=right] > .editor-block-list__block-edit:before, .gutenberg .editor-block-list__layout .editor-block-list__block.is-selected[data-align=left] > .editor-block-list__block-edit:before { outline: 1px solid rgba(145, 151, 162, 0.25) !important; content: "" !important; background: #fff; z-index: -1; } .gutenberg .alp-gut-btn-wrap { margin-left: -15px; margin-right: -15px; margin-top: 15px; padding: 60px 30px; background: #f9f9f9; } .gutenberg .alp-gut-btn-wrap img { max-width: 150px; display: block; margin: 0 auto 15px; } .gutenberg .button-container { text-align: center; padding: 22% 0; background: #f4f4f4; border: 1px solid pink; border-radius: 2px; margin: 0 0 1.2rem 0; } .gutenberg .heading { font-size: 1.5rem; font-weight: 600; } .gutenberg .image { height: 15.7rem; width: 100%; -o-object-fit: cover; object-fit: cover; } .alp-gutenberg-modal-btn, .alp-gutenberg-modal-btn-elements { width: 100%; height: auto; padding: 20px; border-radius: 12px; -webkit-box-shadow: 3px 3px 23px rgba(0, 0, 0, 0.1); box-shadow: 3px 3px 23px rgba(0, 0, 0, 0.1); background: #dc5454; display: block; -webkit-transition: all 100ms; -o-transition: all 100ms; transition: all 100ms; color: #fff; text-align: center; text-decoration: none; font-size: 14px; font-weight: bold; margin-bottom: 15px; } .alp-gutenberg-modal-btn:hover, .alp-gutenberg-modal-btn-elements:hover { color: #fff; background: #d22b2b; } .alp-gutenberg-modal-btn img, .alp-gutenberg-modal-btn-elements img { max-width: 250px; display: block; margin: 0 auto; } .alp-gutenberg-modal-btn:hover, .alp-gutenberg-modal-btn-elements:hover { -webkit-box-shadow: 3px 3px 28px rgba(0, 0, 0, 0.3); box-shadow: 3px 3px 28px rgba(0, 0, 0, 0.3); } /** * #.# Styles * * CSS for both Frontend+Backend. */ .wp-block-amalinkspro-legacy-insert-textlink-html.alignright { max-width: 50%; } .wp-block-amalinkspro-legacy-insert-textlink-html.alignleft { max-width: 50%; } .wp-block-amalinkspro-legacy-insert-textlink-html.aligncenter { text-align: center; } /** * #.# Common SCSS * * Can include things like variables and mixins * that are used across the project. */ .editor-block-list-item-amalinkspro-legacy-insert-textlink-html .editor-block-types-list__item-icon .editor-block-icon svg, .editor-block-list-item-amalinkspro-legacy-insert-imagelink-html .editor-block-types-list__item-icon .editor-block-icon svg, .editor-block-list-item-amalinkspro-legacy-insert-cta-shortcode .editor-block-types-list__item-icon .editor-block-icon svg, .editor-block-list-item-amalinkspro-legacy-insert-showcase-shortcode .editor-block-types-list__item-icon .editor-block-icon svg, .editor-block-list-item-amalinkspro-insert-product-showcase .editor-block-types-list__item-icon .editor-block-icon svg, .editor-block-list-item-amalinkspro-insert-table-shortcode .editor-block-types-list__item-icon .editor-block-icon svg, .editor-block-list-item-amalinkspro-alp-imagelink .editor-block-types-list__item-icon .editor-block-icon svg, .editor-block-list-item-amalinkspro-insert-nonapi-image .editor-block-types-list__item-icon .editor-block-icon svg, .editor-block-list-item-amalinkspro-insert-nonapi-showcase-shortcode .editor-block-types-list__item-icon .editor-block-icon svg, .editor-block-list-item-amalinkspro-insert-nonapi-cta-shortcode .editor-block-types-list__item-icon .editor-block-icon svg { fill: #d64a4a; } .components-placeholder__instructions-small { font-size: 80%; background: #f1f1f1; padding: 15px; margin: 0 -15px; position: relative; -webkit-transform: translateY(15px); -ms-transform: translateY(15px); transform: translateY(15px); } .alp-copy-to-clipboard { background: #dc5454; color: #fff; padding: 10px 20px; font-weight: bold; display: inline-block; margin-right: 10px; } .edit-post-sidebar .alp-gut-btn-wrap { margin-left: -15px; margin-right: -15px; margin-top: 15px; padding: 60px 30px; background: #f9f9f9; } .edit-post-sidebar .alp-gut-btn-wrap img { max-width: 150px; display: block; margin: 0 auto 15px; } .gutenberg .editor-block-list__layout .editor-block-list__block.is-selected[data-align=right] > .editor-block-list__block-edit:before, .gutenberg .editor-block-list__layout .editor-block-list__block.is-selected[data-align=left] > .editor-block-list__block-edit:before { outline: 1px solid rgba(145, 151, 162, 0.25) !important; content: "" !important; background: #fff; z-index: -1; } .gutenberg .alp-gut-btn-wrap { margin-left: -15px; margin-right: -15px; margin-top: 15px; padding: 60px 30px; background: #f9f9f9; } .gutenberg .alp-gut-btn-wrap img { max-width: 150px; display: block; margin: 0 auto 15px; } .gutenberg .button-container { text-align: center; padding: 22% 0; background: #f4f4f4; border: 1px solid pink; border-radius: 2px; margin: 0 0 1.2rem 0; } .gutenberg .heading { font-size: 1.5rem; font-weight: 600; } .gutenberg .image { height: 15.7rem; width: 100%; -o-object-fit: cover; object-fit: cover; } .alp-gutenberg-modal-btn, .alp-gutenberg-modal-btn-elements { width: 100%; height: auto; padding: 20px; border-radius: 12px; -webkit-box-shadow: 3px 3px 23px rgba(0, 0, 0, 0.1); box-shadow: 3px 3px 23px rgba(0, 0, 0, 0.1); background: #dc5454; display: block; -webkit-transition: all 100ms; -o-transition: all 100ms; transition: all 100ms; color: #fff; text-align: center; text-decoration: none; font-size: 14px; font-weight: bold; margin-bottom: 15px; } .alp-gutenberg-modal-btn:hover, .alp-gutenberg-modal-btn-elements:hover { color: #fff; background: #d22b2b; } .alp-gutenberg-modal-btn img, .alp-gutenberg-modal-btn-elements img { max-width: 250px; display: block; margin: 0 auto; } .alp-gutenberg-modal-btn:hover, .alp-gutenberg-modal-btn-elements:hover { -webkit-box-shadow: 3px 3px 28px rgba(0, 0, 0, 0.3); box-shadow: 3px 3px 28px rgba(0, 0, 0, 0.3); } /** * #.# Styles * * CSS for both Frontend+Backend. */ .wp-block-amalinkspro-legacy-insert-imagelink-html a { text-decoration: none; color: transparent; display: inline-block; } .wp-block-amalinkspro-legacy-insert-imagelink-html a:hover { text-decoration: none; } .wp-block-amalinkspro-legacy-insert-imagelink-html.aligncenter { text-align: center; } /** * #.# Common SCSS * * Can include things like variables and mixins * that are used across the project. */ .editor-block-list-item-amalinkspro-legacy-insert-textlink-html .editor-block-types-list__item-icon .editor-block-icon svg, .editor-block-list-item-amalinkspro-legacy-insert-imagelink-html .editor-block-types-list__item-icon .editor-block-icon svg, .editor-block-list-item-amalinkspro-legacy-insert-cta-shortcode .editor-block-types-list__item-icon .editor-block-icon svg, .editor-block-list-item-amalinkspro-legacy-insert-showcase-shortcode .editor-block-types-list__item-icon .editor-block-icon svg, .editor-block-list-item-amalinkspro-insert-product-showcase .editor-block-types-list__item-icon .editor-block-icon svg, .editor-block-list-item-amalinkspro-insert-table-shortcode .editor-block-types-list__item-icon .editor-block-icon svg, .editor-block-list-item-amalinkspro-alp-imagelink .editor-block-types-list__item-icon .editor-block-icon svg, .editor-block-list-item-amalinkspro-insert-nonapi-image .editor-block-types-list__item-icon .editor-block-icon svg, .editor-block-list-item-amalinkspro-insert-nonapi-showcase-shortcode .editor-block-types-list__item-icon .editor-block-icon svg, .editor-block-list-item-amalinkspro-insert-nonapi-cta-shortcode .editor-block-types-list__item-icon .editor-block-icon svg { fill: #d64a4a; } .components-placeholder__instructions-small { font-size: 80%; background: #f1f1f1; padding: 15px; margin: 0 -15px; position: relative; -webkit-transform: translateY(15px); -ms-transform: translateY(15px); transform: translateY(15px); } .alp-copy-to-clipboard { background: #dc5454; color: #fff; padding: 10px 20px; font-weight: bold; display: inline-block; margin-right: 10px; } .edit-post-sidebar .alp-gut-btn-wrap { margin-left: -15px; margin-right: -15px; margin-top: 15px; padding: 60px 30px; background: #f9f9f9; } .edit-post-sidebar .alp-gut-btn-wrap img { max-width: 150px; display: block; margin: 0 auto 15px; } .gutenberg .editor-block-list__layout .editor-block-list__block.is-selected[data-align=right] > .editor-block-list__block-edit:before, .gutenberg .editor-block-list__layout .editor-block-list__block.is-selected[data-align=left] > .editor-block-list__block-edit:before { outline: 1px solid rgba(145, 151, 162, 0.25) !important; content: "" !important; background: #fff; z-index: -1; } .gutenberg .alp-gut-btn-wrap { margin-left: -15px; margin-right: -15px; margin-top: 15px; padding: 60px 30px; background: #f9f9f9; } .gutenberg .alp-gut-btn-wrap img { max-width: 150px; display: block; margin: 0 auto 15px; } .gutenberg .button-container { text-align: center; padding: 22% 0; background: #f4f4f4; border: 1px solid pink; border-radius: 2px; margin: 0 0 1.2rem 0; } .gutenberg .heading { font-size: 1.5rem; font-weight: 600; } .gutenberg .image { height: 15.7rem; width: 100%; -o-object-fit: cover; object-fit: cover; } .alp-gutenberg-modal-btn, .alp-gutenberg-modal-btn-elements { width: 100%; height: auto; padding: 20px; border-radius: 12px; -webkit-box-shadow: 3px 3px 23px rgba(0, 0, 0, 0.1); box-shadow: 3px 3px 23px rgba(0, 0, 0, 0.1); background: #dc5454; display: block; -webkit-transition: all 100ms; -o-transition: all 100ms; transition: all 100ms; color: #fff; text-align: center; text-decoration: none; font-size: 14px; font-weight: bold; margin-bottom: 15px; } .alp-gutenberg-modal-btn:hover, .alp-gutenberg-modal-btn-elements:hover { color: #fff; background: #d22b2b; } .alp-gutenberg-modal-btn img, .alp-gutenberg-modal-btn-elements img { max-width: 250px; display: block; margin: 0 auto; } .alp-gutenberg-modal-btn:hover, .alp-gutenberg-modal-btn-elements:hover { -webkit-box-shadow: 3px 3px 28px rgba(0, 0, 0, 0.3); box-shadow: 3px 3px 28px rgba(0, 0, 0, 0.3); } /** * #.# Styles * * CSS for both Frontend+Backend. */ .alp-gut-row { border: 1px solid red; padding: 30px; } .alp-gut-column { border: 1px solid blue; padding: 30px; } /** * #.# Common SCSS * * Can include things like variables and mixins * that are used across the project. */ .editor-block-list-item-amalinkspro-legacy-insert-textlink-html .editor-block-types-list__item-icon .editor-block-icon svg, .editor-block-list-item-amalinkspro-legacy-insert-imagelink-html .editor-block-types-list__item-icon .editor-block-icon svg, .editor-block-list-item-amalinkspro-legacy-insert-cta-shortcode .editor-block-types-list__item-icon .editor-block-icon svg, .editor-block-list-item-amalinkspro-legacy-insert-showcase-shortcode .editor-block-types-list__item-icon .editor-block-icon svg, .editor-block-list-item-amalinkspro-insert-product-showcase .editor-block-types-list__item-icon .editor-block-icon svg, .editor-block-list-item-amalinkspro-insert-table-shortcode .editor-block-types-list__item-icon .editor-block-icon svg, .editor-block-list-item-amalinkspro-alp-imagelink .editor-block-types-list__item-icon .editor-block-icon svg, .editor-block-list-item-amalinkspro-insert-nonapi-image .editor-block-types-list__item-icon .editor-block-icon svg, .editor-block-list-item-amalinkspro-insert-nonapi-showcase-shortcode .editor-block-types-list__item-icon .editor-block-icon svg, .editor-block-list-item-amalinkspro-insert-nonapi-cta-shortcode .editor-block-types-list__item-icon .editor-block-icon svg { fill: #d64a4a; } .components-placeholder__instructions-small { font-size: 80%; background: #f1f1f1; padding: 15px; margin: 0 -15px; position: relative; -webkit-transform: translateY(15px); -ms-transform: translateY(15px); transform: translateY(15px); } .alp-copy-to-clipboard { background: #dc5454; color: #fff; padding: 10px 20px; font-weight: bold; display: inline-block; margin-right: 10px; } .edit-post-sidebar .alp-gut-btn-wrap { margin-left: -15px; margin-right: -15px; margin-top: 15px; padding: 60px 30px; background: #f9f9f9; } .edit-post-sidebar .alp-gut-btn-wrap img { max-width: 150px; display: block; margin: 0 auto 15px; } .gutenberg .editor-block-list__layout .editor-block-list__block.is-selected[data-align=right] > .editor-block-list__block-edit:before, .gutenberg .editor-block-list__layout .editor-block-list__block.is-selected[data-align=left] > .editor-block-list__block-edit:before { outline: 1px solid rgba(145, 151, 162, 0.25) !important; content: "" !important; background: #fff; z-index: -1; } .gutenberg .alp-gut-btn-wrap { margin-left: -15px; margin-right: -15px; margin-top: 15px; padding: 60px 30px; background: #f9f9f9; } .gutenberg .alp-gut-btn-wrap img { max-width: 150px; display: block; margin: 0 auto 15px; } .gutenberg .button-container { text-align: center; padding: 22% 0; background: #f4f4f4; border: 1px solid pink; border-radius: 2px; margin: 0 0 1.2rem 0; } .gutenberg .heading { font-size: 1.5rem; font-weight: 600; } .gutenberg .image { height: 15.7rem; width: 100%; -o-object-fit: cover; object-fit: cover; } .alp-gutenberg-modal-btn, .alp-gutenberg-modal-btn-elements { width: 100%; height: auto; padding: 20px; border-radius: 12px; -webkit-box-shadow: 3px 3px 23px rgba(0, 0, 0, 0.1); box-shadow: 3px 3px 23px rgba(0, 0, 0, 0.1); background: #dc5454; display: block; -webkit-transition: all 100ms; -o-transition: all 100ms; transition: all 100ms; color: #fff; text-align: center; text-decoration: none; font-size: 14px; font-weight: bold; margin-bottom: 15px; } .alp-gutenberg-modal-btn:hover, .alp-gutenberg-modal-btn-elements:hover { color: #fff; background: #d22b2b; } .alp-gutenberg-modal-btn img, .alp-gutenberg-modal-btn-elements img { max-width: 250px; display: block; margin: 0 auto; } .alp-gutenberg-modal-btn:hover, .alp-gutenberg-modal-btn-elements:hover { -webkit-box-shadow: 3px 3px 28px rgba(0, 0, 0, 0.3); box-shadow: 3px 3px 28px rgba(0, 0, 0, 0.3); } /** * #.# Styles * * CSS for both Frontend+Backend. */ .wp-block-cgb-block-amalinkspro { background: orangered; border: 0.2rem solid #292929; color: #292929; margin: 0 auto; max-width: 740px; padding: 2rem; } /** * #.# Common SCSS * * Can include things like variables and mixins * that are used across the project. */ .editor-block-list-item-amalinkspro-legacy-insert-textlink-html .editor-block-types-list__item-icon .editor-block-icon svg, .editor-block-list-item-amalinkspro-legacy-insert-imagelink-html .editor-block-types-list__item-icon .editor-block-icon svg, .editor-block-list-item-amalinkspro-legacy-insert-cta-shortcode .editor-block-types-list__item-icon .editor-block-icon svg, .editor-block-list-item-amalinkspro-legacy-insert-showcase-shortcode .editor-block-types-list__item-icon .editor-block-icon svg, .editor-block-list-item-amalinkspro-insert-product-showcase .editor-block-types-list__item-icon .editor-block-icon svg, .editor-block-list-item-amalinkspro-insert-table-shortcode .editor-block-types-list__item-icon .editor-block-icon svg, .editor-block-list-item-amalinkspro-alp-imagelink .editor-block-types-list__item-icon .editor-block-icon svg, .editor-block-list-item-amalinkspro-insert-nonapi-image .editor-block-types-list__item-icon .editor-block-icon svg, .editor-block-list-item-amalinkspro-insert-nonapi-showcase-shortcode .editor-block-types-list__item-icon .editor-block-icon svg, .editor-block-list-item-amalinkspro-insert-nonapi-cta-shortcode .editor-block-types-list__item-icon .editor-block-icon svg { fill: #d64a4a; } .components-placeholder__instructions-small { font-size: 80%; background: #f1f1f1; padding: 15px; margin: 0 -15px; position: relative; -webkit-transform: translateY(15px); -ms-transform: translateY(15px); transform: translateY(15px); } .alp-copy-to-clipboard { background: #dc5454; color: #fff; padding: 10px 20px; font-weight: bold; display: inline-block; margin-right: 10px; } .edit-post-sidebar .alp-gut-btn-wrap { margin-left: -15px; margin-right: -15px; margin-top: 15px; padding: 60px 30px; background: #f9f9f9; } .edit-post-sidebar .alp-gut-btn-wrap img { max-width: 150px; display: block; margin: 0 auto 15px; } .gutenberg .editor-block-list__layout .editor-block-list__block.is-selected[data-align=right] > .editor-block-list__block-edit:before, .gutenberg .editor-block-list__layout .editor-block-list__block.is-selected[data-align=left] > .editor-block-list__block-edit:before { outline: 1px solid rgba(145, 151, 162, 0.25) !important; content: "" !important; background: #fff; z-index: -1; } .gutenberg .alp-gut-btn-wrap { margin-left: -15px; margin-right: -15px; margin-top: 15px; padding: 60px 30px; background: #f9f9f9; } .gutenberg .alp-gut-btn-wrap img { max-width: 150px; display: block; margin: 0 auto 15px; } .gutenberg .button-container { text-align: center; padding: 22% 0; background: #f4f4f4; border: 1px solid pink; border-radius: 2px; margin: 0 0 1.2rem 0; } .gutenberg .heading { font-size: 1.5rem; font-weight: 600; } .gutenberg .image { height: 15.7rem; width: 100%; -o-object-fit: cover; object-fit: cover; } .alp-gutenberg-modal-btn, .alp-gutenberg-modal-btn-elements { width: 100%; height: auto; padding: 20px; border-radius: 12px; -webkit-box-shadow: 3px 3px 23px rgba(0, 0, 0, 0.1); box-shadow: 3px 3px 23px rgba(0, 0, 0, 0.1); background: #dc5454; display: block; -webkit-transition: all 100ms; -o-transition: all 100ms; transition: all 100ms; color: #fff; text-align: center; text-decoration: none; font-size: 14px; font-weight: bold; margin-bottom: 15px; } .alp-gutenberg-modal-btn:hover, .alp-gutenberg-modal-btn-elements:hover { color: #fff; background: #d22b2b; } .alp-gutenberg-modal-btn img, .alp-gutenberg-modal-btn-elements img { max-width: 250px; display: block; margin: 0 auto; } .alp-gutenberg-modal-btn:hover, .alp-gutenberg-modal-btn-elements:hover { -webkit-box-shadow: 3px 3px 28px rgba(0, 0, 0, 0.3); box-shadow: 3px 3px 28px rgba(0, 0, 0, 0.3); } /** * #.# Styles * * CSS for both Frontend+Backend. */ .wp-block-cgb-block-amalinkspro { background: orangered; border: 0.2rem solid #292929; color: #292929; margin: 0 auto; max-width: 740px; padding: 2rem; } /** * #.# Common SCSS * * Can include things like variables and mixins * that are used across the project. */ .editor-block-list-item-amalinkspro-legacy-insert-textlink-html .editor-block-types-list__item-icon .editor-block-icon svg, .editor-block-list-item-amalinkspro-legacy-insert-imagelink-html .editor-block-types-list__item-icon .editor-block-icon svg, .editor-block-list-item-amalinkspro-legacy-insert-cta-shortcode .editor-block-types-list__item-icon .editor-block-icon svg, .editor-block-list-item-amalinkspro-legacy-insert-showcase-shortcode .editor-block-types-list__item-icon .editor-block-icon svg, .editor-block-list-item-amalinkspro-insert-product-showcase .editor-block-types-list__item-icon .editor-block-icon svg, .editor-block-list-item-amalinkspro-insert-table-shortcode .editor-block-types-list__item-icon .editor-block-icon svg, .editor-block-list-item-amalinkspro-alp-imagelink .editor-block-types-list__item-icon .editor-block-icon svg, .editor-block-list-item-amalinkspro-insert-nonapi-image .editor-block-types-list__item-icon .editor-block-icon svg, .editor-block-list-item-amalinkspro-insert-nonapi-showcase-shortcode .editor-block-types-list__item-icon .editor-block-icon svg, .editor-block-list-item-amalinkspro-insert-nonapi-cta-shortcode .editor-block-types-list__item-icon .editor-block-icon svg { fill: #d64a4a; } .components-placeholder__instructions-small { font-size: 80%; background: #f1f1f1; padding: 15px; margin: 0 -15px; position: relative; -webkit-transform: translateY(15px); -ms-transform: translateY(15px); transform: translateY(15px); } .alp-copy-to-clipboard { background: #dc5454; color: #fff; padding: 10px 20px; font-weight: bold; display: inline-block; margin-right: 10px; } .edit-post-sidebar .alp-gut-btn-wrap { margin-left: -15px; margin-right: -15px; margin-top: 15px; padding: 60px 30px; background: #f9f9f9; } .edit-post-sidebar .alp-gut-btn-wrap img { max-width: 150px; display: block; margin: 0 auto 15px; } .gutenberg .editor-block-list__layout .editor-block-list__block.is-selected[data-align=right] > .editor-block-list__block-edit:before, .gutenberg .editor-block-list__layout .editor-block-list__block.is-selected[data-align=left] > .editor-block-list__block-edit:before { outline: 1px solid rgba(145, 151, 162, 0.25) !important; content: "" !important; background: #fff; z-index: -1; } .gutenberg .alp-gut-btn-wrap { margin-left: -15px; margin-right: -15px; margin-top: 15px; padding: 60px 30px; background: #f9f9f9; } .gutenberg .alp-gut-btn-wrap img { max-width: 150px; display: block; margin: 0 auto 15px; } .gutenberg .button-container { text-align: center; padding: 22% 0; background: #f4f4f4; border: 1px solid pink; border-radius: 2px; margin: 0 0 1.2rem 0; } .gutenberg .heading { font-size: 1.5rem; font-weight: 600; } .gutenberg .image { height: 15.7rem; width: 100%; -o-object-fit: cover; object-fit: cover; } .alp-gutenberg-modal-btn, .alp-gutenberg-modal-btn-elements { width: 100%; height: auto; padding: 20px; border-radius: 12px; -webkit-box-shadow: 3px 3px 23px rgba(0, 0, 0, 0.1); box-shadow: 3px 3px 23px rgba(0, 0, 0, 0.1); background: #dc5454; display: block; -webkit-transition: all 100ms; -o-transition: all 100ms; transition: all 100ms; color: #fff; text-align: center; text-decoration: none; font-size: 14px; font-weight: bold; margin-bottom: 15px; } .alp-gutenberg-modal-btn:hover, .alp-gutenberg-modal-btn-elements:hover { color: #fff; background: #d22b2b; } .alp-gutenberg-modal-btn img, .alp-gutenberg-modal-btn-elements img { max-width: 250px; display: block; margin: 0 auto; } .alp-gutenberg-modal-btn:hover, .alp-gutenberg-modal-btn-elements:hover { -webkit-box-shadow: 3px 3px 28px rgba(0, 0, 0, 0.3); box-shadow: 3px 3px 28px rgba(0, 0, 0, 0.3); } /** * #.# Styles * * CSS for both Frontend+Backend. */ .wp-block-cgb-block-amalinkspro { background: orangered; border: 0.2rem solid #292929; color: #292929; margin: 0 auto; max-width: 740px; padding: 2rem; } .alp-nonapi-img-title { padding: 30px; background: #ffedf0; } /** * #.# Common SCSS * * Can include things like variables and mixins * that are used across the project. */ .editor-block-list-item-amalinkspro-legacy-insert-textlink-html .editor-block-types-list__item-icon .editor-block-icon svg, .editor-block-list-item-amalinkspro-legacy-insert-imagelink-html .editor-block-types-list__item-icon .editor-block-icon svg, .editor-block-list-item-amalinkspro-legacy-insert-cta-shortcode .editor-block-types-list__item-icon .editor-block-icon svg, .editor-block-list-item-amalinkspro-legacy-insert-showcase-shortcode .editor-block-types-list__item-icon .editor-block-icon svg, .editor-block-list-item-amalinkspro-insert-product-showcase .editor-block-types-list__item-icon .editor-block-icon svg, .editor-block-list-item-amalinkspro-insert-table-shortcode .editor-block-types-list__item-icon .editor-block-icon svg, .editor-block-list-item-amalinkspro-alp-imagelink .editor-block-types-list__item-icon .editor-block-icon svg, .editor-block-list-item-amalinkspro-insert-nonapi-image .editor-block-types-list__item-icon .editor-block-icon svg, .editor-block-list-item-amalinkspro-insert-nonapi-showcase-shortcode .editor-block-types-list__item-icon .editor-block-icon svg, .editor-block-list-item-amalinkspro-insert-nonapi-cta-shortcode .editor-block-types-list__item-icon .editor-block-icon svg { fill: #d64a4a; } .components-placeholder__instructions-small { font-size: 80%; background: #f1f1f1; padding: 15px; margin: 0 -15px; position: relative; -webkit-transform: translateY(15px); -ms-transform: translateY(15px); transform: translateY(15px); } .alp-copy-to-clipboard { background: #dc5454; color: #fff; padding: 10px 20px; font-weight: bold; display: inline-block; margin-right: 10px; } .edit-post-sidebar .alp-gut-btn-wrap { margin-left: -15px; margin-right: -15px; margin-top: 15px; padding: 60px 30px; background: #f9f9f9; } .edit-post-sidebar .alp-gut-btn-wrap img { max-width: 150px; display: block; margin: 0 auto 15px; } .gutenberg .editor-block-list__layout .editor-block-list__block.is-selected[data-align=right] > .editor-block-list__block-edit:before, .gutenberg .editor-block-list__layout .editor-block-list__block.is-selected[data-align=left] > .editor-block-list__block-edit:before { outline: 1px solid rgba(145, 151, 162, 0.25) !important; content: "" !important; background: #fff; z-index: -1; } .gutenberg .alp-gut-btn-wrap { margin-left: -15px; margin-right: -15px; margin-top: 15px; padding: 60px 30px; background: #f9f9f9; } .gutenberg .alp-gut-btn-wrap img { max-width: 150px; display: block; margin: 0 auto 15px; } .gutenberg .button-container { text-align: center; padding: 22% 0; background: #f4f4f4; border: 1px solid pink; border-radius: 2px; margin: 0 0 1.2rem 0; } .gutenberg .heading { font-size: 1.5rem; font-weight: 600; } .gutenberg .image { height: 15.7rem; width: 100%; -o-object-fit: cover; object-fit: cover; } .alp-gutenberg-modal-btn, .alp-gutenberg-modal-btn-elements { width: 100%; height: auto; padding: 20px; border-radius: 12px; -webkit-box-shadow: 3px 3px 23px rgba(0, 0, 0, 0.1); box-shadow: 3px 3px 23px rgba(0, 0, 0, 0.1); background: #dc5454; display: block; -webkit-transition: all 100ms; -o-transition: all 100ms; transition: all 100ms; color: #fff; text-align: center; text-decoration: none; font-size: 14px; font-weight: bold; margin-bottom: 15px; } .alp-gutenberg-modal-btn:hover, .alp-gutenberg-modal-btn-elements:hover { color: #fff; background: #d22b2b; } .alp-gutenberg-modal-btn img, .alp-gutenberg-modal-btn-elements img { max-width: 250px; display: block; margin: 0 auto; } .alp-gutenberg-modal-btn:hover, .alp-gutenberg-modal-btn-elements:hover { -webkit-box-shadow: 3px 3px 28px rgba(0, 0, 0, 0.3); box-shadow: 3px 3px 28px rgba(0, 0, 0, 0.3); } /** * #.# Styles * * CSS for both Frontend+Backend. */ .wp-block-cgb-block-amalinkspro { background: orangered; border: 0.2rem solid #292929; color: #292929; margin: 0 auto; max-width: 740px; padding: 2rem; } /** * #.# Common SCSS * * Can include things like variables and mixins * that are used across the project. */ .editor-block-list-item-amalinkspro-legacy-insert-textlink-html .editor-block-types-list__item-icon .editor-block-icon svg, .editor-block-list-item-amalinkspro-legacy-insert-imagelink-html .editor-block-types-list__item-icon .editor-block-icon svg, .editor-block-list-item-amalinkspro-legacy-insert-cta-shortcode .editor-block-types-list__item-icon .editor-block-icon svg, .editor-block-list-item-amalinkspro-legacy-insert-showcase-shortcode .editor-block-types-list__item-icon .editor-block-icon svg, .editor-block-list-item-amalinkspro-insert-product-showcase .editor-block-types-list__item-icon .editor-block-icon svg, .editor-block-list-item-amalinkspro-insert-table-shortcode .editor-block-types-list__item-icon .editor-block-icon svg, .editor-block-list-item-amalinkspro-alp-imagelink .editor-block-types-list__item-icon .editor-block-icon svg, .editor-block-list-item-amalinkspro-insert-nonapi-image .editor-block-types-list__item-icon .editor-block-icon svg, .editor-block-list-item-amalinkspro-insert-nonapi-showcase-shortcode .editor-block-types-list__item-icon .editor-block-icon svg, .editor-block-list-item-amalinkspro-insert-nonapi-cta-shortcode .editor-block-types-list__item-icon .editor-block-icon svg { fill: #d64a4a; } .components-placeholder__instructions-small { font-size: 80%; background: #f1f1f1; padding: 15px; margin: 0 -15px; position: relative; -webkit-transform: translateY(15px); -ms-transform: translateY(15px); transform: translateY(15px); } .alp-copy-to-clipboard { background: #dc5454; color: #fff; padding: 10px 20px; font-weight: bold; display: inline-block; margin-right: 10px; } .edit-post-sidebar .alp-gut-btn-wrap { margin-left: -15px; margin-right: -15px; margin-top: 15px; padding: 60px 30px; background: #f9f9f9; } .edit-post-sidebar .alp-gut-btn-wrap img { max-width: 150px; display: block; margin: 0 auto 15px; } .gutenberg .editor-block-list__layout .editor-block-list__block.is-selected[data-align=right] > .editor-block-list__block-edit:before, .gutenberg .editor-block-list__layout .editor-block-list__block.is-selected[data-align=left] > .editor-block-list__block-edit:before { outline: 1px solid rgba(145, 151, 162, 0.25) !important; content: "" !important; background: #fff; z-index: -1; } .gutenberg .alp-gut-btn-wrap { margin-left: -15px; margin-right: -15px; margin-top: 15px; padding: 60px 30px; background: #f9f9f9; } .gutenberg .alp-gut-btn-wrap img { max-width: 150px; display: block; margin: 0 auto 15px; } .gutenberg .button-container { text-align: center; padding: 22% 0; background: #f4f4f4; border: 1px solid pink; border-radius: 2px; margin: 0 0 1.2rem 0; } .gutenberg .heading { font-size: 1.5rem; font-weight: 600; } .gutenberg .image { height: 15.7rem; width: 100%; -o-object-fit: cover; object-fit: cover; } .alp-gutenberg-modal-btn, .alp-gutenberg-modal-btn-elements { width: 100%; height: auto; padding: 20px; border-radius: 12px; -webkit-box-shadow: 3px 3px 23px rgba(0, 0, 0, 0.1); box-shadow: 3px 3px 23px rgba(0, 0, 0, 0.1); background: #dc5454; display: block; -webkit-transition: all 100ms; -o-transition: all 100ms; transition: all 100ms; color: #fff; text-align: center; text-decoration: none; font-size: 14px; font-weight: bold; margin-bottom: 15px; } .alp-gutenberg-modal-btn:hover, .alp-gutenberg-modal-btn-elements:hover { color: #fff; background: #d22b2b; } .alp-gutenberg-modal-btn img, .alp-gutenberg-modal-btn-elements img { max-width: 250px; display: block; margin: 0 auto; } .alp-gutenberg-modal-btn:hover, .alp-gutenberg-modal-btn-elements:hover { -webkit-box-shadow: 3px 3px 28px rgba(0, 0, 0, 0.3); box-shadow: 3px 3px 28px rgba(0, 0, 0, 0.3); } /** * #.# Styles * * CSS for both Frontend+Backend. */ .alp-gut-row { border: 1px solid red; padding: 30px; } .alp-gut-column { border: 1px solid blue; padding: 30px; } /** * #.# Common SCSS * * Can include things like variables and mixins * that are used across the project. */ .editor-block-list-item-amalinkspro-legacy-insert-textlink-html .editor-block-types-list__item-icon .editor-block-icon svg, .editor-block-list-item-amalinkspro-legacy-insert-imagelink-html .editor-block-types-list__item-icon .editor-block-icon svg, .editor-block-list-item-amalinkspro-legacy-insert-cta-shortcode .editor-block-types-list__item-icon .editor-block-icon svg, .editor-block-list-item-amalinkspro-legacy-insert-showcase-shortcode .editor-block-types-list__item-icon .editor-block-icon svg, .editor-block-list-item-amalinkspro-insert-product-showcase .editor-block-types-list__item-icon .editor-block-icon svg, .editor-block-list-item-amalinkspro-insert-table-shortcode .editor-block-types-list__item-icon .editor-block-icon svg, .editor-block-list-item-amalinkspro-alp-imagelink .editor-block-types-list__item-icon .editor-block-icon svg, .editor-block-list-item-amalinkspro-insert-nonapi-image .editor-block-types-list__item-icon .editor-block-icon svg, .editor-block-list-item-amalinkspro-insert-nonapi-showcase-shortcode .editor-block-types-list__item-icon .editor-block-icon svg, .editor-block-list-item-amalinkspro-insert-nonapi-cta-shortcode .editor-block-types-list__item-icon .editor-block-icon svg { fill: #d64a4a; } .components-placeholder__instructions-small { font-size: 80%; background: #f1f1f1; padding: 15px; margin: 0 -15px; position: relative; -webkit-transform: translateY(15px); -ms-transform: translateY(15px); transform: translateY(15px); } .alp-copy-to-clipboard { background: #dc5454; color: #fff; padding: 10px 20px; font-weight: bold; display: inline-block; margin-right: 10px; } .edit-post-sidebar .alp-gut-btn-wrap { margin-left: -15px; margin-right: -15px; margin-top: 15px; padding: 60px 30px; background: #f9f9f9; } .edit-post-sidebar .alp-gut-btn-wrap img { max-width: 150px; display: block; margin: 0 auto 15px; } .gutenberg .editor-block-list__layout .editor-block-list__block.is-selected[data-align=right] > .editor-block-list__block-edit:before, .gutenberg .editor-block-list__layout .editor-block-list__block.is-selected[data-align=left] > .editor-block-list__block-edit:before { outline: 1px solid rgba(145, 151, 162, 0.25) !important; content: "" !important; background: #fff; z-index: -1; } .gutenberg .alp-gut-btn-wrap { margin-left: -15px; margin-right: -15px; margin-top: 15px; padding: 60px 30px; background: #f9f9f9; } .gutenberg .alp-gut-btn-wrap img { max-width: 150px; display: block; margin: 0 auto 15px; } .gutenberg .button-container { text-align: center; padding: 22% 0; background: #f4f4f4; border: 1px solid pink; border-radius: 2px; margin: 0 0 1.2rem 0; } .gutenberg .heading { font-size: 1.5rem; font-weight: 600; } .gutenberg .image { height: 15.7rem; width: 100%; -o-object-fit: cover; object-fit: cover; } .alp-gutenberg-modal-btn, .alp-gutenberg-modal-btn-elements { width: 100%; height: auto; padding: 20px; border-radius: 12px; -webkit-box-shadow: 3px 3px 23px rgba(0, 0, 0, 0.1); box-shadow: 3px 3px 23px rgba(0, 0, 0, 0.1); background: #dc5454; display: block; -webkit-transition: all 100ms; -o-transition: all 100ms; transition: all 100ms; color: #fff; text-align: center; text-decoration: none; font-size: 14px; font-weight: bold; margin-bottom: 15px; } .alp-gutenberg-modal-btn:hover, .alp-gutenberg-modal-btn-elements:hover { color: #fff; background: #d22b2b; } .alp-gutenberg-modal-btn img, .alp-gutenberg-modal-btn-elements img { max-width: 250px; display: block; margin: 0 auto; } .alp-gutenberg-modal-btn:hover, .alp-gutenberg-modal-btn-elements:hover { -webkit-box-shadow: 3px 3px 28px rgba(0, 0, 0, 0.3); box-shadow: 3px 3px 28px rgba(0, 0, 0, 0.3); } /** * #.# Styles * * CSS for both Frontend+Backend. */ .wp-block-cgb-block-amalinkspro { background: orangered; border: 0.2rem solid #292929; color: #292929; margin: 0 auto; max-width: 740px; padding: 2rem; }