/* ACTION CENTRE HOMEPAGE STYLESHEET 2025 */




/* basic page style */
body{
	background-color: #C8A2C8;
	background-image: url("images/actioncentre_backwall.jpg");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat, repeat;
	background-attachment: fixed;
	margin:0;
}
h1{
	font-family: roboto bk;
	font-weight: normal;	
	color: #333333;
	font-size: 45px;
	margin-top:5px;
	margin-bottom:5px;
}
.actionheader{
	font-family: roboto bk;
	font-weight: normal;	
	color: #1f005e;
	text-align: center;
	font-size: 57px;
	margin-top:5px;
	margin-bottom:5px;
}
h2{
	font-family: roboto bk;
	color: #333333;
	font-weight: normal;	
	font-size: 20px;
	margin-top:12px;
	margin-bottom:0px;
}

h3{
	font-family: roboto bk;
	font-weight: normal;
	text-align: center;
	color: #1f005e;	
	font-size: 21px;
	margin-top:15px;
	margin-bottom:0px;
}
.categoryheader{
	font-family: roboto bk;
	font-weight: normal;	
	color: #333333;	
	font-size: 19px;
	margin-top:10px;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:0px;	
}
p{
	font-size: 18px;
	font-weight: normal;	
	margin-top:0px;
	margin-bottom:10px;
	margin-left:12px;
	margin-right:12px;
}
a{
	font-weight: normal;	
}
b{
	font-family: roboto bold;
	font-weight: normal;	
}




/* overall page */
.generalpage{
	font-family: Roboto;
	background-color: #EFEFEF;
	margin: auto;
	height: auto;
	width: 930px;
}




.quickback {
	overflow: hidden;
	background-image: url("../assets/footerbg.jpg");
	left: 0;
	top: 0;
	font-family: roboto bk italic;
	font-size: 18px;
	font-weight: normal;	
	width: 100%;	
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 6px;
	
}
.centerquickback{
	width: 1000px;
	margin: auto;
}
.quickback a {
	color: white;
	text-decoration: none;
	text-shadow: 1px 0px 5px Black;
}
.quickback:hover {
	color: white;
	text-decoration: underline;
	text-shadow: 1px 0px 5px Black;
}





/* TITLE NAVIGATION BAR */
.titlebar{
	padding: 0px 0; 
	display:block; 
	background-color:#000000; 
	height:50px; 
	width:100%;
}
			
.globalnav{
	margin:auto; 
	font-family: roboto italic; 
	width:950px; 
	font-size:20px; 
	list-style-type:none; 
	overflow:hidden; 
	color:white; 
	list-style-type:none; 
	overflow:hidden;
	padding-top: 2px;
}

.irclogo {
	float: left;
	margin: auto;
	color: white;
	padding-top: 7px;
	padding-bottom: 10px;
	padding-left: 5px;
	padding-right: 9px;	
}
.globalmenuitem {
	float: left;
	font-family: roboto italic; 
}
.globalmenuitem a {
	font-family: roboto italic; 
	font-size: 22px; 
	display: block;
	color: white;
	text-align: center;
	text-decoration: none;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 11px;
	padding-right: 11px;
}
.globalmenuitem a:hover:not(.active) {
	background-color: #840000;
}








		


/* hero banner */
.herographic {
	font-family: Roboto;
	margin: auto;
	height: 171px;
	width: 950px;
	background-size: cover;
	background-position: center;
	background-color: #34259C;
	background-image: url("images/heroimage.jpg");
}




/* local navbar */
.navbarlocal{
	font-family: roboto bold;
	list-style-type: none;
	margin: 0;
	padding: 0px 8px;
	overflow: hidden;
	background-color: #D2CCF9;
}
.navbutton {
  float: left;
}
.navbutton a {
  display: block;
  color: #34259C;
  font-size: 19px;
  text-align: center;
  padding-top: 10px ;
  padding-bottom: 10px;
  padding-left: 13px;
  padding-right: 13px;
  text-decoration: none;
}
.navbutton:hover {
	color: #34259C;
	text-decoration: underline;
	transition-duration: 0.5s;	
}
.activepage {
	color: white;
	background-color: white; 
	text-decoration: underline;
}



