/****************************************/
/****************************************/
/** Law Society of South Australia **/
/*
 * 
 *  Author: CAUSEIS PTY LTD 
 * 
 *  Version: 1 - Pre EMS template - 21 August 2024
 *  Version: 2 - EMS upgraded template - 17 September 2024
 *  Version: 3 - EMS upgraded template Go Live - 25 March 2025
 *
 * 
 *  Document contains changes to Buttons
 *
 *
*/
/****************************************/
/****************************************/
a.button, a.Button, .PrimaryButton, .SaveAndClose, .SaveAs, .UsePrimaryButton .TextButton, .UsePrimaryButton .TextButtonWithImage, #masterHeaderActionArea a, .RadGrid input.PrimaryButton, .btn, .TextButton, .TextButtonWithImage, .ruButton, #masterHeaderActionArea a, .RadGrid input.TextButton {
    /* padding: 1.2rem 1.4rem; */
    background: var(--primary-color);
    text-decoration: none;
    color: var(--elder-sandstone);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(0.1rem) translateZ(0);
    transform: perspective(0.1rem) translateZ(0);
    box-shadow: none;
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
    line-height: 1;
    border-radius: 0rem;
    font-weight: 500;
    border: none !important;
    border-radius: var(--button-border-radius);
    padding: var(--button-padding) !important;
    /* border-radius: calc(var(--button-border-radius) / 2); */
    margin: auto;
    margin: 0.15rem 0;
    box-shadow: 0px 0px 0 0rem transparent, 0px 0px 0 0rem transparent;
    transition: box-shadow ease 0.2s;
    text-align: center;
}

.PrimaryButton[disabled], a.button:focus, a.Button:focus, .PrimaryButton:focus, .SaveAndClose:focus, .SaveAs:focus, .UsePrimaryButton .TextButton:focus, .UsePrimaryButton .TextButtonWithImage:focus, #masterHeaderActionArea a:focus, .RadGrid input.PrimaryButton:focus, .btn:focus, .TextButton:focus, .TextButtonWithImage:focus, .ruButton:focus, #masterHeaderActionArea a:focus, .RadGrid input.TextButton:focus, html input[type="button"]:focus {
    padding: 1.2rem 1.4rem;
    background: var(--primary-color);
    text-decoration: none;
    /* color: #fff; */
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(0.1rem) translateZ(0);
    transform: perspective(0.1rem) translateZ(0);
    box-shadow: none;
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
    line-height: 1;
    /* border-radius: 0rem; */
    font-weight: 500;
    border: none !important;
}

a.button:hover, a.Button:hover, .PrimaryButton:hover, .SaveAndClose:hover, .SaveAs:hover, .UsePrimaryButton .TextButton:hover, .UsePrimaryButton .TextButtonWithImage, #masterHeaderActionArea a:hover, .RadGrid input.PrimaryButton:hover, .btn:hover, .TextButton:hover, .TextButtonWithImage:hover,.PrimaryButton:disabled, .PrimaryButton:disabled:hover, .TextButton:disabled, .PrimaryButton:disabled:hover .ruButton, #masterHeaderActionArea a:hover, .RadGrid input.TextButton:hover, html input[type="button"]:hover {
    background: var(--primary-color);
    /* overflow: overlay; */
    /* background: transparent; */
    box-shadow: 2px 2px 0 0rem var(--grey-color), 4px 4px 0 0rem var(--primary-color);
    border: none !important;
    border-radius: var(--button-border-radius);
}

a.button:active, a.Button:active, .PrimaryButton:active, .SaveAndClose:active, .SaveAs:active, .UsePrimaryButton .TextButton:active, .UsePrimaryButton .TextButtonWithImage, #masterHeaderActionArea a:active, .RadGrid input.PrimaryButton:active, .btn:active, .TextButton:active, .TextButtonWithImage:active, .ruButton, #masterHeaderActionArea a:active, .RadGrid input.TextButton:active, html input[type="button"]:active {
    background: var(--primary-color);
    color: var(--secondary-color);
    overflow: overlay;
    box-shadow: 0px 0px 0 0rem transparent, 0px 0px 0 0rem transparent;
    border: none !important;
    border-radius: var(--button-border-radius);
}


span[id*="RegisterButton"] a.TextButton {box-shadow: 0px 0px 0 0rem transparent, 0px 0px 0 0rem transparent;transition: box-shadow ease 0.2s;color: var(--secondary-color);}
    
span[id*="RegisterButton"] a.TextButton:hover {
    box-shadow: 2px 2px 0 0rem var(--grey-color), 4px 4px 0 0rem var(--primary-color) !important;
}


}


[class*="utton"][disabled] {
    background: var(--primary-color) !important;
}

a[class*="arge"][class*="utton"] {
    padding: var(--button-padding);
    font-size: 1.7rem;
    /* font-weight: 600; */
}

a[class*="mall"][class*="utton"] {
    padding: var(--button-padding);
    font-size: 1.2rem;
    /* font-weight: 600; */
}

 
a[class*="utton"]:is(:hover, :active, :focus) {
    box-shadow: 2px 2px 0 0rem var(--grey-color), 4px 4px 0 0rem var(--primary-color);
}

