/*
  Running Squiz Matrix
  Developed by Squiz - http://www.squiz.net
  Squiz, Squiz Matrix, MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd
  Page generated: 26 October 2024 22:53:09
*/


/* Custom CSS */
p.intro {
    font-size: 1.2em;
    font-weight: 700;
    color: #492581;
}

.overflow{
    overflow: auto;
}

.content-center {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
}

@media (max-width: 991px) {
/*.spf-body.uikit-grid .col-md-1 .spf-article-box, .spf-body.uikit-grid .col-md-10 .spf-article-box, .spf-body.uikit-grid .col-md-11 .spf-article-box, .spf-body.uikit-grid .col-md-12 .spf-article-box, .spf-body.uikit-grid .col-md-2 .spf-article-box, .spf-body.uikit-grid .col-md-3 .spf-article-box, .spf-body.uikit-grid .col-md-4 .spf-article-box, .spf-body.uikit-grid .col-md-5 .spf-article-box, .spf-body.uikit-grid .col-md-6 .spf-article-box, .spf-body.uikit-grid .col-md-7 .spf-article-box, .spf-body.uikit-grid .col-md-8 .spf-article-box, .spf-body.uikit-grid .col-md-9 .spf-article-box {height: auto !important;}*/

/* equal height settings for tiles 

.equal-height {height: auto !important}
*/
}

/* Indicator custom article box start */

/* Indicator custom article box class added to spf-article-box equal-height-domain */

.indicator-access

{border-left: 1px solid rgba(233, 233, 233) !important;
 border-top: 3px solid #f26c23 !important;
 box-shadow: 2px 0px 2px rgba(49, 49, 49, 0.7) !important;
}

.indicator-economy

{border-left: 1px solid rgba(233, 233, 233) !important;
 border-top: 3px solid #00a999 !important;
 box-shadow: 2px 0px 2px rgba(49, 49, 49, 0.7) !important;
}

.indicator-education

{border-left: 1px solid rgba(233, 233, 233) !important;
 border-top: 3px solid #ab4398 !important;
 box-shadow: 2px 0px 2px rgba(49, 49, 49, 0.7) !important;
}

.indicator-environment

{border-left: 1px solid rgba(233, 233, 233) !important;
 border-top: 3px solid #f26c23 !important;
 box-shadow: 2px 0px 2px rgba(49, 49, 49, 0.7) !important;
}

.indicator-governance

{border-left: 1px solid rgba(233, 233, 233) !important;
 border-top: 3px solid #00adef !important;
 box-shadow: 2px 0px 2px rgba(49, 49, 49, 0.7) !important;
}

.indicator-health

{border-left: 1px solid rgba(233, 233, 233) !important;
 border-top: 3px solid #482d8c !important;
 box-shadow: 2px 0px 2px rgba(49, 49, 49, 0.7) !important;
}

.indicator-housing

{border-left: 1px solid rgba(233, 233, 233) !important;
 border-top: 3px solid #a0c13c !important;
 box-shadow: 2px 0px 2px rgba(49, 49, 49, 0.7) !important;
}

.indicator-identity

{border-left: 1px solid rgba(233, 233, 233) !important;
 border-top: 3px solid #ef3741 !important;
 box-shadow: 2px 0px 2px rgba(49, 49, 49, 0.7) !important;
}

.indicator-living

{border-left: 1px solid rgba(233, 233, 233) !important;
 border-top: 3px solid #00a99e !important;
 box-shadow: 2px 0px 2px rgba(49, 49, 49, 0.7) !important;
}

.indicator-safety

{border-left: 1px solid rgba(233, 233, 233) !important;
 border-top: 3px solid #ab4398 !important;
 box-shadow: 2px 0px 2px rgba(49, 49, 49, 0.7) !important;
}

.indicator-social

{border-left: 1px solid rgba(233, 233, 233) !important;
 border-top: 3px solid #00adef !important;
 box-shadow: 2px 0px 2px rgba(49, 49, 49, 0.7) !important;
}

.indicator-time

{border-left: 1px solid rgba(233, 233, 233) !important;
 border-top: 3px solid #482d8c !important;
 box-shadow: 2px 0px 2px rgba(49, 49, 49, 0.7) !important;
}

/* Indicator custom article box end */

/* Domain callout custom classes start - Please note that these classes are being used in a limited capacity */

/* Domain callout custom class added to uikit-callout spf-callout domain-health */

.domain-access

{border-left: 0px solid #f26c23 !important;
 border-bottom: 0px solid #f26c23 !important;
 box-shadow: 0px 0px 0px rgba(49, 49, 49, 0.7) !important;
 padding-bottom: 0px;
}

.domain-economy

{border-left: 0px solid #00a999 !important;
 border-bottom: 0px solid #00a999 !important;
 box-shadow: 0px 0px 0px rgba(49, 49, 49, 0.7) !important;
 padding-bottom: 0px;
}

.domain-education

{border-left: 0px solid #ab4398 !important;
 border-bottom: 0px solid #ab4398 !important;
 box-shadow: 0px 0px 0px rgba(49, 49, 49, 0.7) !important;
 padding-bottom: 0px;
}

.domain-environment

{border-left: 0px solid #f26c23 !important;
 border-bottom: 0px solid #f26c23 !important;
 box-shadow: 0px 0px 0px rgba(49, 49, 49, 0.7) !important;
 padding-bottom: 0px;
}

