@charset "utf-8";
/* CSS Document */

body {
  font-family: Montserrat, Playfair Display;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 0;
  line-height: 1.75;
  color: #1f1f1f;
  margin: 0;
  padding: 0;  
}
a
{
	text-decoration:none; color:#897a66;
	outline: none;
}
a:hover
{
	text-decoration:none;color:#1f1f1f;
}
h2
{	
    font-size: 40px;
    line-height: normal;
    font-family: "Playfair Display", serif;
    color: #897a66;
    margin: 0px 0px 30px 0px;
    font-weight: bold;
}
.d-none
{
	display:none;
}
.btn-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}
.irbutton, .btn-primary, .size
{  
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
	line-height:1;
    font-weight: bold;
    color: #897a66;        
    text-align: center;    
    transition: 0.25s all linear;
	display:inline-block;    
}
.irbutton:after, .btn-primary:after, .ClsButton:after, .size:after {   
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 10px;
    vertical-align: middle;
    background: url("../images/view-more-icon.png") no-repeat center center / contain;
    transition: all 0.3s ease;
}
.irbutton:hover, .btn-primary:hover, .ClsButton:hover, .size:hover
{
   
}
.ClsButton
{
	font-family: "Montserrat", sans-serif !important;
    width: auto !important;
    height: auto !important;
    outline: none !important;
    font-size: 14px !important;
    background-color: #897a67 !important;
    border-color: #897a67 !important;
    color: #fff !important;
    min-width: 100px;
    border-radius: 4px;
    padding: 6px 12px;
	    font-weight: 600 !important;
}
#sm-wrapper .irbutton
{
	margin-top:24px;
}
#ba-wrapper, #newsalert-wrapper, #reports-wrapper, #sm-wrapper
{
	margin-top:80px;
}
#stockinfo-wrapper {
  position: relative;
  background-color:#F1F1F1;
  padding:80px 0px;
}
#stockinfo-wrapper  h4
{
	font-size: 20px;
    line-height: 24px;
    font-weight: bold;
    margin-top: 0px;
    color: #897a66;
    margin-bottom: 10px;
}
#stockinfo-wrapper h1 {
    font-size: 54px;
    line-height: 54px;   
    display: inline-block;
    margin: 0px 8px 0px 0px;
    vertical-align: middle;
    color: #000000;
    font-family: "Playfair Display", serif;
    font-weight: bold;
}
#stockinfo-wrapper .stockprice div {
    font-size: 18px;
    line-height: 18px;
    display: inline-block;
    vertical-align: bottom;  
    color: #000000;   
}
#stockinfo-wrapper .stockprice.priceUp div:before, #stockinfo-wrapper .stockprice.priceDown div:before
{
  content: "";
  background-size: contain;
  width: 19px;
  height: 20px;
  display: inline-block;
  margin-right: 4px;  
  vertical-align:middle;
}
#stockinfo-wrapper .stockprice.priceUp div:before {
 
  background: url("../images/arrowup.png") no-repeat center center; 
}
#stockinfo-wrapper .stockprice.priceDown div:before { 
  background: url("../images/arrowdown.png") no-repeat center center; 
}
#stockinfo-wrapper .stockprice.priceUp div
{
  color:#329009;
}
#stockinfo-wrapper .stockprice.priceDown div
{
  color:#e9292a;	
}
#stockinfo-wrapper .stocklist-wrapper {
  display: flex;
  width: 100%;
  margin: 18px 0px;
  gap: 20px;
  justify-content: space-between;
}
#stockinfo-wrapper .stocklist {
  flex: 0 1 auto;
  padding: 16px 0px 16px;
  font-size: 18px;
  line-height: 1.2;
  color: #000;
  font-weight: bold;
}
#stockinfo-wrapper .stocklist:last-child {
    border-right: none;
	text-align:right;
}
#stockinfo-wrapper .stocklist:first-child
{
	text-align:left;
}
#stockinfo-wrapper .stocklist span {
    display: block;
    margin-top: 8px;
    font-size: 30px;    
    color: #897A67;
}
#stockinfo-wrapper .btn-row
{
	margin-top:24px;
}
#stockinfo-wrapper .btn-row p
{
	margin-bottom:0px;font-size:13px;
	color: #9A9A9A;
}
#ba-wrapper {
    text-align: center;
}

/* Card: white base, brown layer slides over it */
#ba-wrapper .news-card {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    background: #fff;
    padding: 40px 30px;
    height: 100%;
    min-height: 220px;
    box-shadow: 0px 3px 14px #00000030;
    border-radius: 4px;
}

/* Brown layer: slides down on hover, slides back up on mouse out */
#ba-wrapper .news-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #897a66;
    transform: scaleY(0);
    transform-origin: top center;
    transition: transform 0.4s ease;
    z-index: -1;
}

#ba-wrapper .news-card:hover::before {
    transform: scaleY(1);
}

/* Keep content above the sliding layer */
#ba-wrapper .news-card > * {
    position: relative;
    z-index: 1;
}

