/*----------------------- Contents ----------------------------------------

----- Elections Widget
----- Refendum Widget
----- Events Widget - 'event-list event-slider' must be set as widget CSS class
----- News List Widget - 'news-list' must be set as class
----- Grouping List Widget
-----
---------------------------------------------------------------------------*/



/* -----------------------------------ELECTIONS WIDGET------------------ */

.election-list .election {
	border: none;
	margin: 10px 0 20px;
	border-bottom: 1px solid #ccc;
	padding: 0;
	padding-bottom: 0px;
	overflow: hidden;
}

.election-list .card  {
     --bs-card-cap-bg: var(--union-navy);
    --bs-card-cap-color: #fff;
}

.election-list .election h3 {
color: var(--union-white);
margin: 0;
padding: 10px 3em 10px 10px;
border-bottom-color: #c0c0c3;
position:relative;
border-radius: 0.7rem 0.7rem 0 0;
}

.election-list .election h3:before {
    content:'\f771';
    font: var(--fa-font-solid);
    /*margin-right: 5px;*/
}

.election-list .election a.edit_election {
	position:absolute;
	right:0;
	top:50%;
	margin-top:-0.5em;
	line-height:1;
	font-size: 14px;
}

.election-list {}

.election-list .election > p {
    margin: 10px 0;
}

.election-list .election p.msl-election-desc {
padding: 13px 15px 12px;
font-size: 1em;
background: #B6DAE8;
margin: 0;
border-color: var(--union-skyblue);
}
.election-list .election p.msl-election-organisation a {
color: #212121;
color: var(--bs-btn-color);
}
.election-list .election > p, .election p.msl-election-organisation {
padding: 10px 10px 10px 10px;
border-bottom: 1px solid var(--union-skyblue);
margin: 0;
font-size: 0.9em;
background-repeat: no-repeat;
}
.election-list .election p.msl-election-organisation {
background-image: url(../../images/interface/information.png);
background-position: 11px 11px;
/* background-color: #eef; */
/*display:none;*/
}


.election-list .election .msl-election-positions {
	background-image: none;
	background-position: -2px -42px;
	/*background-color: var(--union-pink);*/
	 /*width: fit-content;*/
}
.election-list .election [class*="times"] {
	background-image: none;
	/*background-position:  8px 9px;*/
}
.election-list .election .msl-election-nomtimes {
    /*background-color: var(--union-yellow);*/
    /*width: fit-content;*/
}
    
.election-list .election .msl-election-polltimes {
    /*background-color: var(--union-cobaltblue);*/
     /*width: fit-content;*/
}

.election-list .election p.msl-election-positions:before {
    content:'\e53d';
    font-family: 'Font Awesome 6 Pro';
    margin-inline-end: 5px;
}

.election-list .election p.msl-election-nomtimes:before {
    content:'\f0a1';
    font-family: 'Font Awesome 6 Pro';
    margin-inline-end: 5px;
}

.election-list .election p.msl-election-polltimes:before {
    content:'\f756';
    font-family: 'Font Awesome 6 Pro';
    margin-inline-end: 5px;
}

.election-list .election dl {
	margin: 0;
	padding: 14px 18px;
	background: #f7f7f9;
	border: 1px solid #e0e0e3;
}

.election-list .election dt {
margin: 0 0 0.25em;
}

.election-list .election dd {
margin: 0 0 0.125em;
font-size: 0.9em;
}

.election-list .msl_notification {
    --bs-alert-bg: var(--union-pink);
    margin-inline: 1rem;
    width: auto;
}

.votenow {
	display: block;
	background: var(--union-green);
	color: var(--union-white);
	border: 2px solid var(--union-green);
	font-size: 1.2em;
	font-weight: bold;

}
/*a.votenow:hover {*/
/*	text-decoration: none;*/
/*	background: var(--union-white);*/
/*	color: var(--union-green);*/
/*}*/

/* -----------------Election Pages ---------------*/

/* Page wrappers  */

