
.list_res {
	padding: 0;
	max-width: 1200px;
}

.list_res .json-list-item {
	display: flex;
	color: var(--e-global-color-primary);
	column-gap: 3%;
	border-bottom: 1px solid #E1E1E1;
	padding: 18px 0;
	transition: background-color 0.2s;
	flex-wrap: wrap;
}



.json-list-item:hover {
	background-color: #253c570d;
}

.json-list-item .asx-title {
	flex-grow: 1;
	font-weight: 600;
	color: var(--e-global-color-fafdae6);
	transition: all 0.2s;
	width: 80%;
}

/*.json-list-item:hover .asx-title {
	color: var(--e-global-color-accent);
}*/

.json-list-item .asx-date {
	margin-right: 40px;
	font-weight: 400;
	order: 3;
}

.json-list-item .asx-download-link {
	display: flex;
	column-gap: 20px;
	color: var(--e-global-color-accent);
	width: 17%;
    justify-content: flex-end;
	transition: all 0.2s;
}

.json-list-item .asx-download-link span {
	display: none;
}

.json-list-item .asx-icon {
	text-align:right;
	margin-top: 5px;
}

.json-list-item .asx-icon .elementor-icon {
	font-size: 20px;
}

.json-list-item .asx-icon .elementor-icon svg {
    fill: var(--e-global-color-accent);
	height: 20px;
	transition: all 0.2s;
}

.json-list-item:hover .asx-icon svg, .json-list-item:hover .asx-download-link {
	fill: var(--e-global-color-fafdae6);
	color:  var(--e-global-color-fafdae6);
}

.json-list-item:hover .asx-date {
	color:  var(--e-global-color-primary);
}

@media (min-width: 768px)  {
	.list_res {
		margin: 20px auto 40px;
	}
}


@media (min-width: 1025px)  {

	.list_res .json-list-item {
		column-gap: 30px;
		flex-wrap: nowrap;
		padding: 18px 10px;
	}
	
	.json-list-item .asx-title {
		width: 55%;
	}
	
	.json-list-item .asx-date {
		order: revert;
	}
	
	.json-list-item .asx-download-link span {
		display: block;
	}
	
	.json-list-item .asx-icon {
		margin-top: 0;
	}
	
	.max-width-1200 {
		max-width: 1200px;
		padding-left: 10px;
		padding-right: 10px;
		margin: 0 auto;
	}
	
}

#asx-listing-archive {
	display: flex;
	flex-wrap: wrap;
	row-gap: 20px;
	margin-top: -20px;
}

.announcement-tabs {
	flex-grow: 1;
	align-self: flex-end;
	width: 100%;
	display:flex;
	align-items: flex-end;
	overflow-x: auto;
}

.announcement-tabs a {
   	padding-bottom: 20px;
    margin-right: 15px;
    display: inline-block;
    position: relative;
	font-weight: 600;
}

#years-as-tabs .expand {
	margin-right: 0;
}

#years-as-tabs .expand .archive-dropdown {
	position: absolute;
    top: -webkit-calc(100% - 5px);
    top: calc(100% - 5px);
    left: 0;
    width: -webkit-calc(100% + 50px);
    width: calc(100% + 50px);
    background-color: #fff;
    z-index: 50;
    padding: 5px;
    list-style-type: none;
    border-radius: 4px;
    -webkit-box-shadow: 3px 5px 8px 1px rgba(7,27,48,.3);
    box-shadow: 3px 5px 8px 1px rgba(7,27,48,.3);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .15s ease-out;
    transition: all .15s ease-out
}

#years-as-tabs .expand:hover .archive-dropdown {
	opacity: 1;
    visibility: visible;
}

.archive-dropdown li {
	padding: 8px 10px;
}

@media (min-width: 768px)  {
	
	#asx-listing-archive {
		flex-wrap: nowrap;
	}
	
}