a[class*="eritage-green"][class*="utton"] {
    background: var(--heritage-green);
}

a[class*="eritage-green"][class*="utton"]:is(:hover, :active, :focus) {

        box-shadow: 2px 2px 0 0rem var(--grey-color), 4px 4px 0 0rem var(--heritage-green);

}

a[class*="lder-sandstone"][class*="utton"] {
    background: var( --elder-sandstone);
    color: var(--primary-color);
}

a[class*="lder-sandstone"][class*="utton"]:is(:hover, :active, :focus) {

        box-shadow: 2px 2px 0 0rem var(--grey-color), 4px 4px 0 0rem var(--elder-sandstone);

    
}



a[class*="econdary"][class*="utton"] {
    background: var( --elder-sandstone);
    color: var(--primary-color);
}

a[class*="econdary"][class*="utton"]:is(:hover, :active, :focus) {

        box-shadow: 2px 2px 0 0rem var(--grey-color), 4px 4px 0 0rem var(--elder-sandstone);

    
}

a[class*="oneyeater-yellow"][class*="utton"] {
    background: var(--honeyeater-yellow);
    color: var(--primary-color);
}

a[class*="oneyeater-yellow"][class*="utton"]:is(:hover, :active, :focus) {

        box-shadow: 2px 2px 0 0rem var(--grey-color), 4px 4px 0 0rem var(--honeyeater-yellow);

    
}

a[class*="arrot-pea-red"][class*="utton"] {
    background: var(--parrot-pea-red);
}

a[class*="arrot-pea-red"][class*="utton"]:is(:hover, :active, :focus) {

        box-shadow: 2px 2px 0 0rem var(--grey-color), 4px 4px 0 0rem var(--parrot-pea-red);

    
}

a[class*="uitpo-green"][class*="utton"] {
    background: var(--kuitpo-green);
}

a[class*="uitpo-green"][class*="utton"]:is(:hover, :active, :focus) {

        box-shadow: 2px 2px 0 0rem var(--grey-color), 4px 4px 0 0rem var(--kuitpo-green);

    
}

 

a[class*="isabled"][class*="utton"] {
    background: var(--grey-alt-dark) !important;
    color: #fff !important;
    opacity: 0.4;
    pointer-events: none;
    cursor: pointer;
    color: var(--black-color) !important;
    box-shadow: inset 0px 0px 0 0.2rem var(--black-color);
}

a.Button:is(.Danger, .Error, .Warning) {
    background: red !important;
    box-shadow: inset 0px 0px 0 0.2rem red;
}

a.Button:is(.Danger, .Error, .Warning):hover {
    color: black !important;
}



a[class*="utton"]:is(.long, .Long) {
    width: 100%;
    text-align: center;
}



.WebPartZone[class*="eritage"][class*="reen"] a[class*="econdary"][class*="utton"]:is(:hover, :active, :focus) {
    box-shadow: 2px 2px 0 0rem var(--primary-color), 4px 4px 0 0rem var(--elder-sandstone);
}

/*******************************/
/********* accordions **********/
/*******************************/

h4.accordionheading {
    margin: 0 !important;
    padding: 0;
    border-radius: var(--border-radius);
}

.accordion {
    overflow: hidden;
    max-width: var(--docwidth);
}

h4.accordionheading + div {
    /* background: var(--grey-color); */
    border: var(--primary-color) 0.1rem solid !important;
    border-top: 0 !important;
}

h4.accordionheading + div:not([hidden]) {
    max-height: 400rem;
    padding: 2rem;
    border: none;
    margin: -2.5rem 0.5rem 0.5rem 0.5rem;
}

h4.accordionheading button:after {
    content: "+";
    margin: auto 0 auto 0;
    display: inline-block;
    left: auto;
    right: 2.1rem;
    color: var(--dark-color);
    padding: 1em 1.2em;
    transform: rotate(0deg);
    webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-property: transform;
    transition-property: transform, opacity;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    top: 0;
    color: var(--primary-color);
    float: right;
}

h4.accordionheading button[aria-expanded="true"]:after {
    transform: rotate(45deg);
}

h4.accordionheading button {
    text-align: left;
    border: var(--border) !important;
    color: var(--primary-color) !important;
    padding: 0;
    /* margin-bottom: 0 !important; */
    cursor: pointer;
    max-width: var(--docwidth);
    position: relative;
    font-size: 1.8rem;
    background: transparent;
    /* border-bottom: none !important; */
    font-weight: bold;
    display: flex;
    width: 100%;
    /* border-radius: var(--border-radius); */
    flex-direction: row-reverse;
    justify-content: flex-end;
    flex-wrap: nowrap;
    align-items: center;
}

h4.accordionheading button[aria-expanded="true"] {
    /* background: var(--grey-color); */
    margin-bottom: 0px;
    /* padding: 3rem; */
    border-bottom: none !important;
}

.row > h4.accordionheading {
    margin-top: 0;
}