.page_elections {
	padding: 0;
}
/* Headings */

.page_elections .msl-election-post h2 {
	border-bottom: 0px solid #ccc;
	margin-bottom: 0;
	font-weight: 500;
}

.page_elections .msl-election-post h2:before {
    content:'\f6a5';
    font-family: 'Font Awesome 6 Pro';
}

.page_elections .msl-breadcrumb {
    display: none;
}

.page_elections .election-details, .page_elections .election_page {
    flex-shrink: 1!important;
}

#candidates.cardlist li{
    margin-inline: auto;
}
/* Page header */

.election-details {
	margin: 1.2rem 0;
}
.election-details .msl-election-desc {
	padding: 10px 15px;
	border: none;
	font-size: 1.2em;
	background: #ddd;
	margin: 0 0 1px;
}
.msl-election-stage {
	background-image: none;
	padding: 8px 15px 8px 34px;
}
.election-navigation {
	margin:10px 0 0;
	padding:0;
	list-style:none;
}
.election-navigation:before, .election-navigation:after {
	display: table;
	content: " ";
}
.election-navigation:after {
	clear: both;
}
.election-navigation li {
	margin: 0;
	box-sizing:border-box;
}
@media all and (min-width:600px) {
.election-navigation {
	margin:10px -5px 0;
}
.election-navigation li {
    width: calc(100% / 6);
	padding:0 5px;
	float:left;
	margin-bottom: 10px;
}
}
@media all and (min-width:992px) {
	/*.election-navigation li {*/
	/*	width: 16%;*/
	/*}*/

	.election-navigation.has-home li {
		width: 16.66%;
	}
}
.election-navigation a {
	/*padding: 8px 15px 8px 34px;*/
	padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
	background:url(../../images/elections/icons-sprite.png) top left no-repeat #eee;
	display:block;
	color: var(--unionblack);
	transition: 0.1s all ease-in;
	-webkit-transition: 0.2s all ease-in;
}
.election-navigation a#homelink {
	background-position:-2px -644px;
}
.election-navigation a#homelink:hover {
	background-position:-2px -604px;
}
@media all and (min-width:600px) {
.election-navigation a {
	border-bottom: 5px solid #fff;
}
}
.election-navigation a:hover, .election-navigation a.current {
	background-color: var(--unionblue);
	color: var(--unionwhite);
	text-decoration:none;
}
.election-navigation a.current {
	border-left: 5px solid var(--uniongreen);
}
	@media all and (min-width:600px) {
.election-navigation a.current {
	border-left: none;
	border-color: var(--uniongreen);
}
}
.election-navigation a[disabled] {
	background-color:#eee;
	color:#aaa;
}
.election-navigation a[disabled]:hover {
	background-color:#eee;
	color:#aaa;
	cursor:not-allowed;
}
.election-navigation a.posts.current, .election-navigation a.posts:hover {
	background-position: -2px -2px;
}
.election-navigation a.posts {
	background-position: -2px -42px;
}
.election-navigation a[disabled].posts {
	background-position: -2px -82px;
}
.election-navigation a.candidates.current, .election-navigation a.candidates:hover {
	background-position: -2px -122px;
}
.election-navigation a.candidates {
	background-position: -2px -162px;
}
.election-navigation a[disabled].candidates {
	background-position: -2px -202px;
}
.election-navigation a.nominations.current, .election-navigation a.nominations:hover {
	background-position: -2px -242px;
}
.election-navigation a.nominations {
	background-position: -2px -282px;
}
.election-navigation a[disabled].nominations {
	background-position: -2px -322px;
}
.election-navigation a.profile.current, .election-navigation a.profile:hover {
	background-position: -2px -362px;
}
.election-navigation a.profile {
	background-position: -2px -402px;
}
.election-navigation a[disabled].profile {
	background-position: -2px -442px;
}
.election-navigation a.vote.current, .election-navigation a.vote:hover {
	background-position: -2px -482px;
}
.election-navigation a.vote {
	background-position: -2px -522px;
}
.election-navigation a[disabled].vote {
	background-position: -2px -562px;
}
/* Post list */

