@charset "utf-8";

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

html {
	box-sizing:border-box;
	font-family:Open Sans, Archivo, verdana;
	/*font-family:Archivo, verdana;*/
	font-family:Verdana;
	font-size:0.85rem;
	color:#2e2e2e;
}

body {
  margin: 0;
  background: #eee;
}

:root{
	--horiz-menu-height:30px;
	--main-menu-color:#000;
	--main-menu-bgcolor:#fff;
	--font-family:arial;
	--content-size: 1160px;
	--pre-header-color:#ffffff;
	--pre-header-hover-color:#ffffff;
	--pre-header-background:#0b2e5b;
	--header-color:#000;
	--header-background:#FDFFFA;
	--site-card-width:250px;
	--site-color:#505050;
	--horiz-menu-width:340px;
	font-family:Verdana;
	font-size:0.85rem;
}




form, body{
	margin:0;
}


.site-container{
	min-height:100vh;
	display:flex;
	flex-direction:column;
	
	
	
}
.site-sticky-header{
	position:sticky;	
	top:0px;
	z-index:1000;
}		
.site-pre-header{
	background:var(--pre-header-background);
	padding:4px;
	padding-top:7px;
	
}
.site-pre-header-block{
	margin: 0 auto;
	max-width:var(--content-size);
	background:#inherit;
	color:var(--pre-header-color);
	display:flex;
	justify-content: space-between;
}
.site-pre-header-block a, .site-footer-block a{
	color:var(--pre-header-color);
	font-weight:bold;
	transition: color 0.3s, text-decoration 0.5s ease;
	text-decoration: 1px underline;
	
}
.site-pre-header-block a:hover, .site-footer-block a:hover{
	color:var(--pre-header-hover-color);
	text-decoration: 3px underline var(--pre-header-color);
}
.bottom-rule{
	border-bottom:2px var(--header-color) solid;
}
.site-header{
	background:var(--header-background);
	border-bottom:1px var(--pre-header-background) solid;
}
.site-header-block{
	margin: 0 auto;
	max-width:var(--content-size);
	background:#inherit;
	display:flex;
	justify-content: left;
}

.site-banner img{
	
	
	width:100%;
	
}

.site-main{
	background:#fff;
	flex-grow:1; /* used for sticky footer */
	
	/*background-image:url("https://suhh.tia3.com/files/4/img/stanton-cropped.jpg");
	background-size: 100%;
	background-repeat: no-repeat;
	padding-top:200px;
	min-height:200px;
	*/
}
.site-main-block{
	padding:15px;
	margin: 0 auto;
	max-width:var(--content-size);
	background:#fff;
	display:flex;
	justify-content: left;
	align-items: stretch;
}

.site-main-block a{
	color:var(--pre-header-background);
	font-weight:bold;
	
}
.site-main-block a:hover{
	color:#104386;
}

.left-pane{
	width:100%;
	padding-right:30px;
	border:0px solid black;
	/*text-align:justify;*/
}
		
	
		.site-footer{
			background:var(--pre-header-background);
			border-top:2px var(--header-color) solid;
			padding:26px;
			/*margin-top:auto;*/
		}
		.site-footer-block{
			margin: 0 auto;
			max-width:var(--content-size);
			background:var(--pre-header-background);
			color:var(--pre-header-color);

			justify-content: center;
			align-items: stretch;
		}


		.site-logo{
			color:var(--header-color);
			/*padding:10px;*/
			height:100px;
			white-space: nowrap;
			display:flex;
			justify-content: center;
			align-items: center;
			/*text-align:center;*/
			border:0px solid red;
			flex-wrap:wrap;
		}
		.site-logo a{
			color:var(--header-color);
		}
		
		 .site-menu{
		 	width:100%;
			display:flex;
			justify-content: center;


		 }
		
		
		.items-row-4{
			/*	max-width:var(--content-size);*/
			width:100%;
			border:1px solid red;
			padding:20px;
			display:flex;
			flex-wrap:wrap;

			justify-content: center;
			text-align:center;
			align-items: center;

		}
		
		.items-row-4 div{
			/*flex-direction:row;*/
			display:flex;
			justify-content: center;
			text-align:center;
			align-items: center;
		 	width:224px;
		 	min-width:200px;
			height:100px; 	
		}
		
		div{
			border:0px solid black;
		}
		
		
		
		
		
		
		
		
		


	








