@charset "UTF-8";



/*******************************************************************************
	                              GLOBAL / BODY
*******************************************************************************/

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

body * {
	-webkit-font-smoothing: antialiased;
}

body,
.wp-site-blocks,
main.site-main {
		overflow-x:hidden;
		overflow-y: auto;
}


/*******************************************************************************
			                        DEFAULT SITE LAYOUT
*******************************************************************************/

body .wp-site-blocks {
		display: grid;
		min-height: 100vh;
	  	grid-template-rows: auto 1fr auto;
	  	grid-template-columns: 100%;
}

header.site-header {
		grid-row-start: 1;
		grid-row-end: 2;
}

main.site-main {
		grid-row-start: 2;
		grid-row-end: 3;
		margin-block-start: 0;
}

footer.site-footer {
		grid-row-start: 3;
		grid-row-end: 4;
		margin-block-start: 0;
}

/*******************************************************************************
									VARIABLES
						  
						  SET UP AS BOOTSTRAP DEFAULTS
*******************************************************************************/

:root {
    --ppm-container: 100%;
    --ppm-spacing: .75rem;
}

@media (min-width: 576px) {

    :root {
        --ppm-container: 540px;
    }

}

@media (min-width: 768px) {

    :root {
        --ppm-container: 720px;
    }

}

@media (min-width: 992px) {

    :root {
        --ppm-container: 960px;
    }

}

@media (min-width: 1200px) {

    :root {
        --ppm-container: 1140px;
    }

}

@media (min-width: 1400px) {

    :root {
        --ppm-container: 1320px;
    }

}

/*******************************************************************************
			                  HEADER, MAIN, FOOTER
*******************************************************************************/
/*

:where(header, main, footer) > .inner,
.alignfull .container,
.wp-block-post-content > * {
		width: 100%;
		max-width: var(--ppm-container);
		padding-left: var(--ppm-spacing);
		padding-right: var(--ppm-spacing);
		margin-left: auto;
		margin-right: auto;
}

:where(header, footer) > .inner {
		display: flex;
}
*/
/*******************************************************************************
					            	ALIGNFULL
*******************************************************************************/

.alignfull {
		width: unset;
		max-width: none;
		margin-left: calc(-1 * var(--ppm-spacing)) !important;
		margin-right: calc(-1 * var(--ppm-spacing)) !important;
}

/*******************************************************************************
					     UPPER LIMIT FOR WIDE SCREENS
*********************************************************************************/


@media (min-width: 2560px) {

	body,
	.wp-site-blocks > header {
		max-width: 2560px;
		margin-right: auto;
		margin-left: auto;
	}

}

/*******************************************************************************
							        MAIN
*********************************************************************************/

.wp-site-blocks > *,
.is-root-container {
	padding-left: var(--ppm-spacing);
	padding-right: var(--ppm-spacing);
    margin-block-start: 0;
    margin-block-end: 0;
}

.wp-site-blocks > main > .wp-block-post-content {
		padding-left: var(--ppm-spacing);
		padding-right: var(--ppm-spacing);	
		margin-left: calc(-1 * var(--ppm-spacing)) !important;
		margin-right: calc(-1 * var(--ppm-spacing)) !important;
}