.post_sd, .msl-post-description {
	padding: 8px 15px;
	background:#f4f4f0;
	border-left: 5px solid var(--uniongreen);
	margin: 0 0 10px;
}
.post_description {
	padding: 10px 0px;
	border-bottom: 1px solid #eee;
}
@media all and (min-width:768px) {
.post_description {
	padding: 10px 20px;
}
}
a.totop {
	display: block;
	margin: 10px 0 30px;
}
/* Candidate list */

#election_candidates h2 {
    margin: 0;
}
ul.msl-candidates {
	padding: 0;
	margin:10px 0;
	list-style:none;
	border-bottom: 1px solid #ccc;
}
ul.msl-candidates li {
	padding: 12px;
	border-top: 1px solid #eee;
	position:relative;
	clear:left;
}
ul.msl-candidates li:before {
	content: "";
	display: table;
}
ul.msl-candidates li:after {
	content: "";
	display: table;
	clear:both;
}
ul.msl-candidates h3 {
	font-size:1.2em;
}
a.msl-candidate-image {
	float:left;
	margin: 0 10px 5px 0;
	width:50px;
	height:50px;
	overflow:hidden;
}
ul.msl-candidates li img {
	width:50px;
	height:50px;
	float:left;
}
ul.msl-candidates li .candidate-details {
	float:left;
	padding: 0 5px;
	margin-left: 5px;
}
ul.msl-candidates p {
	margin: 0 0 5px;
	font-size: 120%;
	font-weight: bold
}
ul.msl-candidates p.slogan {
	margin:0;
	font-size:100%;
	font-weight:normal
}
ul.msl-candidates span.slate {
	margin:0;
	font-size:90%;
	font-weight:normal
}
ul.msl-candidates span.slate:before {
	content:'(';
	display:inline;
}
ul.msl-candidates span.slate:after {
	content:')';
	display:inline;
}
.msl-candidate-slate:before {
	content:'(';
	display:inline;
}
.msl-candidate-slate:after {
	content:')';
	display:inline;
}
ul.msl-candidates p a {
	font-size: 90%;
	font-weight:normal;
}
.nomanifesto {
	font-size: 85%;
	color: #333;
}
/* Review */

.post_disqualified, .post_unpaid, .form_notreceived {
	color: #c00;
	padding: 0 0 0 18px;
	display: inline-block;
	background: transparent url(../../images/icons/16/warning.gif) no-repeat 0 50%;
}
.post_provisional, .post_awaiting {
	color: #f60;
}
.post_approved, .post_paid, .form_received {
	color:#090;
}
#election_review ul {
	list-style:none;
	padding-left:0;
	margin:5px 0;
}
.msl-post-group {
	padding: 5px 5px 5px 32px;
	border: none;
	font-size: 1.2em;
	background: url(../../images/elections/post-group.png) 0px 50% no-repeat;
	margin: 0 0 1px;
}
/* Candidacy */

#election_candidacy ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#election_candidacy li {
	margin: 0;
	padding: 0.3em;
}
/* Stand */

#election_stand ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#election_stand li {
	list-style: none;
	padding: 0.3em;
	margin: 0;
	border-bottom: 1px dotted #ccc;
}
#election_stand li a {
	margin: 0 0.5em;
}
#election_stand li a.toggle {
	font-size: 85%;
}
#election_stand ul.election_requirement_list {
	margin: 1em;
}
#election_stand ul.election_requirement_list li {
	margin: 1em;
	border: 0;
}
/* Nominations */

.msl-post-group + .msl-post-description {
	margin-top:10px;
}
/* Print Jobs */

.msl_admin_page .showhidelink {
	margin: 10px 0;
	padding: 15px;
}
.budget .total-budget {
	margin-right: 10px;
}
.budget .remaining-budget {
	font-weight:bold;
}
/* Self definition groups */