@media only screen and (min-width : 950px) {
	
	.new-snap-menu {width:100%; max-width:500px; margin:20px auto;}
	
	.new-snap-menu .this-main-menu{
		display: flex;
		flex-Direction: row;
		
	}	

	.new-snap-menu UL {
		list-style: none;
		position:absolute;	
		margin:0;
		padding:0;
	}

	.new-snap-menu li{
		position:relative;
		white-space:nowrap;
	}	

	.new-snap-menu .this-main-menu li  ul {
		visibility:hidden;
		padding:6px;
		background:var(--header-background);
		border:1px solid var(--pre-header-background);
		border-radius:5px;
		box-shadow: 4px 4px 4px #bbb;
		opacity:0;
		transition: visibility .50s, opacity .25s ease-in-out;
		z-index:1;
	}

	.new-snap-menu .this-main-menu LI:hover > UL{
		visibility:visible;
		opacity:1;
		z-index:2;
	}

	.new-snap-menu .this-main-menu UL UL{
		left:100%;
		top:0;
	}

	.new-snap-menu A{
		padding:6px;
		text-decoration:none;
		color:inherit;
		height:100%;
		width:100%;	
		display:flex;
		gap: 4px;
		bottom:0;
	}

	.new-snap-menu .this-main-menu li:hover > a{
		border-color:var(header-color);
		border-radius:5px;
		color:var(--pre-header-hover-color);
		background:var(--pre-header-background);
	}

	.new-snap-menu .this-main-menu li span {
		display:inline-block;
		width:6px;
		height:6px;
		border: solid black;
  		border-width: 1px 1px 0px 0px;
  		
  		position:relative;
		top:6px;
		margin-left: auto; 
		margin-right: 0;  		
		transform:rotate(45deg);
  		transition: transform 0.5s;
  		
	}

	.new-snap-menu ul ul li:hover > a span {
		border-color:var(--pre-header-hover-color);
		
	}

	.new-snap-menu ul ul li:hover a span {
		transform:rotate(135deg);
	}

	.new-snap-menu .this-main-menu ul li:hover > a span {
		transform:rotate(45deg);
	}
	
	.new-snap-menu .this-main-menu .menu-icon{
		padding-top:36px;
	}

	.new-snap-menu .this-main-menu .menu-icon:before{
		background-size: 24px 24px;
		background-repeat: no-repeat;
		background-position: top center;
		content: " ";
		position: absolute;
		top: 3px;
		right: 0;
		bottom:0;
		left: 0;  
	}
			
	.new-snap-menu li:hover > .menu-icon:before{
		filter: invert(91%) sepia(10%) saturate(766%) hue-rotate(68deg) brightness(104%) contrast(105%);
	}
}

	
	