/* ---Main Section---   */


.maincontent{
	font-family: roboto;
	background-color: #EFEFEF;
	margin: auto;
	overflow: auto;
	height: auto;
	width: 900px;
}	





/* navigation tiles - tilegroup */
.tilecontainer{
	height: auto;
	width: auto;
	overflow: hidden;
	display: flex;
	gap: 4px;
	grid-template-columns: auto auto auto auto;
	margin-left: 12px;
	margin-right: 0px;
	margin-bottom: 6px;
	padding: 3px, 3px, 3px, 3px;	
	flex-wrap: wrap;	
}
.tileitem{
	font-family: Roboto Bold Italic;
	font-size: 50px;	
	/* text-shadow: 1px 0px 5px Black;  */
	float: left;
	color: white;
	height: 145px;
	width: 438px;
	/* background-image: url("images/ac_topic_tile.jpg"); */
	background-color: #1f005e;
	background-size: cover;
	margin-left: 0px;
	margin-right: 2px;
	margin-bottom: 2px;	
}
.tileitem:hover{
	text-decoration: underline;
	/* text-shadow: 3px 0px 8px Black;	*/
}
.tiletitle{
	font-family: Roboto Bold Italic;
	font-weight: normal;
	font-size: 36px;	
	line-height: 34px;
	margin-top: 16px;
	margin-left: 15px;
	margin-right: 12px;
	margin-bottom: 1px;	
}
.tilepara{
	font-family: Roboto  Italic;
	font-weight: normal;
	font-size: 19px;	
	line-height: 22px;	
	margin-top: 0px;
	margin-left: 15px;
	margin-right: 12px;
	margin-bottom: 14px;	
}





/* BULLETPOINTS */
.bulletedlist{
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 1;
	padding-right: 1px;
}
.bulletitem{
	font-size: 18px;
	font-weight: normal;
	color: #333333;	
	padding-top: 1px;
	padding-bottom: 5px;
	padding-left: 1;
	padding-right: 2px;
}
.bulletitem a {
	font-family: Roboto Bold;
	font-weight: normal;	
	text-align: center;
	color:  #34259C;
	text-decoration: none;
}
.bulletitem a:hover:not(.active) {
	color: #8075C1;
	text-decoration: underline;
}
.telenum{
	font-size: 32px;
	font-family: roboto bold;
	line-height: 22px;
	margin-left: 15px;
	margin-top: 5px;
	margin-bottom: 0px;
	margin-bottom: 0px;
	color:#34259C;
}





/* boxedstructure */
.boxedstructure{
	font-family: Roboto;
	margin-bottom: 10px;
	background-color: #2c0042;
	background-image: url("images/tilebg.png");
	background-size: cover;
	float: left;
	overflow: auto;
	width: 100%;
	height: auto;
	padding: 10px, 0px, 0px, 0px,;
	color: white;
}
.boxedimagetile {
	float: left;
	margin-top: 18px;
	margin-left: 10px;
	margin-bottom: auto;
	height: 50px;
	width: 50px;
	padding: 1px 1px 1px 1px;
	color: white;
}
.boxedtitle{
	font-size: 22px;
	font-family: Roboto Medium Italic;
	line-height: 22px;
	float: left;
	width: 720px;
	margin-top: 4px;
	margin-bottom: 4px;
}
.boxedparagraph{
	font-family: Roboto Medium Italic;
	font-size: 15px;
	line-height: 17px;
	float: left;
	width: 720px;
	margin-top: 7px;
	margin-bottom: 7px;
	padding: 9px 9px 9px 9px;
}
.boxedlink{
	font-family: Roboto Bold;
	color: white;
}
.boxedlink:hover{
	font-family: Roboto Medium Italic;
	text-decoration: none;
	transition-duration: 0.8s;	
}
.boxedlist{
	margin-top: 2px;
	margin-bottom: 2px;
}