#election_profile input[type="checkbox"] {
	margin: 0 5px 5px 0;
}
/* Manifesto */

.manifesto_photo {
	display:block;
	margin: 0 auto 20px;
	max-width: 90%;
}
.manifesto-candidate-slogan {
	font-size: 1.2em;
	padding: 10px 15px;
	background: #eee;
}
.msl-candidate-details {
	display: flex;
	flex-direction: column;
}
	@media all and (min-width:768px) {
.msl-candidate-details {
	position: relative;
	min-height: 200px;
}
.msl-candidate-name {
	/*order: 1;*/
}

.manifesto_photo {
	margin:0;
	/*order: 2;*/

}
}
.msl-manifesto-text{
	overflow-wrap: anywhere;
	/*order: 3;*/
}

/* -------------End of Elections widget pages ---------------*/

/* ----------------------------- END OF ELECTIONS WIDGET-------------------- */

/*----------------------------- START OF REFERENDUM WIDGET-------------------*/
.referendum {
	border: 1px solid #ccc;
	margin: 1em 0;
	border-radius: 0.7rem;
	background: var(--union-white);
}
.referendum h3 {
	border-bottom: 1px solid #ccc;
	color: var(--unionwhite);
	background-color: var(--unionnavy);
	margin: 0;
	padding: 0.5em 0 0.5em 0.8em;
	border-radius: 0.7rem 0.7rem 0 0;
}
.referendum h4 ,
.referendum p ,
.referendum ul {
	margin: 0.75em 1em;
}
.referendum li {
	font-weight: bold;
	display: block;
	margin: 0.25em 0;
}







/*---------------------------- EVENTS WIDGET --------------------------------*/

/*Events*/


.event-list dl {
	margin:0;
}

/* .event-list .event_item {
	max-height: 20rem;
}

@media (min-height:778px){
	.event-list .event_item {
		max-height: 30rem;
	}
} */
.event-list .msl_event_hook{
	display:none;
}


.event-list .card {
	overflow: hidden;
	width: 100%;
	/*height: max(50vh, 75vh);*/
	/*max-height: 70vh;*/
	border: none;
	border-radius: 1.5em;
	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.16);
			box-shadow: 0 0 20px rgba(0, 0, 0, 0.16);
	}

	.event-list:not(.event-slider) .card {
		max-height: 350px;
	}

	.event-slider .card{
		height: min(250px, 75vh);
	}

	@media (min-width: 768px) {
	.event-slider .card {
		height: max(400px, 60vh);
	}
	}

.event-list .card dl {
	height: 100%;
}

.event-list .card dd {
	margin-bottom: 0;
	font-size: 0.8em;
}

.event-list .card-header {
	/* overflow: hidden; */
	padding-inline: 1em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	border: none;
	position: absolute;
	background: none;
	z-index: 1;
	/* max-height: 25%; */
}


.event-list .card-title {
	display: block;
	height: fit-content;
	font-size: 1.3em;
	font-weight: 700;
	/* line-height: 26px; */
	margin: 0px 0 0.5em;
	overflow:visible;
	white-space: pre-wrap;
	flex: 1 0 0%;
	}
	@media (min-width: 768px) {
	.event-list .card-title {
		font-size: 1rem;
		/* line-height: 34px; */
	}
	}
	@media (min-width: 1200px) {
	.event-list .card-title {
		font-size: 1.2em;
		/* line-height: 34px; */
	}
	}


/*.event-list .card-title::before {*/
/*	content:'\f133';*/
/*	font-family: 'Font Awesome 6 Pro';*/
/*	margin-right: 5px;*/
/*}*/
.event-list .event_item .msl_event_organisation {
	/*font-size: 0.6rem;*/
	white-space: normal;
}


.event-list .card-body {
	height: auto;
	padding-block: 0.8em;
	padding-bottom: 0.5em;
	padding-inline: 1em;
	max-height: 80%;
}


