/* This file is for styles that should apply to the website itself,
   but not to the Wordpress editor, eg unusual positioning for large screens. */

   
@media (min-width: 1400px) {
	
	.donate-block .wp-block-column {
		flex-basis: 30% !important;
	}

	/* wide page type 1 - sector, campaign. side column on right. */

	.wide-page.container-fluid {
		padding-left: 15rem !important;
		padding-right: 5rem !important;
	} 

	/* .wide-page .wp-block-gallery {
		margin-left: -12rem;  
		max-height: 50vh;
	} */

	.wide-page .donate-block {
		margin-left: -15rem;
		margin-right: -5rem;
	}

	.wide-page .wp-block-column {
		max-width: 40rem;
	}

	.wide-page > .wp-block-columns > .side-column {
		/* max-width: 20em; */
		margin-left: auto;
	}

	/* wide page type 2 - about/KYR. menu on left. */

	.wide-page-type2 .wp-block-column {
		max-width: 40rem;
	}

	.wide-page-type2 .side-box {
		max-width: 20rem;
	}


}

@media (min-width: 992px) {
/* 'lg' breakpoint */

	.wide-page-type2 > .page-title-container {
		margin-left: 35.5%;	/* lines up with 33/66 col split */
	}

	.wide-page > .page-title-container {
		max-width: 40rem;
	}

	.top-news-area p {
		font-size: 1.2em;
	} 

	.top-news-area h3 {
		font-size: 1.5em; 
	}


}