@media (min-width: 1025px)  {
	
	.announcement-tabs {
		width: auto;
	}

	.announcement-tabs a {
		padding-bottom: 25px;
		margin-right: 32px;
	}
}

#asx-listing-archive input[type="text"], #asx-listing-archive select {
	border: 1px solid #C6C6C663;
    border-radius: 10px;
    padding: 18px 25px;
    gap: 16px;
    box-shadow: rgba(171, 168, 168, 0.05) 0px 2px 8px 0px, rgba(171, 168, 168, 0.15) 0px 1px 4px 0px;
    background-color: rgb(255, 255, 255);
    width: 100%;
	margin-bottom: 15px;
}

#asx-listing-archive select {	
	-webkit-appearance: none;
  	-moz-appearance: none;
  	appearance: none;	
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 25px center;
	background-size: 16px 12px;
	font-family: var(--e-global-typography-text-font-family), Sans-serif;
	font-size: 17px;
	width: auto;
	padding-right: 55px;
}

#asx-listing-archive select[name="archive-select"] {
	padding: 10px 55px 10px 20px;
}

#asx-listing-archive select:focus-visible {
	outline: 2px solid var(--e-global-color-accent);
}

#asx-listing-overview {
	background: #253c5717;
    padding: 15px;
    text-align: right;
    font-family: var(--e-global-typography-8557fa8-font-family), Sans-serif;
    font-size: var(--e-global-typography-8557fa8-font-size);
    font-weight: var(--e-global-typography-8557fa8-font-weight);
    line-height: var(--e-global-typography-8557fa8-line-height);
    letter-spacing: var(--e-global-typography-8557fa8-letter-spacing);
    word-spacing: var(--e-global-typography-8557fa8-word-spacing);
    color: var(--e-global-color-primary);
}






/*.asx-filter-year.active {
	background: blue;
}*/

/*.asx-filter-year {
	position:relative;
	font-weight: 600!important;
}*/

.announcement-tabs a:before {
	content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 2px;
    background-image: linear-gradient(var(--e-global-color-accent) 2px, transparent 0);
    background-size: 4px;
    transition: width .25s ease-in-out;
}

.announcement-tabs a.active {
	color: var(--e-global-color-primary);
}

.announcement-tabs a.active:before {
	width: 100%;
    opacity: 1;
}

.announcement-tabs a:hover:before {
	width: 100%;
    opacity: 0.5;
}

/* Pagination */
#asx-pagination {
	text-align: center;
}

.asx-view-more {
	display: inline-flex;
	gap: 11px;
	flex-direction: row;
	justify-content: center;
}

.asx-view-more .elementor-button-icon {
	fill: var(--e-global-color-primary);
    color: var(--e-global-color-primary);
}

/* Investors page - (Reverse) */
.bg-reverse .json-list-item .asx-title, .bg-reverse .json-list-item .asx-date {
    color: #FFF;
}

.bg-reverse .list_res .json-list-item {
	border-color: #F4F3EB29;
}

.bg-reverse .list_res .json-list-item:hover {
	background-color: #ffffff0d;
}

.bg-reverse  .json-list-item .asx-title {
	width: 83%;
}

.bg-reverse .json-list-item .asx-download-link {
	width: 20px;
}

.bg-reverse .json-list-item .asx-download-link span {
	display: none;
}

.bg-reverse .json-list-item:hover .asx-icon .elementor-icon svg {
	fill: #fff;
}

/* Share price chart */
.investor-shareprice-heading span {
    font-size: 17px;
    margin-left: 2px;
}

#share-price-chart .pa-tabs .tab-content {
	border: none;
	padding: 0;
}

#share-price-chart .pa-tabs .tab-buttons {
	margin-bottom: 20px;
	overflow-x: auto;
}

#share-price-chart .proactivecharts-button {
	display: none;
}

