/**
 * Template: Page Size Background Image
**/
/**
 * SIZES 
**/
/**
 * COLORS
**/
/**
 * Files Paths
**/
/**
 * TYPOGRAPHY
**/
/**
 * SOCIAL COLORS
**/
/**
 * Dynamically Generate z-index based on name position
 * 
 * Ex: map-get($z-layers, "z-index-menu");
**/
/**
 * @package			Convert Functions
 * 
 * @author			Niklas Postulart
 * @version			1.0
 * @license			MIT  https://choosealicense.com/licenses/mit/
 * @copyright	 	2022
 * @link			https://gist.github.com/npostulart/4de142bf2874c1802a15
 * 
 * Ex: 				font-size: convert( 23px, 'em' );
**/
/**
 * Mixins
**/
body.page-templatesbackground-image .editor-styles-wrapper .is-root-container, body.page-template-background-image #main > .entry { margin-bottom: 0; padding-bottom: 3.75em; }

body.page-templatesbackground-image .editor-styles-wrapper .is-root-container h1, body.page-templatesbackground-image .editor-styles-wrapper .is-root-container h2, body.page-templatesbackground-image .editor-styles-wrapper .is-root-container h3, body.page-templatesbackground-image .editor-styles-wrapper .is-root-container h4, body.page-templatesbackground-image .editor-styles-wrapper .is-root-container h5, body.page-templatesbackground-image .editor-styles-wrapper .is-root-container h6, body.page-template-background-image #main > .entry h1, body.page-template-background-image #main > .entry h2, body.page-template-background-image #main > .entry h3, body.page-template-background-image #main > .entry h4, body.page-template-background-image #main > .entry h5, body.page-template-background-image #main > .entry h6 { text-shadow: 2px -2px 3px #fff, -2px -2px 3px #fff, 2px 2px 3px #fff, -2px 2px 3px #fff; }

body.page-templatesbackground-image .editor-styles-wrapper .is-root-container hr, body.page-template-background-image #main > .entry hr { box-shadow: 0px 0px 4px 2px #fff; }

body.page-templatesbackground-image .editor-styles-wrapper .is-root-container p:not([role="button"]), body.page-templatesbackground-image .editor-styles-wrapper .is-root-container th, body.page-templatesbackground-image .editor-styles-wrapper .is-root-container td, body.page-templatesbackground-image .editor-styles-wrapper .is-root-container blockquote, body.page-template-background-image #main > .entry p:not([role="button"]), body.page-template-background-image #main > .entry th, body.page-template-background-image #main > .entry td, body.page-template-background-image #main > .entry blockquote { background-color: rgba(255, 255, 255, 0.7); border-radius: 24px; padding: 1.125em; }

body.page-templatesbackground-image .editor-styles-wrapper .is-root-container p:not([role="button"]), body.page-template-background-image #main > .entry p:not([role="button"]) { margin-bottom: 2.6em; }

body.page-templatesbackground-image .editor-styles-wrapper .is-root-container p:not([role="button"]):last-of-type, body.page-template-background-image #main > .entry p:not([role="button"]):last-of-type { margin-bottom: 0; }

body.page-templatesbackground-image .editor-styles-wrapper .is-root-container > p:not([role="button"]), body.page-templatesbackground-image .editor-styles-wrapper .is-root-container > blockquote, body.page-templatesbackground-image .editor-styles-wrapper .is-root-container > table td, body.page-templatesbackground-image .editor-styles-wrapper .is-root-container > table th, body.page-template-background-image #main > .entry > p:not([role="button"]), body.page-template-background-image #main > .entry > blockquote, body.page-template-background-image #main > .entry > table td, body.page-template-background-image #main > .entry > table th { max-width: calc( var(--wp--style--global--content-size) - 2em); }