@media only screen and (max-width : 949px) {	
	.new-snap-menu {
		max-width:340px;
		-webkit-tap-highlight-color:transparent;
		margin-top:20px;	
		right:6px;
		position:absolute;
		padding:10px 0;
		border-radius:8px;
		background:var(--header-background);
		border:1px solid var(--pre-header-background);
		
	}
	
	.new-snap-menu ul {mmax-width:inherit;list-style:none; grid-column-start:1; grid-column-end:3; margin:0; padding-left:10px;}
	.new-snap-menu ul li {display:grid; grid-template-rows:30px 0fr; grid-template-columns:1fr 40px; overflow:hidden; transition:.2s; cursor:pointer;}
	/*.new-snap-menu ul li a {justify-self:start; font:300 16px/30px arial, sans-serif; color:#000; text-decoration:none; display:inline-block;}*/
	.new-snap-menu ul li a:hover {text-decoration:underline;}

/*	
	.new-snap-menu ul li a:hover span{

	}
*/
/*
.new-snap-menu .this-main-menu .menu-icon :before{
	background:green;
	content: " ";
}
*/
	.new-snap-menu .this-main-menu .menu-icon{
		/*padding-top:36px;*/
	}

	.new-snap-menu .menu-icon:before{
		background-size: 16px 16px;
		background-repeat: no-repeat;
		background-position: left;
		content: " ";
		position: relative;
		width:16px;
		
	}
	
	
	.new-snap-menu A{
		padding:6px;
		text-decoration:none;
		color:inherit;
		
		
		/*width:280px;*/
		
		/*max-width:100%;*/
		
		display:flex;
		gap: 4px;
		border:0px solid red;
	}


	.new-snap-menu .this-main-menu{max-height:calc(100vh - 100px);overflow-x:auto;}
	.new-snap-menu #sn_menu {position:relative; z-index:10; padding:0;}
	.new-snap-menu #sn_menu li ul {min-height:0;}
	.new-snap-menu #sn_menu ul ul {margin-left:7px;border-left:3px solid #ccc;}
	
/*	.new-snap-menu #sn_menu li span {border:1px solid green;display:inline-block;width:30px; height:30px; position:relative;;}
	.new-snap-menu #sn_menu li b::before {content:"\2630";}	
	*/
	
	.new-snap-menu #sn_menu li span {border:0px solid green;justify-self:end; display:block; margin-left:auto; top:-8px;width:30px; height:30px; position:relative; z-index:1; 
		margin-right:-40px; font:400 28px/30px arial, sans-serif; color:#000; text-align:center; cursor:pointer;}
	.new-snap-menu #sn_menu li span::before {
			display:block; 
			background-image:url("https://suhh.tia3.com/assets/plus-icon.svg"); 
			content: "";
			width:100%;
			height:100%;
			background-size: 50% 50%;
			background-repeat:no-repeat;
			background-position:center;
		}
	
	.new-snap-menu #sn_menu li b {
		
		max-width:340px;
		margin-left: auto; 
		margin-right: -32px;
		padding-left:100%; 
		color:#000; font:800 30px/30px arial, sans-serif; position:relative; z-index:1;}
	.new-snap-menu #sn_menu li b::before {content:"\2630";}
	
	/*
	background-image:url("https://suhh.tia3.com//assets/home-icon.svg");
*/
	

	/*.new-snap-menu ul li h5 {cursor:default; font-weight:bold; color:#000; padding:0; margin:0;}
	.new-snap-menu ul li h5 a {font:300 19px/30px arial, sans-serif;}
	*/

	/* -- Slide down styles -- */
	
	.new-snap-menu #sn_menu li{
		width:40px;
	}
	
	
	.new-snap-menu #sn_menu li:focus-within {width:100%;grid-template-rows:30px 1fr;}
	
	
	
	/*.new-snap-menu:not(:has(:focus-within)) li > b {position:absolute;left:100%;background:green;}*/
	
	
	.new-snap-menu #sn_menu li:focus-within li {width:100%;}
	.new-snap-menu #sn_menu li:focus-within > a span,
	.new-snap-menu #sn_menu li:focus-within > b {z-index:-10;}
	.new-snap-menu #sn_menu li:focus-within > a span::before {ftransition:0.5s;background-image:url("https://suhh.tia3.com/assets/minus-icon.svg");}
	.new-snap-menu #sn_menu li:focus-within > b::before {content:"\2715"}

	/* -- Slide up styles -- */
	.new-snap-menu #sn_menu li:focus {grid-template-rows:30px 0fr;}
	.new-snap-menu #sn_menu li:focus > a span,
	.new-snap-menu #sn_menu li:focus > b {z-index:1;}
	.new-snap-menu #sn_menu li:focus > a span::before {background-image:url("https://suhh.tia3.com/assets/plus-icon.svg"); }
	.new-snap-menu #sn_menu li:focus > b::before {content:"\2630"}
}






	.new-snap-menu .this-main-menu .menu-icon-home:before{
		background-image:url('https://stantonparishcouncil.gov.uk/files/4/assets/home-icon.svg');
	}		

	.new-snap-menu .this-main-menu .menu-icon-parish:before{
		background-image:url('https://stantonparishcouncil.gov.uk/files/4/assets/townhall-icon.svg');
	}		

	.new-snap-menu .this-main-menu .menu-icon-news:before{
		background-image:url('https://stantonparishcouncil.gov.uk/files/4/assets/news-icon.svg');
	}		

	.new-snap-menu .this-main-menu .menu-icon-info:before{
		background-image:url('https://stantonparishcouncil.gov.uk/files/4/assets/info-icon.svg');
	}		

	.new-snap-menu .this-main-menu .menu-icon-history:before{
		background-image:url('https://stantonparishcouncil.gov.uk/files/4/assets/history-icon.svg');
	}		

	.new-snap-menu .this-main-menu .menu-icon-contact:before{
		background-image:url('https://stantonparishcouncil.gov.uk/files/4/assets/contact-icon.svg');
	}		
		

























	
		
		
		
		
		
		
		