/* Text */
#ba-wrapper .news-card a,
#ba-wrapper .news-card p {
    display: block;
    line-height: 1.4;
    margin: 0;
    text-align: left;
    color: #000;
    transition: color 0.3s ease;
}

/* Date block */
#ba-wrapper .date-wrapper {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 20px;
    font-family: "Playfair Display", serif;
}

/* Wrapper holds the image and day number */
#ba-wrapper .date-wrapper > div {
    position: relative;
    display: inline-block;
    line-height: 0;
}

#ba-wrapper .date-wrapper img {
    display: block;
    width: auto;
    height: 70px;
    max-width: none;
    transition: filter 0.3s ease;
}

/* Day number, over the calendar's day box */
#ba-wrapper .date-wrapper span {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding-bottom: 10px;
    font-size: 28px;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    transition: color 0.3s ease;
}

#ba-wrapper .date-wrapper h5 {
    font-size: 20px;
    font-weight: bold;
    color: #897a66;
    margin: 0;
    transition: color 0.3s ease;
}

/* Hover: text and calendar invert while the layer is down */
#ba-wrapper .news-card:hover a,
#ba-wrapper .news-card:hover p,
#ba-wrapper .news-card:hover .date-wrapper h5 {
    color: #fff;
}

#ba-wrapper .news-card:hover .date-wrapper img {
    filter: brightness(0) invert(1);
}

#ba-wrapper .news-card:hover .date-wrapper span {
    color: #897a66;
}

#ba-wrapper .irbutton {
    margin-top: 50px;
}

/* Section */
#reports-wrapper {
    position: relative;
    text-align: center;
    background: url("../images/reports-bg.jpg") no-repeat center center / cover;
    padding: 80px 0;
    isolation: isolate;
}

#reports-wrapper h2 {
    color: #fff;
}

/* Equal-height columns */
#reports-wrapper .row {
    display: flex;
    flex-wrap: wrap;
}

#reports-wrapper .row > [class*="col-"] {
    display: flex;
    margin-bottom: 30px;
}

/* Card */
.report-box {
    position: relative;
    overflow: hidden;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #fff;
    border-radius: 10px;
    padding: 40px 20px;
    color: #897a66;
    transition: box-shadow 0.3s ease;
}
/* Hover background photo, sits behind the content */
.report-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: none center / cover no-repeat;
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 0;
}
.report-box > * {
    position: relative;
    z-index: 1;
}
.report-box.bg-prospectus::before {
    background-image: url("../images/prospectus-hover.png");
}
.report-box.bg-ar::before {
    background-image: url("../images/ar-hover.png");
}
.report-box.bg-qr::before {
    background-image: url("../images/qr-hover.png");
}
.report-box.bg-circulars::before {
    background-image: url("../images/circulars-hover.png");
}
/* Icon circle */
.report-icon {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: #897a66;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 24px;
    transition: background-color 0.3s ease;
	
}
.report-icon img {
    width: 28px;
    height: auto;
}
/* Only the default icon shows until hover */
.report-icon .icon-hover {
    display: none;
}
/* Title */
.report-box h4 {
    font-family: "Playfair Display", serif;
    font-size: 20px;
    font-weight: bold;
    margin: 0;
    transition: color 0.3s ease;
}
/* Download / View links, pushed to the bottom of the card */
.report-actions {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 24px;
    margin-top: auto;
    padding-top: 24px;
}
.report-actions a {   
    font-weight: 700;
    color: #897a66;
    text-decoration: none;
    transition: color 0.3s ease;
}
.report-actions a img {
    width: 20px;
    height: auto;
    vertical-align: middle;
    margin-left: 4px;
    transition: filter 0.3s ease;
}
/* Hover state */
.report-box:hover::before {
    opacity: 1;
}
.report-box:hover .report-icon {
    background: #fff;
}
.report-box:hover .icon-default {
    display: none;
}
.report-box:hover .icon-hover {
    display: block;
}
.report-box:hover h4,
.report-box:hover .report-actions a {
    color: #fff;
}
.report-box:hover .report-actions a img {
    filter: brightness(0) invert(1);
}



.report-icon,
.report-box h4,
.report-actions {
    transform: translateY(0);
}
/* Icon: up, then back down */
@keyframes report-icon-open {
    0%, 100% { transform: translateY(0); }
    50%      { transform: translateY(-44px);}
}

/* Text: down, then back up */
@keyframes report-text-open {
    0%, 100% { transform: translateY(0); }
    50%      { transform: translateY(44px); }
}
/* Hover: run the open-and-close motion */
.report-box:hover .report-icon {
    animation: report-icon-open 0.3s ease-in-out;
    background: #fff;
}
.report-box:hover h4,
.report-box:hover .report-actions {
    animation: report-text-open 0.3s ease-in-out;
}




