@import url('https://pseudo-imis.s3.ap-southeast-2.amazonaws.com/sunflower/sunflower.css');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
:root{
    --logo-url: url('https://mhca.imiscloud.com/images/web/Mental-Health-Carers-Australia.svg');
    --brand-1-bg: #8fd400;
    --brand-1-fg: #ffffff;
    --brand-2-bg: #299926;
    --brand-2-fg: #ffffff;
    --brand-3-bg: #dede0d;
    --brand-3-fg: #186d16;
    --grey-fg: #444444;
    --light-grey: #fefefe;
    --light-yellow: #f7f7d7;
    --light-green: #eaf9df;
    --default-font-family: "Poppins", serif;
    --button-font-size: 0.8em;
    --button-padding: 1.2em 2em;
    --card-bg:  #ffffff;
    --card-image-height-horz: 75%;
    --card-image-height-textonimage: 29em;
    --titlebar-intro-width: 43em;
    --titlebar-title-align: left;
    --banner-content-width: 70%;

    --book-shader: linear-gradient(45deg, rgba(0,0,0,0.05), transparent);
    --book-shader-shine: linear-gradient(51deg, rgba(0, 0, 0, 0.05) 40%, rgba(255, 255, 255, 0.3) 70%, transparent);
}
body.Wrapper-HomePage{ --titlebar-title-align: center; }

/* global */
:is(ul,ol){ padding-left: 2em; }
a[href="javascript:void(0)"]{ cursor: default; }
a, a:visited, .Link:visited, .RadGrid.RadGrid .rgRow a:visited, .RadGrid.RadGrid .rgAltRow a:visited
, .RadGrid.RadGrid .rgEditForm a:visited, .k-grid.k-grid a:visited, .RadToolTip.RadToolTip a:visited{ color: var(--brand-1-bg); }
p+:is(h2,h3,h4,h5,h6){ margin-top: 2em; }

/* layout */
.psc_layout{ padding: 0; }
	body.padlayout .psc_layout{ padding: 3em 0; }
 	.dashboard .psc_layout{ padding: 3em 0 0; }
 	.padlayout .psc_layout{ padding: 3em 0; }
	.Wrapper-HomePage .psc_layout{ padding-top: 0; padding-bottom: 0; }
	.notoppadding .psc_layout{ padding-top: 0; }
	.nobottompadding .psc_layout{ padding-bottom: 0; }
	.nopadding .psc_layout{ padding-top: 0; padding-bottom: 0; }
.col6633{ display: grid; grid-template-columns: 2fr 1fr; gap: 5rem; }
.col5050{ display: grid; grid-template-columns: 1fr 1fr; gap: 5rem; }
.col2575{ display: grid; grid-template-columns: 1fr 2fr; gap: 5rem; }
.col255025{ display: grid; grid-template-columns: 1fr 2fr 1fr; gap: 2.5rem; }
.colthirds{ display: grid; grid-template-columns: repeat(3,1fr); gap: 2.5rem; }
.colquarters{ display: grid; grid-template-columns: repeat(4,1fr); gap: 2rem; }
@media(max-width: 769px){ .colgrid{ grid-template-columns: 1fr !important; } }
.padtopbottom{ padding-top: 3em; padding-bottom: 3em; }

/* header */
#masterHeaderImage{ height: 6em; transform: translateY(-10px); }
    body.scrolled #masterHeaderImage{ height: 3em; }
#hd .psc-navigation li ul.psc-submenu-level1{ padding: 0 1em; }
#hd .psc-navigation li:focus-within ul.psc-submenu-level1, #hd .psc-navigation li:hover ul.psc-submenu-level1{ padding: 1em; }
#hd.style2 .psc-navigation .menucontainer{ display: flex; gap: 0em 1em; flex-wrap: wrap; }
#hd .psc-navigation a{ font-size: 0.9em; }
    #hd .psc-navigation a:hover{ color: var(--brand-1-bg); }