.event-list .msl_event_image{
	display: flex;
	height: auto;
	height: clamp(15%, 300px, 40%);
	height: -webkit-fill-available;
	min-height: 15%;
	max-height: 80%;
	filter: brightness(0.98);
}
.event-list .msl_event_image img {
	display: block;
	border-radius:0;
	width: 100%;
	height: auto;
	object-fit: cover;
	/* max-height: 40%; */
}

.event-list dd.msl_event_types {
	font-size: 0.9rem;
	color: #fff;
}
.event-list dd.msl_event_types > a {
	margin: 2px;
}

.event-list dd.msl_event_types > a:first-child {
	margin-left: 0;
}

.event-list .card-text{
	font-size: 0.65rem;
	margin-bottom: 5px;
}

@media (min-width: 778px) {
	.event-list dd.msl_event_types {
		font-size: 1rem;
	}

	.event-list .card-text{
		font-size: 1rem;
	}
}

.event-list :is(.msl_event_time, .msl_event_location, .msl_event_description) {
	color: var(--union-navy);
}

.event-list .msl_event_description {
	overflow:hidden;
	display: none;
}

.event-list :is(.msl_event_time, .msl_event_location, .msl_event_description)::before {
	font-family: 'Font Awesome 6 Pro';
	margin-right: 10px;
}

.event-list .msl_event_time::before {
	content:'\f783';
}

.event-list .msl_event_location::before {
	content:'\f3c5';
}

.event-list .msl_event_description::before {
	content:'\f304';
}

.event-list .msl_ticket {
	background-image: none;
}

.event-list :is(.msl_event_brand, .msl_event_hook) {
	display: none;
}

/* Event Calendar - still requires .event-list for card styling */

.event-calendar .msl-cal-hoverbox {
    position: relative;
}

.event-calendar .msl-caleventitem dl {
    position: absolute;
    opacity: 0;
    right:0;
    top: 0;
    z-index: 1;
    background: var(--union-navy);
    padding: 1rem;
}

.event-calendar a {
	text-decoration: none;
}

.event-calendar .card {
	border-radius: 1em
}

.event-calendar thead th {
	text-align: center;
}


/* -------------------------- END OF EVENTS WIDGET ------------------------ */


/* ------------------------- NEWS LIST WIDGET ----------------------------*/
/*newslist - start */

.news-list:not(.news-list-slider) .card {
	transition: all 400ms ease-in-out;
}

.news-list:not(.news-list-slider) .card:hover {
	--bs-card-box-shadow: 0.5rem 0.5rem 1rem rgba(0, 0, 0, 0.3);
}

.news-list:not(.news-list-slider, .locations, .message) .card:hover .img-box img {
	scale: 1.05;
	transform: scale(1.05);
}
.news-list a {
	text-decoration: none;
}

.news-list .img-box {
	min-height: 30px;
}

.news-list .org-name {
	z-index: 2;
}

.news-list .card-body {
	display: flex;
	/*flex-direction: column;*/
	justify-content: space-between;
	flex-grow: 5;
}

.news-list:not(.message, .locations) .card-body {
	flex-direction: column;
}

.news-list .card-body .card-text {
	margin-bottom: 3px;
	font-size: 0.8em;
}

.news-slider .card {
	width: 100%;
	overflow: hidden;
	max-height: 75vh;
	border: 0px;
	}

.news-slider .img-box {
	display: flex;
	height: auto;
	min-height: 15%;
	max-height: 45%;
	height: clamp(15%, 300px, 60%);
	/*height: -webkit-fill-available;*/
	width: 100%;
	/*background-position: center;*/
	/*background-repeat: no-repeat;*/
	/*background-size: cover;*/
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	flex-shrink: 20;
}