/* Begin Menu Structure */
.snapMenuContainer , .snapMenuContainer UL{
	
	display: flex;
	flex-direction: column;
	list-style-type: none;
	flex-wrap: wrap;
	margin:0;
	padding:0;
	

	
}




.snapHorizontalMenu{
	flex-Direction: row;
	border-radius:0px !important;
	box-shadow:none !important;
	/*border:none !important;*/
	justify-content: center;
	text-align:center;
}

.snapHorizontalMenu UL{
	text-align:left;
}

.snapHorizontalMenu UL LI{
	var(--header-background)
}
.snapMenuSubIndicator{
	display: inline-block;
	position: relative;
	vertical-align: middle;
	white-space: nowrap;
	width: var(--size);
	height: var(--size);
	margin-left: calc(var(--size) * -1);
	margin-right: calc(var(--size) * 2);
	background-repeat: no-repeat;
	background-position: center;
}
.snapHorizontalMenu > .snapMenuItem > A > .snapMenuItemContent{
	width: auto;
}
.snapMenuItemContent{
	width: 100%;
	/*height: 100%;*/
	display: inline-block;
	position:relative;
	border:0px solid green;
	vertical-align: middle;
}
/* End Menu Structure */



/* Begin Menu Style */
.snapHorizontalMenu > .snapMenuItem > A{
	display:flex;
}

.someDivider{
	height:0px;
	width:100%;
	border-bottom:1px solid #aaa;
}
.snapHorizontalMenu>.someDivider{
	width:0px;
	height:inherit;	
	/*margin: -8px 10px -8px 10px;*/
	border-right:1px solid #aaa;
}


.snapMenuContainer UL {
	border:1px solid var(--pre-header-background);
	border-radius:5px;
	box-shadow: 4px 4px 4px #bbb;
	margin: 0;	
	background:var(--header-background);
	padding: 2px;	
	display:none;
	
}


.snapHorizontalMenu{
border:0;	
}
/*
.mainWebsiteMenu{
	border:0;
	background:none;
	box-shadow:none;
}
.mainWebsiteMenu>.snapMenuItem {
	border-color:transparent;
	color:#ede;
}
*/
.snapMenuItem, .snapMenuContainer LI{
	/*font-family:verdana;*/
	/*font-size:14px;*/
	font-size:0.85rem;
	/*text-align:left;*/
	border:1px solid var(--pre-header-color);
	white-space:nowrap;
	color:var(--header-color);

	display: flex;
	flex-direction: column;
	
	flex-wrap: wrap;
	
	/*padding:4px;*/
	margin:2px;
	transition: background-color 0.2s, color 0.3s;
	

}
.snapMenuItem:hover, .snapMenuItemActive{
	border-color:var(header-color);
	border-radius:5px;
	/*font-weight:bold;;*/
	color:var(--pre-header-hover-color)		;
	background:var(--pre-header-background);
}
.snapMenuContainer LI:hover > UL{
	display:flex;
	position:fixed;
	top:105px;
	
}
.snapMenuItem A:hover{
	/*color:#000 !important;*/
	font-weight:bold;
}

.snapMenuItem A{
	padding:6px;
	text-decoration:none;
	/*color:#777;*/
	color:inherit;
	height:100%;
	border:0px solid red;
	vertical-align: middle;
	font-weight:bold;
}










.snapMenuImage{	
	padding:0px;
	height:100%;
	width:30px;
	vertical-align:middle;
}




.snapMenuSubIndicator{
	content: url('https://snap.milonic.com/snap/assets/right-arrow.svg');
	--size: 10px;
	border:0px solid purple;
	height:100%;
}

.snapHorizontalMenu > .snapMenuItem > A > .snapMenuSubIndicator{
	transform: rotate(90deg);
	margin-left:4px;
	margin-right:1px;
	border:0px solid red;
}







.snapMenuBadge{	
	font-size:12px;
	background:#55D9DF;
	border-radius:24px;
	border:3px solid #eee;
	min-width:14px;
	text-align:center;
}
.snapHorizontalMenu > .snapMenuItem > A * .snapMenuBadge{
	position:absolute;
	margin-top:-14px;
	margin-left:-14px;
	padding:3px;
	border:1px solid red;
	background:#FFD9DF;
}