@media (max-width: 1400px) { body.page-templatesbackground-image .editor-styles-wrapper .is-root-container > p:not([role="button"]), body.page-templatesbackground-image .editor-styles-wrapper .is-root-container > blockquote, body.page-templatesbackground-image .editor-styles-wrapper .is-root-container > table td, body.page-templatesbackground-image .editor-styles-wrapper .is-root-container > table th, body.page-template-background-image #main > .entry > p:not([role="button"]), body.page-template-background-image #main > .entry > blockquote, body.page-template-background-image #main > .entry > table td, body.page-template-background-image #main > .entry > table th { margin-left: 1em; margin-right: 1em; width: auto; } }

body.page-templatesbackground-image .editor-styles-wrapper .is-root-container img[src$=".svg"], body.page-template-background-image #main > .entry img[src$=".svg"] { filter: drop-shadow(2px 2px 1px rgba(255, 255, 255, 0.7)) drop-shadow(-2px 2px 1px rgba(255, 255, 255, 0.7)) drop-shadow(0px -2px 1px rgba(255, 255, 255, 0.7)); }

body.page-templatesbackground-image .editor-styles-wrapper .is-root-container .frequently-asked-q-container:not(:last-of-type), body.page-template-background-image #main .frequently-asked-q-container:not(:last-of-type) { margin-bottom: 1.25em; }

body.page-templatesbackground-image .editor-styles-wrapper .is-root-container .frequently-asked-q-container .accordion-container, body.page-template-background-image #main .frequently-asked-q-container .accordion-container { background-color: rgba(255, 255, 255, 0.7); border-radius: 24px; margin-top: 1.25em; }

body.page-templatesbackground-image .editor-styles-wrapper .is-root-container .frequently-asked-q-container .accordion-container h1, body.page-templatesbackground-image .editor-styles-wrapper .is-root-container .frequently-asked-q-container .accordion-container h2, body.page-templatesbackground-image .editor-styles-wrapper .is-root-container .frequently-asked-q-container .accordion-container h3, body.page-templatesbackground-image .editor-styles-wrapper .is-root-container .frequently-asked-q-container .accordion-container h4, body.page-templatesbackground-image .editor-styles-wrapper .is-root-container .frequently-asked-q-container .accordion-container h5, body.page-templatesbackground-image .editor-styles-wrapper .is-root-container .frequently-asked-q-container .accordion-container h6, body.page-template-background-image #main .frequently-asked-q-container .accordion-container h1, body.page-template-background-image #main .frequently-asked-q-container .accordion-container h2, body.page-template-background-image #main .frequently-asked-q-container .accordion-container h3, body.page-template-background-image #main .frequently-asked-q-container .accordion-container h4, body.page-template-background-image #main .frequently-asked-q-container .accordion-container h5, body.page-template-background-image #main .frequently-asked-q-container .accordion-container h6 { text-shadow: none; }

body.page-templatesbackground-image .editor-styles-wrapper .is-root-container .frequently-asked-q-container .accordion-container p:not([role="button"]), body.page-templatesbackground-image .editor-styles-wrapper .is-root-container .frequently-asked-q-container .accordion-container th, body.page-templatesbackground-image .editor-styles-wrapper .is-root-container .frequently-asked-q-container .accordion-container td, body.page-templatesbackground-image .editor-styles-wrapper .is-root-container .frequently-asked-q-container .accordion-container blockquote, body.page-template-background-image #main .frequently-asked-q-container .accordion-container p:not([role="button"]), body.page-template-background-image #main .frequently-asked-q-container .accordion-container th, body.page-template-background-image #main .frequently-asked-q-container .accordion-container td, body.page-template-background-image #main .frequently-asked-q-container .accordion-container blockquote { background-color: transparent; border-radius: unset; }

body.page-templatesbackground-image .editor-styles-wrapper .is-root-container .frequently-asked-q-container .accordion-container hr, body.page-template-background-image #main .frequently-asked-q-container .accordion-container hr { box-shadow: none; }

body.page-templatesbackground-image .editor-styles-wrapper .is-root-container .frequently-asked-q-container .accordion-container > .acf-innerblocks-container > *, body.page-template-background-image #main .frequently-asked-q-container .accordion-container > .acf-innerblocks-container > * { padding: 0 1.125em 1.125em 1.125em; }

body.page-templatesbackground-image .editor-styles-wrapper .is-root-container .resources-blk-container, body.page-template-background-image #main .resources-blk-container { background-color: rgba(255, 255, 255, 0.7); border-radius: 24px; padding: 1.125em; }

body.page-templatesbackground-image .editor-styles-wrapper .is-root-container .resources-blk-container h1, body.page-templatesbackground-image .editor-styles-wrapper .is-root-container .resources-blk-container h2, body.page-templatesbackground-image .editor-styles-wrapper .is-root-container .resources-blk-container h3, body.page-templatesbackground-image .editor-styles-wrapper .is-root-container .resources-blk-container h4, body.page-templatesbackground-image .editor-styles-wrapper .is-root-container .resources-blk-container h5, body.page-templatesbackground-image .editor-styles-wrapper .is-root-container .resources-blk-container h6, body.page-template-background-image #main .resources-blk-container h1, body.page-template-background-image #main .resources-blk-container h2, body.page-template-background-image #main .resources-blk-container h3, body.page-template-background-image #main .resources-blk-container h4, body.page-template-background-image #main .resources-blk-container h5, body.page-template-background-image #main .resources-blk-container h6 { text-shadow: none; }

body.page-templatesbackground-image .editor-styles-wrapper .is-root-container .resources-blk-container p:not([role="button"]), body.page-templatesbackground-image .editor-styles-wrapper .is-root-container .resources-blk-container th, body.page-templatesbackground-image .editor-styles-wrapper .is-root-container .resources-blk-container td, body.page-templatesbackground-image .editor-styles-wrapper .is-root-container .resources-blk-container blockquote, body.page-template-background-image #main .resources-blk-container p:not([role="button"]), body.page-template-background-image #main .resources-blk-container th, body.page-template-background-image #main .resources-blk-container td, body.page-template-background-image #main .resources-blk-container blockquote { background-color: transparent; border-radius: unset; }

body.page-templatesbackground-image .editor-styles-wrapper .is-root-container .resources-blk-container .resource-content > *, body.page-template-background-image #main .resources-blk-container .resource-content > * { padding: 0 !important; }

body.page-template-background-image #main { position: relative; }

.page-background-image { position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; }

body.page-templatesbackground-image .editor-styles-wrapper .components-dropdown.block-editor-inserter { box-shadow: 0px 0px 4px 2px #fff; }

/*# sourceMappingURL=template-background-img.min.css.map */