.news-slider .img-box img {
	display: block;
	width: 100%;
	height: auto;
	object-fit: cover;

}
.news-slider .card-body {

	position: relative;
	overflow: hidden;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

@media (min-width: 1200px) {
	.news-slider .card-body {
		min-height: 200px;
	}
}
@media (min-width: 1200px) {
	.news-slider .card-body p {
		margin: 0 0 20px;
	}
}
.news-slider .card-title {
	display: block;
	font-size: 1.4em;
	line-height: 1.2;
	margin: 0 0 10px;
	}
@media (min-width: 768px) {
	.news-slider .card-title {
		font-size: 1.2em;
		/*line-height: 34px;*/
	}
	}
	@media (min-width: 1200px) {
	.news-slider .card-title {
		font-size: 1.5em;
		/*line-height: 34px;*/
	}
	}


/* News Widget for Message (quote) */
.news-list.message {
	background: none;
	padding: 0;
	display: block;
}

@media (min-width: 998px) {
    .news-list.message .news_item:nth-of-type(2n-1) {
        width: 85%;
        /*margin-left: auto;*/
    }
    .news-list.message .news_item:nth-of-type(2n) {
        width: 85%;
        margin-left: auto;
    }
}

.news-list.message .message-block {
	position: relative;
	/* color: var(--union-white)!important; */
	padding: 1rem
	}

.news-list.message .image-wrapper:not(:has(img)) {
    display: none;
}
	
.news-list.message .message-block .img-box {
	-ms-flex-negative: 0;
		flex-shrink: 0;
	width: 100%;
	height: auto;
	border-radius: 50%;
	border: 8px solid var(--union-yellow);
	-webkit-box-shadow: none;
			box-shadow: none;
	position: relative;
	margin: 0;
	max-width: 380px;
	max-height: 380px;
	}
	@media (min-width: 768px) {
	.news-list.message .message-block .img-box {
		margin: 0 -40px 0 0;
	}
	}

	.news-list.message .message-block .img-box img {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	}
.news-list.message .message-block .message-box {
	margin: 0 auto;
	position: relative;
	padding: 20px 10px;
	/* background-image: url(../images/bg-message.svg); */
	/* background-position: center;
		background-size: 100%;
		background-repeat: no-repeat; */
	overflow: visible;
	}


.news-list.message  h5 {
	font-size: 1rem;
	/* color: var(--union-white); */
	margin-bottom: 5px;
	text-align: center;
}

.news-list.message .card-header {
    display:none;
}

.news-list.message .message-block .msl_newsbodytext {
	/* font-size: 0.5rem; */
	/* line-height: 0.8rem; */
}

.news-list.message .message-block .message-box p.leader {
	font-style: italic;
	text-align: end;
	margin-right: 1.8rem;
	font-size: 0.8em;
	font-weight: 200;
}

.news-list.message .message-box p.leader:not(:has(:first-child)) {
    height: 0;
}

.news-list.message .message-block .message-box p.leader:before {
    content: '- ';
}


@media (min-width: 768px) {
	.news-list.message .message-block .message-box h5 {
		font-size: 1.5rem;
		margin-bottom: 10px;
	}
	.news-list.message .message-block .msl_newsbodytext {
		/* font-size: 1rem */
	}
}

@media (min-width: 992px) {
	.news-list.message .message-block .message-box h5 {
		font-size: 1.2rem;

	}
	/* .news-list.message .message-block .msl_newsbodytext {
		font-size: 0.8rem;
		line-height: 1rem;
	} */
}

@media (min-width: 1200px){
	.news-list.message .message-block .message-box h5 {
		font-size: 1.2rem;

	}
	.news-list.message .message-block .msl_newsbodytext {
		font-size: 1.1rem;
		line-height: 1.2rem;
	}

}

.news-list.locations .news_image a img {
    width: 100%;
    height: auto;
}

.news-list.resources .card-body {
	display: none;
}

.news-list.resources .card-title {
	position: absolute;
	z-index: 4;
	width: 100%;
	height: fit-content;
	inset: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	color: var(--union-white);
	line-height: 0.9;
	/*font-size: 2em;*/
}

.news-list.resources .img-box {
	filter: brightness(0.85);
}



.news-list.accordion h5 {
	color: var(--bs-accordion-btn-color);
}

.news-list.accordion :is(.msl_pubdate, h5) {
	margin: 0;
	margin-right: 0.8rem;
}

.news-list#manifesto .tag {
	background: var(--bs-accordion-btn-color);
}

