/*
 * These styles are outputted both of the frontend and backend of the site
 * Please note any changes you do make may also make changes to the WP backend default styles.
 * Edit with caution
 */

 /*Do not remove the styles below*/
 .wp-block{max-width:none;}
 .block-editor-block-list__block{margin:0;padding:10px;}
 .block-editor-block-list__block:before{content:attr(data-title);background:#adb2ad;color:#ffffff;font-weight:bold;display:block;height:40px;line-height:40px;padding:0 8px;}
 .block-editor-block-list__block:focus:after{display:none;}
 .block-editor-block-list__block:focus:before{background:#007cba;}
#post-title-0{background:#0860A9;color:#ffffff;padding:20px;border-bottom:10px solid #e20777}

 section{background-size:cover;;background-position:center;}
.wrapper{background-position:center;background-size:cover;}
img{max-width:100%;vertical-align:middle;height:auto;}
.align-left{text-align:left;}
.align-right{text-align:right}
.align-center{text-align:center;}
.table{display:table;width:100%;table-layout:fixed;}
.table .left-side, .table .right-side, .table .table-item{display:table-cell;vertical-align:middle;}
.thin-content .container{max-width:700px;}
.flex-center {display: flex; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center;}

/* Site Banner - from Theme options */
.site-banner { background-color: #e20777; color: #fff; text-align: center; padding: 1rem 0; min-height: 3rem; z-index: 999; }
.site-banner p { margin: 0; padding: 0; }
.site-banner .button { margin: 0; }
.site-banner .container {display:flex;align-items:center;justify-content:space-evenly;}
.site-banner.fixed { position: fixed; width: 100%; top: 0px;}
.site-banner.fixed > header { margin-top: 10rem; }
.site-header.has-site-banner {top:73px !important;}
@media (max-width:768px){
	.site-banner { position:relative !important;}
	.site-banner .container {justify-content:center;flex-flow:wrap;gap:2rem;}
}

blockquote{padding:1rem 2rem;margin:0;color:#0860a9;font-weight:bold;font-size:2rem;position:relative;}
blockquote:before{content:'"';font-size:5rem;position:absolute;top:-10px;left:-10px;}
blockquote:after{content:'"';font-size:5rem;position:absolute;bottom:-10px;right:-10px;}

.blue-quote .container{background:#e1eff7;padding:5rem;}

/**Read more**/
.read-more-area{position:relative;}
.read-more-area .read-more-trigger-area{text-align:center;padding-top:1rem;}
.read-more-area .read-more-trigger{font-weight:bold;position: relative;cursor: pointer;}
.read-more-area .read-more-trigger:before, .read-more-area .read-more-trigger:after{content:'';width:20px;height:2px;background:currentColor;position:absolute;top:50%;left:-10px;transform:translate(-100%, -50%);}
.read-more-area .read-more-trigger:after{left:auto;right:-10px;transform:translate(100%, -50%);}
.read-more-area .read-more-continued{height:0;overflow:hidden;transition:all .5s;}
.read-more-area .read-more-continued-padding{padding-top:1.5rem;}

/**Annual Report Stat (shortcode)**/
.annual-report-stat{text-align:center;font-size:1.8rem;line-height:1;}
.annual-report-stat + .annual-report-stat{margin-top:5rem;}
.annual-report-stat .icon{width:100%;max-width:100px;display:inline-block;margin-bottom:1rem;}
.annual-report-stat .icon img{vertical-align:middle;height:100px;width:auto;}
.annual-report-stat .stat-text{font-size:5rem;font-weight:bold;margin-top:1rem;}

.annual-report-stat.horizontal-stat{display:grid;grid-template-columns:120px 1fr;text-align:left;grid-gap:30px;}
.annual-report-stat.horizontal-stat .icon{margin-bottom:0;}
.annual-report-stat.horizontal-stat .content{display:flex;align-items:center;}

/**Circular Annual Report Stat (shortcode) **/
.circular-stat{position: relative;width:350px;max-width:100%;display:inline-block;pointer-events:none;}
.circular-stat.with-link{pointer-events:all;}
.circular-stat.with-link a{font-weight:400;color:inherit;}
.circular-stat svg{fill:none;stroke-width:4;stroke-linecap:round}
.circular-stat svg path{transition:all ease-in-out 2s;}
.circular-stat .circle-svg{stroke:rgba(0,0,0,0.025);}
.circular-stat .circle-progress{position:absolute;top:0;left:0;}

.circular-stat .stat-content{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);text-align:center;font-size:2rem;}
.circular-stat .stat-content .stat{font-size:5rem;font-weight:bold;}

/**Pie Chart**/
.pie-chart{position:relative;display:inline-block;width:auto !important;}
.pie-chart br, .pie-chart p, .pie-chart .stat, .pie-chart .circular-stat .circle-svg{display:none !important;}
.pie-chart svg{stroke-linecap:unset !important;}
.pie-chart .circular-stat{position:absolute;top:0;left:50%;transform:translatex(-50%)}
.pie-chart .circular-stat .circle-progress{position:static;}
.pie-chart .circular-stat:first-of-type{position:relative;}

.annual-report-story-area{font-weight:bold;font-size:2rem;line-height:1.2;padding-right:7rem;clear:both;overflow:hidden;}
.open-video.button, .open-video.button:hover{box-shadow:10px 10px 0px rgba(0,0,0,0.1);padding:2rem !important;margin-top:1rem;margin-left:auto;margin-right:auto;display:table;}

/* Margin and Padding Styles */
.padding-bottom{padding-bottom:5rem;}
.padding-top{padding-top:5rem;}
.padding-both{padding-bottom:5rem;padding-top:5rem;}
.small-padding-bottom{padding-bottom:2.5rem;}
.small-padding-top{padding-top:2.5rem;}
.small-padding-both{padding-bottom:2.5rem;padding-top:2.5rem;}
.large-padding-bottom{padding-bottom:10rem;}
.large-padding-top{padding-top:10rem;}
.large-padding-both{padding-bottom:10rem;padding-top:10rem;}

.margin-bottom{margin-bottom:5rem;}
.margin-top{margin-top:5rem;}
.margin-both{margin-bottom:5rem;margin-top:5rem;}
.small-margin-bottom{margin-bottom:2.5rem;}
.small-margin-top{margin-top:2.5rem;}
.small-margin-both{margin-bottom:2.5rem;margin-top:2.5rem;}
.large-margin-bottom{margin-bottom:10rem;}
.large-margin-top{margin-top:10rem;}
.large-margin-both{margin-bottom:10rem;margin-top:10rem;}

/* Grid */
.container, .with-sidebar { position: relative; width: 100%; max-width: 950px; margin: 0 auto; padding: 0 20px; box-sizing: border-box; clear: both; }
.column, .columns { width: 100%;box-sizing: border-box; }

.grid { display: grid;grid-gap: 3rem; box-sizing: border-box; align-content: stretch; justify-content: center;}

/* Grid Styles*/
.grid-one { grid-template-columns: 1fr }
.grid-two { grid-template-columns: repeat(2, 1fr); }
.grid-three { grid-template-columns: repeat(3, 1fr); }
.grid-four { grid-template-columns: repeat(4, 1fr); }
.grid-five { grid-template-columns: repeat(5, 1fr); }
.grid-six { grid-template-columns: repeat(6, 1fr); }
.grid-left-two-thirds { grid-template-columns: 2fr 1fr; }
.grid-left-three-quarters { grid-template-columns: 3fr 1fr; }
.grid-right-two-thirds { grid-template-columns: 1fr 2fr; }
.grid-right-three-quarters { grid-template-columns: 1fr 3fr; }


@media (min-width: 768px) {
	.container, .with-sidebar { width:100%;}
	.column, .columns { margin-left: 4%;display:inline-block;vertical-align:top;box-sizing:border-box;}
	.vertical-middle .column, .vertical-middle .columns{vertical-align:middle;}
	.column:first-child, .columns:first-child { margin-left: 0; }
	
	.one.column, .one.columns{ width: calc(4.66666666667% - 5px);}
	.two.columns { width: calc(13.3333333333% - 5px);}
	.three.columns { width: calc(22% - 5px);}
	.four.columns { width: calc(30.6666666667% - 5px);}
	.five.columns { width: calc(39.3333333333% - 5px);}
	.six.columns { width: calc(48% - 5px);}
	.seven.columns { width: calc(56.6666666667% - 5px);}
	.eight.columns { width: calc(65.3333333333% - 5px);}
	.one-fifth.columns, .one-fifth.column { width: calc(16.8% - 5px);}
	.four-fifths.columns,.four-fifths.column { width: calc(79.2% - 5px);}
	.nine.columns { width: calc(74.0% - 5px);}
	.ten.columns { width: calc(82.6666666667% - 5px);}
	.eleven.columns { width: calc(91.3333333333% - 5px);}
	.twelve.columns { width: calc(100% - 5px); margin-left: 0;}
	.one-third.column { width: calc(30.6666666667% - 5px);}
	.two-thirds.column { width: calc(65.3333333333% - 5px);}
	.one-fifth.column, .one-fifth.columns	{ width: calc(16.8% - 5px);}
	
	.twelve.columns + .columns, .twelve.columns + .column{margin-left:0;}
}

.hide-desktop {display:none;}

@media(max-width:768px){
	.columns{margin-bottom:2.5rem;}
	.columns:last-child{margin-bottom:0;}
	.hide-mobile{display:none;}
	.hide-desktop{display:block;}
	.toast-mm-menu li a:hover{color:#e20777}
	.grid {grid-template-columns: 1fr !important;}
	
/*.two-col-mobile .container{display:grid;grid-template-columns:1fr 1fr;}*/
	.align-center-mobile{text-align:center;}
.span-2-mobile{grid-column:span 2;}
	
	/**Annual Report Stat (shortcode)**/
	.annual-report-stat.horizontal-stat{display:inline-block;width:calc(48% - 4px);margin-left:4%;text-align:center;}
	.annual-report-stat.horizontal-stat:first-child{margin-left:0;}
	.annual-report-stat.horizontal-stat .content{display:block;}
	.annual-report-stat.horizontal-stat .icon{margin-bottom:1rem;}
	
	.annual-report-story-area{padding:0 3rem;}
	
	/* Margin and Padding Styles */
	.margin-bottom{margin-bottom:5rem;}
	.margin-top{margin-top:5rem;}
	.margin-both{margin-bottom:5rem;margin-top:5rem;}
	.large-margin-bottom{margin-bottom:5rem;}
	.large-margin-top{margin-top:5rem;}
	.large-margin-both{margin-bottom:5rem;margin-top:5rem;}
	
}