#share-price-chart .pa-tabs .tab-button {
	border-color: var(--e-global-color-primary);
	background-color: transparent;
    font-family: var(--e-global-typography-accent-font-family), Sans-serif;
    font-size: var(--e-global-typography-accent-font-size);
    font-weight: var(--e-global-typography-accent-font-weight);
    text-transform: var(--e-global-typography-accent-text-transform);
    line-height: var(--e-global-typography-accent-line-height);
    letter-spacing: var(--e-global-typography-accent-letter-spacing);
    color: var(--e-global-color-primary);
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-radius: 20px 20px 20px 20px;
    padding: 15px 24px 15px 24px;
	white-space: nowrap;
}

#share-price-chart .pa-tabs .tab-button.active, #share-price-chart .pa-tabs .tab-button:hover {
	background-color: var(--e-global-color-accent);
    border-color: var(--e-global-color-accent);
	
}

@media (min-width: 1025px)  {
	.investor-shareprice-heading span {
		font-size: 24px;
		margin-left: 13px;
	}
	
	#share-price-chart .pa-tabs .tab-buttons {
		justify-content: center;
	}
	
}











.latest-announcements .json-list-item .asx-download-link {
	width: 20px;
}

.latest-announcements .json-list-item .asx-download-link span {
	display: none;
}

/* Homepage */
.home .latest-announcements .list_res {
	margin-top: 20px;
	margin-bottom: -18px;
}

.home .latest-announcements .json-list-item .asx-title {
    font-size: 16px;
}

.home .latest-announcements .json-list-item:hover .asx-title {
	color: var(--e-global-color-accent);
}

.home .latest-announcements .list_res .json-list-item {
	border-bottom: none;
	border-top: 1px solid #E1E1E1;
	padding-left: 0;
	padding-right: 0;
}

.home .latest-announcements .list_res .json-list-item:hover {
	background-color: transparent;
}

.home .latest-announcements .json-list-item .asx-date {
	font-size: 14px;
	font-weight: 500;
	margin-right: 0;
}

@media (min-width: 1025px) {
    .latest-announcements .json-list-item .asx-title {
        width: 83%;
    }
}
.movement-sp {
	position: relative;
	border-radius: 15px;
	padding: 3px 14px;
	display: flex;
	align-items: center;
	gap: 9px;
}
.movement-sp:after {
	
	/*content: '<svg aria-hidden="true" class="e-font-icon-svg e-fas-caret-up" viewBox="0 0 320 512" xmlns="http://www.w3.org/2000/svg"><path d="M288.662 352H31.338c-17.818 0-26.741-21.543-14.142-34.142l128.662-128.662c7.81-7.81 20.474-7.81 28.284 0l128.662 128.662c12.6 12.599 3.676 34.142-14.142 34.142z"></path></svg>';*/
	width: 20px;
	display: block;
	right: 0;
	top: 5px;
}

.movement-sp-negative {
	background-color: #E8D4D3;
	color: #BE1B4C;
}

.movement-sp-negative:after {
	content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 170'%3e%3cpath fill='%23BE1B4C' d='M278.662.669H21.338C3.52.669-5.403,22.212,7.196,34.811l128.662,128.662c7.81,7.81,20.474,7.81,28.284,0L292.804,34.811c12.6-12.599,3.676-34.142-14.142-34.142h0Z'/%3e%3c/svg%3e");
}

.movement-sp-positive {
	background-color: #E1EFE2;
	color: #4d8b34;
}

.movement-sp-positive:after {
	content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 170'%3e%3cpath fill='%234d8b34' d='M278.662,169.331H21.338c-17.818,0-26.741-21.543-14.142-34.142L135.858,6.527c7.81-7.81,20.474-7.81,28.284,0l128.662,128.662c12.6,12.599,3.676,34.142-14.142,34.142h0Z'/%3e%3c/svg%3e");
}

#homepage-shareprice-widget .movement-sp {
	background: transparent;
	padding: 0;
	gap: 14px;
}