.news-list#manifesto .msltagcomplete {
	--bs-accordion-btn-color: var(--bs-success);
	--bs-accordion-border-color: var(--bs-accordion-btn-color);

}

.news-list#manifesto .msltagin-progress  {
	--bs-accordion-btn-color: var(--bs-info);
	--bs-accordion-border-color: var(--bs-accordion-btn-color);
}

.news-list#manifesto .msltagearly-stages {
	--bs-accordion-btn-color: var(--bs-warning);
	--bs-accordion-border-color: var(--bs-accordion-btn-color);
}



.news-list.roles {

}

.news-list.roles .img-box {
	width: 100%;
	height: 100%;
	border-radius: 100%;
	}

.news-list.roles .img-box a {
	pointer-events: none;
}

.news-list.roles .img-box img:hover, .roles-block .img-box:hover img {
	transform: scale(1);
}

.news-list.roles .img-box img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 1/1;
	border-radius: 100%;
}
.news-list.roles .list {
	list-style: none;
	margin: 0;
	padding: 0;
}
.news-list.roles .list li {
	padding: 10px 0;
}


.roles-block .news-list.roles .list-group {
	--bs-list-group-bg: transparent;
	--bs-list-group-color: var(--union-white);
	--bs-list-group-item-padding-y: 0.5rem;
	--bs-list-group-border-width: 0px;
}

.roles-block .news-list.roles .list-group-item:before {
	content:'- ';
}

.news-list.roles .msl_newsbodytext {
	column-count: 2;
}

/*newslist - end */

/*--------------------- END OF NEWS LIST WIDGET -----------------------------*/

/*--------------------- Grouping List Widget --------------------------------*/

.grouping-list ul.msl_organisation_list {
    margin: 0;
    display: flex;
}
.grouping-list .img-box {
	display: -webkit-box;
	display: -ms-flexbox;
	/*position: relative;*/
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	box-shadow: 4px 4px 14px 0px rgba(0, 0, 0, 0.16);
	border-radius: 50%;
	width: 80%;
	height: auto;
	/* background: #465CC2; */
	border: 3px solid var(--union-green);
	overflow: hidden;
	/*transition: all 200ms ease-in-out;*/
}

.grouping-list:not(#officer-list) .img-box {
    margin-block: 0.5rem;
}

.grouping-list .img-box img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	/*-webkit-transition: all 0.3s;*/
	/*-o-transition: all 0.3s;*/
	transition: all 0.3s ease-in-out;
}

.grouping-list .img-box:hover {
	border-color: var(--union-pink);
}

.grouping-list .img-box:hover img {
	-webkit-transform: scale(1.05);
		-ms-transform: scale(1.05);
			transform: scale(1.05);
	}

	/* .grouping-list .details > * {
	width: 100%;
	} */
.grouping-list .details {
	margin-top: 1rem;
}

.grouping-list .name {
	display: block;
	font-size: 18px;
	line-height: 22px;
	text-transform: capitalize;
}

/*.grouping-list#officer-list .name{*/
/*    mix-blend-mode: color-burn;*/

/*    }*/

#officer-list.grouping-list li {
    /*margin-bottom: 1.5rem;*/
    text-decoration: none;
    position: relative;
}

.grouping-list#officer-list .name{
	mix-blend-mode: multiply;

	}



.grouping-list:not(.two-columns) .name {
	text-align: center;
}
@media (min-width: 768px) {
	.grouping-list .name {
		font-size: 20px;
		line-height: 25px;
	}
}
@media (min-width: 1200px) {
	.grouping-list .name {
		font-size: 30px;
		line-height: 35px;
	}
}