.domain-governance

{border-left: 0px solid #00adef !important;
 border-bottom: 0px solid #00adef !important;
 box-shadow: 0px 0px 0px rgba(49, 49, 49, 0.7) !important;
 padding-bottom: 0px;
}

.domain-health

{border-left: 0px solid #482d8c !important;
 border-bottom: 0px solid #482d8c !important;
 box-shadow: 0px 0px 0px rgba(49, 49, 49, 0.7) !important;
 padding-bottom: 0px;
}

.domain-housing

{border-left: 0px solid #a0c13c !important;
 border-bottom: 0px solid #a0c13c !important;
 box-shadow: 0px 0px 0px rgba(49, 49, 49, 0.7) !important;
 padding-bottom: 0px;
}

.domain-identity

{border-left: 0px solid #ef3741 !important;
 border-bottom: 0px solid #ef3741 !important;
 box-shadow: 0px 0px 0px rgba(49, 49, 49, 0.7) !important;
 padding-bottom: 0px;
}

.domain-living

{border-left: 0px solid #00a99e !important;
 border-bottom: 0px solid #00a99e !important;
 box-shadow: 0px 0px 0px rgba(49, 49, 49, 0.7) !important;
 padding-bottom: 0px;
}

.domain-safety

{border-left: 0px solid #ab4398 !important;
 border-bottom: 0px solid #ab4398 !important;
 box-shadow: 0px 0px 0px rgba(49, 49, 49, 0.7) !important;
 padding-bottom: 0px;
}

.domain-social

{border-left: 0px solid #00adef !important;
 border-bottom: 0px solid #00adef !important;
 box-shadow: 0px 0px 0px rgba(49, 49, 49, 0.7) !important;
 padding-bottom: 0px;
}

.domain-time

{border-left: 0px solid #482d8c !important;
 border-bottom: 0px solid #482d8c !important;
 box-shadow: 0px 0px 0px rgba(49, 49, 49, 0.7) !important;
 padding-bottom: 0px;
}

/* Domain callout custom classes end */

/* Domain indicator and measures visualisation class */

/* class for power bi iframes */

iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/* Use following classes for different aspect ratios for power-bi frames - These classes dictate the responsive aspect ratios of iframes. This can be applied to any sort of iframe (YouTube, PowerBI, Vimeo, etc) */

.powerbi-1-1 {
position: relative;
padding-bottom: 100%;
height: auto !important;
}

.powerbi-3-2 {
position: relative;
padding-bottom: 66.66%;
height: auto !important;
}

.powerbi-4-3 {
position: relative;
padding-bottom: 75%;
height: auto !important;
}

/* .powerbi-8-5 is used for iframes on the wellbeing website. Other aspect ratios preserved in css for future proofing. */

.powerbi-8-5 {
position: relative;
padding-bottom: 62.50%;
/* old configuration: padding-bottom: 62.5%; */
}

.powerbi-16-9 {
position: relative;
padding-bottom: 56.25%;
height: auto !important;
}

.powerbi-narrow {
position: relative;
padding-bottom: 50.50%;
height: auto !important;
}

/* Domain indicator and measures visualisation class ends */


/* Image alignment classes */

.img-right
{float:right;
margin-left:15px;
padding-left:15px;
padding-bottom:10px;
min-width:435px;"
}

/* Image alignment classes */

.spf-text-banner-font  {
    color: #ffffff;
    font-size: 1.2em;
}
.spf-image-outer.background-article-box {
   background-size: auto !important;

}

.spf-text-banner.spf-text-banner--image-gradient{background-image:url();background-size:cover;position:relative;padding:0;overflow:hidden;max-height: 350px;overflow:auto;}

@media (min-width: 1199px) {
    .uikit-grid .nofloat {
        display: inline-block;
        float: none;
    }
}

@media (max-width: 767px) {
    .content-center {
        display: block;
    }
}

@media (min-width:421px) and (max-width:1024px) {
    
.spf-body .spf-text-banner.spf-text-banner--image-gradient .spf-text-banner--image-content {width: 75%;}
    
}

@media only screen and (max-width:420px) {
    
.spf-body .spf-text-banner.spf-text-banner--image-gradient .spf-text-banner--image-content {width: 90%;}
    
}

/*back to top*/

.cd-top{display: inline-block;height: 48px;width: 48px;position: fixed;bottom: 20px;right: 40px;background-color: white;border-radius:50%;box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);text-align: center;overflow: hidden;color: #006d95;white-space: nowrap;visibility: hidden;opacity: 0;-webkit-transition: opacity .3s 0s, visibility 0s .3s;-moz-transition: opacity .3s 0s, visibility 0s .3s;transition: opacity .3s 0s, visibility 0s .3s;}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover{-webkit-transition: opacity .3s 0s, visibility 0s 0s;-moz-transition: opacity .3s 0s, visibility 0s 0s;transition: opacity .3s 0s, visibility 0s 0s;}
.cd-top.cd-is-visible{visibility: visible;opacity: 1; border: none;}
.cd-top.cd-fade-out{opacity: .7;}
.no-touch .cd-top:hover{color: #662d91;opacity: 1;}





/* Center styles for tiles on homepage */
.flex-center {display:flex; justify-content:center;}

/* Adjust slider styles for homepage*/
.text-background .message {margin-left:4em;}