/* footer */
#footerlogo{ padding: 0 0 5em; opacity: 1; }
#ft .singlebar{ padding: 0 0 2em; }
#ft .biglinks{ display: grid; grid-template-columns: repeat(2,1fr); gap: 0em; margin: 0; padding: 4em 0 1em; list-style: none; }
    #ft .biglinks a{ display: block; border-radius: 0.3em; box-shadow: 0 0 5em rgba(255,255,255,0.9); overflow: hidden; }
        #ft .biglinks a:hover{ box-shadow: 0 0 2em rgba(0,0,0,0.2); transform: scale(0.99); }
.footer-content .contact ul li a{ align-items: flex-start; }
    .footer-content .contact ul li a:hover{ opacity: 0.8; text-decoration: none; }
    .footer-content .contact ul li a>.fa{ line-height: 1.5em; }
    .footer-content .contact ul li a>span :is(b,strong,em){ display: block; font-style: normal; }

/* dashboard */
.dashboardpanel{  }
    .dashboardpanel h1{ margin-bottom: 1em; }
    .dashboardpanel .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch.RadTabStripTop .rtsLevel1{ width: auto; margin-left: 0.3em; margin-right: 0.3em; }
        .dashboardpanel .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected{ background-color: var(--brand-2-bg) !important; color: var(--brand-2-fg) !important; border-color: var(--brand-2-bg) !important; }
            .dashboardpanel .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel1 .rtsLink:not(.rtsSelected):hover{ background-color: #f2f2f2 !important; }
        .dashboardpanel .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel1 .tab-step-number{ margin-right: 0.5em; }
            .dashboardpanel .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected .tab-step-number{ background-color: var(--brand-2-fg); color: var(--brand-2-bg); }
    .dashboardpanel .RadMultiPage{ padding: 2em; border-radius: 0.3em; }

/* subscriber sign up wizard */
.subscribersignup{  }
    .subscribersignup .ContentWizardDisplay{  }
        .subscribersignup .ContentWizardDisplay .panel-heading.Collapsible{ margin-bottom: 1.5em; }
            .subscribersignup .ContentWizardDisplay h2{ font-size: 1.5em; }
        .subscribersignup .ContentWizardDisplay #ste_container_CarerIdentity{ margin-top: 2em; padding-top: 2em; border-top: solid 1px var(--grey-fg); }
        .subscribersignup .ContentWizardDisplay .PanelEditorEditForm .row+.row{ margin-top: 1em; }
        .subscribersignup .ContentWizardDisplay .PanelEditorEditForm .PanelField{  }
            .subscribersignup .ContentWizardDisplay .PanelEditorEditForm .PanelField label{ font-size: 0.9em; }
        .subscribersignup .ContentWizardDisplay .paneleditor-information .PanelEditorEditForm .row:nth-child(3) .col-md-4{ width: 100%; }
        .subscribersignup .ContentWizardDisplay .paneleditor-information .PanelEditorEditForm .row:nth-child(3) .cell-empty{ display: none; }
        .subscribersignup .ContentWizardDisplay .paneleditor-information .PanelEditorEditForm .row:nth-child(6) .col-md-4{ width: 100%; }
        .subscribersignup .ContentWizardDisplay .paneleditor-information .PanelEditorEditForm .row:nth-child(6) .cell-empty{ display: none; }
        .subscribersignup .ContentWizardDisplay .paneleditor-identity .PanelEditorEditForm .row:nth-child(3) .col-md-6{ width: 50%; }
        .subscribersignup .ContentWizardDisplay .paneleditor-identity .PanelEditorEditForm .row:nth-child(3) .cell-empty{ display: none; }
        .subscribersignup .ContentWizardDisplay .paneleditor-identity .PanelEditorEditForm .CheckBoxList{ width: 100% !important; height: 16.5em !important; }

/* contact form */
.contactform{ padding-top: 1em; padding-bottom: 3em; }
    .contactform .InputXLarge{ width: 30em; }
    .contactform .FloatRight{ margin-right: 2.5em; }

/* content buddy */
    .psc-cb-ipart-content-heading{ margin-bottom: 0; }
        .psc-cb-ipart-content-heading:has(.psc-cb-ipart-title){ margin-bottom: var(--titlebar-margin-bottom); }
    :is(a,button).psc-cb-button, :is(a,button).psc-cb-button:visited{ line-height: 1.3em; }
    .psc-cb-ipart-container.overlayabove .inner{ margin-top: -10em; }

    /* custom */
    .lightgreybg{ background-color: var(--light-grey); }
    .yellowbg{ background-color: var(--brand-3-bg); color: var(--brand-3-fg); }
        .yellowbg .psc-cb-cards .psc-cb-card{ color: var(--grey-fg); border-top: solid 0.5em var(--brand-2-bg); }
        .yellowbg .psc-cb-ipart-title, .yellowbg .psc-cb-text-title{ color: var(--brand-3-fg); }
    .noimage .psc-cb-cards .psc-cb-card .psc-cb-card-detailcol{ height: auto; padding: 2em 2em 0; }
    p.introtext{ color: var(--brand-2-bg); font-size: 1.2em; font-weight: 600; }
    .imagebar.yellow{ --imagebar-overlay: transparent; --imagebar-intro-colour: var(--brand-3-fg); }
        .imagebar.yellow h2{ color: var(--brand-3-fg); }

    /* banner */
    .psc-cb-header.parallax{ background-attachment: fixed; }
    .psc-cb-header-content :is(h1,h2){ line-height: 1em; text-shadow: 1px 1px 2px rgba(0,0,0,0.3); }
    .psc-cb-header-container .VueCarousel-navigation-button{ display: block; color: var(--brand-1-fg) !important; font-size: 4em; outline: none !important; }
        .psc-cb-header-container .VueCarousel-navigation-button:hover{ color: var(--brand-1-bg) !important; }

    /* cards */
    .psc-cb-card-description ul li+li{ margin-top: 1em; }
    .doublecards{  }
        .doublecards .psc-cb-cards .psc-cb-card .psc-cb-card-heading{ min-height: 3em; }
        .doublecards .psc-cb-cards .psc-cb-card .psc-cb-card-description{ min-height: 15em; }
    .triplecards{  }
        .triplecards .psc-cb-cards .psc-cb-card .psc-cb-card-heading{ min-height: 3em; }
        .triplecards .psc-cb-cards .psc-cb-card .psc-cb-card-description{ min-height: 20em; }
    .numbercards{  }
        .numbercards .psc-cb-cards .psc-cb-card .psc-cb-card-heading{ display: inline-block; width: 1.3em; height: 1.3em; background-color: var(--brand-1-bg); color: var(--brand-1-fg); font-size: 2em; line-height: 1.2em; border-radius: 100%; text-align: center; }
    .documentcovers{  }
        .documentcovers .preset6 .psc-cb-cards .psc-cb-card .psc-cb-card-image>*{ background-position: center top; background-size: 100% auto; }
            .documentcovers .preset6 .psc-cb-cards .psc-cb-card .psc-cb-card-image:after{ background: var(--book-shader); }
                .documentcovers.shine .preset6 .psc-cb-cards .psc-cb-card .psc-cb-card-image:after{ background: var(--book-shader-shine); }
        .documentcovers .preset6 .psc-cb-cards .psc-cb-card .psc-cb-card-detailcol{ top: auto; display: block; }
            .documentcovers .psc-cb-cards .psc-cb-card .psc-cb-card-content{ background-color: var(--brand-2-fg); color: var(--brand-2-bg); font-size: 0.8em; box-shadow: 0 0 1em rgba(0,0,0,0.1); }
                .documentcovers .preset6 .psc-cb-cards .psc-cb-card .psc-cb-card-heading{ color: var(--brand-2-bg); text-align: center; }
                .documentcovers .psc-cb-cards .psc-cb-card .psc-cb-card-action{ margin-bottom: 0; text-align: center; }
    .pdfcards{  }
        .pdfcards .psc-cb-cards .psc-cb-card{ position: relative; height: 10em; transition: all 0.3s; }
            .pdfcards .psc-cb-cards .psc-cb-card .psc-cb-card-image>*{ position: absolute; inset: 0; z-index: 10; background-image: none !important; }
            .pdfcards .psc-cb-cards .psc-cb-card .psc-cb-card-detailcol{ position: absolute; inset: 0; left: 4em; z-index: 1; }
                .pdfcards .psc-cb-cards .psc-cb-card .psc-cb-card-detailcol:after{ content: '\f1c1'; font-family: var(--fa-style-family,"Font Awesome 6 Free"); font-weight: 900; position: absolute; left: -1.5em; top: 0.25em; color: var(--default-fg); font-size: 2em; opacity: 0.3; transition: all 0.3s; }
                .pdfcards .psc-cb-cards .psc-cb-card .psc-cb-card-heading{ color: var(--default-fg); font-family: var(--default-font-family); font-size: 1em; font-weight: 500; line-height: 1.3em; transition: all 0.3s; }
            .pdfcards .psc-cb-cards .psc-cb-card .psc-cb-card-action{ display: none; }
            .pdfcards .psc-cb-cards .psc-cb-card:hover{ background-color: var(--brand-2-bg); color: var(--brand-2-fg); }
                .pdfcards .psc-cb-cards .psc-cb-card:hover .psc-cb-card-detailcol:after{ color: var(--brand-2-fg); }
                .pdfcards .psc-cb-cards .psc-cb-card:hover .psc-cb-card-heading{ color: var(--brand-2-fg); }

    /* features */
    .psc-cb-features-card{ background-color: #ffffff; }
        .psc-cb-features-card .psc-cb-features-card-image .image{ width: 4em; }

    /* text */
    .psc-cb-text-textcontent{ margin-bottom: 0; }
    .psc-cb-text-body:has(.mainbox):has(.sidebox){ display: grid; grid-template-columns: 2fr 1fr; gap: 3em; margin-top: 2em; }
        .psc-cb-text-body .mainbox p{ font-size: 0.8em; }
        .psc-cb-text-body .sidebox{ padding: 0em 1em; background-color: #ffffff; border-radius: 0.3em; box-shadow: 0 0 0.25em rgba(0,0,0,0.1); text-align: center; }
            .psc-cb-text-body .sidebox .icon{ margin: 0; padding: 0; font-size: 3.5em; opacity: 0.75; text-align: center; }
    .sidebox .psc-cb-text-container{ padding: 2em; background-color: #ffffff; color: var(--grey-fg); border-left: solid 0.5em var(--brand-1-bg); border-radius: 0.3em; box-shadow: 0 0 0.5em rgba(0,0,0,0.1); }
        .sidebox .psc-cb-text-container .psc-cb-text-body{ font-size: 0.9em; }
            .sidebox .psc-cb-text-container .psc-cb-text-body .psc-cb-button{ text-align: center; }
        .sidebox img[src$="caring-fairly-logo.png"]{ display: block; margin: 0 auto; max-width: 8em; }
    .plaque{ position: relative; }
        .plaque:before{ content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4em; background: linear-gradient(to bottom,rgba(0,0,0,0.4),transparent); }
        .plaque:after{ content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 4em; background: linear-gradient(to top,rgba(0,0,0,0.4),transparent); }
        .plaque .psc-cb-text-container{ padding: 2em; background-color: rgba(255,255,255,0.9); border-radius: 0.5em; box-shadow: 0 0 2em rgba(0,0,0,0.4); }

@media(max-width:768px){
    .psc-cb-text-body:has(.mainbox):has(.sidebox){ grid-template-columns: 1fr; gap: 2em; }
}