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

html, body  {
	scroll-behavior: smooth;
	width: 100%;
	height: 100%;
}



.wp-site-blocks {
	display: flex;
	flex-direction: column;
	min-height: 100%;
	overflow: clip;
	& > main  {
		margin-block: 0;
		flex-grow: 2;
		/*margin-inline: auto;*/
	
	}
	
}




h1, h2, h3, h4, h5, h6, blockquote, caption, figcaption, p {
	text-wrap: pretty;
}

nav  {
	list-style: none;
}

.more-link {
	display: block;
}



.entry-content a:not(.wp-element-button)  {
	overflow-wrap: break-word;
	word-wrap: break-word;
	word-break: break-word;
	hyphens: auto;
}

.entry-content a.wp-element-button  {
	overflow-wrap: initial;
	word-wrap: initial;
	word-break: normal;
	hyphens: initial;
}

.sidescroll--holder  {

	min-height: 300vh;
	position: relative;
}

 .sidescroll--items  {
	 	
		--slideWidth : min(36rem, var(--blockwidth) );	
		--gridwidth :  calc( ( var(--slideWidth) * var(--slides) ) + ( var(--wp--style--block-gap) * (var(--slides) - 1 )) ) ;
		
		display: grid;
		grid-template-rows: 1fr auto 1fr;
		grid-template-columns: repeat(var(--slides), --slideWidth);
		
		row-gap:0;
		column-gap : var(--wp--style--block-gap);
		
		

		
		position: sticky;
		
		top: var(--wp--style--block-gap);

		
		max-width: none!important;
		width: var(--gridwidth);
		
		column-gap : var(--wp--style--block-gap);
		min-height: calc(100vh - calc(var(--wp--style--block-gap) * 2 ));
			
		translate: calc( ( var(--gridwidth) - var(--blockwidth) ) * var(--offset) * -1);
		
		
		& > .wp-block-group {
		
			background-color: var(--wp--preset--color--beige);
			border : 6px solid #FFF;
			border-radius : 1rem;
			overflow: clip;
			gap : 0;
			margin-block-start: 0!important;
			align-self: stretch;
			
			grid-row: 2 / span 1;
			grid-template-columns: repeat(--slides, minmax(0, 1fr));
			box-shadow: 2px 2px 0.5rem 0px rgba(0 0 0 / .6);
			
			& > .wp-block-image {
				box-shadow: 2px 2px 0.5rem 0px rgba(0 0 0 / .6);
				border-radius : 0 0 1rem 1rem;
				overflow: clip;
			}
			
			& > .wp-block-group {
				margin-top: 0!important;
				padding : 1rem;
		}
}