/** * Theme Name: Awesome Product * Theme URI: https://awesomemotive.com * Author: David Bisset / Awesome Motive, Inc. * Author URI: https://awesomemotive.com * Description: Awesome Motive product theme. * Requires at least: 6.5 * Tested up to: 6.5 * Requires PHP: 8.2 * Version: 1.0.0 * License: GNU General Public License v2 or later * License URI: http://www.gnu.org/licenses/gpl-2.0.html * * References * - Breakpoints: https://github.com/WordPress/gutenberg/blob/trunk/packages/base-styles/_breakpoints.scss */ *, :after, :before { box-sizing: border-box; } [class*="wp-container-"]:empty { display: none; } /** * Format: Highlight */ mark.has-inline-color { padding: 0 2px; border-radius: 2px; } /** * Format: Tooltip */ .am-tooltip { padding-bottom: 2px; border-bottom: 1px dashed var(--wp--preset--color--lightish-gray); } .tippy-content { font-weight: normal; padding: calc(var(--wp--custom--spacing--block-gap) / 2) calc(var(--wp--custom--spacing--block-gap) / 1.5); font-size: var(--wp--preset--font-size--sm); } h2 .am-tooltip, h3 .am-tooltip, h4 .am-tooltip { border-bottom-width: 0.1em; } /* font */ /* apply font smoothing and anti-aliasing */ body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* links */ body.single .entry-content a:not(.wp-block-button__link, .wp-element-button) { text-decoration: underline; } /** * Format: Badge */ .am-badge { line-height: 1; padding: 0.25em 0.425em; display: inline-block; border-radius: 3px; } .am-badge.is-success { color: #0e6245; background-color: #cbf4c9; } .am-badge.is-warning { color: #a04903; background-color: #ffde92; } .am-badge.is-error { color: #9f2725; background-color: #ffe2e3; } /** * Format: Highlight underline */ .am-highlight-underline { background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-position: bottom center; background-repeat: no-repeat; } /** * Format: Text line divider */ .am-text-line-divider { display: inline-flex; align-items: center; } .am-text-line-divider::before, .am-text-line-divider::after { content: ""; width: 100px; height: 2px; background-color: currentColor; opacity: 0.35; display: inline-block; margin-inline: 1.5rem; } /** * Format: Modal trigger */ .am-modal-content { display: none; } .wp-block.am-modal-content, .modal__content .am-modal-content { display: block; } /** * "Fake" blocks are created by applying "Additional CSS Class(es)" to the block * in the "Advanced" section of the block settings. */ /** * "Fake" block: am-header */ body.archive header:first-of-type, body.post-template-default.single-post header:first-child.is-sticky, .am-header.is-sticky { box-shadow: 0 1px 0 var(--wp--preset--color--light-gray), var(--wp--preset--shadow--lg); background-color: white; } /** * "Fake" block: am-pricing-table */ .am-pricing-table .wp-block-column { position: relative; } /** * Block: core/navigation */ .wp-block-navigation .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__submenu-container { min-width: 225px !important; left: 40%; box-shadow: 0 10px 20px rgba(66, 139, 202, 0.15); border-color: var(--wp--preset--color--lightish-gray); border-radius: 0.5rem !important; transform: translate3d(-45%, 0, 0); flex-direction: column; flex-wrap: wrap; top: 60px; } .wp-block-navigation .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__submenu-container:before, .wp-block-navigation .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__submenu-container:after { content: ""; position: absolute; border-left: 9px solid transparent; border-right: 9px solid transparent; top: -7px; left: 50%; margin-left: -5px; } .wp-block-navigation .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__submenu-container:before { border-bottom: 8px solid var(--wp--preset--color--lightish-gray); border-left-width: 10px; border-right-width: 10px; margin-left: -6px; margin-top: -1px; } .wp-block-navigation .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__submenu-container:after { border-bottom: 7px solid white; z-index: 1; } .wp-block-navigation .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__submenu-container a { padding: 0; flex-wrap: wrap; } .wp-block-navigation .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__submenu-container .wp-block-navigation-item { padding: 1.25rem 1.25rem 0; flex-basis: 50%; background-color: transparent; } .wp-block-navigation .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__submenu-container .wp-block-navigation-item:nth-child(odd) { text-align: left; } .wp-block-navigation .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__submenu-container .wp-block-navigation-item:nth-child(even) { text-align: left; } .wp-block-navigation .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__submenu-container .wp-block-navigation-item:last-child { border-top: none; /* 1px solid var(--wp--preset--color--light-gray); */ text-align: left; } .wp-block-navigation .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__submenu-container .wp-block-navigation-item:last-child a { text-align: left; display: block; padding: 0 0 1rem 0; } .wp-block-navigation .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__submenu-container .wp-block-navigation-item:last-child { flex-basis: 100%; } .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container { display: none; } .wp-block-navigation .wp-block-navigation-item__label .emoji { margin-right: 5px !important; } .wp-block-navigation .wp-block-navigation-item__description { font-size: var(--wp--preset--font-size--sm); font-weight: normal; color: var(--wp--preset--color--gray); display: block !important; margin-left: 17px; } .wp-block-loginout { text-transform: capitalize; } .wpchar-top-nav-main, .wpchar-top-nav-main a, .wpchar-top-nav-main ul li label { font-family: "Satoshi", "sans-serif" !important; color: #1E1515 !important; } .wpchar-top-nav-main .wp-block-buttons { max-height: 40px !important; } .wpchar-top-nav-main .wp-block-buttons a { color: white !important; } .wpchar-top-nav-main .wp-block-navigation .wp-block-navigation-item__content, div.wp-block-loginout a { font-weight: 700 !important; } .wpchar-top-nav-main .wp-block-navigation .wp-block-navigation-submenu > a.wp-block-navigation-item__content { padding: 0 0 20px 0 !important; margin-top: 20px !important; } .wpchar-top-nav-main .wp-block-navigation .wp-block-navigation-submenu a.wp-block-navigation-item__content li a { padding: 0 !important; } /** * Block: core/latest-posts */ .wp-block-latest-posts { text-align: center; margin-block-end: calc(var(--wp--custom--spacing--block-gap) * -2) !important; } .wp-block-latest-posts.columns-3 li { margin: 0 0 calc(var(--wp--custom--spacing--block-gap) * 2); } .wp-block-latest-posts__featured-image { border-radius: var(--wp--custom--appearance--card-radius); box-shadow: var(--wp--custom--appearance--shadow--lg); overflow: hidden; margin-bottom: 2rem; } .wp-block-latest-posts__featured-image a, .wp-block-latest-posts__featured-image img { display: block; } .wp-block-latest-posts a { text-align: center; text-decoration: none; } @media (min-width: 768px) { .wp-block-latest-posts.columns-3 { display: flex; justify-content: space-between; } .wp-block-latest-posts.columns-3 li { width: 31%; } } .wp-block-latest-posts__post-title { font-weight: 500; font-size: var(--wp--preset--font-size--lg); } .wp-block-latest-posts__post-title:hover { color: var(--wp--preset--color--primary); } /** * Block: core/unordered-list */ ul.is-style-no-marker, ul.is-style-checklist, ul.is-style-denylist { list-style: none; margin-left: 0; padding: 0; } ul.is-style-checklist li, ul.is-style-denylist li { padding: 5px var(--wp--custom--spacing--block-gap); } ul.is-style-checklist li .block-editor-rich-text__editable, ul.is-style-denylist li .block-editor-rich-text__editable { display: inline-block; } ul.is-style-checklist li:before, ul.is-style-denylist li:before { margin: -2px 9px 0 calc(var(--wp--custom--spacing--block-gap) * -1); display: inline-block; } ul.is-style-checklist li:before { content: "✓ "; color: var(--wp--preset--color--secondary); } ul.is-style-denylist li:before { content: "✕ "; font-weight: bold; color: var(--wp--preset--color--red); } /** * Block: core/button * * @link https://github.com/WordPress/gutenberg/issues/34853 */ .wp-block-button.is-style-outline > .wp-block-button__link { padding: var(--wp--custom--elements--button--spacing--padding--top) var(--wp--custom--elements--button--spacing--padding--left); border: 0; box-shadow: inset 0 0 0 2px var(--wp--preset--color--primary); } .wp-block-button.is-style-outline:not(.has-text-color) > .wp-block-button__link { color: var(--wp--preset--color--gray); } .wp-block-button.is-style-outline > .wp-block-button__link:not(.has-text-color):hover { box-shadow: inset 0 0 0 2px var(--wp--preset--color--dark-gray); } .wp-block-button.is-style-sm > .wp-block-button__link { font-size: var(--wp--preset--font-size--sm); padding: var(--wp--preset--spacing--20) var(--wp--preset--spacing--40); } .wp-block-button.is-style-lg > .wp-element-button { font-size: var(--wp--preset--font-size--lg); padding: var(--wp--preset--spacing--40) var(--wp--preset--spacing--60); } .wp-block-button.is-style-lg > .wp-element-button:hover { background-color: #1E5B38 !important; border-color: #1E5B38 !important; } nav .wp-block-button__link.wp-element-button:hover, .wp-element-button:hover, .wp-block-button__link:hover { background-color: #1E5B38 !important; border-color: #1E5B38 !important; } .wp-block-search__button:hover { background-color: inherit !important; border-color: inherit !important } .wp-block-button.is-style-xl > .wp-element-button { font-size: calc(var(--wp--preset--font-size--2-xl) * 0.825); padding: calc(var(--wp--preset--spacing--40) * 1.5) var(--wp--preset--spacing--80); } .wp-block-search__button:hover, .wp-block-file .wp-block-file__button:hover { background-color: var( --wp--custom--elements--button--hover--color--background ); } .wp-block-button.is-style-link > .wp-element-button { background: none; border-radius: 0; } .wp-block-button.is-style-link > .wp-element-button { color: var(--wp--preset--color--primary); } /** * Block: core/search */ .wp-block-search .wp-block-search__inside-wrapper { background-color: #fff; border-width: var(--wp--custom--elements--input--border--width); border-style: var(--wp--custom--elements--input--border--style); border-color: var(--wp--custom--elements--input--border--color); border-radius: var(--wp--custom--elements--input--border--radius); box-shadow: var(--wp--custom--elements--input--box-shadow); padding: var(--wp--custom--elements--input--spacing--padding--top); } .wp-block-search .wp-block-search__inside-wrapper:focus-within { border-color: var(--wp--custom--elements--input--focus--border--color); box-shadow: var(--wp--custom--elements--input--focus--box-shadow); } :where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input { appearance: none; color: var(--wp--preset--color--dark-gray); /* font-family: var(--wp--custom--elements--input--typography--font-family); */ font-family: "Satoshi", "sans-serif"; font-size: var(--wp--custom--elements--input--typography--font-size); line-height: 1.5rem; } :where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) { padding: 0; background: none; border: 0; border-radius: 0; box-shadow: none; } .wp-block-search .wp-block-search__input:focus { border: 0; box-shadow: none; } .wp-block-search .wp-element-button:focus, .wp-block-search .wp-block-button__link:focus, .wp-block-search .wp-element-button:hover, .wp-block-search .wp-block-button__link:hover { color: var(--wp--preset--color--dark-gray); background-color: transparent; } .wp-block-search .wp-element-button:focus, .wp-block-search .wp-block-button__link:focus { outline-color: var(--wp--preset--color--primary); } /** * Block: am/cart-reminder */ .wp-block-am-cart-reminder { color: var(--wp--preset--color--white); font-size: var(--wp--preset--font-size--base); background: var(--wp--preset--color--secondary); padding: calc(var(--wp--custom--spacing--block-gap) * 1.25); display: flex; justify-content: space-between; align-items: center; } .wp-block-am-cart-reminder div:first-child { max-width: 60%; margin-right: 2rem; } .wp-block-am-cart-reminder h2, .wp-block-am-cart-reminder p, .wp-block-am-cart-reminder a { color: var(--wp--preset--color--white); margin: 0; } .wp-block-am-cart-reminder .wp-block-button__link { font-size: 24px !important; display: inline-block; } .wp-block-am-cart-reminder p { margin: 1rem 0; } @media (min-width: 1080px) { .wp-block-am-cart-reminder { padding: calc(var(--wp--custom--spacing--block-gap) * 2); } } /** * Block: am/more-seo */ .wp-block-am-more-seo.is-open .wp-block-am-more-seo__content { margin-top: var(--wp--custom--spacing--block-gap); height: var(--content-height, auto); opacity: 1; } .wp-block-am-more-seo:not(.is-open) .wp-block-am-more-seo__content { height: 0; opacity: 0; overflow: hidden; transition-duration: 0.25s; transition-timing-function: var(--ease); transition-property: all; } .wp-block-am-more-seo__more-link--open { text-align: center; } .wp-block-am-more-seo__more-link--close { margin-top: var(--wp--custom--spacing--block-gap); } /** * Block: am/term-list */ .wp-block-am-term-list ul { margin: 0; padding: 0; list-style: none; } .wp-block-am-term-list ul li { line-height: 1; font-size: var(--wp--preset--font-size--sm); font-weight: 500; padding: calc(var(--wp--preset--spacing--40) * 0.75) var(--wp--preset--spacing--40); display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; } .wp-block-am-term-list ul li.current-cat { position: relative; } .wp-block-am-term-list ul li.current-cat:after { border-radius: 4px; background-color: var(--wp--preset--color--primary-100); opacity: 0.50; width: 100%; content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; } .wp-block-am-term-list ul li.current-cat > .count, .wp-block-am-term-list ul li.current-cat > a { position: relative; z-index: 1; } .wp-block-am-term-list ul li a { color: var(--wp--preset--color--dark-gray); text-decoration: none; display: inline-block; flex-grow: 1; } .wp-block-am-term-list ul li .count { font-size: var(--wp--preset--font-size--sm); font-variant-numeric: tabular-nums; } /** * Block: am/pricing-table-price-option-header */ .wp-block-am-pricing-table-price-option-header:not(.wp-block) { text-align: center; padding-top: 2rem; padding-bottom: var(--wp--custom--spacing--block-gap); } .wp-block-am-pricing-table-price-option-header.is-free:not(.wp-block) { padding-top: 66px; } .wp-block-am-pricing-table-price-option-header:not(.is-style-small):not(.wp-block) { border-bottom: 1px solid var(--wp--preset--color--light-gray); } .is-style-small.wp-block-am-pricing-table-price-option-header:not(.wp-block) { padding: var(--wp--preset--spacing--50) 0; } .is-style-small.is-featured.wp-block-am-pricing-table-price-option-header:not(.wp-block) { margin-top: 0; } .wp-block-am-pricing-table-price-option-header:not(.wp-block) > * { transition: 0.2s ease-in-out; } .wp-block-am-pricing-table-price-option-header > * + * { margin-block-start: 1rem; margin-block-end: 0; } .is-style-small.wp-block-am-pricing-table-price-option-header > * + * { margin-block-start: 0.75rem; margin-block-end: 0; } .wp-block-am-pricing-table-price-option-header__callout { text-align: center; color: var(--wp--preset--color--white); font-size: var(--wp--preset--font-size--base); font-weight: 500; margin-block-start: 0 !important; padding: 0.325rem 1.25rem; background: var(--wp--preset--color--secondary); border-radius: 9999px; position: absolute; z-index: 3; min-width: 140px; top: 0; left: 50%; transform: translate3d(-50%, -50%, 0); } .is-style-small .wp-block-am-pricing-table-price-option-header__callout { display: none; } .wp-block-am-pricing-table-price-option-header__name { text-align: center; line-height: 1; font-size: var(--wp--preset--font-size--xl); font-weight: 600; margin: 0; } .is-style-small .wp-block-am-pricing-table-price-option-header__name { font-size: var(--wp--preset--font-size--lg); } .is-featured .wp-block-am-pricing-table-price-option-header__name { color: var(--wp--preset--color--secondary); } .wp-block-am-pricing-table-price-option-header__renewal-price { color: var(--wp--preset--color--gray); font-weight: 400; text-align: center; line-height: 1; } .is-style-small .wp-block-am-pricing-table-price-option-header__renewal-price { display: none; } .wp-block-am-pricing-table-price-option-header__renewal-price s { text-decoration: none; display: inline-block; position: relative; } .wp-block-am-pricing-table-price-option-header__renewal-price s:after { content: ""; width: 110%; height: 2px; background: var(--wp--preset--color--red); position: absolute; left: -5%; right: 0; top: 50%; } .wp-block-am-pricing-table-price-option-header__price { color: var(--wp--preset--color--dark-gray); font-size: 3.25rem; font-weight: 800; line-height: 1; display: inline-flex; margin: 0 auto; position: relative; transform: translate3d(-12px, 0, 0); } .is-style-small .wp-block-am-pricing-table-price-option-header__price { display: none; } .wp-block-am-pricing-table-price-option-header__price-currency { font-size: var(--wp--preset--font-size--xl); font-weight: normal; position: absolute; top: 10px; right: 105%; } .wp-block-am-pricing-table-price-option-header__price-decimal { font-size: var(--wp--preset--font-size--base); font-weight: 500; width: 30px; position: absolute; top: 8px; left: 105%; } .wp-block-am-pricing-table-price-option-header__price-interval { color: var(--wp--preset--color--gray); font-size: var(--wp--preset--font-size--sm); font-weight: normal; width: 45px; position: absolute; bottom: 7px; left: 102%; } .wp-block-am-pricing-table-price-option-header__savings { color: var(--wp--preset--color--dark-gray); font-size: var(--wp--preset--font-size--base); font-weight: 500; text-align: center; background: var(--wp--preset--color--highlight); padding: 0.25rem 1rem; display: inline-block; } .is-style-small .wp-block-am-pricing-table-price-option-header__savings { display: none; } .wp-block-am-pricing-table-price-option-header__then { color: var(--wp--preset--color--dark-gray); font-size: var(--wp--preset--font-size--sm); } .wp-block-am-pricing-table-price-option-header__description { color: var(--wp--preset--color--gray); font-size: var(--wp--preset--font-size--base); text-align: center; } .is-style-small .wp-block-am-pricing-table-price-option-header__description { display: none; } .wp-block-am-pricing-table-price-option-footer__cta, .wp-block-am-pricing-table-price-option-header__cta { text-align: center; } .wp-block-am-pricing-table-price-option-footer__cta a, .wp-block-am-pricing-table-price-option-header__cta a { color: var(--wp--preset--color--white); font-size: 1.15rem; font-weight: 500; text-decoration: none; padding-top: 0.625rem; padding-right: 3rem; padding-bottom: 0.625rem; padding-left: 3rem; background-color: var(--wp--preset--color--primary); border-radius: 40px; display: inline-block; } .is-style-small .wp-block-am-pricing-table-price-option-header__cta a { font-size: 1rem; padding: 0.25rem 1.75rem; } .wp-block-am-pricing-table-price-option-footer__cta a:hover, .wp-block-am-pricing-table-price-option-header__cta a:hover { background-color: var(--wp--preset--color--primary-800); } /** * Block: am/pricing-table-price-option-footer */ .wp-block-am-pricing-table-price-option-footer { margin-top: auto !important; } .wp-block-am-pricing-table-price-option-footer:not(.wp-block) { text-align: center; padding-top: var(--wp--custom--spacing--block-gap); border-top: 1px solid var(--wp--preset--color--light-gray); width: 100%; } .wp-block-am-pricing-table-price-option-footer__featured { color: var(--wp--preset--color--white); font-size: var(--wp--preset--font-size--sm); background: var(--wp--preset--color--secondary); margin: var(--wp--custom--spacing--block-gap) calc(var(--wp--preset--spacing--50) * -1) calc(var(--wp--preset--spacing--60) * -1); padding: var(--wp--preset--spacing--40) var(--wp--preset--spacing--50); border-bottom-left-radius: 0.5rem; border-bottom-right-radius: 0.5rem; display: flex; align-items: center; } .wp-block-am-pricing-table-price-option-footer__featured svg { margin-right: 12px; stroke-width: 1.75; flex-shrink: 0; } .wp-block-am-pricing-table-price-option-footer__featured-text { text-align: left; } /** * Block: outermost/icon-block */ .wp-block-outermost-icon-block.rounded-full > div { border-radius: 9999px; } /** * Block: cb/carousel */ .wp-block-cb-carousel > .block-editor-inner-blocks > .block-editor-block-list__layout > [data-type="cb/slide"] .block-editor-inner-blocks, .wp-block-cb-carousel > .block-editor-inner-blocks > .block-editor-block-list__layout > [data-type="cb/slide"] .block-editor-block-list__layout { height: auto; }*/ .wp-block-cb-carousel.slick-dotted.slick-slider { margin-bottom: 0; } .wp-block-cb-carousel .slick-slide { padding: 0 1rem; } .wp-block-cb-carousel .slick-dots { bottom: -45px; } .wp-block-cb-carousel .slick-dots li button::before { font-size: 10px; } .wp-block-cb-carousel .slick-dots li button:before { color: var(--wp--preset--color--gray); } .wp-block-cb-carousel .slick-dots li.slick-active button:before { color: var(--wp--preset--color--dark-gray); } /** * Block: flexible-table-block/table */ .wp-block-flexible-table-block-table { border: 1px solid var(--wp--preset--color--light-gray); } .wp-block-flexible-table-block-table.wp-block-flexible-table-block-table > table { width: calc(100% + 2px) !important; max-width: calc(100% + 2px) !important; margin: -1px; padding: 0; border: 0; border-radius: 1rem; border-collapse: collapse; } .wp-block-flexible-table-block-table.wp-block-flexible-table-block-table > table tr th { color: var(--wp--preset--color--dark-gray); background: var(--wp--preset--color--extra-light-gray); font-weight: 500; } .wp-block-flexible-table-block-table.wp-block-flexible-table-block-table > table tr th, .wp-block-flexible-table-block-table.wp-block-flexible-table-block-table > table tr td { border-color: var(--wp--preset--color--light-gray); background-clip: padding-box; } .wp-block-flexible-table-block-table.wp-block-flexible-table-block-table > table tr th em, .wp-block-flexible-table-block-table.wp-block-flexible-table-block-table > table tr td em { font-size: var(--wp--preset--font-size--base); font-style: normal; } .wp-block-flexible-table-block-table.wp-block-flexible-table-block-table figcaption { text-align: center; font-size: var(--wp--preset--font-size--sm); padding: calc(var(--wp--custom--spacing--block-gap) / 2); } /** * "Fake" block: am/pricing-table */ .wp-block-column .wp-block-group.is-featured { position: relative; border-radius: 0.5rem !important; margin: calc(var(--wp--preset--spacing--40) * -1) 0; padding-top: var(--wp--preset--spacing--50) !important; padding-bottom: var(--wp--preset--spacing--60) !important; border: 0; } .wp-block-column .wp-block-group.is-disabled:after { content: ""; background: rgba(255, 255, 255, 0.7); position: absolute; top: 3px; right: 3px; bottom: 3px; left: 3px; border-radius: 0.4rem; } .wp-block-column .wp-block-group.is-featured { box-shadow: inset 0 0 0 3px var(--wp--preset--color--secondary), var(--wp--preset--shadow--xl) !important; } /** * "Fake" block: am/dollars-collected */ .wp-block-am-dollars-collected { font-variant-numeric: tabular-nums; } .wp-block-am-dollars-collected p { color: var(--wp--preset--color--dark-gray); transition: 0.25s ease-in-out; } /** * "Fake" block: am/lite-pro-table */ .am-comparison-table .wp-block-flexible-table-block-table.wp-block-flexible-table-block-table > table tr th:not(:first-of-type), .am-comparison-table .wp-block-flexible-table-block-table.wp-block-flexible-table-block-table > table tr td:not(:first-of-type) { text-align: center; } .am-comparison-table__header { position: sticky; top: -1px; z-index: 3; padding-top: 32px; background: white; border-bottom: 1px solid var(--wp--preset--color--light-gray); margin-bottom: -1px !important; } .am-comparison-table__header:before { content: ""; width: calc(100% + 2px); height: 33px; position: absolute; top: -1px; left: -1px; background: white; border-bottom: 1px solid var(--wp--preset--color--light-gray); } .admin-bar .am-comparison-table__header { top: 32px; } .am-comparison-table__header .wp-block-column:not(:last-of-type) { position: relative; z-index: 2; background-color: var(--wp--preset--color--white); } .am-comparison-table__header .wp-block-column:first-of-type { min-width: 239px; } body:not(.is-upgrade) .am-comparison-table__header .is-featured.wp-block-column { background: rgb(14, 133, 106, 0.02); } .am-comparison-table .is-style-small.wp-block-column { display: flex; flex-direction: column; justify-content: flex-end; } .am-comparison-table__header .wp-block-column:not(:last-of-type):not(:first-of-type):before, .am-comparison-table__header .wp-block-column:not(:last-of-type):not(:first-of-type):after, .am-comparison-table__header .wp-block-column:last-of-type:after { content: ""; width: 1px; height: 100%; background: var(--wp--preset--color--light-gray); position: absolute; top: 0; left: 0px; } .am-comparison-table__header .wp-block-column.is-disabled:before { content: ""; background: rgba(255, 255, 255, 0.7) !important; width: 100% !important; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 3; border-radius: 0.5rem; } .am-comparison-table__header .wp-block-column:not(:last-of-type):after { right: -1px; } .am-comparison-table__header .wp-block-column:last-of-type { position: relative; z-index: 4; } .am-comparison-table tr td:first-of-type { width: auto; min-width: 240px; } .am-comparison-table td { width: 15rem; position: relative; } body:not(.is-upgrade) .am-comparison-table.is-pricing td:nth-child(3):after, .am-comparison-table.is-lite td:nth-child(5):after { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; box-shadow: 0 0 0 1px rgb(14, 133, 106, 0.08); background: rgb(14, 133, 106, 0.02); z-index: 1; } .am-comparison-table td[colspan] { font-weight: 500; color: var(--wp--preset--color--secondary); padding: 0.75rem 0.825rem !important; background-color: var(--wp--preset--color--extra-light-gray) !important; } .am-comparison-table__lite-column { align-self: stretch !important; justify-content: flex-end; display: flex; flex-direction: column; } .am-comparison-table__lite-column-header { flex-grow: 1; display: flex; flex-direction: column; justify-content: flex-end; z-index: 3; } /** * Plugin: WPForms */ .am-support-form { max-width: 900px; margin: 0 auto; } .wpforms-form input[type="radio"] { appearance: revert !important; } div.wpforms-container .wpforms-field { padding: 1rem 0; } div.wpforms-container .wpforms-field-label { font-weight: var(--wp--custom--elements--label--font-weight); } div.wpforms-container .wpforms-field-sublabel { color: var(--wp--preset--color--gray); font-weight: normal; margin: 0.325rem 0 0; } div.wpforms-container ul, div.wpforms-container ul li { padding: 0; } div.wpforms-container .wpforms-field-label-inline { color: var(--wp--preset--color--gray); } div.wpforms-container .wpforms-selected .wpforms-field-label-inline { color: var(--wp--preset--color--dark-gray); } div.wpforms-container label { color: var(--wp--custom--elements--label--color); font-weight: var(--wp--custom--elements--label--font-weight); font-size: var(--wp--custom--elements--label--font-size); line-height: 1; cursor: pointer; margin-bottom: 0.325rem; display: inline-block; } div.wpforms-container [type="text"], div.wpforms-container [type="email"], div.wpforms-container [type="url"], div.wpforms-container [type="password"], div.wpforms-container [type="number"], div.wpforms-container [type="date"], div.wpforms-container [type="datetime-local"], div.wpforms-container [type="month"], div.wpforms-container [type="search"], div.wpforms-container [type="tel"], div.wpforms-container [type="time"], div.wpforms-container [type="week"], div.wpforms-container [multiple], div.wpforms-container textarea, div.wpforms-container select { appearance: none; color: var(--wp--custom--elements--input--color--text); font-size: var(--wp--custom--elements--input--typography--font-size); font-family: var(--wp--custom--elements--input--typopgraphy--font-family); line-height: var(--wp--custom--elements--input--typography--line-height); padding: var(--wp--custom--elements--input--spacing--padding--top) var(--wp--custom--elements--input--spacing--padding--left); background-color: var(--wp--custom--elements--input--color--background); border-width: var(--wp--custom--elements--input--border--width); border-style: var(--wp--custom--elements--input--border--style); border-color: var(--wp--custom--elements--input--border--color); border-radius: var(--wp--custom--elements--input--border--radius); box-shadow: var(--wp--custom--elements--input--box-shadow); } div.wpforms-container [type="text"]:focus, div.wpforms-container [type="email"]:focus, div.wpforms-container [type="url"]:focus, div.wpforms-container [type="password"]:focus, div.wpforms-container [type="number"]:focus, div.wpforms-container [type="date"]:focus, div.wpforms-container [type="datetime-local"]:focus, div.wpforms-container [type="month"]:focus, div.wpforms-container [type="search"]:focus, div.wpforms-container [type="tel"]:focus, div.wpforms-container [type="time"]:focus, div.wpforms-container [type="week"]:focus, div.wpforms-container [multiple]:focus, div.wpforms-container textarea:focus, div.wpforms-container select:focus { border-color: var(--wp--custom--elements--input--focus--border--color); box-shadow: var(--wp--custom--elements--input--focus--box-shadow); outline: 0; } div.wpforms-container [type="submit"] { appearance: none; cursor: pointer; color: var(--wp--custom--elements--button--color--text); font-size: var(--wp--custom--elements--button--typography--font-size); font-family: var(--wp--custom--elements--button--typography--font-family); font-weight: var(--wp--custom--elements--button--typography--font-weight); line-height: var(--wp--custom--elements--button--typography--line-height); padding: var(--wp--custom--elements--button--spacing--padding--top) var(--wp--custom--elements--button--spacing--padding--left); background-color: var(--wp--custom--elements--button--color--background); border-width: var(--wp--custom--elements--button--border--width); border-style: var(--wp--custom--elements--button--border--style); border-color: var(--wp--custom--elements--button--border--color); border-radius: var(--wp--custom--elements--button--border--radius); box-shadow: var(--wp--custom--elements--button--box-shadow); } div.wpforms-container [type="submit"]:hover, div.wpforms-container [type="submit"]:focus { background-color: var( --wp--custom--elements--button--hover--color--background ); } div.wpforms-container [type="submit"]:disabled { opacity: 0.5; } div.wpforms-container label.wpforms-error { margin-top: 5px; } div.wpforms-container.try-am-free { margin-bottom: 0; } div.wpforms-container.try-am-free .wpforms-field-large { font-size: 1.14rem; padding: 0.75rem 1.15rem; } div.wpforms-container.try-am-free .wpforms-submit-spinner { position: absolute; top: 33px; right: 20px; } /** * Plugin: SearchWP */ .searchwp-live-search-results.searchwp-live-search-results-showing { width: 100% !important; max-width: 462px; transform: translate3d(-11px, 10px, 10px); background: #fff; box-shadow: 0 10px 20px rgba(66, 139, 202, 0.15); border: 1px solid var(--wp--preset--color--lightish-gray); border-radius: var(--wp--custom--elements--input--border--radius); } .searchwp-live-search-results .searchwp-live-search-result a { text-decoration: none; } /** * Micro Modal */ .modal { display: none; } .modal.is-open { display: block; } .modal__overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1000; background: rgba(0, 0, 0, 0.6); display: flex; justify-content: center; align-items: center; } .modal__container { background-color: #fff; padding: 30px; min-width: 500px; max-width: 100vw; max-height: 90vh; border-radius: 4px; overflow-y: auto; box-sizing: border-box; } .modal.has-content .modal__container { max-width: 600px; padding: 30px; max-width: 500px; max-height: 100vh; background-color: #fff; box-shadow: 0 6px 10px rgba(0, 0, 0, 0.25); border-radius: 4px; box-sizing: border-box; overflow-y: auto; } .modal__header { margin-bottom: 2rem; } .modal__header h2 { margin: 0; } .modal__title { margin-top: 0; margin-bottom: 0; font-weight: 600; font-size: 1.25rem; line-height: 1.25; color: #00449e; box-sizing: border-box; } .modal__close { cursor: pointer; padding: 1rem; background: transparent; border: 0; position: absolute; top: 0; right: 0; } .modal__close:before { content: "\2715"; } .modal__content { margin-top: 2rem; margin-bottom: 2rem; line-height: 1.5; color: rgba(0, 0, 0, 0.8); } .modal__btn { font-size: 0.875rem; padding-left: 1rem; padding-right: 1rem; padding-top: 0.5rem; padding-bottom: 0.5rem; background-color: #e6e6e6; color: rgba(0, 0, 0, 0.8); border-radius: 0.25rem; border-style: none; border-width: 0; cursor: pointer; text-transform: none; overflow: visible; line-height: 1.15; margin: 0; will-change: transform; backface-visibility: hidden; transform: translateZ(0); transition: transform 0.25s ease-out; } .modal__btn:focus, .modal__btn:hover { transform: scale(1.05); } .modal__btn-primary-700 { background-color: #00449e; color: #fff; } @keyframes mmslideIn { from { transform: translateY(15%); } to { transform: translateY(0); } } @keyframes mmslideOut { from { transform: translateY(0); } to { transform: translateY(-10%); } } .modal-slide[aria-hidden="false"] .modal__overlay { animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1); } .modal-slide[aria-hidden="false"] .modal__container { animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1); } .modal-slide[aria-hidden="true"] .modal__overlay { animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1); } .modal-slide[aria-hidden="true"] .modal__container { animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1); } .modal-slide .modal__container, .modal-slide .modal__overlay { will-change: transform; } /* Charitable */ /* home page */ body.home .charitable-just-announced { border-radius: 25px !important; border: 1px solid rgba(49, 113, 76, 1); margin: 0 auto; max-width: fit-content !important; padding-left: 10px; padding-right: 10px; position: relative; top: 30px; } body.home .charitable-just-announced span { display: flex; justify-content: center; align-items: center; } body.home .charitable-just-announced p { color: rgba(30, 21, 21, 0.8); font-family: Satoshi; font-weight: 700; font-size: 16px; line-height: 36px; letter-spacing: -0.2px; margin: 5px 10px; } body.home .charitable-just-announced a { display: flex; flex-direction: row; gap: 10px; justify-items: center; align-items: center; } body.home .charitable-alert-arrow { min-width: 20px; color: rgba(61, 145, 75, 1); fill: rgba(61, 145, 75, 1); } body.home .charitable-cta { margin-top: -14rem !important; } span.charitable-headline-heart { top: 4px; position: relative; background-repeat: no-repeat; background-image: url('../am-theme/assets/images/icons/headline-heart.svg'); background-size: contain; display: inline-block; width: 30px; height: 30px; } h2.charitable-has-heart img { top: 8px; position: relative; } footer hr:empty { display: block !important; } footer .wpchar-connect-headline { display: none !important; } body.page-template-feature-donor-management h1 { /* font-weight: 500 !important; */ } body.page-template-feature-donor-management .feature-title-container { width: 75% !important; } body.post-template-default.single .blog-single-posts-columns { margin-top: -35px; } .charitable-any-cause-nav { margin: 40px auto; } .charitable-any-cause-nav ul { list-style: none; width: 100%; margin: 0; padding: 0; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; align-items: center; } h1.wpchar-hp-title { font-size: 46px !important; line-height: 60px !important; padding-top: 35px !important; text-wrap: pretty !important; } .wpchar-hp-subtitle { margin-top: 15px !important; text-wrap: pretty !important; font-size: 20px !important;; font-weight: 500 !important;; line-height: 36px !important;; letter-spacing: -0.015em !important; text-align: center; max-width: calc(--wp--style--global--wide-size) - 100px !important; color: rgba(30, 21, 21, 0.8) !important; } .wpcharitable-homepage-icon-row { margin-top: 60px !important; margin-bottom: 36px !important; } .wpcharitable-homepage-3badges { margin-bottom: 80px !important; } /* make the li in the unordered list equal lengths to fill the width of the parent */ .charitable-any-cause-nav ul li { display: inline-block; } .charitable-any-cause-nav ul li a { color: #766c66; padding: 8px 14px; display: inline-block; font-weight: 600; } .charitable-any-cause-nav ul li a { border: 2px solid transparent; } .charitable-any-cause-nav ul li.any-cause-active a { color: #1f1415; border: 2px solid #1f1415; border-radius: 20px; } .charitable-any-cause-container { padding-top: 90px !important; padding-bottom: 100px !important; margin-bottom: 90px !important; } .charitable-any-cause-container-item { max-width: 940px !important; } .charitable-any-cause-container-item blockquote { border-left: 2px solid #e5d9ca; padding-left: 25px; margin: 38px 0 0 0 !important; } .charitable-any-cause-container-item blockquote cite { font-size: 14px; line-height: 16px; } .charitable-any-cause-container-item blockquote cite img { margin: 5px 0 -5px 15px; display: inline-block; } .charitable-any-cause-container-item blockquote cite strong { font-size: 16px; line-height: 24px; } .charitable-any-cause-container-item figure, .charitable-any-cause-container-item figure img { max-width: 570px !important; } .charitable-any-cause-container .wpchar-left-column { max-width: 400px !important; padding-right: 25px; } .charitable-any-cause-container .wpchar-left-column p { margin-bottom: 0 !important; } .charitable-any-cause-container .wpchar-left-column p, .charitable-any-cause-container .wpchar-left-column h5 { max-width: 400px !important; } .charitable-any-cause-container .wpchar-left-column blockquote { max-width: 350px !important; } .hero-progress-bar { background-color: #e7e3dd; height: 5px; width: 100%; } .hero-progress-bar .progress { height: 5px; background-color: green; display: block; width: 0%; } .hero-group .wpchar-svg-margin-top .icon-container { margin: 0 0 10px 5px !important; } .hero-grid h5 { font-weight: 700; } .hero-grid .wp-hero-grid-description { /* UPDATE */ line-height: 30px !important; font-weight: 500 !important; max-width: 100%; width: 100%; } .hero-grid .wpchar-svg-margin-top p strong a, .hero-grid .wpchar-svg-margin-top p strong a:hover { /* updated */ text-decoration: underline !important; text-decoration-style: solid !important; text-decoration-color: rgba(30, 21, 21, 0.5) !important; text-underline-offset: 10px; /* border-bottom: 1px solid rgba(30, 21, 21, 0.6); padding-bottom: 10px !important; */ display: inline-block !important; font-family: Satoshi; font-size: 14px !important; font-weight: 700 !important; line-height: 18.9px !important; letter-spacing: -0.015em !important; text-align: left; } .hero-grid .wpchar-feature-row-icons, .hero-grid .wp-hero-grid-description { /* opacity: 0.2; */ } .hero-grid .hero-active .wpchar-feature-row-icons, .hero-grid .hero-active .wp-hero-grid-description { /* opacity: 1; transition: opacity 0.5s; */ } .wpcharitable-feature-grid-homepage { background-image: url('/wp-content/themes/am-theme/assets/images/homepage/hero-bg.png?cache=234k23l4jsdsfasdfsdf'); background-repeat: no-repeat; background-position: center -10px; padding-top: 200px; margin-top: -50px !important; } .wpcharitable-featurs-subheading { line-height: 32px !important; } .wpcharitable-see-all-features { padding-bottom: 5px !important; margin-bottom: 0; border-bottom: 1px solid #1E1515; font-weight: 600; } .wpchar-section-title-subheading p { max-width: 800px !important; color: rgba(16, 16, 16, 0.6) !important; } .wpchar-section-title-subheading p.wpcharitable-featurs-subheading { font-family: "Satoshi", "sans-serif"; font-size: 17px !important; font-weight: 500 !important; line-height: 32px !important; letter-spacing: -0.015em !important; text-align: center; color: rgba(30, 21, 21, 0.6) !important; } .wpchar-section-title-subheading h2, .wpchar-section-title-subheading h3 { color: rgba(30, 21, 21, 1) !important; text-wrap: pretty !important; } .wpchar-section-title-subheading h2 { font-family: "Satoshi", "sans-serif"; font-size: 40px !important; font-weight: 700 !important; line-height: 48px !important; text-align: center; color: #1E1515 !important; } body.page-template-intergration-single .wpchar-reason-row .icon-container svg, body.page-template-intergration-single .wpchar-reason-row-alt .icon-container svg { margin-top: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; } body.page-template-intergrations .wpchar-degrid .wp-block-outermost-icon-block .icon-container svg, body.page-template-intergration-single .entry-content .wp-block-outermost-icon-block:not(.no-svg-margin) .icon-container svg, body.page-template-intergration-single .wpchar-popular-integrations .wp-block-outermost-icon-block .icon-container svg { margin-top: 16px; margin-left: 5px; } body.page-template-intergration-single .wp-block-outermost-icon-block .icon-container svg { } .wpchar-reasons-content .is-layout-grid .icon-container svg, .wpchar-checkmark-icon svg { margin-top: -2px; } .wpchar-reasons-content h2, .wpchar-reasons-content h3 { text-wrap: pretty !important } .wpchar-reasons-margin-top-bottom { padding-top: 90px !important; padding-bottom: 90px !important; } .wpchar-reasons-margin-top-bottom h2 { text-wrap: pretty !important; } .wpchar-feature-row-icons .icon-container svg { margin-top: 8px; } .wpchar-feature-row-icons-checkmarks p { line-height: 27px !important; } .wpchar-feature-row-icons-checkmarks .icon-container { margin-top: -2px !important; margin-bottom: 0 !important; } .wpcharitable-impact-image img { box-shadow: 0px 7px 12px rgba(0, 0, 0, 0.4); } /* .wpcharitable-homepage-icon-row .wp-block-outermost-icon-block { max-height: 60px; } */ .wpcharitable-homepage-icon-row p { font-size: 14px; line-height: 17px; margin: 10px 0 0 0; padding: 0; } .wpcharitable-homepage-icon-row .wp-block-outermost-icon-block + p { font-family: Satoshi; font-size: 14px !important; font-weight: 700 !important; line-height: 18px !important; letter-spacing: 0.25px; text-align: center; color: rgba(34, 34, 34, 1); } .wpcharitable-homepage-icon-row svg { height: 42px; max-height: 42px; margin: 0; padding: 0; } .wpcharitable-homepage-icon-row .wp-block-outermost-icon-block { height: 42px; max-height: 42px; margin: 0; padding: 0; } .wpcharitable-homepage-icon-row .secure-payment svg { height: 47px; max-height: 47px; } .wpcharitable-homepage-icon-row .light-blub svg { height: 37px; max-height: 37px; } .wpchar-subsection-headers .wpchar-subsection-headers-interior div h2 { font-size: 36px; font-weight: 700; line-height: 38.68px; text-align: center; color: var(--Primary-100, rgba(30, 21, 21, 1)); } .wpchar-subsection-headers .wpchar-subsection-headers-interior h2 + p { font-size: 17px !important; font-weight: 500 !important; line-height: 36px !important; letter-spacing: 0.30380576848983765px !important; text-align: center; color: var(--Primary-60, rgba(30, 21, 21, 0.6)) !important; } /* blog page */ .single-post .entry-content { font-size: 16px; line-height: 28px; color: #787373; } .single-post .alignright { float: right; } .single-post .alignleft { float: left; } .single-post h2.wp-block-heading { font-size: 24px; line-height: 50px; font-weight: 600; } .single-post .entry-content ul, .single-post .entry-content ol { margin: 0; padding: 0; list-style-position: inside; } .single-post .entry-content ul { list-style: none; } .single-post .entry-content ul li { padding: 0 0 0 15px; font-size: 16px; line-height: 18px; margin-bottom: 10px; background: url('../am-theme/assets/images/icons/bullet-list-bullet.svg') no-repeat left 5px; } .single-post .entry-content .wp-block-aioseo-table-of-contents ul li ul { margin-top: 8px; } .aioseo-author-bio-compact-left .aioseo-author-bio-compact-image { width: 200px !important; height: 200px !important; } .author-bio-link { display: block !important; margin-top: 15px !important; font-size: 16px; line-height: 20px; } .author-bio-link a { display: none !important; text-decoration: underline; } .author-bio-link a:first-of-type { display: block !important; } .author-bio-link a::after { content: " "; width: 15px; height: 15px; background-image: url('/wp-content/themes/am-theme/assets/images/icons/arrow-right.svg') !important; display: inline-block; background-color: transparent; background-size: contain; background-repeat: no-repeat; margin-left: 10px; margin-bottom: -4px; } .last-updated-row ul { padding: 0 0 0 15px; margin: 0; } .single-post .in-this-article { background-color: #fffaf3; border-color: #dcdcdc !important; border-width: 2px !important; border-radius: 15px !important; border-style: solid !important; } .single-post .in-this-article ul { margin: 0 0 0 10px; padding: 15px; /* make image bullet of the list */ list-style-position: inside; list-style: none; } .single-post .in-this-article ul li { font-weight: 500; font-size: 16px; line-height: 18px; padding: 0 0 0 25px; margin-bottom: 10px; background: url('../am-theme/assets/images/icons/arrow-circle-right.svg') no-repeat left 2px; } .single-post .in-this-article ul li ul { margin: 10px 0 10px 10px; padding: 0; list-style-position: inside; list-style-image: none !important; list-style-type: disc !important; } .single-post .in-this-article ul li ul li { background: none; } .single-post .in-this-article ul li ul li::marker { color: #E89D46; } .single-post .in-this-article ul li, .single-post .in-this-article ul li a, .single-post .in-this-article ul li ul li, .single-post .in-this-article ul li ul li a { color: #77716e; } .in-this-article h3 { font-size: 20px; line-height: 27px; font-weight: 600; padding: 15px 0; width: 100%; text-indent: 25px; border-bottom: 1px solid #dcdcdc; } .single-post figcaption { font-style: italic; color: #787373; font-size: 14px; line-height: 20px; } .single-post ul.charitable-checklist { list-style: none; list-style-position: inside; margin: 10px 0; padding: 0; } .single-post ul.charitable-checklist li { font-weight: 500; font-size: 16px; line-height: 18px; min-height: 20px; padding: 0 0 0 30px; margin-bottom: 15px; background: url('../am-theme/assets/images/icons/checklist-check.png') no-repeat left -1px; } .charitable-collapse-container { width: 100%; } .chartiable-collapsible { background-color: #fffaf3; border: 2px solid #dcdcdc; margin: 0 0 20px 0 !important; width: 100%; } .chartiable-collapsible h2 { margin: 10px 20px 10px 20px; font-size: 20px; line-height: 24px; font-weight: 600; width: 100%; } .chartiable-collapsible h2:after { right: 35px; } .chartiable-collapsible .c-accordion__content { padding: 10px 20px; border-top: 2px solid #dcdcdc; font-size: 16px; line-height: 20px; color: #787373; } .chartiable-collapsible h6 { text-transform: capitalize; font-size: 17px; line-height: 24px; margin: 0 0 10px 0 !important; } p.wp-block-post-excerpt__excerpt { font-family: Satoshi; font-size: 16px !important; font-weight: 500 !important; line-height: 28px !important; letter-spacing: 0.25px; text-align: left; } .wpchar-blog-sidebar h4 { font-family: Satoshi; font-size: 21px !important; font-weight: 700 !important; line-height: 32px !important; letter-spacing: 0.01em !important; } .wpchar-blog-sidebar .wpforms-field-container h4 { font-family: Satoshi; font-size: 16px !important; font-weight: 700 !important; line-height: 32px !important; letter-spacing: 0.01em !important; } /* pagination */ .wp-block-query-pagination { margin-top: 70px !important; margin-bottom: 70px !important; } .wp-block-query-pagination .wp-block-query-pagination-next-arrow, .wp-block-query-pagination .wp-block-query-pagination-previous-arrow { padding: 0px !important; margin: 0px !important; margin-right: 0px !important; margin-left: 0px !important; text-align: center; background-color: #F3F4F5 !important; height: 40px !important; width: 40px !important; border-radius: 25px !important; font-size: 21px !important; line-height: 36px !important; } .wp-block-query-pagination>.wp-block-query-pagination-next, .wp-block-query-pagination>.wp-block-query-pagination-previous { margin-bottom: 0; margin-right: 0; } .wp-block-query-pagination-numbers { height: 40px; margin-left: 13px !important; margin-right: 13px !important; margin-bottom: 0px !important; } .wp-block-query-pagination-numbers a, .wp-block-query-pagination-numbers span { color: rgba(30, 21, 21, 1); font-family: Satoshi; font-size: 16px; font-weight: 700; line-height: 39px; letter-spacing: 0.25px; text-align: center; margin-left: 8px !important; margin-right: 8px !important; height: 40px !important; width: 40px !important; border-radius: 25px !important; background-color: #F3F4F5 !important; display: inline-block; } .wp-block-query-pagination .wp-block-query-pagination-next-arrow:hover, .wp-block-query-pagination .wp-block-query-pagination-previous-arrow:hover, .wp-block-query-pagination-numbers a:hover { background-color: #e4e4e4 !important; } .wp-block-query-pagination-numbers span.current { color: White !important; background-color: rgba(49, 113, 76, 1) !important; } /* Alerts */ .wpchar-blog-notice { border-width: 1.5px; border-style: solid; background-color: rgba(191, 219, 254, 1); border-color: rgba(191, 219, 254, 1); border-radius: 8px; padding: 30px !important; font-size: 16px !important; font-weight: 500 !important; line-height: 24px !important; letter-spacing: 0.25px !important; } .wpchar-blog-notice p { margin: 0 0 30px 0px !important } .wpchar-blog-notice p:last-child { margin-bottom: 0 !important; } .wpchar-blog-notice strong { color: rgba(17, 24, 39, 1); font-size: 16px !important; font-weight: 700 !important; line-height: 24px !important; letter-spacing: 0.25px !important; } .wpchar-blog-warning { border-color: rgba(242, 203, 203, 1); background-color: rgba(254, 239, 239, 1); } /* bullets */ .wpchar-blog-bullet-list { list-style: none; list-style-position: outside; padding: 0; margin: 0; } .wpchar-blog-bullet-list li { padding-left: 25px; background-position: left -2px; background-repeat: no-repeat; background-image: url('data:image/svg+xml,'); } .wpchar-blog-bulletx-list li:before { content: url('data:image/svg+xml,'); top: -3px; position: relative; float: left; } /* buttons */ body.page-id-3536 .wp-block-button__link { font-size: 16px !important; font-weight: 700 !important; line-height: 24px !important; letter-spacing: 0.25px !important; } /* side bar */ .single-post div.wpforms-container-full { margin-top: 20px !important; margin-bottom: 5px !important; } .single-post div.wpforms-container-full .wpforms-form #wpforms-9013491-field_4-container, .single-post div.wpforms-container-full .wpforms-form label { display: none; } .wpforms-form input[type="text"], .wpforms-form input[type="email"] { width: 100% !important; max-width: 100% !important; margin: 0; } .wpforms-form button[type="submit"] { width: 100% !important; background-color: #32714c !important; color: white !important; text-align: center; } .wpforms-form button[type="submit"]:hover { background-color: #1E5B38 !important; border-color: #1E5B38 !important; } /* pricing */ .charitable-pricing-grid-main { margin-top: -30px; } .charitable-pricing-table tr td a, .charitable-pricing-table tr td a:hover { color: #1e1e1e !important; } .charitable-pricing-table table, .charitable-pricing-table thead, .charitable-pricing-table td, .charitable-pricing-table tr, .charitable-pricing-table th { border: 0; } .charitable-pricing-table th { background-color: #efeeee; color: black; font-weight: 700; font-size: 18px; line-height: 24px; padding: 15px 20px; } .charitable-pricing-table td { padding: 10px 20px; } p[data-tippy-content], p[class^="ppt"], a[data-tippy-content] { text-decoration: underline !important; text-decoration-style: dotted !important; text-decoration-color: var(--Primary-60, rgba(30, 21, 21, 0.6)) !important; text-underline-offset: 3px; } .wpchar-pricing-box div p[class^="ppt"] { font-family: Satoshi; font-size: 16px !important; font-weight: 500 !important; line-height: 34px !important; letter-spacing: 0.25px !important; color: rgba(30, 21, 21, 0.6) !important; } .wpchar-pricing-box h2 { font-family: Satoshi; font-size: 24px !important; font-weight: 700 !important; line-height: 32px !important; color: rgba(30, 21, 21, 1) !important; } .wpchar-pricing-box h2 + p { font-family: Satoshi; font-size: 14px !important; font-weight: 500 !important; line-height: 18px !important; letter-spacing: 0.25px !important;; color: rgba(30, 21, 21, 0.6); } .wpchar-pricing-box div.has-background p { font-family: Satoshi; font-size: 16px !important; font-weight: 500 !important; line-height: 24px !important; letter-spacing: 0.25px !important; } .wpchar-pricing-box div h2, .wpchar-pricing-box h2:last-of-type { font-family: Satoshi; font-size: 16px !important; font-weight: 700 !important; line-height: 24px !important; letter-spacing: 0.25px !important; color: rgba(30, 21, 21, 0.8) !important; } .charitable-price-grid-header h2 { font-family: Satoshi; font-size: 24px !important; font-weight: 700 !important; line-height: 32px !important; text-align: center; color: rgba(30, 21, 21, 1) !important; } .charitable-price-grid-header h2 + p { font-family: Satoshi; font-size: 14px !important; font-weight: 500 !important; line-height: 18px !important; letter-spacing: 0.25px !important; text-align: center; color: rgba(30, 21, 21, 0.6); } .charitable-price-grid-header div.wpchar-pricing-savings p { font-size: 16px !important; font-weight: 500 !important; line-height: 24px !important; letter-spacing: 0.25px !important; } .charitable-pricing-table td { font-family: Inter; font-size: 14px !important;; font-weight: 500 !important;; line-height: 24px !important;; letter-spacing: 0.25px !important;; color: rgba(30, 21, 21, 0.8) !important; } /* intergrations */ body.page-template-intergrations .wpchar-doc-top { padding-bottom: 25px !important; } body.page-template-intergrations .wpchar-doc-top h1 { font-family: Satoshi; font-size: 42px !important;; font-weight: 700 !important;; line-height: 56.7px !important;; letter-spacing: -0.02em !important;; text-align: center; color: rgba(30, 21, 21, 1) !important; margin-top: 0px !important } body.page-template-intergrations .wpchar-doc-top h1 + p { font-family: Satoshi; font-size: 22px !important;; font-weight: 500 !important;; line-height: 36px !important;; letter-spacing: -0.015em !important;; text-align: center; color: rgba(30, 21, 21, 0.8) !important; } .charitable-integration-hero-row { margin-top: -120px; margin-bottom: 50px; } .charitable-integration-hero-row figure { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; } .charitable-integration-hero-row img { box-shadow: 0 10px 20px rgba(66, 139, 202, 0.15); } .wpchar-integrations-text-desc p { max-width: none; } body.page-template-intergrations .wpchar-doc-top { background-image: url('/wp-content/themes/am-theme/assets/images/homepage/hero-bg.png?cache=234k23l4jsdsfasdfsdf'); background-repeat: no-repeat; background-position: center bottom; padding-top: 80px !important; padding-bottom: 20px !important; background-color: #fffaf3 !important; margin-bottom: 20px !important; } .wpchar-doc-top h1 { font-family: "Satoshi", "sans-serif"; font-size: 42px !important;; font-weight: 700 !important;; line-height: 78px !important;; letter-spacing: -0.02em !important; text-align: center; color: rgba(30, 21, 21, 1); } .wpchar-doc-top > p { font-family: "Satoshi", "sans-serif"; font-size: 22px !important; font-weight: 500 !important; line-height: 36px !important; letter-spacing: -0.015em !important; text-align: center; color: rgba(30, 21, 21, 0.8) !important; } .wpchar-popular-integrations h2 { margin-top: -10px !important; font-family: Satoshi; font-size: 20px; font-weight: 700; line-height: 28px; text-align: left; } body:not(.page-template-intergration-single) .wpchar-popular-integrations div:first-child .icon-container, body:not(.page-template-intergration-single) .wpchar-popular-integrations div:first-child figure { width: 50px !important; max-height: 50px !important; height: 50px !important; } body:not(.page-template-intergration-single) .wpchar-popular-integrations div:first-child .icon-container svg, body:not(.page-template-intergration-single) .wpchar-popular-integrations div:first-child figure img { margin-top: 0 !important; margin-right: auto !important; margin-left: 0 !important; max-height: 50px !important; height: 50px !important; } body:not(.page-template-intergration-single) .wpchar-popular-integrations div:first-child .icon-container svg { margin-top: 5px !important; } .wpchar-popular-integrations div p { font-family: Satoshi; font-size: 14px !important; font-weight: 500 !important; line-height: 22px !important; text-align: left; color: rgba(30, 21, 21, 0.6); } .charitable-intergrations-block-container h4 { font-family: Satoshi; font-size: 20px; font-weight: 700; line-height: 28px; text-align: left; color: rgba(30, 21, 21, 1); } body.page-template-intergration-single .wpchar-popular-integrations h2 { font-family: Satoshi; font-size: 40px !important; font-weight: 700 !important; line-height: 48px !important; text-align: center; color: rgba(30, 21, 21, 1); } body.page-template-intergration-single .wpchar-popular-integrations h2 + p { font-family: Satoshi; font-size: 17px; font-weight: 500; line-height: 32px; letter-spacing: -0.015em; text-align: center; color: rgba(30, 21, 21, 0.6) !important; } body.page-template-intergration-single .wpchar-popular-integration-block h2, .charitable-intergrations-block-container h4.wp-block-heading { font-family: Satoshi; font-size: 24px !important; font-weight: 700 !important; line-height: 32px !important; text-align: left; color: rgba(30, 21, 21, 1); } .wpchar-integration-top p + h1 { font-family: Satoshi; font-size: 46px !important; ; font-weight: 700 !important; ; line-height: 64px !important; ; letter-spacing: -0.02em !important; ; text-align: center; color: rgba(30, 21, 21, 1) !important; } .wpchar-integration-top p { font-family: Satoshi; font-size: 16px !important;; font-weight: 700 !important;; line-height: 21.6px !important;; letter-spacing: 0.1em !important;; text-align: left; color: rgba(30, 21, 21, 1) !important; } .wpchar-integration-top p + h1 + p { font-family: "Satoshi", "sans-serif"; font-size: 17px !important; font-weight: 500 !important; line-height: 32px !important; letter-spacing: -0.015em !important; text-align: center; color: rgba(30, 21, 21, 0.6) !important; text-wrap: pretty !important; max-width: 770px !important; } body.page-template-intergration-single .wpchar-popular-integration-block h2 + p { font-family: Satoshi; font-size: 16px !important; font-weight: 500 !important; line-height: 30px !important; letter-spacing: 0.25px !important; text-align: left; color: rgba(30, 21, 21, 0.6) !important; } body.page-template-intergration-single h4 { font-family: Satoshi; font-size: 24px !important; font-weight: 700 !important; line-height: 32px !important; text-align: left; color: #rgba(30, 21, 21, 1) !important; } body.page-template-request .wpchar-doc-top { padding-bottom: 10px !important; margin-bottom: 10px !important; } .wpchar-integrations-cta { margin-top: 100px !important; margin-bottom: 100px !important; } .wpchar-integrations-cta p { text-wrap: pretty !important; } .wpchar-integrations-text-desc h2 { font-family: Satoshi; font-size: 24px !important;; font-weight: 700 ; line-height: 32px !important;; color: rgba(30, 21, 21, 1); } .wpchar-integrations-text-desc h2 + p { font-family: Satoshi; font-size: 18px !important;; font-weight: 500 !important;; line-height: 28px !important;; letter-spacing: 0.25px !important;; color: rgba(30, 21, 21, 0.6) !important; } body.page-template-intergration-single .entry-content .similar-extensions .wp-block-outermost-icon-block .icon-container svg { margin-top: 0 !important; } body.page-template-intergration-single .entry-content .similar-extensions .wp-block-outermost-icon-block .icon-container { margin: 0 10px 0 0; } @media only screen and (max-width: 755px) { body.page-template-intergration-single .entry-content .similar-extensions .wp-block-group-is-layout-flex { display: block !important; } body.page-template-intergration-single .entry-content .similar-extensions .wp-block-group-is-layout-flex h2 { margin-left: -7px; margin-top: 15px !important; font-size: 100% !important; } } .cta-beige h2 { font-family: Satoshi; font-size: 32px; font-weight: 700; line-height: 42px; text-align: left; color: rgba(30, 21, 21, 1); } .cta-beige h2 + p { font-family: Satoshi; font-size: 16px; font-weight: 500; line-height: 28px; letter-spacing: 0.25px; text-align: left; color: rgba(30, 21, 21, 0.6); } /* templates */ .wpchar-doc-top.wpchar-template-top { padding-bottom: 40px !important; margin-bottom: 0 !important; } .charitable-hidden { display: none !important; } .charitable-template-block-container { width: 100%; } .wpchar-simple-icon-container { padding-top: 100px !important; padding-bottom: 100px !important; } /* search */ body.page-template-campaign-templates .charitable-setup-templates-search-wrap { position: relative; } body.page-template-campaign-templates .charitable-setup-templates-search-wrap br { display: none; height: 0; } body.page-template-campaign-templates .charitable-setup-templates-search-wrap #charitable-setup-template-search::placeholder { color: #bbbbbb; font-weight: 400; } body.page-template-campaign-templates .charitable-setup-templates-search-wrap #charitable-setup-template-search, input#charitable-setup-integration-search { font-size: 16px; font-weight: 400; height: 40px; line-height: 20px; padding-left: 35px; padding-right: 35px; width: 100%; color: #444444; border: 1px solid #cccccc; border-radius: 4px; box-shadow: none; background-image: url('../am-theme/assets/images/icons/search.svg'); background-repeat: no-repeat; background-position: left 10px center; width: 75%; max-width: 300px; margin-left: auto; margin-right: auto; display: block; } body.page-template-campaign-templates .charitable-setup-templates-search-wrap #charitable-setup-template-search.highlighted { border: 4px solid rgba(0, 128, 0, 0.5); } /* template sidebar */ body.page-template-campaign-templates .charitable-templates-sidebar { padding: 0; width: 100%; box-sizing: content-box; } body.page-template-campaign-templates .charitable-templates-sidebar .charitable-setup-templates-search-wrap { position: relative; } body.page-template-campaign-templates .charitable-templates-sidebar .charitable-setup-templates-search-wrap i.fa-search { color: #bbbbbb; display: block; font-size: 16px; left: 15px; position: absolute; top: 13px; width: 16px; } body.page-template-campaign-templates .charitable-templates-sidebar .charitable-setup-templates-search-wrap i.fa-close { color: #bbbbbb; font-size: 16px; right: 10px; position: absolute; top: 12px; width: 16px; cursor: pointer; display: none; } body.page-template-campaign-templates .charitable-templates-sidebar .charitable-setup-templates-search-wrap #charitable-setup-template-search::placeholder { color: #bbbbbb; font-weight: 400; } body.page-template-campaign-templates .charitable-templates-sidebar .charitable-setup-templates-search-wrap #charitable-setup-template-search { font-size: 16px; font-weight: 400; height: 40px; line-height: 20px; padding-left: 35px; padding-right: 35px; width: 100%; color: #444444; border: 1px solid #cccccc; border-radius: 4px; box-shadow: none; } body.page-template-campaign-templates .charitable-templates-sidebar .charitable-setup-templates-search-wrap #charitable-setup-template-search.highlighted { border: 4px solid rgba(0, 128, 0, 0.5); } body.page-template-campaign-templates .charitable-templates-sidebar .charitable-setup-templates-categories { margin-top: 0px; width: 100%; box-sizing: content-box; list-style: none; margin-block-end: 0; margin-inline-end: 0; margin-inline-start: 0; padding: 0; } body.page-template-campaign-templates .charitable-templates-sidebar .charitable-setup-templates-categories li { border-radius: 4px; color: #444444; cursor: pointer; font-size: 14px; font-weight: 600; line-height: 16px; margin: 0; padding: 10px; } body.page-template-campaign-templates .charitable-templates-sidebar .charitable-setup-templates-categories li.active { background: #fff0e0; color: #000; position: relative; background-image: url('../am-theme/assets/images/icons/arrow-right.svg'); background-repeat: no-repeat; background-position: right 10px center; } body.page-template-campaign-templates .charitable-templates-sidebar .charitable-setup-templates-categories li.divider { border-bottom: 1px solid #dddddd; margin: 30px 0; padding: 0; } body.page-template-campaign-templates .charitable-templates-sidebar .charitable-setup-templates-categories li span { float: right; color: #777777; opacity: 0.5; font-weight: 400; } body.page-template-campaign-templates .charitable-template-list { width: 100%; position: relative; max-width: 1024px; margin-right: auto; } body.page-template-campaign-templates .charitable-template-list .charitable-feedback-preview-container { position: absolute; top: 0; width: 100%; z-index: 9999991; transition: opacity 0.35s; opacity: 0; visibility: hidden; } body.page-template-campaign-templates .charitable-template-list .charitable-feedback-preview-container.active { opacity: 1; visibility: visible; } body.page-template-campaign-templates .charitable-template-list .charitable-feedback-preview-container .charitable-form { margin-left: auto; margin-right: auto; background: white; padding: 0px; border-radius: 10px 10px 0 0; } body.page-template-campaign-templates .charitable-template-list .charitable-feedback-preview-container .charitable-form label { font-weight: 500; font-size: 14px; line-height: 20px; } body.page-template-campaign-templates .charitable-template-list .charitable-feedback-preview-container .charitable-form-row { margin-top: 10px; margin-bottom: 10px; } body.page-template-campaign-templates .charitable-template-list .charitable-feedback-preview-container .charitable-feedback-form-header { background-color: #282937; color: #E7E7E9; padding: 30px 0 30px 30px !important; font-size: 18px; font-weight: 600; border-radius: 10px 10px 0 0; } body.page-template-campaign-templates .charitable-template-list .charitable-feedback-preview-container .charitable-feedback-form-header .charitable-feedback-form-title { color: white; user-select: none; font-size: inherit; font-family: inherit; display: inline-block; vertical-align: middle; } body.page-template-campaign-templates .charitable-template-list .charitable-feedback-preview-container .charitable-feedback-form-interior { padding: 20px; } body.page-template-campaign-templates .charitable-template-list .charitable-feedback-preview-container .charitable-feedback-form-required { color: red; font-size: 13px; line-height: 21px; } body.page-template-campaign-templates .charitable-template-list .charitable-feedback-preview-container .charitable-templates-close-icon { color: white; padding-top: 5px; padding-right: 10px; font-size: 40px !important; height: 20px; width: 20px; position: absolute; top: 10px; right: 10px; cursor: pointer; opacity: 0.6; text-align: center; font-size: 27px !important; line-height: 14px !important; z-index: 1; } body.page-template-campaign-templates .charitable-template-list .charitable-template-list-container { display: flex; flex-wrap: wrap; margin-left: -20px; } body.page-template-campaign-templates .charitable-template-list .charitable-template-list-container.disabled { opacity: 0.15; pointer-events: none; } body.page-template-campaign-templates .charitable-template-list .charitable-template-list-container .charitable-template-list-container-item { width: 30%; display: inline-flex; margin: 10px; } body.page-template-campaign-templates .charitable-template-list .charitable-template-list-container .charitable-template-list-container-item .charitable-template { font-family: "Inter", sans-serif !important; border-radius: 3px; margin-bottom: 30px; margin-left: auto; margin-right: auto; min-height: 122px; padding: 15px; position: relative; max-width: 270px; box-shadow: 0 0 0 1px #DADADE; transition: box-shadow 0.15s ease-in-out; } body.page-template-campaign-templates .charitable-template-list .charitable-template-list-container .charitable-template-list-container-item .charitable-template .template-thumbnail { background-color: transparent; width: 100%; text-align: center; display: table; height: 160px; vertical-align: middle; max-width: 240px; padding: 0; margin: 0; } body.page-template-campaign-templates .charitable-template-list .charitable-template-list-container .charitable-template-list-container-item .charitable-template .template-thumbnail .charitable-template-thumbnail { width: 240px; height: 160px; margin: 0 auto; background-size: cover; border-radius: 0; background-repeat: no-repeat; background-position: top; display: table; position: absolute; top: 15px; left: 15px; max-width: calc(100% - 30px); } body.page-template-campaign-templates .charitable-template-list .charitable-template-list-container .charitable-template-list-container-item .charitable-template .template-thumbnail .charitable-template-thumbnail.charitable-template-thumbnail-simple-1-col, body.page-template-campaign-templates .charitable-template-list .charitable-template-list-container .charitable-template-list-container-item .charitable-template .template-thumbnail .charitable-template-thumbnail.charitable-template-thumbnail-simple-2-col, body.page-template-campaign-templates .charitable-template-list .charitable-template-list-container .charitable-template-list-container-item .charitable-template .template-thumbnail .charitable-template-thumbnail.charitable-template-thumbnail-simple-2-col-header { background-position: center; } body.page-template-campaign-templates .charitable-template-list .charitable-template-list-container .charitable-template-list-container-item .charitable-template .template-thumbnail .template-buttons { width: 240px; height: 160px; margin: 0 auto; display: table-cell; vertical-align: middle; top: 15px; left: 15px; visibility: hidden; opacity: 0; z-index: 999; } body.page-template-campaign-templates .charitable-template-list .charitable-template-list-container .charitable-template-list-container-item .charitable-template .template-thumbnail .template-buttons a { width: 75%; margin: 5px auto; color: #2d2d2d; padding-top: 6px; padding-bottom: 6px; font-weight: 600; visibility: hidden; opacity: 0; transition: opacity 0.35s ease-in-out; font-size: 12px; } body.page-template-campaign-templates .charitable-template-list .charitable-template-list-container .charitable-template-list-container-item .charitable-template .template-thumbnail .template-buttons a.create-campaign, body.page-template-campaign-templates .charitable-template-list .charitable-template-list-container .charitable-template-list-container-item .charitable-template .template-thumbnail .template-buttons a.update-campaign { border: 0; background-color: #639F4F !important; color: #ffffff; } body.page-template-campaign-templates .charitable-template-list .charitable-template-list-container .charitable-template-list-container-item .charitable-template .template-thumbnail .template-buttons a.preview-campaign { border: 1px solid #A4A4AB; background-color: white !important; color: #000; } body.page-template-campaign-templates .charitable-template-list .charitable-template-list-container .charitable-template-list-container-item .charitable-template .template-thumbnail .template-buttons a.create-campaign:hover, body.page-template-campaign-templates .charitable-template-list .charitable-template-list-container .charitable-template-list-container-item .charitable-template .template-thumbnail .template-buttons a.update-campaign:hover { border: 0; background-color: white !important; transition: background-color 0.5s ease; color: #000; } body.page-template-campaign-templates .charitable-template-list .charitable-template-list-container .charitable-template-list-container-item .charitable-template .template-thumbnail .template-buttons a.preview-campaign:hover { border: 1px solid #A4A4AB; background-color: rgba(255, 255, 255, 0.95) !important; transition: background-color 0.5s ease; color: #2d2d2d; } body.page-template-campaign-templates .charitable-template-list .charitable-template-list-container .charitable-template-list-container-item .charitable-template h4 { font-weight: 500; font-size: 16px; line-height: 24px; margin: 10px 0 5px 0; padding: 0; color: #3F414C; } body.page-template-campaign-templates .charitable-template-list .charitable-template-list-container .charitable-template-list-container-item .charitable-template p { margin: 0; color: #6A6C75; padding: 0; font-weight: 400; font-size: 14px; line-height: 21px; } body.page-template-campaign-templates .charitable-template-list .charitable-template-list-container .charitable-template-list-container-item .charitable-template:hover .template-buttons .template-thumbnail a { display: block; line-height: 31px; font-weight: 600; color: white; font-size: 14px; } body.page-template-campaign-templates .charitable-template-list .charitable-template-list-container .charitable-template-list-container-item .charitable-template .charitable-banner-container { left: 20px; position: absolute; top: 20px; display: block; border-radius: 7px; background-color: #5aa152; padding: 5px 8px; border: 0; z-index: 2; } body.page-template-campaign-templates .charitable-template-list .charitable-template-list-container .charitable-template-list-container-item .charitable-template .charitable-banner { color: #fff; border: 0; font-weight: 400; font-size: 14px; line-height: 16px; } body.page-template-campaign-templates .charitable-template-list .charitable-template-list-container .charitable-template-list-container-item .charitable-template:hover:not(.active) { cursor: pointer; } body.page-template-campaign-templates .charitable-template-list .charitable-template-list-container .charitable-template-list-container-item .charitable-template:hover:not(.active) .template-thumbnail .charitable-template-thumbnail { display: table; z-index: 2; background-color: rgba(0, 0, 0, 0.2); background-blend-mode: darken; transition: background-color 0.5s ease; } body.page-template-campaign-templates .charitable-template-list .charitable-template-list-container .charitable-template-list-container-item .charitable-template:hover:not(.active) .template-thumbnail .template-buttons { visibility: visible; opacity: 1; } body.page-template-campaign-templates .charitable-template-list .charitable-template-list-container .charitable-template-list-container-item .charitable-template:hover:not(.active) .template-thumbnail .template-buttons a { visibility: visible; opacity: 1; display: block; z-index: 99; position: relative; } body.page-template-campaign-templates .charitable-template-list .charitable-template-list-container .charitable-template-list-container-item .charitable-template[data-template-code=lite-to-pro] .charitable-template-thumbnail { background-position: center; } body.page-template-campaign-templates .charitable-template-list .charitable-template-list-container .charitable-template-list-container-item .charitable-template.active:hover .template-buttons, body.page-template-campaign-templates .charitable-template-list .charitable-template-list-container .charitable-template-list-container-item .charitable-template.active:active .template-buttons { opacity: 0; } body.page-template-campaign-templates .charitable-template-list .charitable-template-upgrade-banner { background: rgba(226, 119, 48, 0.08); border-radius: 6px; display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding-right: 20px; margin: 0 0 25px 0px; /* width: 910px; */ } body.page-template-campaign-templates .charitable-template-list .charitable-template-upgrade-banner .charitable-template-content { padding: 20px; width: 80%; color: #444444; } body.page-template-campaign-templates .charitable-template-list .charitable-template-upgrade-banner .charitable-template-content h3 { font-weight: 600; font-size: 16px; line-height: 23px; margin-top: 0; margin-bottom: 5px; } body.page-template-campaign-templates .charitable-template-list .charitable-template-upgrade-banner .charitable-template-content p { font-weight: 400; font-size: 14px; line-height: 18px; margin: 0; } body.page-template-campaign-templates .charitable-template-list .charitable-template-upgrade-banner .charitable-template-upgrade-button { width: 20%; text-align: right; } body.page-template-campaign-templates .charitable-template-list .charitable-template-upgrade-banner .charitable-template-upgrade-button a { min-height: 13px; } @media screen and (max-width: 1279px) { body.page-template-campaign-templates .charitable-template-list .charitable-template-upgrade-banner #charitable-setup-templates-list .charitable-template-upgrade-banner .charitable-template-upgrade-button a { box-sizing: border-box; width: 100%; } body.page-template-campaign-templates .charitable-template-list .charitable-template-upgrade-banner .charitable-template-upgrade-button { width: auto; } } body.page-template-campaign-templates .charitable-templates-no-results { padding: 0 30px; } /* preview on template */ #charitable-builder .charitable-builder-modal { position: absolute; top: 0; width: 100%; z-index: 9999991; transition: opacity 0.65s ease-in-out; opacity: 0; visibility: hidden; transition: opacity 0.5s; display: flex; align-items: center; width: 100%; height: 100%; } .charitable-builder-modal.active { opacity: 1; visibility: visible; z-index: 99999; position: fixed; bottom: 0; top: 0; width: 100%; left: 0; right: 0; } .charitable-builder-modal .charitable-form { margin-left: auto; margin-right: auto; background: white; padding: 20px; border: 1px solid #ccc; max-width: 1000px; max-height: 1600px; width: 100%; } .charitable-builder-modal .charitable-feedback-form-required { color: red; font-size: 13px; line-height: 21px; } .charitable-builder-modal .charitable-templates-close-icon { color: #545660; padding-top: 5px; padding-right: 10px; font-size: 40px !important; height: 20px; width: 20px; position: absolute; top: 10px; right: 10px; cursor: pointer; opacity: 0.6; text-align: center; font-size: 27px !important; line-height: 14px !important; z-index: 1; } .charitable-builder-modal .button-link { background-color: #5AA152; text-transform: capitalize; font-weight: 500; padding: 15px 25px; font-size: 16px; line-height: 20px; color: #ffffff !important; margin-left: 4px; position: relative; top: 0; text-decoration: none; border-radius: 5px; text-shadow: none; font-family: "Satoshi", "sans-serif"; line-height: normal; cursor: pointer; } .charitable-builder-modal .button-link:hover, .charitable-builder-modal .button-link:active { color: white; } .charitable-builder-modal .charitable-templates-preview-headline { font-size: 32px; line-height: 32px; margin-bottom: 0; margin-top: 0; } .charitable-builder-modal.charitable-builder-modal-template-preview .charitable-form { margin-left: auto; margin-right: auto; background: #fff; padding: 20px; border: 1px solid #ccc; max-width: 1000px; position: absolute; top: 125px; left: 0; right: 0; bottom: 75px; } .charitable-builder-modal.charitable-builder-modal-template-preview .charitable-form .charitable-feedback-form-row-button { position: absolute; bottom: 0; left: 0; right: 0; background-color: white; margin-top: 0; margin-bottom: 0; padding: 25px 0; } .charitable-builder-modal.charitable-builder-modal-template-preview .charitable-form .charitable-feedback-form-row-button a { margin: 0; width: 75%; margin-left: auto; margin-right: auto; display: block; } .charitable-builder-modal.charitable-builder-modal-template-preview .charitable-form .charitable-form-row.charitable-feedback-form-preview-image { height: calc(100% - 160px); margin-top: 0; } .charitable-builder-modal.charitable-builder-modal-template-preview .charitable-form .charitable-form-row.charitable-feedback-form-preview-image img { width: 100% !important; height: auto; margin-left: auto; margin-right: auto; display: block; } .charitable-builder-modal.charitable-builder-modal-template-preview .charitable-form .charitable-templates-preview-description p { margin: 10px 0; } #charitable-templates-preview-form { overflow-y: auto; } #charitable-templates-preview-form ::-webkit-scrollbar { -webkit-appearance: none; width: 7px; } #charitable-templates-preview-form ::-webkit-scrollbar-thumb { border-radius: 4px; background-color: rgba(0, 0, 0, .5); box-shadow: 0 0 1px rgba(255, 255, 255, .5); } /* integrations */ body.page-template-intergrations .entry-content { text-align: center; } /* search box */ body.page-template-wp-custom-template-campaign-intergrations .charitable-setup-integrations-search-wrap { position: relative; } body.page-template-wp-custom-template-campaign-intergrations .charitable-setup-integrations-search-wrap br { display: none; height: 0; } body.page-template-wp-custom-template-campaign-intergrations .charitable-setup-integrations-search-wrap #charitable-setup-template-search::placeholder { color: #bbbbbb; font-weight: 400; } body.page-template-wp-custom-template-campaign-intergrations .charitable-setup-integrations-search-wrap #charitable-setup-template-search { font-size: 16px; font-weight: 400; height: 40px; line-height: 20px; padding-left: 35px; padding-right: 35px; width: 100%; color: #444444; border: 1px solid #cccccc; border-radius: 4px; box-shadow: none; background-image: url('../am-theme/assets/images/icons/search.svg'); background-repeat: no-repeat; background-position: left 10px center; width: 75%; max-width: 300px; margin-left: auto; margin-right: auto; display: block; } body.page-template-wp-custom-template-campaign-intergrations .charitable-setup-integrations-search-wrap #charitable-setup-template-search.highlighted { border: 4px solid rgba(0, 128, 0, 0.5); } .charitable-intergrations-block-container { width: 100%; } .charitable-integration-list { width: 100%; position: relative; } .charitable-integration-list-container { display: flex; flex-wrap: wrap; margin-left: -20px; } .charitable-integration-list .charitable-integration-list-container-item { width: 30%; display: inline-flex; margin: 10px; border: 1px solid #efefef; border-radius: 10px; position: relative; } .charitable-integration-list .charitable-intergration-icon { display: inline-block; margin-right: 20px; padding: 20px 0 20px 20px; } .charitable-integration-list .charitable-intergration-icon img { width: 50px; height: 50px; } .charitable-integration-list .charitable-intergration-info { display: inline-block; padding: 20px 20px 20px 0; } .charitable-integration-list .charitable-intergration-info h4 { margin: 0 0 5px 0; color: #1E1515; font-weight: 600; font-size: 20px; line-height: 28px; } .charitable-integration-list .charitable-intergration-info p { margin: 0; font-weight: 500; color: #787373; font-size: 14px; line-height: 22px; } .charitable-connect-using { cursor: pointer; } .charitable-connect-using-icon { background-image: url('../am-theme/assets/images/icons/plug.svg'); background-position: center; background-repeat: no-repeat; background-size: contain; width: 15px; height: 15px; position: absolute; top: 15px; right: 15px; } body.page-template-intergrations .charitable-integrations-sidebar { padding: 0; width: 100%; box-sizing: content-box; } body.page-template-intergrations .charitable-integrations-sidebar .charitable-setup-integrations-categories { margin-top: 0px; width: 100%; box-sizing: content-box; list-style: none; margin-block-end: 0; margin-inline-end: 0; margin-inline-start: 0; padding: 0; } body.page-template-intergrations .charitable-integrations-sidebar .charitable-setup-integrations-categories li { border-radius: 4px; color: #444444; cursor: pointer; font-size: 14px; font-weight: 600; line-height: 16px; margin: 0; padding: 10px; } body.page-template-intergrations .charitable-integrations-sidebar .charitable-setup-integrations-categories li.active { background: #fff0e0; color: #000; position: relative; background-image: url('../am-theme/assets/images/icons/arrow-right.svg'); background-repeat: no-repeat; background-position: right 10px center; } body.page-template-intergrations .charitable-integrations-sidebar .charitable-setup-integrations-categories li.divider { border-bottom: 1px solid #dddddd; margin: 30px 0; padding: 0; } body.page-template-intergrations .charitable-integrations-sidebar .charitable-setup-integrations-categories li span { float: right; color: #777777; opacity: 0.5; font-weight: 400; } .tooltip { } .tooltip .tooltiptext { visibility: hidden; width: 210px; background-color: white; color: #000; text-align: left; border-radius: 6px; padding: 5px 0; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -105px; margin-bottom: 10px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); } .tooltip .tooltiptext h5 { font-weight: 800; font-size: 14px; line-height: 14px; margin: 20px 20px 10px 20px; } .tooltip .tooltiptext ul { margin: 20px 20px; padding: 0; list-style: none; } .tooltip .tooltiptext li { margin: 0 0 10px 0; padding: 0; font-size: 14px; line-height: 14px; color: #4b4444; font-weight: 600; width: 100%; clear: both; display: table; } .tooltip .tooltiptext li img { display: inline-block; margin-right: 10px; display: block; float: left; } .tooltip .tooltiptext span { display: block; float: left; margin-top: 3px; } .tooltip .tooltiptext::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: black transparent transparent transparent; background-color: white; } .tooltip:hover .tooltiptext { visibility: visible; } /* account - nav */ body.page-template-account .am-account-navigation .wp-block-button:hover, body.page-template-account.account-profile .am-account-navigation .profile, body.page-template-account.account-overview .am-account-navigation .overview, body.page-template-account.account-downloads .am-account-navigation .downloads, body.page-template-account.account-billing .am-account-navigation .billing, body.page-template-account.account-support .am-account-navigation .support { border-bottom: 1px solid #000; } body.page-template-account .charitable-download-box a, body.page-template-account .wp-block-button.is-style-link > .wp-element-button { color: #1e1e1e !important; } body.page-template-account .am-account-navigation { margin-top: 30px; } body.page-template-account .am-account-navigation .wp-block-button { font-size: 16px !important; line-height: 18px !important; } body.page-template-account .am-account-navigation .wp-block-button a { padding: 10px !important; color: white !important; } body.page-template-account .am-account-navigation .wp-block-button a:hover { color: inherit !important; background-color: transparent !important; } .charitable-download-box .wp-element-button { text-decoration: none !important; font-weight: 700; } body.page-template-account .logged-in a { text-transform: capitalize; } .wpchar-downloads-row .interior .buttons a, .wpchar-downloads-row .interior .buttons a:hover { color: white !important; } .wpchar-downloads-header .wpchar-downloads-row .wpchar-downloads-download div .buttons { display: none; } .wpchar-downloads-header .wpchar-downloads-row:first-child .wpchar-downloads-download div .buttons { display: block; } body:not(.logged-in) #modal-2-content > ul > li:last-child { display: none !important; } /* account - overview */ .chartiable-account-overview { border: 1px solid #efefef; border-radius: 15px; } .chartiable-account-overview .item { display: block; color: #1f1415; margin-bottom: 20px; padding: 10px 30px; } .chartiable-account-overview .item span.label { color: #787373; text-transform: uppercase; font-size: 11px; line-height: 16px; margin-bottom: 5px; display: block; } .chartiable-account-overview .item p { margin: 0; } .chartiable-account-overview .item span.full-name { font-size: 24px; line-height: 8px; font-weight: 600; display: block; margin: 15px 0; } .chartiable-account-overview .item.address a.edit-icon { width: 14px; height: 14px; } .chartiable-account-overview .left { float: left; width: 49%; } .chartiable-account-overview .clearfix { clear: both; display: table; } .chartiable-account-overview .licenses { width: 90%; margin: 0 auto; } .chartiable-account-overview .licenses span.label { margin-bottom: 10px; } .chartiable-account-overview .licenses .item { margin-bottom: 20px; padding: 0 0 20px 0; border-bottom: 1px solid #efefef; width: 100%; } .chartiable-account-overview .more { border-top: 1px solid #efefef; text-decoration: underline; font-weight: 600; margin-top: 30px; padding: 30px 30px; } .chartiable-account-overview .pill { padding: 3px 5px; text-transform: capitalize; font-weight: 500; font-size: 14px; line-height: 14px; border-radius: 10px; margin-left: 10px; } .chartiable-account-overview .pill.active { background-color: #dcfce7; color: #32714c; border: 1px solid #93dfad; } .chartiable-account-overview .pill.expired { background-color: #fef2f2; color: #ef4444; border: 1px solid #fabebe; } /* account - billing */ .charitable-billing-row { width: 100%; margin-bottom: 100px; } .charitable-billing-row h5 { font-weight: 600; font-size: 24px; line-height: 32px; color: #1E1515; margin: 0 0 10px 0; } .charitable-billing-row table { width: 100%; border: 1px solid #e7e6e6; border-radius: 15px; margin: 20px 0 20px 0; } .charitable-billing-row table thead, .charitable-billing-row table thead tr { background-color: #f6f6f6; } .charitable-billing-row table thead th { text-align: left; color: #1f1415; padding: 15px 10px; } .charitable-billing-row table tbody td { text-align: left; color: #4b4444; padding: 15px 10px; } .charitable-billing-row table.charitable-table-billing tbody td:nth-child(6) { text-align: right; } .charitable-billing-row table.charitable-table-subscriptions tbody td:nth-child(4), .charitable-billing-row table.charitable-table-subscriptions tbody td:nth-child(5) { text-align: right; } .charitable-billing-row table tbody td a { text-decoration: underline; font-weight: 600; display: inline-block; margin: 0 10px; } .charitable-billing-row .badge { padding: 3px 5px; text-transform: capitalize; font-weight: 500; font-size: 14px; line-height: 14px; border-radius: 10px; margin-left: 0px; } .charitable-billing-row .badge.completed { background-color: #dcfce7; color: #32714c; border: 1px solid #93dfad; } .charitable-billing-row .badge.cancelled, .charitable-billing-row .badge.expired { background-color: #fef2f2; color: #ef4444; border: 1px solid #fabebe; } /* account - profile */ #edd_profile_editor_form { width: 100%; margin: 0 0 100px 0; } #edd_profile_editor_form fieldset { border: 0; padding-left: 0; padding-right: 0; margin: 30px auto 0 auto; } #edd_profile_editor_form legend { font-size: 24px; line-height: 32px; font-weight: 600; color: #1E1515; margin: 0 0 15px 0; } #edd_profile_editor_form label { color: #1E1515; font-size: 15px; line-height: 23px; font-weight: 600; display: block; } .charitable-edd-profile-row { margin: 0 0; padding: 0; display: table; width: 100%; } .charitable-edd-profile-row.top-row { margin-top: 0; } .charitable-edd-profile-row div.section { display: table-cell; width: 50%; padding-top: 10px; padding-bottom: 10px; } .charitable-edd-profile-row div.section.full { width: 100%; } .charitable-edd-profile-row div.section p { width: calc(100% - 25px); margin: 0; } .charitable-edd-profile-row div.section p .required { color: red; font-size: 13px; line-height: 21px; } #edd_profile_editor_form input { width: 100%; padding: 10px; border: 1px solid #efefef; border-radius: 5px; margin: 10px 0; } #edd_profile_editor_form select { width: 100%; padding: 10px; border: 1px solid #efefef; border-radius: 5px; margin: 10px 0; background-color: white; } #edd_profile_submit_wrap { display: inline-block; width: auto; } #edd_profile_submit_wrap input[type="submit"] { padding-left: 20px; padding-right: 20px; margin: 0; border-radius: 6px; } .edd_error { padding: 13px 15px; text-transform: capitalize; font-weight: 500; font-size: 14px; line-height: 14px; border-radius: 10px; background-color: #fef2f2; color: #ef4444; border: 1px solid #fabebe; margin: 0; } .edd_success { padding: 13px 15px; text-transform: capitalize; font-weight: 500; font-size: 14px; line-height: 14px; border-radius: 10px; background-color: #dcfce7; color: #32714c; border: 1px solid #93dfad; margin: 0; } /* support */ body.account-support .charitable-account-support-left-col { } body.account-support .wpforms-container.wpforms-container-full { margin-top: 0; padding: 0 10px 10px 0; } body.account-support .wpforms-form { margin-bottom: 75px; } body.account-support .wpforms-field-row { max-width: 100% !important; } body.account-support div.wpforms-container-full .wpforms-form button[type="submit"] { background-color: #31714C; color: white; text-align: center; border-radius: 5px; padding-left: 15px; padding-right: 15px; } /* downloads */ .charitable-download-box { border: 1px solid #e7e7e7; margin-top: 20px; margin-bottom: 20px; padding: 35px; display: table; width: 100%; } .charitable-download-items { width: 100%; display: flex; flex-wrap: wrap; margin-left: -20px; margin-top: 40px; margin-bottom: 0px; } .charitable-download-items .charitable-download-item { width: 24%; border: 0; position: relative; color: #787373; font-size: 14px; line-height: 14px; clear: both; } .charitable-download-items .charitable-download-item .interior { width: 100%; margin: 20px; display: table; } .charitable-download-items .charitable-download-item p { margin: 0; } .charitable-download-items .charitable-download-item h6 { font-size: 16px; text-transform: capitalize; margin: 0; line-height: 24px; font-weight: 700; color: #1E1515; } .charitable-download-items .charitable-download-item .version-number { display: inline-block; margin: 5px 0 5px 0; font-size: 11px; line-height: 14px; font-weight: 300; } .charitable-download-item-icon { display: block; float: left; position: relative; } .icon-container, .page-template-feature-donor-management .icon-container, .page-template-campaign-templates .icon-container { border: 0; padding: 0 !important; margin: 0 0 15px 0; } .post-type-archive .icon-container { padding: 0; margin: 0px 0 0 5px; } .charitable-download-box .icon-container { border: 1px solid #e7e7e7; border-radius: 10px; padding: 3px !important; text-align: center; margin-bottom: 0; } .page-template-campaign-templates .icon-container img, .page-template-campaign-templates .icon-container svg { max-height: 45px; } .charitable-download-item-icon img { width: 40px; height: 40px; } .charitable-download-item-icon span { position: absolute; bottom: -10px; width: 100%; display: block; background-color: #13803d; color: white; text-transform: uppercase; font-size: 10px; line-height: 10px; border: 1px solid #49de80; text-align: center; padding: 3px 3px; border-radius: 10px; } .charitable-download-item-info { display: block; float: left; margin-left: 10px; width: 80%; max-width: 180px; } .charitable-download-headline { text-align: center; } .charitable-download-headline h1 { font-size: 24px; line-height: 32px; font-weight: 600; color: #1e1e1e; margin: 5px auto; } .charitable-download-headline h1 a { text-decoration: underline; } .charitable-download-headline h1 span { height: 15px; display: inline-block; width: 15px; } .charitable-download-headline p { color: #787373; font-weight: 500; margin: 10px auto; font-size: 14px; line-height: 18px; } .wpchar-downloads-header h3 { margin: 0; } .wpchar-download-box { } .wpchar-downloads-row { display: flex; flex-direction: row; flex-wrap: wrap; width: 100%; border-bottom: 1px solid #ccc; margin: 0 auto 10px auto; padding: 10px 0; } .wpchar-downloads-row.last, .wpchar-downloads-row.no-border { border-bottom: 0; } .wpchar-downloads-col { display: flex; flex-direction: column; flex-basis: 100%; flex: 1; } .wpchar-downloads-col.no-flex { display: block; } .wpchar-downloads-download .interior { margin: 0 0 0 auto; display: flex; flex-direction: row; } .wpchar-downloads-download .upgrade-notice, .wpchar-downloads-download .buttons { display: inline-block; } .wpchar-downloads-download .buttons { margin-left: 25px; } .wpchar-downloads-download .buttons a { } .wpchar-downloads-download .upgrade-notice { margin-top: 15px; margin-right: 15px; } .wpchar-downloads-download .upgrade-notice a { font-weight: 600; text-decoration: underline; color: #1e1e1e; background-image: url('../am-theme/assets/images/icons/icon-star-downloads-upgrade.svg'); background-size:contain; background-position: left 3px; background-repeat: no-repeat; display: inline-block; padding: 0 0 0 25px; font-size: 13px; line-height: 13px; } .wpchar-downloads-download .upgrade-notice a span { height: 15px; display: inline-block; width: 15px; margin-top: 3px; } .wpchar-downloads-download .version-number { display: block; font-size: 11px; line-height: 14px; font-weight: 300; margin: 5px auto; text-align: center; } .wpchar-downloads-row .wpchar-downloads-license-type, .wpchar-downloads-row .wpchar-downloads-license-key, .wpchar-downloads-row .wpchar-downloads-license-renews, .wpchar-downloads-row .wpchar-downloads-license-activations { color: #787373; font-size: 16px; line-height: 24px; } .wpchar-downloads-row .wpchar-downloads-license-type span.label, .wpchar-downloads-row .wpchar-downloads-license-key span.label, .wpchar-downloads-row .wpchar-downloads-license-renews span.label, .wpchar-downloads-row .wpchar-downloads-license-activations span.label { color: #a5a1a1; display: block; font-size: 12px; line-height: 18xp; display: block; text-transform: capitalize; } .wpchar-downloads-row .pill { padding: 3px 5px; text-transform: capitalize; font-weight: 500; font-size: 14px; line-height: 14px; border-radius: 10px; margin-left: 0px; } .wpchar-downloads-row .pill.active { background-color: #dcfce7; color: #32714c; border: 1px solid #93dfad; } .wpchar-downloads-row .pill.cancelled, .wpchar-downloads-row .pill.expired { background-color: #fef2f2; color: #ef4444; border: 1px solid #fabebe; } button.license-clipboard { border: none; padding: 0; background: 0; line-height: 12px; font-size: 1.4em; } button.license-clipboard .check { display: none; fill: #6fb05a; } button.license-clipboard svg { height: 13px; display: inline-block; margin: 0 0 0 5px; } input.license-key { padding: 6px 0 0; border: none; font-size: 14px; font-family: monospace; color: #787373; width: 100%; } .wpchar-downloads-row.first .more-license { } .wpchar-downloads-row.last .more-license { display: none; } .wpchar-downloads-row.show { display: flex !important; } .license-clipboard { cursor: pointer; } h5.edd-sl-manage-license-header { margin: 0; padding: 0; font-size: 24px; line-height: 32px; font-weight: 600; color: #1e1e1e; } .edd-sl-manage-license-key { display: block; font-weight: 700; } .edd-manage-license-back { text-decoration: underline; } .edd-sl-manage-license-key code { font-size: 16px; line-height: 24px; font-weight: 500; background-color: lightgray; padding: 5px; color: #1e1e1e; font-family: monospace; } #edd_sl_license_sites { width: 100%; } #edd_sl_license_sites th { text-align: left; font-weight: 600; color: #1e1e1e; font-size: 16px; line-height: 24px; } .edd-sl-manage-license-product { display: block; } .edd-sl-manage-license-details { margin: 10px 0 10px 0; } .wpchar-downloads-row a, .more-license a { text-decoration: underline; } .charitable-download-title { margin: 35px 0 -25px 0; } .wpchar-downloads-license-expire-warning { background-image: url('../am-theme/assets/images/icons/icon-warning-alert.svg'); background-size: 20px; background-position: 12px 18px; background-repeat: no-repeat; background-color: #fef2f2; color: #1e1e1e; padding: 15px 40px; margin: -10px 0 10px 0; } .wpchar-downloads-license-expire-warning p { margin: 0; } .wpchar-downloads-row:not(.first) { display: none; } .wpchar-downloads-header .wpchar-downloads-row { display: flex; } /* support - login */ .charitable-support-contact form { margin-top: 20px; } .charitable-support-contact h1 { font-family: "Satoshi", "sans-serif"; color: #444; font-size: 30px; font-weight: 400; text-align: center; margin: 24px 0; } .charitable-support-contact label { display: block; color: #1E1515; font-size: 14px; font-weight: 500; margin: 0 0 10px 0; } .charitable-support-contact label.regular { font-weight: 400; } .charitable-support-contact input[type="text"], .charitable-support-contact input[type="password"] { display: block; width: 100%; border: 1px solid #ddd; border-radius: 3px; font-size: 18px; line-height: 1; padding: 13px 15px; color: #444; -webkit-appearance: none; } .charitable-support-contact input[type="text"]:focus, .charitable-support-contact input[type="password"]:focus { outline: 0; border-color: #82c8ff; } .charitable-support-contact input[type="checkbox"] { display: inline-block; margin-right: 6px; } .charitable-support-contact button { display: block; width: 100%; line-height: 1; background-color: #e27730; border-radius: 3px; border: none; color: #fff; font-size: 18px; font-weight: 700; padding: 16px 15px; cursor: pointer; } .charitable-support-contact button:hover { background-color: #c45e1b; } .charitable-support-contact .input-wrap { margin: 0 0 25px 0; } .charitable-support-contact .create { text-align: center; margin: 0 0 20px 0; } .charitable-support-contact .error { border-left: 3px solid red; padding: 10px; background: #ffe7eb; } .charitable-support-contact .message { border-left: 3px solid #668cff; padding: 10px; background: #e6f9ff; } .charitable-support-contact input[type="submit"] { width: 100%; color: white !important; background-color: #13803d !important; border: 0; padding: 15px 0; font-weight: 600 !important; font-size: 16px; line-height: 24px; } /* faqs */ .wpchar-faq-question-list summary { margin-left: -15px; background-image: url('/wp-content/themes/am-theme/assets/images/homepage/chevron-right.png'); background-position: right 10px center; background-repeat: no-repeat; background-size: contain; } .wpchar-faq-question-list div:last-of-type details:last-child { border-bottom: 0; } .wpchar-faq-question-list details.open summary { background-image: url('/wp-content/themes/am-theme/assets/images/homepage/chevron-down.png'); } .wpchar-faq-question-list summary::marker { width: 0px !important; margin: 0 0 0 -10px; color: white !important; } body.home .wpchar-section-title-subheading-faq { padding-top: 40px !important; } .wpchar-section-title-subheading-faq { padding-top: 40px !important; padding-bottom: 40px !important; } .wpchar-faq-question-list { margin-bottom: 60px !important; margin-top: 0px !important; } .wpchar-section-title-subheading-faq h2 { font-family: "Satoshi", "sans-serif"; font-size: 40px !important;; font-weight: 700 !important;; line-height: 48px !important;; text-align: center !important;; color: rgba(30, 21, 21, 1) !important;; text-wrap: pretty !important; } .wpchar-section-title-subheading-faq h2 + p { color: rgba(30, 21, 21, 0.6); text-wrap: pretty !important; font-size: 18px !important; font-weight: 500 !important; line-height: 28px !important; letter-spacing: 0.25px !important; margin-top: 10px !important; } .wpchar-faq-list-container p { color: rgba(30, 21, 21, 0.6) !important; font-family: Satoshi; font-size: 16px !important; font-weight: 500 !important; line-height: 28px !important; letter-spacing: 0.25px; text-align: left; } /* testimonials */ /* .charitable-testimonials-list { display: flex; flex-wrap: wrap; margin-left: -20px; padding-top: 25px; padding-bottom: 25px; } .charitable-testimonials-list-container-item { width: 33%; margin: 10px; border: 1px solid #ccc; color: #787373; font-size: 15px; line-height: 24px; font-weight: 500; padding: 20px; } */ .wpchar-testimonial-container h2 { color: rgba(30, 21, 21, 1) !important; } .wpchar-testimonial-container .wpchar-sub-heading { color: rgba(30, 21, 21, 0.6) !important; } body.home .wpchar-testimonial-container { padding-top: 100px !important; padding-bottom: 100px !important; margin-top: 90px !important; margin-bottom: 0px !important; } .charitable-testimonial-name { font-weight: 600; color: #4b4444; font-size: 21px; word-wrap: break-word; line-height: 24px; } .charitable-testimonial-certified { margin: 10px 0 0px 0; } .charitable-testimonial-stars { margin: -15px 0 10px -5px; } .star-rating > div { margin-right: -7px; } /* testimonial page */ body.page-template-testimonials h1 { font-family: Satoshi; font-size: 46px !important; font-weight: 700 !important; line-height: 54px !important; letter-spacing: -0.02em !important; text-align: center; color: rgba(30, 21, 21, 1) !important; } body.page-template-testimonials h1 + p { font-family: Satoshi; font-size: 17px !important; font-weight: 500 !important; line-height: 32px !important; letter-spacing: -0.015em !important; color: rgba(30, 21, 21, 0.6); } body.page-template-testimonials .wpchar-top-get-now { margin-bottom: 25px !important; } body.page-template-testimonials .wpchar-2-icons { margin-top: 25px !important; } /* with flexbox */ .testimonial-grid { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex; max-width: var(--wp--style--global--wide-size) !important; margin-top: 40px; margin-bottom: 40px; } .testimonial-grid-col { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; width: 33.333%; } .testimonial-grid-col .testimonial-grid-item { margin: 20px 10px; border: 1px solid #ccc; border-radius: 15px; color: #787373; font-size: 15px; line-height: 24px; font-weight: 500; padding: 20px; } /* need info */ .wpchar-need-info h4 { margin-top: 25px !important; margin-bottom: 15px !important; padding: 0; } .wpchar-need-info .wpchar-section-title-subheading p { max-width: none !important; margin-left: auto; margin-right: auto; } .wpchar-need-info h2 { margin-bottom: 10px !important; } .wpchar-need-info h2 + p { margin-top: 0 !important; } body.home .wpchar-need-info h4 { font-family: Satoshi; font-size: 24px !important; font-weight: 700 !important; line-height: 32px !important; letter-spacing: 0.25px !important; color: rgba(30, 21, 21, 1) !important; } body.home .wpchar-need-info h4 + p { font-family: Satoshi; font-size: 16px !important; font-weight: 500 !important; line-height: 28px !important; letter-spacing: 0.25px !important; text-align: center; color: rgba(30, 21, 21, 0.6) !important; } /* buttons */ .wpchar-feature-top .wp-block-button a, .wpcharitable-g-button a, .wpchar-get-now-button-row .wp-block-buttons a, .wpcharitable-homepage-button a { font-weight: 700 !important; } .wpcharitable-g-button a:hover, .wpcharitable-g-button a.wp-element-button:hover, .wpcharitable-g-button .wp-element-button:hover, .wpcharitable-g-button .wp-block-button__link:hover { /* background-color: #31714C !important; border-color: #31714C !important; */ background-color: #1E5B38 !important; border-color: #1E5B38 !important; } body.home .wp-block-button a { font-weight: 700 !important; } .wp-block-button__link.has-dark-gray-color.has-light-gray-background-color:hover { color: white !important; } /* documentation */ .wp-block-genesis-blocks-gb-notice { background-color: transparent !important; } .gb-notice-text { padding: 10px 15px; font-family: Satoshi; font-size: 16px !important; font-weight: 500 !important; line-height: 27px !important; letter-spacing: 0.30380576848983765px !important; color: rgba(30, 21, 21, 0.6) !important; border: 1.5px solid var(--wp--preset--color--light-gray) !important; border-radius: 0.5rem !important; background-color: #fffaf3 !important; } .gb-notice-text p { margin: 0; } .wpchar-doc-term-list ul { list-style: none; margin: 0; padding: 0; } .wpchar-doc-column a, .wpchar-doc-column a:hover{ color: #1E1515 !important; } .wpchar-doc-top { background-image: url('/wp-content/themes/am-theme/assets/images/homepage/hero-bg.png?cache=234k23l4jsdsfasdfsdf'); background-repeat: no-repeat; background-position: center bottom; padding-top: 70px !important; padding-bottom: 170px !important; background-color: #fffaf3 !important; margin-bottom: -80px !important; } body.archive.category .wpchar-doc-top, body.archive.tag .wpchar-doc-top, /* updated */ body.single.single-post .wpchar-doc-top, body.page-template-blog .wpchar-doc-top { background-image: url('/wp-content/themes/am-theme/assets/images/homepage/hero-bg.png?cache=234k23l4jsdsfasdfsdf'); background-repeat: no-repeat; background-position: center bottom; padding-top: 70px !important; padding-bottom: 270px !important; background-color: #fffaf3 !important; margin-bottom: -200px !important; } body.post-type-archive-download .wpchar-doc-top { background-image: url('/wp-content/themes/am-theme/assets/images/homepage/hero-bg.png?cache=234k23l4jsdsfasdfsdf'); background-repeat: no-repeat; background-position: center bottom; padding-top: 40px !important; padding-bottom: 270px !important; background-color: #fffaf3 !important; margin-bottom: -200px !important; } body.post-type-archive-download .wpchar-doc-top h1 { font-family: Satoshi; font-size: 42px !important; font-weight: 700 !important; line-height: 78px !important; letter-spacing: -0.02em !important; } body.post-type-archive-download .wpchar-doc-top p { font-family: Satoshi; font-size: 22px !important; font-weight: 500 !important; line-height: 36px !important; letter-spacing: -0.015em !important; color: rgba(30, 21, 21, 0.8) !important; } body.archive.post-type-archive-documentation .wpchar-doc-grid { margin-top: 45px !important; } body.archive.post-type-archive-documentation .wpchar-doc-grid h2 { font-family: Satoshi; font-size: 24px !important; font-weight: 500 !important; line-height: 32.81px !important; letter-spacing: -0.015em !important; color: rgba(30, 21, 21, 1) !important; } body.archive.post-type-archive-documentation .wpchar-doc-grid h2 + p { font-family: Satoshi; font-size: 16px !important; font-weight: 500 !important; line-height: 27px !important; letter-spacing: 0.30380576848983765px !important; color: rgba(30, 21, 21, 0.6) !important; } body.archive.post-type-archive-documentation .wpchar-doc-grid p strong a, .wpchar-popular-topics-grid a { color: rgba(30, 21, 21, 1); font-size: 17px !important; line-height: 22px !important; text-decoration: underline !important; text-decoration-style: solid !important; text-decoration-color: rgba(30, 21, 21, 0.5) !important; text-underline-offset: 10px; } body.post-type-archive-documentation p code { /* this is the updated small badge in green */ background-color: #32714c !important; color: white !important; border: 0; font-size: 12px !important; padding: 3px 5px !important; line-height: 13px; font-family: Satoshi; font-weight: 500; } .wpchar-popular-topics-grid { margin-top: 60px !important; } p.wpchar-know { width: 100%; border-right: 1px solid rgba(229, 231, 235, 1) !important; border-left: 1px solid rgba(229, 231, 235, 1) !important; border-bottom: 1px solid rgba(229, 231, 235, 1) !important; margin: 0; font-family: Satoshi; font-size: 18px; font-weight: 500; line-height: 28px; letter-spacing: 0.25px; padding: 20px 0; } body.post-type-archive.post-type-archive-documentation .wpchar-doc-column img, body.post-type-archive.post-type-archive-documentation .wpchar-doc-column figure { width: 100% !important; max-width: 100% !important; } .wpchar-quick-link-main { max-width: 1210px !important; } body.single-documentation .entry-content a { text-decoration: underline; } /* footer */ .charitable-paypal-footer-icon { margin-top: -5px !important; } .wpchar-footer-logo-1 .icon-container { width: 152px; margin: 0 !important; height: 50px !important; overflow: hidden; } .wpchar-footer-logo-3 { margin-top: -3px !important; } .wpchar-footer-logo-4 { height: 38px !important; max-height: 38px !important; margin: -15px 0 0 0; } .wpchar-footer-logo-4 a { margin-bottom: 0; width: auto !important; } .wpchar-footer-logo-4 a svg { width: auto !important; } .charitable-footer-section a:hover, .charitable-powerful-payment-features a:hover { text-decoration: underline; } ul.wpchar-footer-column li { padding-top: 0 !important; padding-bottom: 0 !important; margin-bottom: 11px !important; } ul.wpchar-footer-column li a { margin: 0 !important; padding: 0 !important; } .wpchar-fb { margin-top: -3px !important; } .wp-block-outermost-icon-block a:hover { transform: none !important; } header.is-sticky div.wp-block-group { display: flex !important; width: 100%; } footer .wpchar-footer-social-links div:nth-child(2) a svg { height: 16px; top: 3px; position: relative; margin-left: -2px !important; } /* support */ body.single-post pre, body.single-documentation pre { display: block; padding: 9.5px; margin: 0 0 30px 0; font-size: 13px; line-height: 1.42857143; color: #333; word-break: break-all; word-wrap: break-word; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 4px; } /* icon grid */ .wpchar-icon-grid .icon-container { margin: 0 0 10px 0; padding: 0; } .wpchar-icon-grid .icon-container svg { max-height: 38px; height: 38px; } .wpchar-icon-grid .shift-left .icon-container svg { margin-left: -5px; } /* slideshow */ /** * Slideshow style rules. */ #slideshow { margin:0 auto; width: 100%; /* background:transparent url(img/bg_slideshow.jpg) no-repeat 0 0; */ position:relative; } #slideshow #slidesContainer { margin:0 auto; width: 100%; overflow:auto; /* allow scrollbar */ position: relative; border-radius: 15px; } #slideshow #slidesContainer .slide { /* updated */ margin: 0 auto; width: 100%; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */ display: none; overflow: hidden; } #slideshow #slidesContainer .slide img { /* updated */ max-width: 100%; margin-bottom: -6px; width: 100%; } #slideshow #slidesContainer .slide:first-of-type { /* updated */ display: block !important; } /** * Slideshow controls style rules. */ .control { display:block; width:39px; height:263px; text-indent:-10000px; position:absolute; cursor: pointer; } #leftControl { top:0; left:0; background:transparent url(img/control_left.jpg) no-repeat 0 0; } #rightControl { top:0; right:0; background:transparent url(img/control_right.jpg) no-repeat 0 0; } /* testmionials / slider */ .slick-prev { background-image: url('/wp-content/themes/am-theme/assets/images/homepage/slider-left-arrow.png?cache=234k23l4jsdsfasdfsdf'); background-repeat: no-repeat; width: 56px; height: 56px; left: -60px; } .slick-prev:hover { background-image: url('/wp-content/themes/am-theme/assets/images/homepage/slider-left-arrow.png?cache=234k23l4jsdsfasdfsdf'); background-repeat: no-repeat; width: 56px; height: 56px; } .slick-prev:before { display: none; } .slick-next { background-image: url('/wp-content/themes/am-theme/assets/images/homepage/slider-left-arrow.png?cache=234k23l4jsdsfasdfsdf'); background-repeat: no-repeat; transform: rotate(180deg); width: 56px; height: 56px; right: -60px; } .slick-next:hover { background-image: url('/wp-content/themes/am-theme/assets/images/homepage/slider-left-arrow.png?cache=234k23l4jsdsfasdfsdf'); background-repeat: no-repeat; transform: rotate(180deg); width: 56px; height: 56px; } .slick-next:before { display: none; } /* Lite vs Pro */ .charitable-pricing-table td:first-child img { margin-left: 10px; top: 2px; position: relative; } body.page-template-lite-vs-pro .wpcharitable-homepage-3badges { margin-bottom: 0 !important; } body.page-template-lite-vs-pro .wpchar-doc-top { background-image: url('/wp-content/themes/am-theme/assets/images/homepage/hero-bg.png?cache=234k23l4jsdsfasdfsdf'); background-repeat: no-repeat; background-position: center bottom; padding-top: 70px !important; padding-bottom: 270px !important; background-color: #fffaf3 !important; margin-bottom: -200px !important; } body.page-template-lite-vs-pro .charitable-pricing-table table { /* updated */ /* background-color: white !important; */ } body.page-template-lite-vs-pro .wpchar-lvp-header h2 { color: black; font-size: 24px !important; font-weight: 700 !important; line-height: 32px !important; text-align: center !important; } body.page-template-lite-vs-pro .charitable-lvp-grid-header-row, body.page-template-lite-vs-pro .charitable-lvp-grid-footer-row { background-color: transparent; } body.page-template-lite-vs-pro .charitable-lvp-grid-header-row table, body.page-template-lite-vs-pro .charitable-lvp-grid-header-row thead, body.page-template-lite-vs-pro .charitable-lvp-grid-footer-row table, body.page-template-lite-vs-pro .charitable-lvp-grid-footer-row thead { border-bottom: 0 !important; } body.page-template-lite-vs-pro .charitable-lvp-grid-header-row table, body.page-template-lite-vs-pro .charitable-lvp-grid-header-row thead, body.page-template-lite-vs-pro .charitable-lvp-grid-header-row th, body.page-template-lite-vs-pro .charitable-lvp-grid-header-row td, body.page-template-lite-vs-pro .charitable-lvp-grid-footer-row table, body.page-template-lite-vs-pro .charitable-lvp-grid-footer-row thead, body.page-template-lite-vs-pro .charitable-lvp-grid-footer-row th, body.page-template-lite-vs-pro .charitable-lvp-grid-footer-row td { border-color: transparent !important; } body.page-template-lite-vs-pro .charitable-lvp-grid-header-row-mobile.fixed { position: sticky; top: 86px; background-color: white; border-bottom: 1px solid #1e1e1e; box-shadow: 0 2px 4px 0 rgba(0,0,0,0.1); z-index: 100; } body.page-template-lite-vs-pro .charitable-lvp-grid-header-row.fixed { position: sticky; top: 86px; background-color: white; border-bottom: 0; z-index: 100; } { display: none; } @media only screen and (max-width: 1029px) { body.page-template-lite-vs-pro .charitable-lvp-grid-header-row-mobile.fixed { top: 0px; } } body.page-template-lite-vs-pro .charitable-lvp-grid-header-row.fixed table, body.page-template-lite-vs-pro .charitable-lvp-grid-header-row.fixed thead { border-bottom: 0 !important; } body.page-template-lite-vs-pro .charitable-lvp-grid-header-row.fixed table, body.page-template-lite-vs-pro .charitable-lvp-grid-header-row.fixed thead, body.page-template-lite-vs-pro .charitable-lvp-grid-header-row.fixed th, body.page-template-lite-vs-pro .charitable-lvp-grid-header-row.fixed td, body.page-template-lite-vs-pro .charitable-lvp-grid-header-row-mobile.fixed table, body.page-template-lite-vs-pro .charitable-lvp-grid-header-row-mobile.fixed thead, body.page-template-lite-vs-pro .charitable-lvp-grid-header-row-mobile.fixed th, body.page-template-lite-vs-pro .charitable-lvp-grid-header-row-mobile.fixed td { /* border-color: #e4e7eb !important; */ border-color: transparent !important; } @media only screen and (max-width: 1269px) { body.page-template-lite-vs-pro .charitable-lvp-grid-header-row, body.page-template-lite-vs-pro .charitable-lvp-grid-header-row.fixed { display: none; } } .charitable-pricing-table.charitable-pricing-table-1 { } .wpchar-lvp-header { } .wp-block-buttons-lvp { margin-top: 5px; margin-bottom: 15px; } .wp-block-button-lvp { width: auto !important; padding: 0 25px 5px 25px !important; } .wp-block-button-lvp img { position: relative; top: 8px; } @media only screen and (min-width: 1270px) { .charitable-lvp-grid-header-row-mobile { display: none !important; visibility: hidden !important; } } @media only screen and (min-width: 901px) { body .charitable-lvp-grid-header-row-mobile th br, body.page-template-lite-vs-pro .charitable-pricing-table table th br { display: none; height: 0px !important; } body.page-template-lite-vs-pro .charitable-pricing-table table th .wpchar-lvp-header br { display: block; height: inherit !important; } body.page-template-lite-vs-pro .charitable-pricing-table table th:first-child { vertical-align: bottom; } body.page-template-lite-vs-pro .charitable-pricing-table table th:last-child, body.page-template-lite-vs-pro .charitable-pricing-table table td:last-child { display: none !important; } body.page-template-lite-vs-pro th a.wp-block-button-lvp + img, body.page-template-lite-vs-pro th .wp-block-button img { /* display: none !important; */ } body.page-template-lite-vs-pro div.wp-block-button { min-height: 50px; padding-top: 0px; } body.page-template-lite-vs-pro th a.wp-block-button-lvp { color: white !important; padding: 10px 20px !important; /* padding: 10px 13px !important; */ background: transparent; font-size: 11px !important; letter-spacing: -0.015em !important; text-wrap: nowrap !important; font-family: Inter; font-weight: 700 !important; line-height: 41px !important; margin-top: 0px; } body.page-template-lite-vs-pro th:nth-child(2) a.wp-block-button-lvp { line-height: 13px !important; } body.page-template-lite-vs-pro th:nth-child(2) a.wp-block-button-lvp br { display: none !important; } body.page-template-lite-vs-pro .charitable-lvp-grid-header-row-mobile th:nth-child(1) a.wp-block-button-lvp { line-height: 40px !important; } } @media only screen and (max-width: 900px) { body.page-template-lite-vs-pro .charitable-lvp-grid-header-row-mobile th:nth-child(1) a.wp-block-button-lvp, body.page-template-lite-vs-pro th .wp-block-button { min-height: 60px; } body.page-template-lite-vs-pro th a.wp-block-button-lvp { color: white !important; padding: 10px 20px !important; /* padding: 10px 13px !important; */ background: transparent; font-size: 11px !important; letter-spacing: -0.015em !important; text-wrap: nowrap !important; font-family: Inter; font-weight: 700 !important; line-height: 41px !important; margin-top: 20px; } body.page-template-lite-vs-pro .charitable-lvp-grid-header-row-mobile th:nth-child(1) a.wp-block-button-lvp, body.page-template-lite-vs-pro .charitable-pricing-table-1 th:nth-child(2) a.wp-block-button-lvp { line-height: 21px !important; } body.page-template-lite-vs-pro th a.wp-block-button-lvp + img, body.page-template-lite-vs-pro th .wp-block-button img { display: none !important; } body.page-template-lite-vs-pro .charitable-pricing-table table { /* grid-template-columns: repeat(6, minmax(0, 1fr)); */ } body.page-template-lite-vs-pro .charitable-pricing-table table th:first-child { display: none !important; } body.page-template-lite-vs-pro .charitable-pricing-table table th { background-color: transparent !important; text-align: center !important; } body.page-template-lite-vs-pro .charitable-pricing-table table th:last-child { background-color: #efeeee !important; grid-column: 1 / 6 !important; text-align: left !important; padding: 10px 20px !important; } body.page-template-lite-vs-pro tbody tr body.page-template-lite-vs-pro tbody tr td:first-child { grid-column: 1 / 6 !important; } body .charitable-pricing-table table tr { display: grid; grid-template-columns: repeat(5, 1fr); } body .charitable-pricing-table table tr td:first-child { grid-column: 1 / 6 !important; } body.page-template-lite-vs-pro .wpchar-lvp-header h2 { display: inherit !important; } } @media only screen and (max-width: 600px) { body.page-template-lite-vs-pro th a.wp-block-button-lvp { padding: 10px 13px !important; margin-top: 0 !important; } } @media only screen and (min-width: 601px) and (max-width: 900px) { body.page-template-lite-vs-pro .charitable-pricing-table table th { padding: 10px 5px !important; } } @media only screen and (min-width: 901px) and (max-width: 1269px) { body.page-template-lite-vs-pro .charitable-pricing-table table th br { display: none; height: 0px !important; } body.page-template-lite-vs-pro .charitable-pricing-table table th .wpchar-lvp-header br { display: none; height: 0px !important; } body.page-template-lite-vs-pro .charitable-pricing-table table th:first-child { vertical-align: bottom; } body.page-template-lite-vs-pro .charitable-pricing-table table th:last-child, body.page-template-lite-vs-pro .charitable-pricing-table table td:last-child { display: inherit !important; } body.page-template-lite-vs-pro th a.wp-block-button-lvp + img, body.page-template-lite-vs-pro th .wp-block-button img { display: none !important; } body.page-template-lite-vs-pro th:nth-child(2) a.wp-block-button-lvp { line-height: 41px !important; } body.page-template-lite-vs-pro .charitable-pricing-table table th:first-child { display: none !important; } body.page-template-lite-vs-pro .charitable-pricing-table table th { background-color: transparent !important; text-align: center !important; } body.page-template-lite-vs-pro .charitable-pricing-table table th:last-child { background-color: #efeeee !important; grid-column: 1 / 6 !important; text-align: left !important; padding: 10px 20px !important; } body.page-template-lite-vs-pro tbody tr body.page-template-lite-vs-pro tbody tr td:first-child { grid-column: 1 / 6 !important; } body .charitable-pricing-table table tr { display: grid; grid-template-columns: repeat(5, 1fr); } body .charitable-pricing-table table tr td:first-child { grid-column: 1 / 6 !important; } body.page-template-lite-vs-pro .wpchar-lvp-header h2 { display: inherit !important; } body.page-template-lite-vs-pro th a.wp-block-button-lvp + img, body.page-template-lite-vs-pro th .wp-block-button img { display: inherit !important; } body.page-template-lite-vs-pro .charitable-pricing-table td { font-size: 14px !important; } body.page-template-lite-vs-pro .wpchar-lvp-header h2 { margin-top: 10px !important; } } @media only screen and (min-width: 1270px) { body.page-template-lite-vs-pro th a.wp-block-button-lvp + img, body.page-template-lite-vs-pro th .wp-block-button img { /* display: none !important; */ } body.page-template-lite-vs-pro .charitable-pricing-table th { padding: 15px 15px !important; } body.page-template-lite-vs-pro .wp-block-button-lvp { width: 100% !important; } body.page-template-lite-vs-pro th a.wp-block-button-lvp { font-size: 14px !important; min-height: 62px !important; text-indent: 10px !important; } body.page-template-lite-vs-pro .wpchar-lvp-header h2 { margin-top: 10px !important; } .wp-block-buttons-lvp { margin-top: 5px; margin-bottom: 35px; } } /* features */ .wpchar-feature-headings h1 { font-family: "Satoshi", "sans-serif"; font-size: 46px !important; font-weight: 700 !important; line-height: 64px !important; letter-spacing: -0.02em !important; text-align: center; color: rgba(30, 21, 21, 1) !important; text-wrap: pretty !important; } .wpchar-feature-headings h1 + p { font-family: "Satoshi", "sans-serif"; font-size: 17px !important; font-weight: 500 !important; line-height: 32px !important; letter-spacing: -0.015em !important; text-align: center; color: rgba(30, 21, 21, 0.6) !important; text-wrap: pretty !important; } .wpchar-features-subsection-headers-interior h2 { font-family: "Satoshi", "sans-serif"; font-size: 40px !important; font-weight: 700 !important; line-height: 50px !important; letter-spacing: -0.02em !important; text-align: center; color: rgba(30, 21, 21, 1); text-wrap: pretty !important; } .wpchar-features-subsection-headers-interior h2 + p { font-family: "Satoshi", "sans-serif"; font-size: 16px !important; font-weight: 500 !important; line-height: 25px !important; letter-spacing: -0.015em !important; text-align: center; color: rgba(30, 21, 21, 0.6); text-wrap: pretty !important; } .wpchar-feature-headings p.wpchar-subhead { margin-top: 25px !important; margin-bottom: 0px !important; } .wpchar-feature-headings p.wpchar-feature-top-small-header { font-family: Satoshi; font-size: 16px !important; font-weight: 700 !important; line-height: 21.6px !important; letter-spacing: 0.1em !important; color: rgba(30, 21, 21, 0.6) !important; padding-top: 75px !important; margin-bottom: 5px !important; } .wpchar-feature-headings .wp-block-buttons { margin-bottom: 30px !important; } .wpchar-feature-checkmarks { margin-top: 14px !important; margin-bottom: 50px !important; } .wpchar-feature-checkmarks p { font-family: Satoshi; font-size: 18px !important; font-weight: 500 !important; line-height: 28px !important; letter-spacing: 0.25px !important; text-align: left; color: rgba(30, 21, 21, 0.6) !important; } @media only screen and (max-width: 1100px ) { body .wpchar-feature-checkmarks { flex-wrap: wrap !important; max-width: 500px; margin-left: auto !important; margin-right: auto !important; } body .wpchar-feature-checkmarks > div { flex-basis: 250px !important; } } @media only screen and (max-width: 800px ) { body .wpchar-feature-checkmarks { margin: 20px auto 20px auto !important; max-width: 100% !important; display: block !important; } body .wpchar-feature-checkmarks > div { width: 66% !important; text-align: center; margin: 0 auto; display: table; } body .wpchar-feature-checkmarks > div > div { margin: 0px auto !important; text-align: center; display: inline-flex !important; } } .wpchar-feature-top { padding-bottom: 110px !important; } .wpchar-feature-top h1 { text-wrap: pretty !important; } .wpchar-icon-grid .wpchar-icon-block h3 { font-family: "Satoshi", "sans-serif"; font-size: 20px !important; font-weight: 700 !important ; line-height: 27px !important; letter-spacing: -0.015em !important; text-align: left; color: rgba(30, 21, 21, 1); margin-bottom: 5px !important; } .wpchar-icon-grid .wpchar-icon-block p { font-family: "Satoshi", "sans-serif"; font-size: 16px !important; font-weight: 500 !important; line-height: 25px !important; letter-spacing: -0.015em !important; text-align: left; color: rgba(30, 21, 21, 0.6); } body.page-template-feature-donation-forms h1 { width: 95% !important; } body.page-template-feature-donor-management .wpchar-feature-top { padding-bottom: 50px !important; } body.page-template-feature-donation-forms .wpchar-feature-top { padding-bottom: 80px !important; } body.page-template-feature-peer-to-peer .wpchar-feature-top { padding-bottom: 80px !important; } body.page-template-feature-recurring-donations .wpchar-feature-top { padding-bottom: 50px !important; } body.page-template-feature-reports .wpchar-feature-top { padding-bottom: 50px !important; } .wpchar-feature-3-col div.has-background { border-radius: 12px !important; border: 1px solid #f0f0f0; } .wpchar-feature-3-col h3 { font-family: Satoshi; font-size: 24px !important; font-weight: 700 !important; line-height: 31px !important; letter-spacing: 0.25px !important; color: black; } .wpchar-feature-3-col p { font-weight: 500px !important; color: rgba(30, 21, 21, 0.6) !important; font-size: 18px !important; font-weight: 500 !important; line-height: 28px !important; letter-spacing: 0.25px !important; } .page-template-feature-recurring-donations .wpchar-doc-column .icon-container, .page-template-feature-donation-forms .wpchar-doc-column .icon-container { margin: -5px 0 15px 0 !important; } /* extensions */ body.download-template .wpchar-feature-headings { background-image: url('/wp-content/themes/am-theme/assets/images/homepage/hero-bg.png?cache=234k23l4jsdsfasdfsdf'); background-repeat: no-repeat; background-position: center bottom; padding-top: 70px !important; padding-bottom: 270px !important; background-color: #fffaf3 !important; margin-bottom: -200px !important; } body.download-template .wpchar-feature-headings p.wpchar-feature-top-small-header { margin-top: 0 !important; padding: 0 !important; } body.download-template .wpchar-feature-headings .wp-block-buttons { margin-top: 40px !important; } body.download-template .extension-body { background-color: white !important; padding: 10px 25px 25px 25px; } div.wpchar-popular-integrations a, div.wpchar-popular-integrations a:hover, div.wpchar-extension-list a, div.wpchar-extension-list a:hover { color: #1e1e1e !important; } div.wpchar-extension-list p { font-family: Satoshi; font-size: 17px !important; font-weight: 500 !important; line-height: 25px !important; letter-spacing: -0.015em !important; text-align: left; color: rgba(30, 21, 21, 0.6) !important; } body.download-template-extensions-single .edd_download_purchase_form { display: none; } .download-template-extensions-single .wp-site-blocks > div > div + div { /* background-color: red; border: 10px solid red; */ } .download-template-extensions-single .wp-site-blocks > div > div + div figure { max-width: 100% !important; margin-left: 0; margin-right: 0; } .download-template-extensions-single .wp-site-blocks > div > div + div img.aligncenter { width: 100%; margin-left: auto; margin-right: auto; max-width: 100% !important; } .download-template-extensions-single .wp-site-blocks > div > div + div a { text-decoration: underline; } .download-template-extensions-single .wp-site-blocks > div > div + div h2 { font-family: Satoshi; font-size: 24px !important; font-weight: 700 !important; line-height: 32px !important; color: rgba(30, 21, 21, 1) !important; } .download-template-extensions-single .wp-site-blocks > div > div + div p, .download-template-extensions-single .wp-site-blocks > div > div + div li { font-family: Satoshi; font-size: 18px !important; font-weight: 500 !important; line-height: 28px !important; letter-spacing: 0.25px; color: rgba(30, 21, 21, 0.6) !important; } .wpchar-popular-charitable-extensions .icon-container { margin-top: 8px; margin-bottom: 10px; margin-left: 5px; } .wpchar-popular-charitable-extensions p a { font-size: 17px !important; line-height: 22px !important; text-decoration: underline !important; text-decoration-style: solid !important; text-decoration-color: rgba(30, 21, 21, 0.5) !important; text-underline-offset: 10px; } /* about */ body.page-about .wpchar-about { /* max-width: 100% !important; */ } /* misc */ .wpchar-100-top-bottom { padding-top: 100px !important; padding-bottom: 100px !important; } /* #charitable-nav-ctas, #charitable-nav-ctas p { display: none !important; } #charitable-nav-ctas.active { display: block !important; } #charitable-nav-ctas.active img, #charitable-nav-ctas.active > div > img { width: 100% !important; max-width: 100% !important; } #charitable-nav-ctas.active .charitable-nav-cta-logged-out { display: none !important; } body.logged-in #charitable-nav-ctas.active .charitable-nav-cta-logged-in { display: block !important; } body.logged-in #charitable-nav-ctas.active .charitable-nav-cta-logged-out { display: none !important; } */ /* search wp */ .searchwp-live-search-results.searchwp-live-search-results-showing { display: none; } /* CTA */ .get-the-best .wp-block-button a:hover, .charitable-cta .wp-block-button.is-style-lg > .wp-element-button:hover { background-color: #ffbb00 !important; } .charitable-cta h2 { width: 454px; height: 98px; top: 61px; left: 189px; gap: 0px; color: white; } .charitable-cta p { font-family: Satoshi; font-size: 16px; font-weight: 500 !important; line-height: 25px !important; letter-spacing: -0.015em !important; text-align: left; color: rgba(255, 255, 255, 0.8) !important; } .charitable-cta .wp-block-columns { width: 100%; } .charitable-cta img { max-width: 470px !important; width: 100%; } .charitable-cta .wp-block-button { font-family: Satoshi; font-size: 20px; font-weight: 700; line-height: 27px; letter-spacing: -0.025em; text-align: left; } /* GPR */ .wpchar-gdpr-test figure:nth-child(1) img { } .wpchar-gdpr-test figure:nth-child(2) img { margin-left: auto !important; margin-right: auto !important; display: block !important; } .wpchar-gdpr-test figure:nth-child(3) img { margin-left: auto !important; display: block !important; } /* mobile */ /* Smartphones (landscape) ----------- */ @media only screen and (max-width: 600px) { .wpchar-gdpr-test { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } .wpchar-gdpr-test figure:nth-child(1) img { } .wpchar-gdpr-test figure:nth-child(2) img { margin-left: auto !important; } .wpchar-gdpr-test figure:nth-child(3) { grid-column-start: 1; grid-column-end: span 2; margin-top: 25px !important; } .wpchar-gdpr-test figure:nth-child(3) img { margin-left: auto !important; margin-right: auto !important; } /* navigation */ img.custom-logo { max-width: 150px !important; } html.has-modal-open button.wp-block-navigation__responsive-container-open svg { visibility: none !important; display: none !important; } html.has-modal-open .wp-block-site-logo { z-index: 999998 !important; } html.has-modal-open #modal-2-content { z-index: 999999 !important; } .wp-block-navigation__responsive-container-content { /* padding-top: 400px !important; background-color: white; background-repeat: no-repeat; background-image: url('../am-theme/assets/images/nav/nav-cta.jpg'); background-position: top center; background-size: contain; */ } .wp-block-navigation__responsive-container-content .wp-block-buttons { display: none; } a.wp-block-navigation-item__content, .wp-block-loginout a { font-family: "Satoshi", "sans-serif"; font-size: 24px !important; font-weight: 700 !important; line-height: 26px !important; letter-spacing: 0.25px !important; text-align: left; color: rgba(30, 21, 21, 1) !important; } .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open { /* top: 15px !important; */ } .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container { display: block !important; padding-left: 0 !important; opacity: 1 !important; } .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open ul { margin: -10px 0 0 0 !important; padding-top: 20px !important; border-top: 1px solid rgba(229, 231, 235, 1); width: 100% !important; } html.has-modal-open .wp-block-navigation .wp-block-navigation__responsive-container-content > ul > li { margin-bottom: 20px !important; } html.has-modal-open .wp-block-navigation .wp-block-navigation__responsive-container-content > ul > li.has-child a { /* margin-bottom: 40px !important; display: block !important; background-color: green; */ } html.has-modal-open .wp-block-navigation .wp-block-navigation__responsive-container-content > ul > li > ul { margin-bottom: 0px !important; } .wp-block-navigation .wp-block-navigation__responsive-container-content > ul > li > ul > li > a, .wp-block-navigation .wp-block-navigation__responsive-container-content > ul > li > ul > li > a span { font-family: "Satoshi", "sans-serif"; font-size: 16px !important; font-weight: 500 !important; line-height: 36px !important; letter-spacing: 0.9599999785423279px !important; text-align: left; color: rgba(30, 21, 21, 0.7); margin-left: 0 !important; } #modal-2-content > ul > li { width: 100% !important; } #modal-2-content > ul > li > ul > li { display: none !important; } #modal-2-content > ul.open > li > ul > li { display: block !important; } #modal-2-content > ul > li > ul.open > li { display: block !important; } body.archive header:first-child > div.wp-block-group, body.post-template-default.single-post header:first-child > div.wp-block-group, .wp-site-blocks header.am-header > div.wp-block-group { height: 58px !important; max-height: 58px !important; padding: 15px 25px !important; margin: 0 !important; } body.remove-logo .wp-block-site-logo { display: none !important; } /* header nav { z-index: 99999 !important; background: white !important; } .wp-block-navigation__responsive-container.is-menu-open { z-index: 99995 !important; background: white !important; top: -101px !important; } .wp-block-navigation__responsive-dialog { top: 100px !important; background: white !important; z-index: 99999 !important; } .wp-block-navigation__responsive-container.is-menu-open { z-index: 99999 !important; } */ /* .wp-block-navigation__responsive-container-content */ /* homepage */ .wpcharitable-big-top h1.wpchar-hp-title { font-family: "Satoshi", "sans-serif" !important; font-size: 24px !important; font-weight: 700 !important; line-height: 32.4px !important; letter-spacing: -0.02em !important; text-align: center; } .wpcharitable-big-top .wpchar-hp-subtitle { font-size: 16px !important; font-weight: 500 !important; line-height: 26px !important; letter-spacing: -0.015em !important; text-align: center; } .wpcharitable-homepage-icon-row { flex-direction: row; flex-wrap: wrap; margin-top: 40px !important; margin-bottom: 40px !important; } .wpcharitable-homepage-icon-row .wp-block-group { flex: 0 0 25% !important; } .wpcharitable-homepage-3badges { margin-top: 40px !important; margin-bottom: 40px !important; } .wpcharitable-homepage-3badges figure, .wpcharitable-homepage-3badges figure img { height: 50px !important; } .wpcharitable-homepage-3badges figure { width: 45% !important; } .wpcharitable-homepage-button .wp-block-button { width: 100%; text-wrap: nowrap; } .wpcharitable-homepage-button a { width: 100% !important; font-size: 16px !important; font-weight: 700; line-height: 21.6px; letter-spacing: -0.025em; } .wpcharitable-homepage-3badges figure:nth-of-type(1) img { width: 200px !important; } .wpcharitable-homepage-3badges figure:nth-of-type(2) img { width: 155px !important; } .wpcharitable-homepage-3badges figure:nth-of-type(3) img { width: 220px !important; } .wpchar-hero-grid-container { display: table !important; width: 100% !important; max-width: 100% !important; overflow: hidden !important; } body .is-layout-grid.hero-grid { display: table !important; width: 400% !important; max-width: 400% !important; margin: 0 0 !important; position: relative !important; transition: left 0.5s; } .wpchar-slider-progress-row { gap: 0 !important; } body .is-layout-grid.hero-grid h5 { font-family: "Satoshi", "sans-serif"; font-size: 18px !important; font-weight: 500 !important; line-height: 27px !important; letter-spacing: -0.015em; text-align: left; color: rgba(30, 21, 21, 1); } body .is-layout-grid.hero-grid p { font-family: "Satoshi", "sans-serif"; font-size: 16px !important; font-weight: 500 !important; line-height: 30px !important; letter-spacing: -0.015em !important; text-align: left; color: rgba(30, 21, 21, 0.6) !important; } body .is-layout-grid.hero-grid .hero-group { /* margin-bottom: 30px !important; */ display: inline-block !important; /* width is the width of the browser window */ max-width: 100vw !important; margin-right: 0px; margin-left: 0px; } .wpchar-features-subsection-headers-interior h2 { font-family: Satoshi; font-size: 22px !important; font-weight: 700 !important; line-height: 30px !important; text-align: center; color: rgba(30, 21, 21, 1) !important; } .wpchar-features-subsection-headers-interior h2 + p { color: rgba(30, 21, 21, 0.6) !important; font-family: Satoshi; font-size: 16px !important;; font-weight: 500 !important;; line-height: 26px !important;; letter-spacing: -0.015em !important; text-align: center; } body .is-layout-grid.hero-grid .hero-group a svg { margin-top: 4px !important; } body .is-layout-grid.hero-grid .hero-group:nth-child(3) { margin-bottom: 0 !important; } .wpchar-feature-top { padding-bottom: 0 !important; } body.page-template-feature-donor-management .wpchar-feature-top, body.page-template-feature-peer-to-peer .wpchar-feature-top { padding-bottom: 30px !important; } .wpcharitable-feature-grid-homepage { margin-top: 0px !important; margin-bottom: 40px !important; padding-top: 140px !important; background-position: center -10px; margin-top: -50px !important; } .wpchar-section-title-subheading h2 { font-size: 22px !important; font-weight: 700 !important; line-height: 29.7px !important; text-align: center; } .wpchar-section-title-subheading p { font-size: 16px !important; font-weight: 500 !important; line-height: 26px !important; letter-spacing: -0.015em; text-align: center; } .wpcharitable-big-top { background-color:#fffaf3; margin-top:0; margin-bottom:0; padding-top: 0 !important; padding-bottom: 0 !important; } .wpchar-get-now-button-row .wp-block-buttons { display: table; width: 100%; text-align: center; } .wpchar-get-now-button-row .wp-block-buttons .wp-block-button { margin: 10px auto !important; } body.parent-pageid-29516 .wpchar-feature-top figure.wp-block-image { padding-left: 20px !important; padding-right: 20px !important; } body.page-template-feature-donation-forms .wpchar-icon-grid > div:last-of-type .wpchar-icon-block, body.page-template-feature-donor-management .wpchar-icon-grid > div:last-of-type .wpchar-icon-block, body.page-template-feature-recurring-donations .wpchar-icon-grid > div:last-of-type .wpchar-icon-block, body.page-template-feature-peer-to-peer .wpchar-icon-grid > div:last-of-type .wpchar-icon-block, body.page-template-feature-reports .wpchar-icon-grid > div:last-of-type .wpchar-icon-block { margin-bottom: 0 !important; } body.page-template-feature-donation-forms .feature-title-container, body.page-template-feature-donor-management .feature-title-container, body.page-template-feature-recurring-donations .feature-title-container, body.page-template-feature-peer-to-peer .feature-title-container, body.page-template-feature-reports .feature-title-container { width: 100% !important; } .wpchar-gdpr { margin-top: 30px !important; margin-bottom: 30px !important; gap: 1rem !important; flex-wrap: inherit !important; } .wpchar-gdpr figure, .wpchar-gdpr figure img { width: 100% !important; } .wpchar-gdpr figure { } .charitable-any-cause-nav-list { overflow: auto; flex-wrap: unset !important; } .charitable-any-cause-container { padding-top: 39px !important; padding-bottom: 40px !important; margin-bottom: 30px !important; margin-top: 30px !important; padding-left: 40px; padding-right: 40px; } .charitable-any-cause-container-item figure { margin-top: 30px !important; } .charitable-any-cause-container-item figure, .charitable-any-cause-container-item figure img { max-width: 100% !important; } .charitable-any-cause-container .wp-block-buttons, .charitable-any-cause-container .wp-block-button, .charitable-any-cause-container .wp-block-button a { width: 100% !important; } .wpchar-reasons-content { margin-top: -20px; } .wpchar-reasons-content h2 { text-wrap: pretty !important } .wpchar-reason-row .wpchar-column-left { order: 1; } .wpchar-reason-row .wpchar-column-right { order: -1; } .wpchar-reason-row { margin-top: 20px !important; } .wpchar-feature-row-icons-checkmarks { font-family: "Satoshi", "sans-serif"; font-size: 16px !important; font-weight: 500 !important; line-height: 26px !important; letter-spacing: 0.25px; text-align: left; } .wpchar-feature-row-icons-checkmarks figure { margin-top: 0px !important; margin-bottom: 0px !important; } .wpchar-feature-row-icons-checkmarks h3 { font-family: "Satoshi", "sans-serif"; font-size: 20px !important; font-weight: 700 !important; line-height: 32px !important;; text-align: left; } .wpchar-testimonial-container { margin-top: 20px !important; margin-bottom: 2px !important; padding: 30px 35px 5px 35px !important; } .wpchar-testimonial-container .slick-track { width: 100% !important; transform: none !important; } .wpchar-testimonial-container .slick-slide.slick-cloned, .wpchar-testimonial-container button { display: none !important; } .wpchar-testimonial-container .slick-slide { width: 100% !important; float: none; height: auto; margin: 0 auto 20px auto; } .wpchar-testimonial-container .wp-block-cb-carousel { overflow: hidden !important; } .charitable-cta .wp-block-column { text-align: center; } .charitable-cta .wp-block-column p { font-family: "Satoshi", "sans-serif"; font-size: 16px !important; font-weight: 500 !important; line-height: 25px !important; letter-spacing: -0.015em !important; text-align: center; } .charitable-cta .wp-block-column h2 { font-family: "Satoshi", "sans-serif"; font-size: 22px !important; font-weight: 900 !important; line-height: 29.7px !important; text-align: center; } .charitable-cta .wp-block-column figure { margin-top: 20px !important; } .charitable-cta .wp-block-column figure, .charitable-cta .wp-block-column figure img { width: 100%; margin-left: 0 !important; margin-bottom: 0 !important; } .charitable-cta .wp-block-buttons, .charitable-cta .wp-block-button, .charitable-cta .wp-block-button a { /* width: 100% !important; */ margin-left: auto !important; margin-right: auto !important; } .wpchar-faq-question-list summary::marker { display: none !important; } .wpchar-faq-question-list summary { background-size: 20px !important; padding-right: 30px; margin-left: 0; text-indent: -17px; } .body.home .wpchar-section-title-subheading-faq { margin-top: -90px !important; /* ? */ } .wpchar-need-info { margin-top: 20px !important; margin-bottom: 2px !important; padding: 60px 35px 170px 35px !important; } .charitable-powerful-payment-features .no-show { display: none; } .wpchar-need-info .wp-block-column figure, .wpchar-need-info .wp-block-column img { width: 100% !important; max-width: 100% !important; } /* features */ .wpchar-feature-big { padding-left: 30px !important; padding-right: 30px !important; } .wpchar-feature-top .wpchar-feature-headings { padding-left: 35px !important; padding-right: 35px !important; } .wpchar-feature-top p.wpchar-feature-top-small-header { padding-top: 50px !important; padding-bottom: 50px !important; margin: 0 auto !important; font-size: 14px !important; font-weight: 700 !important; line-height: 18.9px !important; letter-spacing: 0.1em !important; text-align: center; color: var(--Primary-60, rgba(30, 21, 21, 0.6)); max-width: 100% !important; } .wpchar-feature-top .wpchar-feature-headings p.wpchar-feature-top-small-header { margin-bottom: 0 !important; } .wpchar-feature-top .wp-block-buttons-is-layout-flex, .wpchar-feature-top .wp-block-buttons-is-layout-flex .wp-block-button, .wpchar-feature-top .wp-block-buttons-is-layout-flex .wp-block-button a { display: table !important; width: 100% !important; } .wpchar-feature-top div.has-background { background-position: 0 -150px !important; } .wpchar-feature-checkmarks { margin-top: 10px !important; margin-bottom: 10px !important; } .wpchar-feature-top h1 { font-family: "Satoshi", "sans-serif"; font-size: 24px !important; font-weight: 700 !important; line-height: 32.4px !important; margin-top: 0 !important; margin-bottom: 0 !important; letter-spacing: -0.02em; text-align: center; max-width: 100% !important; } .wpchar-feature-top .wpchar-feature-row-icons { margin: 0 auto; max-width: 100% !important; display: block !important; } .wpchar-feature-top .wpchar-feature-row-icons > div { width: 66% !important; text-align: center; margin: 0 auto; display: table; } .wpchar-feature-top .wpchar-feature-row-icons > div > div { margin: 0px auto !important; text-align: center; display: inline-flex !important; } .wpchar-feature-top .wpchar-feature-row-icons p { font-family: "Satoshi", "sans-serif"; font-size: 16px !important; font-weight: 500 !important; line-height: 28px !important; letter-spacing: 0.25px !important; text-align: left; } .wpchar-icon-grid { display: table !important; } .wpchar-icon-grid .wpchar-icon-block { margin: 0 0 60px 0 !important; text-align: center; } .wpchar-icon-grid .wp-block-outermost-icon-block { display: block !important; } .wpchar-icon-grid .wpchar-icon-block > div { display: block !important; } .wpchar-icon-grid .wpchar-icon-block .icon-container { margin: 0 auto 10px auto !important; } .wpchar-icon-grid .wpchar-icon-block .icon-container svg { max-height: 40px !important; height: 40px !important; } .wpchar-icon-grid > div:last-child { margin-bottom: 0 !important; } .wpchar-icon-grid .wpchar-icon-block h3 { font-family: "Satoshi", "sans-serif"; font-size: 20px !important; font-weight: 700 !important; line-height: 27px !important; letter-spacing: -0.015em; text-align: center; /* color: rgba(30, 21, 21, 0.6) !important; */ } .wpchar-icon-grid .wpchar-icon-block p { font-family: "Satoshi", "sans-serif"; font-size: 16px !important; font-weight: 500 !important; line-height: 25px !important; letter-spacing: -0.015em; text-align: center; color: rgba(30, 21, 21, 0.6) !important; } body.page-template.page-child .wpchar-reasons-margin-top-bottom { padding-top: 30px !important; padding-bottom: 30px !important; } .wpchar-integrations-cta { margin-top: 20px !important; margin-bottom: 20px !important; background-image: none !important; text-align: center; padding: 40px 25px !important; height: auto !important; min-height: auto !important; max-height: auto !important; } .wpchar-integrations-cta .wp-block-buttons { margin-bottom: 0 !important; } .wpchar-testimonial-container.wpchar-feature { margin-top: 20px !important; margin-bottom: 2px !important; padding-top: 0px !important; padding-bottom: 0px !important; } .wpchar-nurture { flex-wrap: wrap !important; text-align: center; margin-bottom: -30px !important; } .wpchar-nurture > div > p { margin: 0 auto !important; } .wpchar-nurture > div > h2 + p + div { max-width: 100% !important; width: 100%; font-size: 12px !important; } .wpchar-feature-3-col { flex-wrap: wrap !important; display: table !important; text-align: center; } .wpchar-feature-3-col > div { display: table; margin: 0 0 20px 0 !important; } body.post-type-archive-documentation .wpchar-feature-3-col { padding-left: 35px !important; padding-right: 35px !important; } .wpchar-doc-top { padding-top: 40px !important; } body.archive:not(.post-type-archive-download) .wpchar-doc-top { /* updated */ padding-top: 40px !important; padding-bottom: 75px !important; margin-bottom: -30px !important; } .wpchar-doc-top h1 { font-size: 24px !important; font-weight: 700 !important; line-height: 32.4px !important; letter-spacing: -0.02em; text-align: center; color: rgba(30, 21, 21, 1); } body.post-type-archive-documentation .wpchar-doc-top h1 { font-size: 24px !important; font-weight: 700 !important; line-height: 32px !important; letter-spacing: -0.02em; width: 75% !important; } body.post-type-archive-download .wpchar-doc-top + div { margin-top: 20px !important; } body.post-type-archive-download .wpchar-doc-top h1 { font-size: 24px !important; font-weight: 700 !important; line-height: 32.4px !important; letter-spacing: -0.02em; width: 75% !important; } body.post-type-archive-download .wpchar-doc-top h1 + p, .wpchar-doc-top p { font-family: "Satoshi", "sans-serif"; font-size: 16px !important; font-weight: 500 !important; line-height: 26px !important; letter-spacing: -0.015em; text-align: center; color: rgba(30, 21, 21, 0.8) !important; } .wpchar-degrid { display: table !important; } .wpchar-degrid > div { margin: 0 0 20px 0 !important; } .charitable-intergrations-block-container { margin-left: 0 !important; margin-right: 0 !important; padding: 0 10px !important; } .charitable-integration-list-container { margin-bottom: -30px !important; display: table !important; } .charitable-integrations-sidebar { display: none !important; } .charitable-integration-list { display: table !important; } .charitable-integration-list .charitable-integration-list-container-item { width: 100% !important; display: inline-block !important; } .wpchar-3-icons { margin-top: 0px !important; margin-bottom: 0px !important; width: 100% !important; max-width: 100% !important; margin-left: 20px !important; margin-right: 20px !important; } .wpchar-stats { padding: 15px !important; margin: -20px 0 10px 0 !important; } .wpchar-stats > div { display: table; width: 100% !important; max-width: 100% !important; } .wpchar-stats > div > div { display: table; width: 100% !important; max-width: 100% !important; } .wpchar-stats > div > div p { display: inline-block; margin: 10px 25px 10px 0 !important; } .wpchar-stats div div p { text-align: left; } .wpchar-stats div div p:first-child { width: 150px; } .wpchar-use-case-grid > div { margin: 0 0 20px 0 !important; } .wpchar-use-case-grid > div:last-child { margin-bottom: 0 !important; } body.page-template-intergration-single .wpchar-gdpr { margin-left: 20px !important; margin-right: 20px !important; } .wpchar-use-case-grid, .cta-beige .is-layout-flex { display: table !important; } .cta-beige .is-layout-flex > .wp-container-content-50 { margin: 0 0 30px 0 !important; width: 100% !important; max-width: 100% !important; padding: 0 !important; text-align: center; } .cta-beige .is-layout-flex > .wp-container-content-50 h2, .cta-beige .is-layout-flex > .wp-container-content-50 p, .cta-beige .is-layout-flex > .wp-container-content-50 .wp-block-buttons { margin: 5px auto !important; text-align: center; } /* .wpchar-integration-top p { font-family: Satoshi; font-size: 16px !important;; font-weight: 700 !important;; line-height: 21.6px !important;; letter-spacing: 0.1em !important;; text-align: left; color: rgba(30, 21, 21, 1) !important; } */ .wpchar-feature-headings h1 + p { font-family: "Satoshi", "sans-serif"; font-size: 16px !important; font-weight: 500 !important; line-height: 26px !important; letter-spacing: -0.015em !important; text-align: center; color: rgba(30, 21, 21, 0.6) !important; padding-left: 0 !important; padding-right: 0 !important; } body.page-template-intergrations .wpchar-doc-top h1, body.page-template-intergration-single h1 { font-family: Satoshi; font-size: 24px !important; font-weight: 700 !important; line-height: 32.4px !important; letter-spacing: -0.02em !important; text-wrap: pretty !important; text-align: center; } .wpchar-feature-headings h1 { font-size: 24px !important; font-weight: 700 !important; line-height: 32.4px !important; letter-spacing: -0.02em !important; text-align: center; } .wpchar-extension-list { display: table !important; margin-top: 0 !important; } .wpchar-extension-list > div { margin: 0 0 20px 0 !important; } body.post-type-archive-download .wpchar-doc-top { /* margin-top: -60px !important; */ margin-bottom: 0 !important; min-height: auto !important; padding-bottom: 30px !important; } body.download-template-extensions-single .wp-block-group.extension-body figure, body.download-template-extensions-single .wp-block-group.extension-body img { max-width: 100% !important; } .wpchar-popular-charitable-extensions { padding-top: 0px !important; padding-bottom: 0px !important; } .wpchar-popular-charitable-extensions h2 { padding-top: 30px !important; } .wpchar-main-feature-3-items h3 { text-align: center !important; width: 100% !important; } .wpchar-main-feature-3-items figure img { width: 100% !important; } .wpchar-tutorial-box figure img { display: none; } /* blog */ .aioseo-author-bio-compact { display: table !important; } .aioseo-author-bio-compact-left .aioseo-author-bio-compact-image, .aioseo-author-bio-compact-left .aioseo-author-bio-compact-image img { width: 100% !important; height: auto !important; } .aioseo-author-bio-compact .aioseo-author-bio-compact-left { margin-bottom: 30px !important; } .aioseo-author-bio-compact .aioseo-author-bio-compact-left, .aioseo-author-bio-compact .aioseo-author-bio-compact-right { } .blog-single-post-columns { display: table !important; } .wpchar-blog-sidebar { margin-top: -50px !important; } .wpchar-blog-sidebar figure, .wpchar-blog-sidebar figure img { width: 100% !important; max-width: 100% !important; margin-left: auto !important; margin-right: auto !important; } /* pricing */ .charitable-pricing-grid-main { display: table !important; max-width: 100% !important; } .charitable-pricing-table a, .charitable-pricing-table a:hover { color: #1e1e1e !important; } .charitable-pricing-grid { } .wpchar-pricing-box { } .wpchar-pricing-box-elite { } /* ctas */ .charitable-cta h2 { font-family: Satoshi; font-size: 22px !important; font-weight: 900 !important; line-height: 29.7px !important; width: 100%; margin-bottom: -40px !important; } .charitable-cta h2 + p { font-family: Satoshi; font-size: 16px !important; font-weight: 500 !important; line-height: 25px !important; letter-spacing: -0.015em !important; color: rgba(255, 255, 255, 0.8); } /* about */ .wpchar-about figure, .wpchar-about img { width: 100% !important; max-width: 100% !important; margin: 0 auto !important; } figure.charitable-crew { margin-bottom: 10px !important; } /* live vs pro */ body.page-template-lite-vs-pro figure table thead tr th { font-family: "Satoshi", "sans-serif"; font-size: 12px !important; font-weight: 700 !important; line-height: 16.2px !important; text-align: left; } body.page-template-lite-vs-pro figure table:first-of-type tr th, body.page-template-lite-vs-pro figure table:first-of-type tr td { padding-left: 1px !important; padding-right: 1px !important; } body.page-template-lite-vs-pro figure table:first-of-type tr td { font-size: 11px !important; letter-spacing: -0.015em !important; text-wrap: pretty !important; } /* documentation */ body.post-type-archive-documentation .wpchar-doc-top.wpchar-doc-top-main-doc { padding-bottom: 35px !important; margin-bottom: 5px !important; } .wpchar-getting-started { padding-left: 35px !important; padding-right: 35px !important; } .wpchar-getting-started h2 { font-size: 22px !important; font-weight: 700 !important; line-height: 29px !important; } .wpchar-doc-grid { display: table !important; width: 100% !important; } .wpchar-doc-grid a, .wpchar-doc-grid a:hover { color: #1E1515 !important; } body.post-type-archive-documentation .wpchar-doc-top{ padding-bottom: 70px !important; margin-bottom: 0px !important; } .wpchar-doc-column { text-align: left; } .wpchar-doc-column a, .wpchar-doc-column a:hover { color: #1E1515 !important; } .wpchar-doc-column h2 { font-size: 18px; font-weight: 500; line-height: 28.18px; letter-spacing: -0.015em; text-align: left; color: rgba(30, 21, 21, 1) !important; } .wpchar-doc-column > p { font-family: "Satoshi", "sans-serif"; font-size: 14px !important; font-weight: 500 !important; line-height: 23.19px !important; letter-spacing: 0.2609592080116272px !important; text-align: left; color: var(--Primary-60, rgba(30, 21, 21, 0.6)) !important; } .wpchar-doc-column p { text-decoration: underline; text-underline-offset: 5px; font-size: 14px !important; font-weight: 500 !important; line-height: 39.51px !important; letter-spacing: 0.2609592080116272px !important; text-align: left; color: var(--Primary-60, rgba(30, 21, 21, 0.6)) !important; } .wpchar-doc-column > p:first-of-type, .wpchar-doc-column > div:last-child > p { text-decoration: none !important; } .wpchar-doc-column figure { margin-top: 20px !important; } .wpchar-doc-column:first-child figure { margin-top: 0px !important; } .wpchar-doc-column figure, .wpchar-doc-column figure img { width: 100%; margin-left: 0 !important; margin-bottom: 0 !important; } .wpchar-popular-topics { padding-top: 50px !important; padding-bottom: 50px !important; padding-left: 35px !important; padding-right: 35px !important; } .wpchar-popular-topics-grid, .wpchar-quick-link-grid, .wpchair-link-grid, .wpchar-quick-link-grid-row, .wpchar-quick-links-top-grid { display: table !important; width: 100% !important; } .wpchar-quick-links-top-grid { padding: 30px !important; margin-bottom: 30px !important; border-bottom: 1px solid rgba(229, 231, 235, 1) !important; } .wpchar-quick-links-top-grid .wp-block-buttons { display: table !important; margin-top: 25px !important; } .wpchar-quick-link-grid { margin-top: -10px !important; } .wpchar-quick-link-grid a { font-family: "Satoshi", "sans-serif"; font-size: 18px !important; font-weight: 500 !important; line-height: 28px !important; letter-spacing: 0.25px; text-align: left; color: var(--Primary-100, rgba(30, 21, 21, 1)); } .wpchar-popular-topics-grid > div { margin: 0 0 20px 0 !important; } .wpchar-quick-link-main h2 { font-family: "Satoshi", "sans-serif"; margin: 0 !important; font-size: 28px !important; font-weight: 700 !important; line-height: 36px !important; text-align: left; color: var(--Primary-100, rgba(30, 21, 21, 1)); } .wpchar-quick-link-main { border-radius: 15px !important; border: 1px solid rgba(229, 231, 235, 1) !important; max-width: 1210px !important; } .wpchar-quick-link-grid-row { padding-left: 15px !important; padding-right: 15px !important; } .wpchar-quick-link-grid-row .wpchar-grid-link-item, .wpchar-quick-link-grid-row > div > div { margin-bottom: 55px !important; } body.post-type-archive-documentation .wpchar-100-top-bottom { padding-top: 35px !important; padding-bottom: 35px !important; } .wpchar-single-doc-top + div { margin-top: 0 !important; } .wpchar-single-doc-top + div div:first-child { display: none !important; } /* testimonial */ .testimonial-grid { display: table !important; width: 100% !important; padding-top: 25px !important; margin: -5px 0 0 0 !important; } .wpchar-top-get-now { margin-bottom: 30px !important; } .testimonial-grid-col { width: 100% !important; } .wpchar-testi-top-left { border: 0 !important; } .wpchar-testi-top-left h2 { font-family: "Satoshi", "sans-serif"; font-size: 24px !important; font-weight: 500 !important; line-height: 30.18px !important; letter-spacing: -0.015em; text-align: left; color: rgba(30, 21, 21, 1) !important; } .wpchar-testi-top-left .star-rating { margin-top: 0 !important; margin-bottom: 10px !important; } .wpchar-testi-top-left .star-rating h2 { font-family: "Satoshi", "sans-serif"; font-size: 24px !important; font-weight: 500 !important; line-height: 30.18px !important; letter-spacing: -0.015em; text-align: left; color: rgba(30, 21, 21, 1) !important; } .wpchar-testi-top-left .star-rating .icon-container { height: 36px !important; width: 36px !important; margin: 0 5px 0 -5px !important; } .wpchar-testi-top-right > div { padding-left: 0 !important; } body.home .wpchar-testimonial-container { /* ? */ margin-top: 0 !important; padding-top: 35px !important; padding-bottom: 10px !important; } .wpchar-testimonial-name { text-wrap: nowrap !important; } .charitable-testimonial-stars img { max-width: 150px; } /* faqs */ .wpchar-faq-question-list { margin-bottom: 30px !important; } body.home .wpchar-section-title-subheading-faq { /* ? */ padding-top: 0 !important; } /* templates */ .wpchar-template-top { padding-bottom: 0 !important; margin-bottom: 0 !important; } body.page-template-campaign-templates .charitable-template-list { max-width: 100% !important; } body.page-template-campaign-templates .charitable-template-list .charitable-template-list-container { display: table !important; width: 100% !important; max-width: 100% !important; } body.page-template-campaign-templates .charitable-template-list .charitable-template-list-container .charitable-template-list-container-item { margin: 0 0 20px 0 !important; width: 100% !important; display: block; } body.page-template-campaign-templates .charitable-template-list .charitable-template-list-container .charitable-template-list-container-item .charitable-template { border-radius: 3px; margin-bottom: 30px; margin-left: auto; margin-right: auto; min-height: 122px; padding: 15px; position: relative; max-width: 100%; box-shadow: 0 0 0 1px #DADADE; transition: box-shadow 0.15s ease-in-out; } body.page-template-campaign-templates .charitable-template-list .charitable-template-list-container .charitable-template-list-container-item .charitable-template .template-thumbnail { background-color: transparent; width: 100%; text-align: center; display: table; height: auto; vertical-align: middle; max-width: 100%; padding: 0; margin: 0; } body.page-template-campaign-templates .charitable-template-list .charitable-template-list-container .charitable-template-list-container-item .charitable-template .template-thumbnail .charitable-template-thumbnail { width: 100%; margin: 0 auto; background-size: cover; border-radius: 0; background-repeat: no-repeat; background-position: top; display: table; position: absolute; top: 15px; left: 15px; max-width: calc(100% - 30px); } body.page-template-campaign-templates .template-buttons { width: 100% !important; } body.page-template-campaign-templates .charitable-template-list .charitable-template-list-container { margin-left: 0 !important; } .wpchar-template-sidebar { display: none !important; } .charitable-template-block-container h4 { font-family: "Satoshi", "sans-serif"; font-size: 18px !important; font-weight: 700 !important; line-height: 24.3px !important; letter-spacing: -0.02em; text-align: center; color: rgba(30, 21, 21, 1); } .charitable-hidden { display: none !important; } .charitable-template-block-container { width: 100%; } .charitable-template-list .charitable-template { margin-bottom: 0 !important; } .charitable-template-list .charitable-template-list-container-item { /* min-height: 390px !important; */ } /* contact */ body.page-id-8502287 .wp-site-blocks > div, body.account-support .wp-site-blocks > div { margin-top: 0 !important; } body.page-id-8502287 .wp-site-blocks > div h1, body.account-support .wp-site-blocks > div h1 { margin-top: 0 !important; } .wpchar-support-grid > div { margin: 0 0 20px 0 !important; } .wpchar-support-top-row { margin-bottom: -65px !important; } .wpchar-support-top-row h4 { font-family: "Satoshi", "sans-serif"; margin: 0 0 20px 0 !important; font-size: 28px !important; font-weight: 700 !important; line-height: 36px !important; text-align: left; color: var(--Primary-100, rgba(30, 21, 21, 1)); } .wpchar-support-top-row .wp-block-buttons { margin-bottom: 0 !important; } .wpchar-support-top-row > div { margin-left: 0 !important; margin-right: 0 !important; max-width: 100% !important; width: 100% !important; } .wpchar-support-top-row .wpchar-degrid div { position: relative; /* padding-bottom: 75px !important; min-height: 200px !important; */ } /* search */ .wpchar-sidebar-popular-resources { display: none !important; } /* header, again */ ul.wp-block-navigation__container > li.has-child > a { cursor: pointer; background-repeat: no-repeat; background-image: url('../am-theme/assets/images/icons/chevron-up.svg'); background-size: 15px; background-position: right center; border-bottom-width: 1px, 0px, 1px, 0px; border-bottom-style: solid; border-bottom-color: rgba(30, 21, 21, 0.1); width: 100% !important; padding-bottom: 5px !important; } ul.wp-block-navigation__container.open > li.has-child > a { background-image: url('../am-theme/assets/images/icons/chevron-down.svg'); } ul.wp-block-navigation__container > li.has-child > ul.open-submenu { display: block !important; } #modal-2-content > ul > li > ul { margin-bottom: -20px !important; } ul.wp-block-navigation__container { } /* all the h1.block-headings text-wrap pretty */ h1.wp-block-heading, h2.wp-block-heading, h3.wp-block-heading { text-wrap: pretty !important; } /* misc */ body.page-template-default.page-about .wp-site-blocks div:first-of-type { /* margin-top: 25px !important; */ } body.page-template-default.page-about .wp-site-blocks h1.wp-block-post-title { margin-top: -25px !important; } /* account */ body.page-template-account .wpchar-account-top-nav .wp-block-loginout { font-size: 14px !important; line-height: 14px !important; display: none !important; } .am-account-navigation .wp-block-buttons { gap: 0; } .wpchar-account-top-info-row { display: table !important; margin: 0 auto !important; } .chartiable-account-overview { margin-bottom: 35px !important; } /* billing */ /* display none on 5th column of table */ table.charitable-table-billing tr td { width: 80% !important; } table.charitable-table-billing thead tr th:nth-child(5), table.charitable-table-billing tbody tr td:nth-child(5) { display: none; } .charitable-billing-row { overflow: x-scroll; } /* downloads */ .wpchar-downloads-row { display: table !important; width: 100% !important; } .wpchar-downloads-col span.label { display: block; margin-top: 10px; } .charitable-download-items { display: table !important; } .charitable-download-items .charitable-download-item { margin: 0 0 20px 0 !important; display: block; width: 100% !important; min-height: 75px; } p.wpchar-know { padding: 20px !important; } /* .am-account-navigation .wp-block-button:hover, body.page-template-account.account-profile .am-account-navigation .profile, body.page-template-account.account-overview .am-account-navigation .overview, body.page-template-account.account-downloads .am-account-navigation .downloads, body.page-template-account.account-billing .am-account-navigation .billing, body.page-template-account.account-support .am-account-navigation .support { border-bottom: 1px solid #000; } */ /* footer */ footer div.wp-container-core-columns-is-layout-21 { margin: 0 !important; padding: 0 !important; } footer .wpchar-footer-contain { margin-bottom: 0 !important; padding-bottom: 0 !important; } footer .wpchar-connect-headline { display: block !important; } footer .wpchar-footer-column { margin-bottom: 50px !important; } footer .wpchar-footer-logo-1 .icon-container, footer .wpchar-footer-logo-2 .icon-container, footer .wpchar-footer-logo-3 .icon-container, footer .wpchar-footer-logo-4 .icon-container { margin-bottom: 0px !important; } footer .wpchar-footer-3-links { margin-bottom: 20px !important; } footer .wpchar-footer-logos { margin: 0 0 30px 0 !important; } footer .wpchar-footer-logos div img { } footer .wpchar-footer-logos { margin-left: -10px !important; margin-right: -10px !important; padding-left: 0 !important; padding-right: 0 !important; width: calc(100% + 20px) !important; } .wpchar-footer-logo-1 .icon-container { width: 152px; margin: 0 !important; height: 50px !important; overflow: hidden; } .wpchar-footer-logo-2 img { width: 140px !important; height: auto !important; margin-top: 3px !important; } .wpchar-footer-logo-2 { height: auto !important; width: 140px !important; } .wpchar-footer-logo-3 { width: 125px !important; margin-top: -3px !important; margin-left: -5px !important; margin-right: -5px !important; } .wpchar-footer-logo-4 svg { width: 220px !important; } .wpchar-footer-logo-4 { height: 40px !important; max-height: 40px !important; width: 215px !important; margin: -19px 0 0 0; margin-left: -5px !important; margin-right: -5px !important; } footer .wpchar-footer-logos > figure { } footer h5 { font-family: "Satoshi", "sans-serif"; font-size: 18px !important; font-weight: 700 !important; line-height: 28px !important; letter-spacing: 0.25px !important; text-align: left; color: var(--Primary-100, rgba(30, 21, 21, 1)) !important; } footer .charitable-footer-section ul li, footer .charitable-powerful-payment-features ul li { margin: 0 0 20px 0 !important; } footer .charitable-footer-section h5, footer .charitable-powerful-payment-features h5 { cursor: pointer; background-repeat: no-repeat; background-image: url('../am-theme/assets/images/icons/chevron-down.svg'); background-size: 15px; background-position: right center; border-bottom-width: 1px, 0px, 1px, 0px; border-bottom-style: solid; border-bottom-color: rgba(30, 21, 21, 0.1); width: 100% !important; padding-bottom: 5px !important; } footer .charitable-footer-section ul, footer .charitable-powerful-payment-features ul { display: none; } footer .charitable-footer-section.open ul { /* display: block; */ } footer .charitable-footer-section.open h5, footer .charitable-powerful-payment-features.open h5 { background-image: url('../am-theme/assets/images/icons/chevron-up.svg'); border: none; } footer .charitable-footer-section:nth-child(1) > div.wp-block-columns h5 { pointer-events: none; background-image: none; cursor: default !important; } footer .charitable-footer-section ul li a { font-family: "Satoshi", "sans-serif"; font-size: 14px !important; font-weight: 500 !important; line-height: 18px !important; letter-spacing: 0.25px !important; text-align: left; color: var(--Primary-80, rgba(30, 21, 21, 0.8)) !important; } footer .wpchar-connect-row h5 { background-image: none; cursor: inherit !important; border: 0; } footer .wpchar-connect-row { display: table !important; width: 100% !important; } footer .wpchar-footer-3-links { margin: 10px auto 20px !important; } footer .wpchar-footer-3-links p { width: 100% !important; display: block; } footer .wpchar-footer-social-links { display: flex !important; margin: 10px 0 -5px 0 !important; max-width: 100px !important; } } /* Tablets (landscape) ----------- */ @media only screen and (max-width: 1200px) { /* footer */ .wpchar-footer-logos { margin-top: 20px !important; } /* pricing - but really lite vs pro */ .charitable-pricing-grid-main { display: table !important; max-width: 100% !important; width: 100% !important; } .charitable-pricing-table a, .charitable-pricing-table a:hover { color: #1e1e1e !important; } .charitable-pricing-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } .wpchar-pricing-box { } .wpchar-pricing-box-elite { } .wpchar-pricing-tab { display: none !important; } .wpchar-pricing-compare-section { width: 1400px !important; max-width: 1400px !important; } .wpchar-pricing-compare-section > div { margin-left: 0 !important; margin-right: 0 !important; width: 95% !important; max-width: 95% !important; padding: 0 !important; } .wpchar-pricing-compare-section-container { overflow-y: hidden; overflow-x: auto; background-color: white; max-width: 100% !important; margin: 0 auto !important; padding: 0 !important; } body .wpchar-pricing-compare-section { /* testing */ width: 100% !important; max-width: 100% !important; } body .wpchar-pricing-compare-section > div { margin-left: auto !important; margin-right: auto !important; width: 100% !important; max-width: 100% !important; } body .charitable-pricing-table table { display: grid; grid-template-columns: repeat(1, 1fr); } body .charitable-pricing-table table thead, body .charitable-pricing-table table tbody { display: block; width: 100% !important; max-width: 100% !important; border-radius: 0 !important; } body .charitable-pricing-table table tr { display: grid; } body .charitable-pricing-table.charitable-pricing-table-license-benefits tr:nth-child(4) td { } body .charitable-pricing-table table th:nth-child(2), body .charitable-pricing-table table th:nth-child(3), body .charitable-pricing-table table th:nth-child(4), body .charitable-pricing-table table th:nth-child(5), body .charitable-pricing-table table th:nth-child(6) { /* display: none; */ text-align: center; } body.page-template-lite-vs-pro figure table:first-of-type tr th { padding-left: 15px !important; } body .charitable-pricing-table table th:first-child, body .charitable-pricing-table table td:first-child { grid-column: 1 / 6; } body .charitable-price-grid-header-row { justify-content: center; width: 100% !important; max-width: 100% !important;; } body.pricing-fixed .charitable-price-grid-header-row { position: fixed; top: 0; z-index: 100; } body .charitable-price-grid-header { width: 100% !important; max-width: 100% !important; border-radius: 0 !important; flex-basis: 100% !important; } body .charitable-price-grid-header > div { display: block; padding: 10px !important; margin: 0 !important; border-radius: 0 !important; text-align: center; } body .charitable-price-grid-header > div a { border-radius: 0 !important; } body .charitable-price-grid-header .wpchar-pricing-header-box-elite, body .charitable-price-grid-header .wpchar-pricing-header-box-pro, body .charitable-price-grid-header .wpchar-pricing-header-box-plus{ border-right: 0 !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; } body .charitable-price-grid-header .wpchar-pricing-header-box-basic { border-top-right-radius: 0px !important; } body .charitable-price-grid-header .wpchar-pricing-savings { display: block; margin: 5px auto !important; } body .charitable-price-grid-header .wpchar-pricing-header-price > div p:first-of-type { visibility: hidden; } body .charitable-price-grid-header .wpchar-pricing-header-price { display: inline-flex; text-align: center; margin: 5px auto !important; } body .charitable-price-grid-header a.wp-element-button { display: block; width: 100% !important; max-width: 100% !important; margin: 5px auto !important; } body .charitable-price-grid-header div img { display: none; } body .charitable-pricing-table th:first-of-type { border-top-left-radius: 0px !important; } body.page-template-lite-vs-pro .lite-vs-pro-description { margin-bottom: 0px !important; } body.page-template-lite-vs-pro .lite-vs-pro-cc { display: table !important; width: 100% !important; } body.page-template-lite-vs-pro .lite-vs-pro-cc > div { display: block !important; } body.page-template-lite-vs-pro .lite-vs-pro-cc figure { margin: 20px auto !important; text-align: center; } body.page-template-lite-vs-pro .charitable-pricing-table table td { /* update for lite vs pro */ font-size: 14px !important; } body.page-template-lite-vs-pro .charitable-pricing-table table th { font-size: 18px !important; } body.page-template-lite-vs-pro .charitable-pricing-table table td:first-child { font-size: 15px !important; } body.page-template-lite-vs-pro .wpchar-doc-top { padding-top: 40px !important; padding-bottom: 30px !important; background-color: #fffaf3 !important; margin-bottom: 0px !important; } /* footer */ .wpchar-footer-logos { margin-top: 20px !important; } .wpchar-youtube { margin-top: -2px !important; } /* lite-vs-pro */ .charitable-lvp-grid-header-row, .charitable-lvp-grid-footer-row { display: none !important; visibility: hidden !important; } } @media only screen and (max-width: 900px) { h5.no-show { display: none; } .charitable-download-box-desktop { width: 100% !important; max-width: 100% !important; } /* testimonials */ .wpchar-testimonial-container { margin-top: 0px !important; margin-bottom: 2px !important; padding: 0px 35px 5px 35px !important; } body:not(.home) .wpchar-testimonial-container { padding: 35px 35px 5px 35px !important; } .wpchar-testimonial-container .slick-slider { margin-left: 30px !important; margin-right: 30px !important; } .wpchar-testimonial-container .slick-track { width: 100% !important; transform: none !important; } .wpchar-testimonial-container .slick-slide.slick-cloned, .wpchar-testimonial-container button { display: none !important; } .wpchar-testimonial-container .slick-slide { width: 100% !important; float: none; height: auto; margin: 0 auto 20px auto; } .charitable-lvp-grid-header-row-mobile { display: block !important; visibility: visible !important; } } @media only screen and (max-width: 400px) { .wpchar-pricing-header-box-pro img { display: none !important; } } @media only screen and (min-width: 600px) and (max-width: 960px) { .charitable-any-cause-container-item { max-width: 90% !important; } .charitable-any-cause-container .wpchar-left-column { width: 100% !important; max-width: 100% !important; padding-left: 0; padding-right: 0; } .charitable-any-cause-container .wpchar-left-column h5, .charitable-any-cause-container .wpchar-left-column p { margin-left: auto !important; margin-right: auto !important; padding-left: 0 !important; padding-right: 0 !important; } .charitable-any-cause-container-item figure, .charitable-any-cause-container-item figure img, .charitable-any-cause-container .wpchar-left-column h5, .charitable-any-cause-container .wpchar-left-column p, .charitable-any-cause-container .wpchar-left-column blockquote { max-width: 100% !important; } .charitable-any-cause-container .wpchar-left-column blockquote { margin-bottom: 30px !important; } .charitable-any-cause-container .wpchar-section-title-subheading, .charitable-any-cause-nav-list { padding-left: 30px !important; padding-right: 30px !important; } .charitable-any-cause-nav ul { width: 90%; margin: 0 auto; justify-content: center; align-items: center; } } /* media query between 600px and 900px screen only */ @media only screen and (min-width: 600px) and (max-width: 960px) { .wpcharitable-homepage-icon-row { grid-template-columns: 33% 33% 33%; width: 75% !important; margin-left: auto; margin-right: auto; display: grid !important; } /* top nav */ #modal-2-content { gap: 0 !important; margin-left: 20px; justify-content: end; } #modal-2-content ul > li { margin-left: 10px !important; margin-right: 10px !important; } #modal-2-content div.wp-block-loginout { margin-right: 10px !important; } } /* not mobile, desktop only */ @media only screen and (min-width: 1031px) { body.archive .wp-site-blocks > header:first-of-type > div, body.archive header:first-child > div, body.post-template-default.single-post header:first-child > div, header.am-header > div { top: 23px; position: relative; } } /* not mobile, desktop only */ @media only screen and (min-width: 600px) { /* header / navigation */ /* home */ h1.wpchar-hp-title { padding-top: 55px !important; } body.archive header:first-child, body.post-template-default.single-post header:first-child, header.am-header { position: relative; top: 0px; /* padding-top: 23.5px; */ } body.archive header:first-child, body.post-template-default.single-post header:first-child, header.am-header, body .wp-site-blocks > header { max-height: 86px; height: 86px !important; } body.archive header:first-child .wpchar-top-nav-main, body.post-template-default.single-post .wp-site-blocks header:first-child .wpchar-top-nav-main, body .wp-site-blocks > header .wpchar-top-nav-main { display: block; width: 100%; position: relative; } body .wp-site-blocks > header .wpchar-top-nav-main .wpchar-home-logo { width: 200px; display: inline-block; } body .wp-site-blocks > header .wpchar-top-nav-main .site-header { } body.post-template-default.single-post header:first-child, header.am-header > div, body .wp-site-blocks > header > div { /* padding-top: 11.5px !important; padding-bottom: 11.5px !important; */ } /* buttons */ .wpcharitable-homepage-button a { font-size: 20px !important; } /* homepage */ .wpcharitable-feature-grid-homepage h3 { font-weight: 700 !important; font-size: 20px !important; } .wpcharitable-feature-grid-homepage p { font-size: 16px !important; line-height: 25px !important; } .charitable-any-cause-container { margin-top: 100px !important; } .wpchar-top-reasons-hp h3 { font-family: Satoshi; font-size: 24px !important; font-weight: 700 !important; line-height: 32px !important; } .wpchar-top-reasons-hp p { font-family: Satoshi; font-size: 18px !important; font-weight: 500 !important; line-height: 28px !important; letter-spacing: 0.25px !important; } /* features */ .wpchar-reasons-margin-top-bottom h3 { font-weight: 700 !important; font-size: 24px !important; line-height: 32px !important; } .wpcharitable-feature-grid-homepage p { font-family: Satoshi; font-size: 18px !important; font-weight: 500 !important; line-height: 28px !important; letter-spacing: 0.25px !important; } body.home .wpchar-section-title-subheading h2 + p { font-family: Satoshi; font-size: 17px !important; font-weight: 500 !important; line-height: 32px !important; letter-spacing: -0.015em !important; color: rgba(30, 21, 21, 0.6) !important; } .wpchar-features-subsection-headers-interior h2 { margin-bottom: 20px !important; } /* common element */ /* templates */ body.page-template-campaign-templates .wpchar-doc-top { padding-top: 50px !important; padding-bottom: 75px !important; margin-bottom: 80px !important; } body.page-template-campaign-templates .wpchar-doc-top h1 { margin-top: 0 !important; margin-bottom: 0 !important; font-family: Satoshi; font-size: 42px !important; font-weight: 700 !important; line-height: 78px !important; letter-spacing: -0.02em !important; text-align: center; } body.page-template-campaign-templates .wpchar-doc-top h1 + p { font-family: Satoshi; font-size: 22px !important; font-weight: 500 !important; line-height: 36px !important; letter-spacing: -0.015em !important; text-align: center; margin-top: 25px !important; } .wpchar-simple-icon-container h3 { font-weight: 700 !important; font-size: 20px !important; } .wpchar-simple-icon-container p { font-size: 16px !important; line-height: 25px !important; } /* extensions */ body.post-type-archive-download .wpchar-doc-top { margin-bottom: -280px !important; } div.wpchar-extension-list > div { position: relative; padding-bottom: 75px !important; min-height: 200px !important; } div.wpchar-extension-list div div:nth-child(3) { position: absolute; bottom: 25px; left: 35px; right: 0; width: 100%; } /* documentation */ body.archive.post-type-archive-documentation h1 { margin-bottom: 0 !important; } body.archive.post-type-archive-documentation h1 + p { margin-top: 0 !important; } body.archive.post-type-archive-documentation .wpchar-popular-topics-grid > div { padding-top: 50px !important; padding-bottom: 50px !important; } .wpchar-quick-links-top-grid { border-bottom: 1px solid rgba(229, 231, 235, 1) !important; } .wpchar-quick-link-main { border: 1px solid rgba(229, 231, 235, 1) !important; padding-bottom: 1.5em; } .wpchar-quick-link-grid { gap: 1.0em !important; } .post-type-archive .wpchar-quick-link-grid .icon-container { margin-left: -4px !important; } .wpchar-quick-link-main { margin-bottom: 0 !important; } p.wpchar-know { border-right: 1px solid rgba(229, 231, 235, 1) !important; border-left: 1px solid rgba(229, 231, 235, 1) !important; border-bottom: 1px solid rgba(229, 231, 235, 1) !important; margin: 0; font-family: Satoshi; font-size: 18px; font-weight: 500; line-height: 28px; letter-spacing: 0.25px; padding: 20px 0; max-width: 100% !important; width: 100% !important; margin-top: 0 !important; } /* contact */ } /* Smartphones (Portrait) ----------- */ @media only screen and (max-width: 440px) { .wpcharitable-homepage-icon-row { /* gap: 30px !important; */ gap: 1px !important; width: 100% !important; max-width: 100% !important; margin-bottom: 20px !important; } .wpcharitable-homepage-icon-row > div { } .wpcharitable-homepage-icon-row .wp-block-group { flex: 0 0 33% !important; margin-bottom: 25px !important; } .wpcharitable-homepage-icon-row .wp-block-outermost-icon-block + p { font-size: 12px !important; letter-spacing: 0.15px !important; font-weight: 600 !important; } .charitable-cta h2 { display: block !important; min-height: auto !important; margin-bottom: 20px !important; height: auto !important; } .wpcharitable-homepage-button .wp-block-button { width: 100%; text-wrap: nowrap; } } /* homepage adjustments - after launch - temp */ body.home .charitable-cta { position: relative; } /* hide last three bullets in .wpchar-footer-column-1 unordered list */ ul.wpchar-footer-column-1 li:nth-child(4), ul.wpchar-footer-column-1 li:nth-child(5), ul.wpchar-footer-column-1 li:nth-child(6) { display: none; } body.wpchar-hero-mobile ul.wpchar-footer-column-1 li:nth-child(4), body.wpchar-hero-mobile ul.wpchar-footer-column-1 li:nth-child(5), body.wpchar-hero-mobile ul.wpchar-footer-column-1 li:nth-child(6) { display: block; } .charitable-download-box-desktop { max-width: 100% !important; } table#edd_purchase_receipt, table#edd_subscription_receipt { width: 100% !important; max-width: var(--wp--style--global--content-size); margin: 0 0 !important; } table#edd_purchase_receipt th, table#edd_subscription_receipt th { text-align: left !important; } table#edd_purchase_receipt a { text-decoration: underline !important; } table#edd_purchase_receipt_products, table#edd_subscription_receipt + h3 { display: none !important; } table#edd_purchase_receipt tbody tr.edd_license_key { display: none !important; } table#edd_purchase_receipt tbody tr.edd_license_keys + tr.edd_license_key { display: block !important; } body.page-template-pages-full-width .entry-content.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { max-width: none; } @media only screen and (min-width: 600px) and (max-width: 1200px) { /* integrations */ .charitable-intergrations-block-container { padding-right: 0 !important; } .charitable-integration-list-container { display: table; width: 100%; max-width: 100% !important; margin-left: 0; margin-top: 10px; } .charitable-integration-list .charitable-integration-list-container-item { width: 49%; margin: 2px; } /* account - downlaods */ .charitable-download-items .charitable-download-item { width: 50% !important; } } @media only screen and (min-width: 601px) and (max-width: 1200px) { /* account - downlaods */ .charitable-download-items .charitable-download-item { width: 50% !important; } } @media only screen and (max-width: 781px) { /* feature reason images */ .wpchar-reasons-margin-top-bottom .wp-block-column figure.wp-block-image img { width: 100% !important; } .wpchar-reason-row .wpchar-column-left { order: 1; } .wpchar-reason-row .wpchar-column-right { order: -1; } /* charitable-cta */ .charitable-cta .is-content-justification-left.is-layout-constrained > div { gap: 0 !important; } .charitable-cta .wp-block-column { text-align: center; } .charitable-cta .wp-block-column p { font-family: "Satoshi", "sans-serif"; /* font-size: 16px !important; font-weight: 500 !important; line-height: 25px !important; letter-spacing: -0.015em !important; */ text-align: center; } .charitable-cta .wp-block-column h2 { font-family: "Satoshi", "sans-serif"; /* font-size: 22px !important; font-weight: 900 !important; line-height: 29.7px !important; */ text-align: center; margin-left: auto !important; margin-right: auto !important; margin-bottom: 0px !important; } .charitable-cta .wp-block-column figure { margin-top: 20px !important; } .charitable-cta .wp-block-column figure, .charitable-cta .wp-block-column figure img { width: 100%; margin-left: 0 !important; margin-bottom: 0 !important; } .charitable-cta .wp-block-buttons, .charitable-cta .wp-block-button, .charitable-cta .wp-block-button a { /* width: 100% !important; */ margin-left: auto !important; margin-right: auto !important; } } @media only screen and (min-width: 782px) and (max-width: 1200px) { /* blog page */ body.archive.category div.wp-site-blocks > div .wp-block-columns, body.archive.tag div.wp-site-blocks > div .wp-block-columns, body.single-post div.wp-site-blocks > div .wp-block-columns, body.page-template.page-template-blog div.wp-site-blocks > div .wp-block-columns, body.page-template-default:not(.home) div.wp-site-blocks > div .wp-block-columns, body.page-id-3536 div.wp-site-blocks > div .wp-block-columns, body.page-id-13031807 div.wp-site-blocks > div .wp-block-columns { align-items: normal !important; box-sizing: border-box; display: flex; flex-wrap: wrap !important; } body.archive.category div.wp-site-blocks > div .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column, body.archive.tag body.single-post div.wp-site-blocks > div .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column, body.page-template.page-template-blog div.wp-site-blocks > div .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column, body.page-template-default div.wp-site-blocks > div .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column, body.page-id-3536 div.wp-site-blocks > div .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column, body.page-id-13031807 div.wp-site-blocks > div .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column { flex-basis: 100% !important; } body.page-template-default div.wp-site-blocks div.charitable-cta .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column { flex-basis: 0px !important; } .wpchar-blog-sidebar-col { flex-basis: 100% !important; margin-bottom: 20px !important; } .wpchar-blog-sidebar-col > div > .wp-block-group { display: grid; grid-template-columns: fit-content(400px) 1fr ; column-gap: 3%; } .wpchar-blog-sidebar-col .wp-block-group > figure { grid-column: 1; width: 100%; } .wpchar-blog-sidebar-col .wp-block-group .wpchar-blog-sidebar-section:nth-child(2) { grid-column: 2; width: 100%; margin-block-start: 0; } .wpchar-blog-sidebar-col .wp-block-group .wpchar-blog-sidebar-section:nth-child(3) { grid-row: 2; grid-column: span 2; width: 100%; max-width: 100% !important; } /* footer */ } @media only screen and (min-width: 782px) and (max-width: 1200px) { /* blog page */ body.page-template.page-template-blog .wpchar-blog-sidebar-col figure, body.page-template-default .wpchar-blog-sidebar-col figure, body.page-id-3536 .wpchar-blog-sidebar-col figure, body.page-id-13031807 .wpchar-blog-sidebar-col figure { margin-left: 0; margin-right: 0; } body.page-template.page-template-blog .wpchar-blog-sidebar-col .wp-block-group figure.wp-block-image img, body.page-template-default .wpchar-blog-sidebar-col .wp-block-group figure.wp-block-image img, body.page-id-3536 .wpchar-blog-sidebar-col .wp-block-group figure.wp-block-image img, body.page-id-13031807 .wpchar-blog-sidebar-col .wp-block-group figure.wp-block-image img { box-sizing: border-box; height: auto; max-width: 100%; vertical-align: bottom; width: 100% !important; } } @media only screen and (max-width: 800px) { /* integrations */ .charitable-integration-list .charitable-integration-list-container-item { width: 100%; } } @media only screen and (max-width: 780px) { /* testimonials */ .wpchar-top-testimonial .wpchar-testi-top-left { border-right: 0 !important; border-bottom: 2px solid #cccccc; margin-bottom: 15px !important; } .wpchar-top-testimonial .wpchar-testi-top-left h2, .wpchar-top-testimonial .wpchar-testi-top-left .wp-block-outermost-icon-block { display: inline-block !important; } .wpchar-top-testimonial .wpchar-testi-top-left h2 + div.wp-block-outermost-icon-block { margin: 0px !important; top: 5px; left: 10px; position: relative; } .wpchar-top-testimonial .wpchar-testi-top-left .star-rating { margin: 10px 0 10px -5px !important; } .wpchar-top-testimonial .wpchar-testi-top-left .icon-container { margin-bottom: 0 !important; } .wpchar-top-testimonial .wpchar-testi-top-right div:first-child { padding-left: 0 !important; } .charitable-testimonial-stars img { width: 90%; } body.home .wpchar-reasons-content .wp-block-image.size-full img { /* added July 2024 */ width: 100% !important; } } @media only screen and (max-width: 1093px) { .wpchar-nurtured div.wp-block-group:first { order: 1; } .wpchar-nurtured figure { order: -1; } } @media only screen and (min-width: 751px) and (max-width: 1093px) { .wpchar-nurtured { margin-top: 0 !important; margin-bottom: 70px !important; } } @media only screen and (min-width: 601px) and (max-width: 1093px) { /* homepage */ body.home .wpchar-need-info .wp-block-columns { flex-wrap: wrap !important; align-items: normal !important; box-sizing: border-box; } body.home .wpchar-need-info .wp-block-columns .wp-block-column { flex-basis: 100% !important; padding-left: 35px !important; padding-right: 35px !important; } body.home .wpchar-need-info .wp-block-columns .wp-block-column > * { margin-left: auto !important; margin-right: auto !important; max-width: fit-content !important; } body.home .wpchar-need-info .wp-block-columns .wp-block-column figure { max-width: 100% !important; width: 100% !important; } body.home .wpchar-need-info .wp-block-columns .wp-block-column img { width: 75% !important; margin: 0 auto !important; display: block !important; } } @media only screen and (min-width: 601px) and (max-width: 943px) { /* headlines */ body.page-template-campaign-templates .wpchar-doc-top h1 { /* margin-top: 0 !important; margin-bottom: 0 !important; font-family: Satoshi; font-size: 42px !important; */ /* font-weight: 700 !important; */ line-height: 56.7px !important; /* letter-spacing: -0.02em !important; text-align: center; */ } /* templates */ .charitable-template-block-container { padding-right: 0 !important; } .charitable-template-list-container { display: table !important; width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-top: 10px !important; } .charitable-template-list .charitable-template { margin-bottom: 0 !important; } .charitable-template-list .charitable-template-list-container-item { width: 45% !important; margin: 5px !important; } /* testimonials */ body.home .wpchar-testimonial-container { margin-top: 0 !important; padding-top: 35px !important; padding-bottom: 35px !important; } /* faqs */ body.home .wpchar-need-info, body.home .wpchar-section-title-subheading-faq { padding-top: 0 !important; } } @media only screen and (min-width: 601px) and (max-width: 881px) { .charitable-template-list .charitable-template-list-container-item { width: 100% !important; } .charitable-template-list .charitable-template-list-container-item .charitable-template { width: 100% !important; max-width: 100% !important; } body.page-template-campaign-templates .charitable-template-list .charitable-template-list-container .charitable-template-list-container-item .charitable-template .template-thumbnail .charitable-template-thumbnail, body.page-template-campaign-templates .charitable-template-list .charitable-template-list-container .charitable-template-list-container-item .charitable-template .template-thumbnail .template-buttons { width: 100% !important; } body.page-template-campaign-templates .charitable-template-list .charitable-template-list-container .charitable-template-list-container-item .charitable-template .template-thumbnail .template-buttons { width: 100% !important; margin-left: auto; margin-right: auto; position: absolute; top: 33%; } } @media only screen and (min-width: 782px) and (max-width: 1088px) { .charitable-any-cause-container-item figure, .charitable-any-cause-container-item figure img { max-width: 100% !important; } .charitable-any-cause-container-item { padding-left: 25px !important; padding-right: 25px !important; } .charitable-any-cause-container .wpchar-left-column { max-width: 400px !important; padding-right: 45px; } .charitable-any-cause-container .wpchar-left-column p { margin-bottom: 0 !important; } .charitable-any-cause-container .wpchar-left-column p, .charitable-any-cause-container .wpchar-left-column h5 { max-width: 400px !important; } .charitable-any-cause-container .wpchar-left-column blockquote { max-width: 350px !important; } } /* this to specific fix 3 column layouts */ @media only screen and (min-width: 802px) and (max-width: 1246px) { body.post-type-archive-documentation .wpchar-doc-grid { display: grid; grid-template-columns: repeat(4, 1fr); flex: 1 1 auto; counter-reset: grid; } body.post-type-archive-documentation .wpchar-doc-grid > div { grid-column: span 2; } /* Dealing with single orphan */ body.post-type-archive-documentation .wpchar-doc-grid > div:last-child:nth-child(2n - 1) { grid-column-end: 4; } /* support */ .wpchar-support-grid { display: grid !important; grid-template-columns: repeat(6, 1fr) !important; flex: 1 1 auto !important; counter-reset: grid !important; } .wpchar-support-grid > div { grid-column: span 3 !important; } .wpchar-support-grid > div:last-child:nth-child(3n - 1) { grid-column-end: 6 !important; } /* contact */ .wpchar-contact-grid.wpchar-pre-sales-support-grid { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; flex: 1 1 auto; counter-reset: grid; } .wpchar-support-grid.wpchar-pre-sales-support-grid > div { grid-column: span 3 !important; } .wpchar-support-grid.wpchar-pre-sales-support-grid > div:last-child:nth-child(2n - 1) { grid-column-start: 2 !important; grid-column-end: 6 !important; } } @media only screen and (min-width: 752px) and (max-width: 1146px) { body.page-template-intergrations .wpchar-degrid { display: grid; grid-template-columns: repeat(4, 1fr); flex: 1 1 auto; counter-reset: grid; } body.page-template-intergrations .wpchar-degrid > div { grid-column: span 2; } /* Dealing with single orphan */ body.page-template-intergrations .wpchar-degrid > div:last-child:nth-child(2n - 1) { grid-column-end: 4; } body.page-template-intergrations .wpchar-degrid.wpchar-decolumns { grid-template-columns: repeat(6, 1fr) !important; } body.page-template-intergrations .wpchar-degrid.wpchar-decolumns > div:nth-child(1) { grid-column: span 2 !important; } body.page-template-intergrations .wpchar-degrid.wpchar-decolumns > div:nth-child(2) { grid-column: span 4 !important; } } @media only screen and (min-width: 752px) and (max-width: 1246px) { /* feature pages */ body.page-template-feature-donor-management .wpchar-feature-3-col { display: grid; grid-template-columns: repeat(4, 1fr); flex: 1 1 auto; counter-reset: grid; } body.page-template-feature-donor-management .wpchar-feature-3-col > div { grid-column: span 2; } /* Dealing with single orphan */ body.page-template-feature-donor-management .wpchar-feature-3-col > div:last-child:nth-child(2n - 1) { grid-column-end: 4; } } @media only screen and (min-width: 753px) and (max-width: 801px) { /* contact */ .wpchar-contact-grid.wpchar-pre-sales-support-grid { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; flex: 1 1 auto; counter-reset: grid; } .wpchar-support-grid.wpchar-pre-sales-support-grid > div { grid-column: span 3 !important; } .wpchar-support-grid.wpchar-pre-sales-support-grid > div:last-child:nth-child(2n - 1) { /* grid-column-start: 2 !important; grid-column-end: 6 !important; */ } } /* UPDATE */ @media only screen and (min-width: 1380px) { .wpchar-hero-grid-container .hero-group .wpchar-svg-margin-left { align-items: normal !important; } } @media only screen and (max-width: 1380px) { .wpchar-hero-grid-container .hero-group .hero-stack { position: relative; min-height: 210px !important; } .wpchar-hero-grid-container .hero-group .wpchar-svg-margin-left { position: absolute; bottom: 0; align-items: normal; } } @media only screen and (max-width: 980px) { .wpchar-hero-grid-container .hero-group .hero-stack { min-height: 250px !important; } .wpchar-hero-grid-container .hero-group .wpchar-svg-margin-left { position: absolute; bottom: 0; align-items: normal !important; flex-direction: row; } .wpchar-hero-grid-container .hero-group:nth-child(1) .wpchar-svg-margin-left p { display: inline !important; padding: 0 !important; max-width: 11ch !important; } .wpchar-hero-grid-container .hero-group:nth-child(2) .wpchar-svg-margin-left p { display: inline !important; padding: 0 !important; max-width: 9ch !important; } .wpchar-hero-grid-container .hero-group:nth-child(3) .wpchar-svg-margin-left p { display: inline !important; padding: 0 !important; max-width: 7ch !important; /* width: min-intrinsic; width: -webkit-min-content; width: -moz-min-content; width: min-content; display: table-caption; display: -ms-grid; -ms-grid-columns: min-content; */ } .hero-grid .wpchar-svg-margin-top p strong a, .hero-grid .wpchar-svg-margin-top p strong a:hover { /* updated */ /* text-underline-offset: 10px; */ font-size: 14px !important; line-height: 23.9px !important; letter-spacing: -0.015em !important; text-underline-offset: 5px !important; display: inline !important; } } @media only screen and (max-width: 890px) { .wpchar-hero-grid-container .hero-group .hero-stack { min-height: 270px !important; } body.page-id-13033056 .wpchar-icon-lite-upgrade-grid { display: table; padding-left: 0px !important; padding-right: 0px !important; } body.page-id-13033056 .wpchar-icon-lite-upgrade-grid > div { margin: 0 0 50px 0; } body.page-id-13033056 .wpchar-icon-lite-upgrade-grid .is-layout-flex { display: table; text-align: center; align-items: center; } body.page-id-13033056 .wpchar-icon-lite-upgrade-grid .icon-container { width: 80px !important; max-width: 80px !important; margin: 0 auto 20px auto !important; } body.page-id-13033056 .wpchar-icon-lite-upgrade-grid .icon-container svg { width: 100% !important; height: auto; max-height: 70px !important; padding: 0px !important; margin-left: auto; margin-right: auto; } body.page-id-13033056 .wpchar-icon-lite-upgrade-grid > div.wp-block-group:nth-child(2) svg { width: 125% !important; height: 125% !important; max-height: 125% !important; margin-top: -11px !important; margin-left: -8px !important; } .wpchar-suggest-feature { border-top: 1px solid #e6e7eb; border-bottom: 1px solid #e6e7eb; padding: 30px 0; display: table; } } body.page-id-13033056 .wpchar-icon-lite-upgrade-grid > div.wp-block-group:nth-child(1) svg { margin-top: 3px !important; } body.page-id-13033056 .wpchar-icon-lite-upgrade-grid > div.wp-block-group:nth-child(2) svg { width: 125% !important; height: 125% !important; margin-top: -11px !important; margin-left: -8px !important; } body.page-id-13033056 .wpchar-icon-lite-upgrade-grid > div.wp-block-group:nth-child(3) svg { margin-top: -11px !important; } body.page-id-13033056 .wpchar-icon-lite-upgrade-grid > div.wp-block-group:nth-child(4) svg { margin-top: -6px !important; } body.page-id-13033056 .wpchar-icon-lite-upgrade-grid > div.wp-block-group:nth-child(5) svg { margin-top: -6px !important; } body.page-id-13033056 .wpchar-icon-lite-upgrade-grid > div.wp-block-group:nth-child(6) svg { margin-top: -6px !important; } body.page-id-13033056 .wpchar-icon-lite-upgrade-grid > div.wp-block-group:nth-child(7) svg { margin-top: -11px !important; } body.page-id-13033056 .wpchar-icon-lite-upgrade-grid > div.wp-block-group:nth-child(8) svg { margin-top: -2px !important; } body.page-id-13033056 .wpchar-icon-lite-upgrade-grid > div.wp-block-group:nth-child(9) svg { margin-top: -2px !important; } body.page-id-13033056 .wpchar-icon-lite-upgrade-grid > div.wp-block-group:nth-child(10) svg { margin-top: -2px !important; } body.page-id-13033056 .wpchar-icon-lite-upgrade-grid > div.wp-block-group:nth-child(11) svg { margin-top: 1px !important; } body.page-id-13033056 .wpchar-icon-lite-upgrade-grid > div.wp-block-group:nth-child(12) svg { margin-top: -2px !important; } body.page-id-13033056 .wpchar-icon-lite-upgrade-grid > div.wp-block-group:nth-child(13) svg { margin-top: -2px !important; } body.page-id-13033056 .wpchar-icon-lite-upgrade-grid > div.wp-block-group:nth-child(14) svg { margin-top: 4px !important; } @media only screen and (max-width: 780px) { .wpchar-hero-grid-container .wpchar-feature-row-icons { display: table !important; } .wpchar-hero-grid-container .wpchar-feature-row-icons h5 { margin-left: 0 !important; } .wpchar-hero-grid-container .hero-group .hero-stack { min-height: 300px !important; } } @media only screen and (min-width: 601px) and (max-width: 779px) { .wpchar-hero-grid-container .hero-group .hero-stack { min-height: 330px !important; } } @media only screen and (max-width: 600px) { /* update */ body.page-template-lite-vs-pro th a.wp-block-button-lvp { padding: 10px 13px !important; margin-top: 0 !important; display: block !important; font-size: 10px !important; font-weight: 500 !important; } body.page-template-lite-vs-pro figure table:first-of-type tr th { padding-left: 4px !important; } .wpchar-hero-grid-container .hero-group .hero-stack { min-height:unset !important; } .wpchar-hero-grid-container .hero-group .wpchar-svg-margin-left { align-items: inherit !important; position: relative; } .wpchar-hero-grid-container .hero-group .wpchar-svg-margin-left p { width: 100% !important; } .wpchar-hero-grid-container .wpchar-feature-row-icons { display: inherit !important; } .wpchar-hero-grid-container .wpchar-feature-row-icons h5 { margin-left: 10px !important; } .wpchar-hero-grid-container .hero-group:nth-child(1) .wpchar-svg-margin-left p { max-width: none !important; } .wpchar-hero-grid-container .hero-group:nth-child(2) .wpchar-svg-margin-left p { max-width: none !important; } .wpchar-hero-grid-container .hero-group:nth-child(3) .wpchar-svg-margin-left p { max-width: none !important; } } @media only screen and (max-width: 400px) { body.page-template-lite-vs-pro th a.wp-block-button-lvp { font-size: min(max(10px), 2.5vw) !important; letter-spacing: -0.1em !important; } } .wpchar-hidden, .wpchar-hide { display: none !important; } @media only screen and (max-width: 1200px) { body.page-id-13038729 .charitable-pricing-table table { width: 100%; display: block; /* break out of native table layout */ table-layout: auto !important; } body.page-id-13038729 .charitable-pricing-table thead, body.page-id-13038729 .charitable-pricing-table tbody { display: block; } body.page-id-13038729 .charitable-pricing-table thead tr, body.page-id-13038729 .charitable-pricing-table tbody tr { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); /* 4 equal plan columns */ grid-auto-rows: auto; row-gap: 0.5rem; /* space between the full-width label and the columns */ } /* Make the first cell span full width with outline border */ body.page-id-13038729 .charitable-pricing-table thead th:first-child, body.page-id-13038729 .charitable-pricing-table tbody td:first-child { grid-column: 1 / -1; /* span all 4 columns */ text-align: left; outline: 2px solid #ddd; /* light grey outline border */ outline-offset: -2px; /* inset the outline */ padding: 0.5rem; background-color: #f8f9fa; /* light background to make outline more visible */ } /* Keep plan cells centered and aligned under headers */ body.page-id-13038729 .charitable-pricing-table thead th:not(:first-child), body.page-id-13038729 .charitable-pricing-table tbody td:not(:first-child) { text-align: center; } /* Green backgrounds ONLY for the header row (Free, Basic, Plus, Pro) */ body.page-id-13038729 .charitable-pricing-table thead th:nth-child(2) { background-color: #32714c; /* Free - dark green */ color: #ffffff; /* white text */ } body.page-id-13038729 .charitable-pricing-table thead th:nth-child(3) { background-color: #2a5f3f; /* Basic - slightly darker green */ color: #ffffff; /* white text */ } body.page-id-13038729 .charitable-pricing-table thead th:nth-child(4) { background-color: #32714c; /* Plus - dark green */ color: #ffffff; /* white text */ } body.page-id-13038729 .charitable-pricing-table thead th:nth-child(5) { background-color: #2a5f3f; /* Pro - slightly darker green */ color: #ffffff; /* white text */ } /* Optional: reduce table borders/lines looking odd after layout change */ body.page-id-13038729 .charitable-pricing-table table.has-fixed-layout { table-layout: auto !important; } }