.grouping-list ul.msl_organisation_list li{
	margin: 0;
	margin-bottom: 1.5rem;
	list-style: none;
	border-radius: 2rem;
	transition: all 300ms ease-in-out;
	/*width: 50%;*/
}

.grouping-list:not(.two-columns) ul.msl_organisation_list li{
	display: flex;
	flex-direction: column;
	align-items: center;
}

.grouping-list#organisationlist ul.msl_organisation_list li:hover {
	box-shadow: 4px 4px 14px 0px rgb(0,0,0,0.2);
	border-radius: 2rem;
	background-color: #fff;
	z-index: 5;
	transform: scale(1.05);
}

.grouping-list ul li:hover .img-box{
	border-color: var(--union-pink);
}

.grouping-list ul li:hover .name{
	color: var(--union-pink);
}

.grouping-list ul.msl_organisation_list.row li {
		padding-right: calc(var(--bs-gutter-x) * 0.5);
		padding-left: calc(var(--bs-gutter-x) * 0.5);
		margin-top: var(--bs-gutter-y);

}

.grouping-list li a {
	text-decoration: none;
	/* color: var(--union-cobaltblue) */

}

.grouping-list .msl-gl-attributeset {
	margin-right: 0.3rem;
	margin-bottom: 0.5rem;
}

.grouping-list .msl-gl-attribute {
	margin-right: 0px;
	white-space: pre-line;
}

.grouping-list .msl-gl-attributes dt {
	display: none;
}



.grouping-list.two-columns .img-box {
	--su-img-offset: 5rem;
	position: relative;
	width: 100%;
	/* height: 250px; */
	border-radius: 0 300px 300px 0;
	border: 1px solid #fff;
	-webkit-box-shadow: 0 3px 80px rgba(0, 0, 0, 0.16);
			box-shadow: 0 3px 80px rgba(0, 0, 0, 0.16);
	overflow: hidden;
	padding: 0;
	transform: translateX(calc(-1*var(--su-img-offset)));
}


.grouping-list.alternating-columns ul :nth-child(2n) .img-box {
	border-radius:  300px 0 0 300px ;
	transform: translateX(var(--su-img-offset));
	}

@media (min-width: 576px) {
	.grouping-list.two-columns .img-box {
		--su-img-offset: 7rem;

	}
 }


@media (min-width: 768px) {
	.grouping-list.two-columns .img-box {
		--su-img-offset: 6rem;
		width: 120%;

	}

}

@media (min-width: 992px) {
	.grouping-list.two-columns .img-box {
		--su-img-offset: 0;
		border-radius: 100%;
		width: 98%;
		/* height: auto; */
	}
	.grouping-list.alternating-columns ul :nth-child(2n) .img-box {
		border-radius:  100%;
	}
}

@media (min-width: 1200px) {
	.grouping-list.two-columns .img-box {
		/* width: 380px; */
		/* height: 380px; */

	}

}



.grouping-list .img-box img {
	object-fit: cover;
}




	/* ----------------------END OF Grouping List Widget--------------------------- */


	/* -------------------- Product Widget----------------------------------- */


	.products-list .card {
		background-color: var(--union-cobaltblue);
		color: var(--union-white);
	}

	.products-list.memberships .card {
		background-color: var(--union-green);
		color: var(--union-white);
	}


	@media (max-width: 360px){
		.products-list .card .card-text {
			flex-direction: column;
			align-items: flex-end!important;
			align-self: flex-end;
		}
	}

	.products-list hr {
		color: var(--union-white);
		opacity: 1;
	  }

    .products-list .product-name {
        
    }
	.products-list .product-price {
		font-size: 1.1em;
		padding-bottom: 4px;
	  }
	  

	@media (min-width: 768px){
		.products-list .product-price {
			font-size: 1.7rem
		}
	}

	  .products-list.memberships h2 {
		visibility: hidden;
		display: none;
	  }


	/* ---------------------End of Product Widget----------------------------------- */