/* Local CSS overrides for just this site */

.copyright {color:#000;}

.margin-top0 {margin-top:0px!important}

.social-list--circled .social-list__service-link {
	background-color: #124799;
}
.social-list--circled .icon, .social-list--circled .icon:hover {
	fill: #fff;
}


@media screen {
	.headerWrapper {background-color: #000}
}

@media print {
	.printLogo {margin-top:0px}
	.logoImagePrint {margin-bottom:20px; 
		margin-top:10px;}
	.printTextLogo {margin-top:10px;}
}

.footerWrapper { 
	background-color:#000; 
	color:#fff;
}

#leftMenu p {font-size:100%}

#main ul li:before {top: 9pt}

 

 
@media screen and (min-width: 1024px) {
	.announcements{
		width: 49%;	
	}
	.newsSection, .eventsSection {
		width: 49%;
	}
}

@media screen and (min-width:200px) {
.mobileNav {
    float: right;
    display: block;
    margin: 7px 0 0 5%;
	margin-top:12px;
}
.logoImage {
	margin-left:0px}
}

@media only screen and (min-width:850px) {
.mobileNav {
    display: none;
}
}

.searchicon {
	margin-top: 10px;
}

.inlineImg {
	background-color:#fff; 
	color:#444;
}

.secondary-menu__nav>ul>li>a {color:#000000!important; font-weight:400}

.homewrapper {
  position: relative;
}
.homeboxesWrapper {
	height: 460px; /* shrunk size */
	background: #fff;
	margin: 0 -10px;
}
@media screen and (min-width: 640px) {
  .homewrapper::before {
    content: '';
    float: right;
    display: block;
    width: 350px;
    height: 510px; /* not shrunk size */  
    margin: 0 0 15px 15px;
  }
  .homeboxesWrapper {
    position: absolute;
    top: 0;
    right: 0;
    width: 350px;
  }
}

/* .flexslider {margin-top:20px} */

.flex-caption {
	padding: 10px 20px 10px;
	top: 20px;
	left:20px; 
	bottom:auto;
	margin-bottom: 0;
	background-color: #fff;
	opacity: 0.92;
	color: #000;
	font-size: calc(10px + 1.5vw);
	letter-spacing: normal; /*-2px*/;
	font-weight:600;
	/* useful: https://www.cssmatic.com/box-shadow */
	-webkit-box-shadow: 9px 10px 19px -5px rgba(136,136,136,1);
	-moz-box-shadow: 9px 10px 19px -5px rgba(136,136,136,1);
	box-shadow: 9px 10px 19px -5px rgba(136,136,136,1);
}

/* ---- STUFF FOR CARDS -- */
#main .card-row {
	overflow:hidden;
	margin-bottom:16px;
}
#main .card-row:after {
  content: "";
  display: table;
  clear: both;
  margin-bottom:0px;
}
#main .card-column50 {
  float: left;
  width: 100%;
}
@media screen and (max-width: 650px) {
  #main .card-column50 {
    width: 100%;
  }
}
.programme-card-container {
	margin:10px;
	padding:0px;
	padding-bottom:500px; 
	margin-bottom:-500px;
	background-color:#fff!important;
}
@media screen and (max-width: 640px) {
	.programme-card-container {
		min-height:10px;
		padding-bottom:0px; 
		margin-bottom:0px;
	}
	#main .card-row {
		overflow:hidden;
		margin-bottom:0px;
	}
}
.programme-card {
	padding:20px;
	border:0px solid #eee; 
	background-color:#fff; 
	color:#fff!important;
	background-image:url(/images/arrow_right_48x48.png);
	background-repeat:no-repeat;
	background-position:bottom 52px right 10px;
}
.programme-card-container, .programme-card {
	height:150px; /* not shrunk */
}
@media screen and (max-width: 640px) {
	.programme-card-container, .programme-card {
		height:150px; /*shrunk */
	}
}
.programme-card:hover {
	border:0px solid #cea600; 
	background-color:#eee;
	filter: brightness(125%);
	cursor:pointer;
}
.programme-card h2 {
	color: #fff!important;
	font-size:1.4em;
	font-weight:400;
	padding:0px; 
	margin:0px;
	margin-bottom:4px;
	min-height:20px; 
	line-height:1em;
	text-decoration:none!important;
	margin-right:40px;
}
.programme-card-content {
	margin-right:48px;
}
.programme-card h2 a, .programme-card p a {
	text-decoration:none!important;
	color:#fff!important;
}
.programme-card-content img {
	width:auto;
}
.programme-card-content p {
	margin:0; padding:0;
}

.cols2, .cols3 {
 	display: grid;
	word-break: break-word;
}
.cols2 > div, .cols3 > div {
	margin-bottom:20px;
}
.cols2 > div > h3, .cols3 > div > h3 {
	margin-top:0px; /* 	padding-left:10px;	padding-right:10px; */
}
.cols2 > div > p, .cols3 > div > p {
	margin-top:-10px;
	padding-bottom:10px;
	/* padding-left:10px; padding-right:10px; */

}
.cols2 > div > img, .cols3 > div > img {
	width:100%;
	/*object-fit: cover; */
	aspect-ratio: 1/1;		
}


@media only screen and (min-width: 566px) {
	.cols2, .cols3 {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-column-gap: 20px;
		grid-row-gap: 0px;
	}
	.cols3 > div, .cols3 > div {
		margin-bottom:20px;
	}
	.cols2 > div > p, .cols3 > div > p {
		padding-bottom:0px;
	}
	.orderflip > div:nth-child(even) > div:nth-child(odd) {
		order:inherit;
	}
}
@media only screen and (min-width: 1080px) {
	.cols3 {
		grid-template-columns: repeat(3, 1fr);
	}
	.cols2 {
		grid-template-columns: repeat(2, 1fr);
	}
	.cols2 > div, .cols3 > div {
		margin-bottom:0px;
	}	
}