.main-menu{
	
	border:0px solid red;
	/*width:100%; */
	/*margin-left:-100px;*/
	/*margin-left:-20%;*/
	/*margin-right:20%;*/
	
	align-items: center;
	display: flex;
	justify-content: center;
}


/*
.menu-icon{
	height:32px;
	
}
		
.snapMenuItemActive .menu-icon, .snapMenuItem A:hover .menu-icon{
	filter: invert(91%) sepia(10%) saturate(766%) hue-rotate(68deg) brightness(104%) contrast(105%);
}
*/
		
		
		

		
		
	.town-hall-icon {

height:32px;
        background-color: #aaa;
        transition: background-color 0.2s;
--svg: url('data:image/svg+xml,\
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 486.196 486.196" xml:space="preserve">\
<g>\
	<path d="M481.708,220.456l-228.8-204.6c-0.4-0.4-0.8-0.7-1.3-1c-5-4.8-13-5-18.3-0.3l-228.8,204.6c-5.6,5-6,13.5-1.1,19.1c2.7,3,6.4,4.5,10.1,4.5c3.2,0,6.4-1.1,9-3.4l41.2-36.9v7.2v106.8v124.6c0,18.7,15.2,34,34,34c0.3,0,0.5,0,0.8,0s0.5,0,0.8,0h70.6c17.6,0,31.9-14.3,31.9-31.9v-121.3c0-2.7,2.2-4.9,4.9-4.9h72.9c2.7,0,4.9,2.2,4.9,4.9v121.3c0,17.6,14.3,31.9,31.9,31.9h72.2c19,0,34-18.7,34-42.6v-111.2v-34v-83.5l41.2,36.9c2.6,2.3,5.8,3.4,9,3.4c3.7,0,7.4-1.5,10.1-4.5C487.708,233.956,487.208,225.456,481.708,220.456z M395.508,287.156v34v111.1c0,9.7-4.8,15.6-7,15.6h-72.2c-2.7,0-4.9-2.2-4.9-4.9v-121.1c0-17.6-14.3-31.9-31.9-31.9h-72.9c-17.6,0-31.9,14.3-31.9,31.9v121.3c0,2.7-2.2,4.9-4.9,4.9h-70.6c-0.3,0-0.5,0-0.8,0s-0.5,0-0.8,0c-3.8,0-7-3.1-7-7v-124.7v-106.8v-31.3l151.8-135.6l153.1,136.9L395.508,287.156L395.508,287.156z"/>\
</g>\
</svg>');


--svg: url('data:image/svg+xml,\
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 57 57" xml:space="preserve">\
<g>\
	<path d="M56.555,39.168L51,35.465V25c0-0.553-0.448-1-1-1h-4v-4c0-0.553-0.448-1-1-1h-8.056c-0.453-4.32-3.805-7.716-7.944-7.973\
		V9h6c0.552,0,1-0.447,1-1V3c0-0.553-0.448-1-1-1h-6h-1h-1v1v5v3.149c-3.669,0.696-6.528,3.885-6.944,7.851H12\
		c-0.552,0-1,0.447-1,1v4H7c-0.552,0-1,0.447-1,1v10.465l-5.555,3.703C0.167,39.354,0,39.666,0,40v14c0,0.553,0.448,1,1,1h6h6h4h5\
		h4h5h4h5h4h6h6c0.552,0,1-0.447,1-1V40C57,39.666,56.833,39.354,56.555,39.168z M29,4h5v3h-5V4z M28.5,13\
		c3.268,0,5.973,2.614,6.426,6H22.074C22.527,15.614,25.232,13,28.5,13z M13,21h31v3H13V21z M2,40.535l4-2.667V53H2V40.535z M8,36\
		V26h4h33h4v10v17h-4V39c0-0.553-0.448-1-1-1h-4c-0.552,0-1,0.447-1,1v14h-3V39c0-0.553-0.448-1-1-1h-4c-0.552,0-1,0.447-1,1v14h-3\
		V39c0-0.553-0.448-1-1-1h-4c-0.552,0-1,0.447-1,1v14h-3V39c0-0.553-0.448-1-1-1h-4c-0.552,0-1,0.447-1,1v14H8V36z M14,53V40h2v13\
		H14z M23,53V40h2v13H23z M32,53V40h2v13H32z M41,53V40h2v13H41z M55,53h-4V37.868l4,2.667V53z"/>\
	<path d="M13,35h4c0.552,0,1-0.447,1-1v-4c0-0.553-0.448-1-1-1h-4c-0.552,0-1,0.447-1,1v4C12,34.553,12.448,35,13,35z M14,31h2v2h-2V31z"/>\
	<path d="M22,35h4c0.552,0,1-0.447,1-1v-4c0-0.553-0.448-1-1-1h-4c-0.552,0-1,0.447-1,1v4C21,34.553,21.448,35,22,35z M23,31h2v2h-2V31z"/>\
	<path d="M31,35h4c0.552,0,1-0.447,1-1v-4c0-0.553-0.448-1-1-1h-4c-0.552,0-1,0.447-1,1v4C30,34.553,30.448,35,31,35z M32,31h2v2h-2V31z"/>\
	<path d="M40,35h4c0.552,0,1-0.447,1-1v-4c0-0.553-0.448-1-1-1h-4c-0.552,0-1,0.447-1,1v4C39,34.553,39.448,35,40,35z M41,31h2v2h-2V31z"/>\
</g>\
</svg>');

        -webkit-mask: var(--svg);
        mask: var(--svg);
        mask-repeat: no-repeat;
        mask-position: center;
        
}	
		.town-hall-icon:hover{
			background-color: #1d70b8;
		}
		
		.card-container{
			box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
			margin:30px;
			border-radius:8px;
			border:1px solid #bbb;
			padding:20px;
			display:flex;
			justify-content: center;
			align-items: center;
			text-align:left;
		}
		.card-container div{
			padding:8px;
		}
		 .card-avatar{
			border:0px solid black;
			display:flex;
			justify-content: center;
			align-items: center;
			border:1px solid #bbb;
			border-radius:8px;
			padding:0;
			margin:0;
		}
		 .card-avatar img{
			width:100%;
			height:100%;
			
			
		}
		.card-detail{
			margin:15px;
			margin-left:20px;
			width:100%;
			border:0px solid black;
		}
		
		
		
		
		
		
		
		
		