.cardcontainer{
	width: 870px;
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
	margin-top: 5px;
	margin-left: 12px;
	margin-right: 9px;
	margin-bottom: 7px;
}
.carditems{
	/* background-image: url("images/purplecard.jpg"); */
	background-color: /* #C8A2C8 #EFEFEF */ #EFEFEF;
	height: 340px;
	width: 475px;
	margin-bottom: 6px;	
}
.cardtitle{
	font-family: roboto bold italic;
	color:#34259C;
	font-size: 38px;
	/* text-shadow: 2px 1px 8px Black; */
	margin-top: 5px;
	margin-left: 2px;
	margin-right:4px;
	margin-bottom: 3px;	
}
.cardtext{
	font-family: roboto bold ;
	color: #333333;	
	font-size: 18px;
	/* text-shadow: 3px 0px 8px Black;*/
	margin-top: 4px;
	margin-left: 2px;
	margin-right: 7px;
	margin-bottom: 5px;	
}
.cardicon{
	height: 73px;
	width: 73px;
	text-align: right;
	float: right;
	margin-top: 9px;
	margin-right: 9px;
	background-size: cover;
}
.cardno{
	float: left;
	word-spacing: 2px;
	font-family: roboto bold;
	color:#34259C;
	font-size: 25px;
	margin-top: 1px;
	margin-left: 18px;
	margin-right:4px;
	margin-bottom: 1px;	
}
.cardmail{
	float: left;
	font-family: roboto bold ;
	color: #34259C;
	font-size: 25px;
	margin-top: 1px;
	margin-left: 18px;
	margin-right:4px;
	margin-bottom: 1px;	
}
.cardweb{
	font-family: roboto bold ;
	color:#34259C;
	font-size: 25px;
	margin-top: 1px;
	margin-left: 18px;
	margin-right: 4px;
	margin-bottom: 1px;	
	text-decoration: none;
	display: inline-block;
}
.cardweb:hover{
	text-decoration: underline;
}



.divider{
	padding-bottom: 1px; 
	background-color: #bababa;
	margin-top: 8px;
	margin-left: 5px;
	margin-right: 5px;
}

.space120{
	margin-bottom: 30px;
}





/* Related Links Bar */

.relatedbox{
	height: 50px;
	width: 904px;
	background-color: #242424;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	padding: 3px;
	font-weight: normal;
}
.relatedtitle{
	float: left;
	font-family: roboto;
	font-size: 17px;
	color: white;
	padding-top: 14px;
	padding-left: 6px;
	margin: 1px;
}
.relatedlinkbox{
	float: left;
	font-family: roboto bold;
	font-size: 15px;
	color: white;
	margin-top: 7px;
	margin-left: 7px;
	background-color: #454545;
	padding-top: 8px;
	padding-left: 6px;
	padding-right: 6px;
	padding-bottom: 8px;
}
.relatedlinkbox a{
	color: white;
	text-decoration: none;
}
.relatedlinkbox:hover{
	text-decoration: underline;
}









/* disclaimer info */
.disclaimer{
	font-family: roboto italic;
	text-align: center;
	color: gray;
	font-size: 14px;
	margin-top: 2px;
	margin-bottom: 10px;
	text-decoration: capitalize;
	line-height: 16px;
}









/* footer */
.footer {
	height: 100px;
	width: 100%;
	background-color: #840000;
	background-image: url("../assets/footerbg.jpg");
	color: white;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 0px;
	padding: 14px 0;
}
.footertext{
	margin-top: 15px;
	margin-bottom: 2px;
	font-family: roboto italic;	
}