/* FINANCIAL HIGHLIGHTS PAGE */
/* FINANCIAL HEADINGS + DECRIPTION */
.financial-highlights-heading {
    text-align: center;
}

.fin-desc p {
    font-size: 1.25em;
    margin: 0 0 1em 0;
    color: #333;
    line-height: 1.5;
    font-family: "Hoefler Titling A", "Hoefler Titling B";
    font-style: normal;
    font-weight: 300;
    letter-spacing: 0.02em;
}
/* END FINANCIAL HEADINGS + DECRIPTION */
/* FINANCIAL LISTINGS FOR REPORT, PDF LINKS */
/* Main Container */
.financial-maincontainer:before {
    display: table;
    content: " ";
}
/* Wrapper Container */
.financial-wrapcontent {
    margin: 0 auto;
    padding: 0 5%;
}
/* Grid Container - contains year, reports, image cover */
.financial-grid {
}
/* Reports in list items */
.financial-documents {
    padding: 0 2rem;
}
/* Headings - Year */
.financial-year h2 {
    font-family: "LL Brown Pro Bold Alternate Web" !important;
    font-size: 20px;
    margin: 16px 0 5px;
    color: #333333;
}
/* Quarterly Announcements, Communiques, Analyst & Media Presentations - Main Title (Listing with no bullet style) */
.report-title {
    font-family: "LL Brown Pro Bold Alternate Web" !important;
    font-size: 20px;
    margin: 10px 0 15px;
    color: #333333;
    list-style: none;
    text-indent: -14px;
}
.financial-cover_title {
    font-family: "LL Brown Pro Bold Alternate Web";
    color: #333333;
    text-align: center;
    margin-top: 16px;
    width: 100%;
}

/* PDF lists with bullets style */
.report-list {
    list-style: disc;
    font-size: 1.25em;
    margin: 0 0 .5em 0;
    color: #333;
    line-height: 1.5;
    font-family: "Hoefler Titling A", "Hoefler Titling B";
    font-style: normal;
    font-weight: 300;
    letter-spacing: 0.02em;
}
/* Draw a line after each reporting year */
.financial-wrapcontent hr {
    border-top: 1px solid #d9d9d9;
}
/* Financial cover image */
.financial-cover {
    padding: 0;
    position: relative;
    transition: 0.1s;
    margin: 30px 0;
    text-align: center;
}

.financial-cover .fin-cover-overlay {
    opacity: 1;
}

.fincovertitle, .cover-title {
    color: #ffffff;
    font-family: "LL Brown Pro Bold Alternate Web" !important;
    font-size: 14px;
    height: 100%;
    width: 100%;
}

.fin-cover-image {
    box-shadow: 3px 5px 9px #aaa;
    width: 154px;
}

.fin-cover-overlay {
    position: absolute;
    top: 42%;
    left: 50%;
    width: 154px;
    height: calc(100% - 33px);
    display: flex;
    flex-direction: row;
    align-items: center;
    opacity: 0;
    transition: 0.3s;
    transform: translate(-50%, -50%);
}

.fin-cover-overlay .overlay-links {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    margin: 0 auto;
	display: flex;
    align-items: center;
	padding: 0 20px;	
}

.fin-cover-overlay .overlay-links a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 0;
	display: flex !important;
}

.svg-inline--fa.fa-w-12, .svg-inline--fa.fa-w-16 {
    width: 1.75em;
    height: 2em;
}

.svg-inline--fa .fa-secondary {
    fill: #fff;
    opacity: 1!important;
}

.financial-cover .fin-cover-overlay .overlay-links .pdf-class .svg-inline--fa .fa-primary {
    fill: #000;
}

.svg-inline--fa .fa-primary {
    fill: #fff;
}

a.cover-title.\32 022 {
    display: none;
}

/* END FINANCIAL LISTINGS FOR REPORT, PDF LINKS */

/* RESPONSIVE DESIGN */
@media screen and (min-width: 720px) {
    .financial-grid {
        display: inline-block;
    }

    .financial-cover {
        display: inline-block !important;
        align-self: center;
    }
}

@media screen and (min-width: 1200px) {
    .financial-grid {
        display: grid;
        grid-template-columns: 10% 78% 12%;
    }

    .report-title, .financial-year h2 {
        font-size: 20px;
    }

    .financial-documents {
        display: grid;
        grid-template-columns: 1fr 1fr;
        padding: 0 5rem;
    }

    .svg-inline--fa .fa-secondary {
        fill: #000; /*#40E0D0;*/
    }

	.financial-cover .fin-cover-overlay .overlay-links .pdf-class .svg-inline--fa .fa-primary {
    	fill: #fff;
	}
	
	 .svg-inline--fa .fa-primary {
        fill: #000;
    }

    .financial-cover {
        float: right !important;
        margin: 0 auto;
    }

    .financial-cover .fin-cover-overlay {
        opacity: 0;
    }

    .financial-cover:hover .fin-cover-overlay {
        opacity: 1;
        background: rgba(255,255,255,0.7);
    }

}

@media screen and (min-width: 1900px) {
    .report-title, .financial-year h2 {
        font-size: 30px;
    }
}