#sm-wrapper {
  position: relative;
  background:url(../images/sm-bg.jpg) center no-repeat;
  background-size:cover;
}
#sm-wrapper h4
{	
    margin-bottom: 20px;    
}
#sm-wrapper p
{
	line-height:22px;
}
#newsalert-wrapper
{
	background: url("../images/news-alerts-img.jpg") no-repeat center center / cover;
    padding: 80px 0;
}
#newsalert-wrapper .newsalert-box
{
	background-color:rgba(255,255,255,0.8);
	padding:40px 30px;border-radius:4px;
}
#newsalert-wrapper .newsalert-box p, #ic-wrapper p
{
	margin-bottom: 14px;
    line-height: 20px;
}
#newsalert-wrapper .newsalert-box .custom-form input
{
	margin-bottom:14px;
}
#newsalert-wrapper .newsalert-box  .irbutton
{
	margin-right:12px;margin-top:18px;
}
/* Full-width two-column block */
#ic-wrapper {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 0;
}

/* Brown panel runs from the left edge of the screen to the middle */
#ic-wrapper .ic-text {
    flex: 0 0 50%;
    max-width: 50%;
    background: #897a66;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    padding: 80px 40px 80px 12px;
}

/* Left padding matches the Bootstrap container edge at each breakpoint */
@media (min-width: 1200px) {
    #ic-wrapper .ic-text {
        padding-left: max(12px, calc((100% - 1170px) / 2 + 12px));
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    #ic-wrapper .ic-text {
        padding-left: max(12px, calc((100% - 970px) / 2 + 12px));
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    #ic-wrapper .ic-text {
        padding-left: max(12px, calc((100% - 750px) / 2 + 12px));
    }
}

/* Inner box holds the content at its natural width */
#ic-wrapper .ic-inner {
    width: 100%;
    max-width: 480px;
}

/* Image runs from the middle to the right edge and fills the panel height */
#ic-wrapper .ic-img {
    flex: 0 0 50%;
    max-width: 50%;
    position: relative;
    min-height: 420px;
}

#ic-wrapper .ic-img img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Text colours for the brown panel */
#ic-wrapper h2,
#ic-wrapper p,
#ic-wrapper .iconbox div,
#ic-wrapper .ic-inner div {
    color: #fff;
}



#ic-wrapper .ic-inner div {
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    margin: 20px 0;
}

#ic-wrapper .ic-inner a {
    color: #fff;
}

#ic-wrapper .ic-inner div span {
    display: inline-block;
    vertical-align: middle;
	width: 75%;    
}

#ic-wrapper .ic-inner div span strong {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
}

#ic-wrapper .ic-inner img {
    margin-right: 10px;
    vertical-align: middle;
    /* Makes dark icons white; remove if your icon files are already white */
    filter: brightness(0) invert(1);
}

/* Small screens: stack the panels and drop the side padding to 15px */
@media (max-width: 767px) {
    #ic-wrapper .ic-text,
    #ic-wrapper .ic-img {
        flex: 0 0 100%;
        max-width: 100%;
    }
    #ic-wrapper .ic-text {
        padding: 60px 15px;
    }
    #ic-wrapper .ic-img {
        min-height: 300px;
    }
}
@media (max-width: 991px) {
 
}
/*==========  Mobile First Method  ==========*/
/* Large desktops and laptops */
@media (min-width: 1200px)
{ 
   
}
@media (max-width: 1199px) {
  
  
}
/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) 
{
 
}
@media (min-width: 992px)
{

}
@media (max-width: 991px) 
{
 #stockinfo-wrapper h1
 {
	 font-size:45px;line-height:45px;
 }
 #stockinfo-wrapper .stocklist-wrapper {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 16px 20px;
    }

    #stockinfo-wrapper .stocklist {
        padding: 12px 0px;
        font-size: 16px;
    }
	#stockinfo-wrapper .stocklist:nth-child(2)
	{
		text-align:right;
	}
}
/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) 
{
	#stockinfo-wrapper .stocklist
	{
		width:100%;
	}
}
@media (min-width: 768px)
{
 .row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
 } 
 .vertical-align {
    display: flex;
    align-items: center;
 } 
 .flex-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
 }    
 #ic-wrapper .row
 {
	display: flex;
    flex-wrap: wrap;
 }
 #ba-wrapper .row {
    display: flex;
    flex-wrap: wrap;
}
}
/* Landscape phones and portrait tablets */
@media (max-width: 767px) 
{ 
  #stockinfo-wrapper .col-lg-5
  {
	  margin-top:30px;
  }
  #ba-wrapper .news-card
  {
	  margin-bottom:30px;
  }
  #ba-wrapper .col-lg-4:last-child .news-card
  {
	  margin-bottom:0px;
  }
  #sm-wrapper .row.vertical-align {
        display: flex;
        flex-direction: column;
    }
  #sm-wrapper .row.vertical-align > .col-sm-6:first-child {
        order: 2;margin-top:30px;
    }

    #sm-wrapper .row.vertical-align > .col-sm-6:last-child {
        order: 1;
    }
}
@media (max-width: 480px)
{
 #reports-wrapper .row > [class*="col-"]
 {
	 width:100%;
 }
 #stockinfo-wrapper .btn-row
 {
	 display: flex;
        flex-direction: column;
		align-items: flex-start;
		gap:20px;
 }
 #stockinfo-wrapper .btn-row .irbutton
 {
	order: 2;
 }
}
/* Portrait i phones and smaller */
@media (max-width: 320px) 
{
	
}