.right-col{
	width:300px;
	border:0px solid black;
}

.right-col-item{
	color:#ffffff;
	border:1px solid var(--pre-header-background);;
	background-color:var(--header-background);
	border-radius:6px;
	margin-bottom:20px;
}

.right-col-head{
	background:var(--pre-header-background);
	text-align:center;
	padding:16px 6px 16px 6px ;
	font-size:0.9em;
	font-weight:bold;
}
.right-col-body{
	color:#000;
	padding:10px;
	font-size:0.9em;
}




.site-cards{
	display:flex;
	flex-wrap:wrap;
	/*margin-right:calc(-1 * var(--site-card-width));*/

	justify-content: center;	
	margin:10px;
	border:0px solid black;
}
.site-card-item{
	
	width:var(--site-card-width);
	
	color:#000;
	border:1px solid #aaa;
	background-color:var(--header-background);
	border-radius:15px;
	padding:1px;
	margin:10px 10px 20px 10px;
	
	
}


.site-card-item a{
	text-decoration: none;
}

.site-card-head{
	background:var(--pre-header-background);
	
	
	padding:2px 6px 140px 6px ;
	
	width:100%;
	/*border:1px solid black;*/
	background-size: 100%;
	display:block;
	/*box-shadow: 25px 25px 50px 0 white inset, -25px -25px 50px 0 white inset; */
 border-radius:15px 15px 0px 0px;
 
  mask: linear-gradient(to bottom, 
      rgba(0,0,0, 1) 0,   
      rgba(0,0,0, 1) 76%, 
      rgba(0,0,0, 0) 100%, 
      rgba(0,0,0, 0) 0
  ) 100% 50% / 100% 100% repeat-x;	
 
}


.site-card-text{
	/*mix-blend-mode: difference;
	color:black;
	*/
	text-align:center;
	font-size:1.4em;
	font-weight:bold;
	background:var(--pre-header-background);
	
	color:var(--pre-header-color);
	border:0px solid black;
	margin-left:-10px;
	margin-right:-10px;
	opacity: 0.75;
	padding:10px;
}

.site-card-head a{

}





.site-card-body{
	color:#000;
	padding:10px;
	font-size:0.95em;
	font-weight:normal;
	margin-top:-40px;
}

















.next-agm-meeting{
	
	display:block;
	text-align:center;
}




.tbl-center{
	display:flex;
	justify-content: left;
}