div#accordionGroup + .accordion {
    border: var(--border) !important;
    padding: 2rem;
    margin-top: -0.1rem;
    border-top-color: transparent !important;
    border-radius: var(--border-radius);
}

div#accordionGroup + .accordion + div#accordionGroup > h4.accordionheading > button {
    margin-top: -0.1rem;
    border-top-color: transparent !important;
}

@media (max-width: 992.98px) {
    h4.accordionheading {
    }
}

.accordion * {
    line-height: 2.5rem !important;
}

.accordion h4.accordionheading:after {
    content: none;
}

h4.accordionheading + div:not([hidden]) > * {
    margin-bottom: 0;
    padding-bottom: 1.5rem;
}

.accordion ul, .accordion ol {
    padding-left: 4rem !important;
}

.accordion {
    overflow: hidden;
    transition: max-height 0.5s cubic-bezier(0, 1, 0, 1), opacity 0.5s cubic-bezier(0, 1, 0, 1), margin-bottom 0.5s cubic-bezier(0, 1, 0, 1), opacity 0.5s cubic-bezier(0, 1, 0, 1);
    transition-delay: 0.1s;
    border-radius: var(--border-radius);
}

h4.accordionheading + div:not([hidden]) {
    transition: max-height 1s ease-in-out, opacity 1s ease-in-out, margin-bottom 1s ease-in-out;
    transition-delay: 0.1s;
    opacity: 1;
    overflow: auto;
}

h4.accordionheading + div > * {
    margin: 0 0rem;
}

h4.accordionheading:has( + div:not([hidden])) >button {
    border-bottom: 0 !important;
}

div#accordionGroup + .accordion > div:not(div#ste_container_ciEventDescription *) {
    background: var(--grey-alt-dark);
}



.WebPartZone:has(.iMIS-WebPart + .iMIS-WebPart .accordion) .iMIS-WebPart:has(.accordion) {
    /* margin: 0; */
}

.WebPartZone:has(.iMIS-WebPart + .iMIS-WebPart .accordion) .iMIS-WebPart:has(.accordion):not(.iMIS-WebPart:has(.accordion) + .iMIS-WebPart:has(.accordion)) {
    /* margin-bottom: 0; */
}

.WebPartZone:has(.iMIS-WebPart + .iMIS-WebPart .accordion) .iMIS-WebPart:has(.accordion):is(.iMIS-WebPart:has(.accordion) + .iMIS-WebPart:has(.accordion)) {
}


.WebPartZone:has(.iMIS-WebPart + .iMIS-WebPart .accordion) .iMIS-WebPart:has(.accordion):is(.iMIS-WebPart:has(.accordion) + .iMIS-WebPart:has(.accordion)):last-child {margin-bottom: 0;}

.WebPartZone:has(.iMIS-WebPart + .iMIS-WebPart .accordion) .iMIS-WebPart:has(.accordion):not(.iMIS-WebPart:has(.accordion) + .iMIS-WebPart:has(.accordion)) > div {
    /* margin-bottom: 0; */
}




.UtilitySection.UtilitySTEToggle.ste-section, .obo-panel {
    position: fixed;
    z-index: 20000;
    text-align: center;
    top: auto;
    right: 0;
    bottom: 3rem;
    display: flex;
    box-shadow: 0.2rem 0.3rem 2rem 0 rgb(0 0 0 / 11%);
    overflow: hidden;
    right: 9rem;
    background: white;
    border-radius: var(--border-radius);
}

a.ste-toggle.off {
    padding: 1rem !important;
    width: 4.5rem !important;
    height: 4.5rem !important;
    background-position: -3rem -10rem;
    border: 0 !important;
    border-radius: 0;
    filter: invert(1);
}

a.ste-toggle.off:hover {
    background-color: var(--secondary-color);
}

.obo-panel {
    right: 15rem;
    padding: 1rem;
    margin: 0;
    line-height: 1.7;
    color: var(--black-color);
}

.obo-actions a {
    color: var(--black-color) !important;
    border: 0 !important;
}



.nav-aux-button.nav-aux-cart > a {
    padding: 0;
    width: 100%;
    display: flex;
    height: 100%;
    text-decoration: none !important;
}

.nav-aux-button.nav-aux-cart {
    position: fixed !important;
    width: 4.6rem;
    height: 4.6rem;
    right: 3rem;
    top: auto !important;
    bottom: 3rem;
    background-color: white;
    display: block;
    background-image: url(/images/site/icons/cart.svg);
    background-size: 2.8rem;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 1000000000000000 !important;
    box-shadow: 0px 0px 2rem 0px rgb(0 0 0 / 15%);
    padding: 1rem;
    border-radius: var(--border-radius);
}

.nav-aux-cart a span.cartFull .cartCenter {
    right: -0.5rem;
    position: absolute;
    top: -0.5rem;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    background: var(--primary-color);
}

.nav-aux-cart a span.cartFull .cartCenter > span {
    font-size: 1.4rem;
    color: white;
}

.cartCenter span:before {
    content: "";
}

.cartCenter span:after {
    content: "";
}

.nav-aux-cart span.nav-text {
    font-size: 0;
    margin: auto 0 auto 15%;
    color: black;
}