.tbl-multi-item{
	overflow-x:auto;	
}

.tbl{
	width:100%;
	margin-bottom:50px;
	border:1px solid #c0c0c0;
	border-radius:5px;
}

.tbl td{
	text-align:center;
}

.tbl tr:nth-of-type(even) {
	background-color:#f0f0f0;
}


.tbl tr:nth-of-type(odd) {
	background:var(--header-background);
}







.button{
	padding:7px;
	margin-right:5px;
	margin-bottom:5px;
	border:1px solid green;
	display:inline-block;
	border-radius:5px;
	
}

.button.selected{
	color:var(--pre-header-color);
	background:var(--pre-header-background);
}

.button.selected:hover{
	color:yellow;
}













	.pc-documents-table.show{
		animation-name: animatetop;
		animation-duration: 0.3s;
	}	
	@keyframes animatetop {
		from { transform: scale(0.8) skewX(10deg); opacity: 0.4; }
		to { transform: scale(1) skewX(0deg); opacity: 1;  }
	}

	.pc-documents-table.fade{
		animation-name: unanimatetop;
		animation-duration: 0.01s;
		
	}	
	@keyframes unanimatetop {
		from { opacity: 1}
		to { opacity: 0}
		
		
	}



@media only screen and (min-width: 0) and (max-width: 899px) {	
	
	.site-pre-header-block{
		
	}
	
	.site-main-block{
		padding:16px;
		display:block;
	}
	.left-pane{
		padding-right:0px;
	}

	.right-col{
		margin: auto;
		
	}

.card-container{
	margin:20px 0px 30px 0px;
}

.right-col-item{
}
	.site-cards{
		/*
		border:1px solid black;
		display:inline;
		width:100%;
		margin:0px;
		*/
	}
	.pc-documents-table {
		font-size:10px;
		
	}
	
	.meetings-year-button{
		font-size:10px;
	}
	
	/* tbl*/
}
	

.icon16{width:16px;height:16px}
.icon20{width:20px;height:20px}
.icon24{width:24px;height:24px}
.icon32{width:32px;height:32px}



.newsitem{
	padding:20px;
	border:1px solid #aaa;
	border-radius:7px;
	box-shadow: 4px 4px 4px #ccc;
	margin:20px;	
}










.loader {
          position: relative;
    width: 164px;
    height: 164px;
    border-radius: 50%;
    animation: rotate 0.75s linear infinite;
  }
  .loader::before {
    content: '';
    position: absolute;
    width: 20px;
    height: 40px;
    border: 1px solid #FF3D00;
    border-width: 12px 2px 7px;
    border-radius: 2px 2px 1px 1px;
    box-sizing: border-box;
    transform: rotate(45deg) translate(24px, -10px);
    background-image: linear-gradient(#FF3D00 20px, transparent 0),
    linear-gradient(#FF3D00 30px, transparent 0),
    linear-gradient(#FF3D00 30px, transparent 0);
    background-size: 10px 12px , 1px 30px, 1px 30px;
    background-repeat: no-repeat;
    background-position: center , 12px 0px , 3px 0px;
}
  .loader::after {
    content: '';
    position: absolute;
    height: 4px;
    width: 4px;
    left: 20px;
    top: 47px;
    border-radius: 50%;
    color: #Fff;
    box-shadow: -4px 7px 2px, -7px 16px 3px 1px,
      -11px 24px 4px 1px, -6px 24px 4px 1px,
      -14px 35px 6px 2px, -5px 36px 8px 2px,
      -5px 45px 8px 2px, -14px 49px 8px 2px,
      6px 60px 11px 1px, -11px 66px 11px 1px,
      11px 75px 13px, -1px 82px 15px;
  }

@keyframes rotate {
  to{transform:rotate(360deg)   }
}
  
      

    


	.snap-modal-backdrop {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 2050;
		width: 100vw;
		height: 100vh;
		background-color: #000;
		opacity: 0.5;
	}

	.snap-modal-backdrop.show{
		animation-name: animatetop1;
		animation-duration: 0.3s;
	}	
	@keyframes animatetop1 {
		from {opacity: 0}
		to {opacity: 0.5}
	}
	
	.snap-modal-backdrop.fade{
		animation-name: unanimatetop1;
		animation-duration: 0.3s;
	}	
	@keyframes unanimatetop1 {
		from {opacity: 0.5}
		to {opacity: 0}
	}