/****************************************/
/****************************************/
/** Speech Pathology Australia **/
/*
 * 
 *  Author: CAUSEIS PTY LTD 
 * 
 *  Version: 1 - 05/10/23  
 *
 * 
 *  Document contains changes to Unspecified
 *
 *
*/
/****************************************/
/****************************************/
:root {
    --primary-color: #014991;
--primary-color-hover: #01AEF0;
--primary-dark-color: #014991;

--secondary-color: #01AEF0;
--secondary-color-hover: #014991;

--grey-color: #F2F4F7;    
--dark-color: #1C3044;
}


html {
scroll-behavior: smooth;
}

.breadcrumb-obo-container.ClearFix {
display: none;
max-width: 127.1rem;
margin: auto;
padding: 0 2.8rem 1.5rem 2.8rem;
}

.search-container-sm {
display: none !important;
}
.ste-section {
/* filter: brightness(73.5); */
/* display: none !important;  */
}

.hide {
display: none !important;
}

a.noeffect {
text-decoration: none;
}

@media (min-width: 768px) {
.hideondesktop {
    display: none !important;
}
}

@media (max-width: 768px) {
.hideonmobile {
    display: none !important;
}
}

* {
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-smoothing: antialiased;
text-rendering: optimizeLegibility;
text-shadow: none;
}

div[id*="SignInCommon_"] input[type="text"], div[id*="SignInCommon_"]  input[type="password"] {
border-radius: 2rem;
}


/* Remove blue outline for button "focus" (click but not pass-through) */
:focus {
outline-color: transparent;
outline-style: none;
}

a.noclick {
cursor: default !important;
}

/* Highlight color of selected text */
::selection {
color: #ffffff;
background-color: #0d5cab;
}

::-moz-selection {
color: #ffffff;
background-color: #0d5cab;
}
}

/* Anything with the below class will not be displayed */
.hide {
display: none !important;
}

.iMIS-WebPart > div > div.panel > .panel-heading + .panel-body-container > .panel-body > a[name] {
position: relative;
top: -10rem;
}

/* removes transparent border around content */
.panel {
border: none;
}

hr {
margin: 4rem 0;
}

@media (max-width: 768px) {
hr {
    margin: 4rem 0;
}
}

/* override 15px padding on all content areas >  replace with rem */
.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1 {
padding-left: 1.5rem;
padding-right: 1.5rem;
}

div#masterMainButtonBar {
padding: 0;
margin: 0;
}

/**** cookie warning *****/
.cc-window {
background: #e7e7e9;
color: #253746;
padding: 1rem;
font-size: 1.6rem;
}

a.cc-link {
color: #253746 !important;
font-size: 1.6rem;
font-weight: 400 !important;
opacity: 1;
padding: 0;
text-decoration: underline !important;
}

a.cc-btn.cc-dismiss {
padding: 1.4rem;
cursor: pointer;
background: #014991;
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: text-top;
-webkit-transform: perspective(0.1rem) translateZ(0);
transform: perspective(0.1rem) translateZ(0);
box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.1s;
transition-duration: 0.1s;
border-radius: 0.7rem;
line-height: 1;
font-size: 1.4rem !important;
font-weight: 400;
transition: cubic-bezier(0.32, 0.96, 0.58, 1) 0.4s background;
border: none;
}

a.cc-btn.cc-dismiss:hover {
background: #253746;
}

.col-primary {
width: 100% !important;
}

.col-secondary {
width: 100% !important;
display: none !important;
}

/* Hides col-secondary (the secondary nav on dektop) */
@media (min-width: 1025px) {
.col-primary {
    width:100% !important;
}

.col-secondary {
    width: 100% !important;
    display: none !important;
}
}

.col-secondary {
padding: 1.5rem;
}

.TextButton.Disabled {
pointer-events: none;
background: #F1F3F4;
color: #253746 !important;
}

h4, .h4, .SectionLabel {
border-bottom: none !important;
}

.hideThisZone {
display: none;
}

img[id*="ProgressImage2"] {
filter: brightness(0);
}

.AsiWarning {
border-color: #F1F3F4;
background-color: #F1F3F4;
color: #000;
}

.PanelFieldValue input[type="radio"] {
width: auto !important;
}

.AsiWarning .PanelFieldValue {
max-width: 100%;
}

.AsiWarning .SectionLabel {
color: #253746;
}

li.AsiInformation {
border-color: #014991;
background-color: #014991;    color: #ffffff;

} 

li.AsiInformation img.iMISUserMessageIcon {
filter: grayscale(1);
}

li.AsiInformation ul li a {
text-decoration: underline !important;
}

li.AsiInformation ul li a:visited, li.AsiInformation ul li a:active {
text-decoration: underline !important;
color: #ffffff;
}

li.AsiInformation ul li a:hover {
color: #ffffff;
}

.NeutralShading.FileMessageDetails {
background-color: #014991;
border: 0.1rem solid #014991;
}

.IconSprite.AddIcon {
background-image: none !important;
transition: all .2s ease-in-out;
width: 4rem;
height: 2.3rem;
/* margin-left: -3.5rem; */
}

.IconSprite.AddIcon:after {
content: 'Add';
background: transparent;
font-weight: 700;
color: #253746;
border: 0.1rem #253746 solid;
padding: 0.3rem 0.7rem;
transition: all .2s ease-in-out;
font-size: 1.2rem;
}

.IconSprite.AddIcon:hover:after {
background: #014991;
color: white;
border: 0.1rem #014991 solid;
transition: all .2s ease-in-out;
}

.IconSprite.AddIcon:hover {
transition: all .2s ease-in-out;
}

td.ListerColumnHeader > a[title*="Edit"] {
text-decoration: none !important;
}

td.ListerColumnHeader > a[title*="Edit"]:after {
content: 'Edit';
background: transparent;
font-weight: 700;
color: #253746;
border: 0.1rem #253746 solid;
padding: 0;
transition: all .2s ease-in-out;
font-size: 1rem;
padding: 0.3rem 0.7rem;
text-decoration: none !important;
}

td.ListerColumnHeader > a[title*="Edit"]:hover:after {
background: #014991;
color: white;
border: 0.1rem #014991 solid;
transition: all .2s ease-in-out;
}

.IconSprite.EditIcon {
background: transparent !important;
width: 4rem;
}

.IconSprite.EditIcon:after {
content: 'Edit';
background: transparent;
font-weight: 700;
color: #253746;
border: 0.1rem #253746 solid;
padding: 0;
transition: all .2s ease-in-out;
font-size: 1.3rem;
padding: 0.3rem 0.7rem;
text-decoration: none !important;
}

.IconSprite.EditIcon:hover:after {
background: #014991;
color: white;
border: 0.1rem #014991 solid;
transition: all .2s ease-in-out;
}

td.ListerColumnHeader > a[title*="Edit"] > img {
display: none;
}

td.ListerColumnHeader {
padding: 0 !important;
}

.RadPicker .rcCalPopup, .RadPicker .rcTimePopup {
background: #d8d8d8;
}

.ProgressDiv {
background-color: #014991;
color: #ffffff;
}

/* some Telerik overrides */
.ruButton {
background-color: #014991 !important;
color: #fff !important;
cursor: pointer;
border-radius: 0.5rem !important;
}

.RadTreeView.GLE a:hover, .RadTreeView.GLE a:focus, .RadTreeView.GLE span[onclick]:hover, .RadTreeView.GLE span[onclick]:focus {
background-color: #014991;
color: #fff;
}

.ProgressTracker .SuccessfulMessage, .ProgressTracker .ProgressBar > span {
background-color: #014991;
}

/* </Progress Tracker > */
/* <Progress Tracker 2> */
.ProgressTracker2 .ProgressTrackerPanel {
background-color: #014991;
}

.RadTabStripTop_Metro .rtsLevel1, .RadTabStripTop_Metro .rtsLevel1 .rtsUL, .RadTabStrip_Metro .rtsLevel1, .RadTabStrip_Metro .rtsLevel1 .rtsUL {
background-color: #014991 !important;
}

.RadTabStripTop_Metro .rtsLevel1 .rtsLink, .RadTabStripTop_Metro .rtsLevel1 .rtsUL .rtsLink, .RadTabStrip_Metro .rtsLevel1 .rtsLink, .RadTabStrip_Metro .rtsLevel1 .rtsUL .rtsLink {
text-transform: none;
border-color: #014991;
border-radius: 0.5rem 0.5rem 0 0;
}

html .RadTabStrip.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected, html .RadTabStrip.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected:hover {
border-color: #014991;
background-color: #014991;
}

html .RadTabStrip.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected span.rtsTxt {
color: #ffffff;
}

.RadTabStrip.RadTabStrip_MetroTouch .rtsLevel1 {
border-bottom-color: #014991;
}

.RadGrid.RadGrid_MetroTouch .rgNumPart a.rgCurrentPage, .RadGrid.RadGrid_MetroTouch .rgNumPart a.rgCurrentPage:hover, .RadGrid.RadGrid_MetroTouch .rgPagePrev:active, .RadGrid.RadGrid_MetroTouch .rgPageNext:active, .RadGrid.RadGrid_MetroTouch .rgPageFirst:active, .RadGrid.RadGrid_MetroTouch .rgPageLast:active, .RadGrid.RadGrid_MetroTouch .rgPager .rgPagerButton, .RadGrid.RadGrid_Metro .rgNumPart a.rgCurrentPage, .RadGrid.RadGrid_Metro .rgNumPart a.rgCurrentPage:hover, .RadGrid.RadGrid_Metro .rgPagePrev:active, .RadGrid.RadGrid_Metro .rgPageNext:active, .RadGrid.RadGrid_Metro .rgPageFirst:active, .RadGrid.RadGrid_Metro .rgPageLast:active, .RadGrid.RadGrid_Metro .rgPager .rgPagerButton {
background-color: #014991;
border-color: #014991;
color: #fff !important;
}

.RadGrid.RadGrid_MetroTouch .rgMasterTable .rgSelectedCell, .RadGrid.RadGrid_MetroTouch .rgSelectedRow, .RadGrid.RadGrid_MetroTouch td.rgEditRow .rgSelectedRow, .RadGrid.RadGrid_MetroTouch .rgSelectedRow td.rgSorted, .RadGrid.RadGrid_MetroTouch th.rgSorted, .RadGrid.RadGrid_Metro .rgMasterTable .rgSelectedCell, .RadGrid.RadGrid_Metro .rgSelectedRow, .RadGrid.RadGrid_Metro td.rgEditRow .rgSelectedRow, .RadGrid.RadGrid_Metro .rgSelectedRow td.rgSorted, .RadGrid.RadGrid_Metro th.rgSorted {
background-color: #014991;
border-color: #014991;
}

.RadGrid.RadGrid_MetroTouch .rgMasterTable .rgSelectedCell a, .RadGrid.RadGrid_MetroTouch .rgSelectedRow a, .RadGrid.RadGrid_MetroTouch td.rgEditRow .rgSelectedRow a, .RadGrid.RadGrid_MetroTouch .rgSelectedRow td.rgSorted a, .RadGrid.RadGrid_MetroTouch th.rgSorted a, .RadGrid.RadGrid_Metro .rgMasterTable .rgSelectedCell a, .RadGrid.RadGrid_Metro .rgSelectedRow a, .RadGrid.RadGrid_Metro td.rgEditRow .rgSelectedRow a, .RadGrid.RadGrid_Metro .rgSelectedRow td.rgSorted a, .RadGrid.RadGrid_Metro th.rgSorted a {
color: #fff !important;
}

.RadGrid.RadGrid_MetroTouch .rgGroupPanel, .RadGrid.RadGrid_MetroTouch .rgGroupPanel caption, .RadGrid.RadGrid_Metro .rgGroupPanel, .RadGrid.RadGrid_Metro .rgGroupPanel caption {
background-color: #014991;
}

.RadGrid.RadGrid_MetroTouch .rgActiveRow td, .RadGrid.RadGrid_MetroTouch .rgActiveRow td.rgSorted, .RadGrid.RadGrid_MetroTouch .rgSelectedRow td, .RadGrid.RadGrid_MetroTouch .rgSelectedRow td.rgSorted, .RadGrid.RadGrid_MetroTouch .rgMasterTable .rgActiveCell, .RadGrid.RadGrid_Metro .rgActiveRow td, .RadGrid.RadGrid_Metro .rgActiveRow td.rgSorted, .RadGrid.RadGrid_Metro .rgSelectedRow td, .RadGrid.RadGrid_Metro .rgSelectedRow td.rgSorted, .RadGrid.RadGrid_Metro .rgMasterTable .rgActiveCell {
border-color: #014991;
}

* + html .RadGrid.RadGrid_MetroTouch .rgSelectedRow .rgSorted, * + html .RadGrid.RadGrid_Metro .rgSelectedRow .rgSorted {
background-color: #014991;
}

* html .RadGrid.RadGrid_MetroTouch .rgSelectedRow .rgSorted, * html .RadGrid.RadGrid_Metro .rgSelectedRow .rgSorted {
background-color: #014991;
}

.RadGrid.RadGrid_MetroTouch input.rgAdd, .RadGrid.RadGrid_MetroTouch input.rgRefresh, .RadGrid.RadGrid_MetroTouch .rgSave, .RadGrid.RadGrid_MetroTouch .rgCommandRow .rgCancel, .RadGrid.RadGrid_Metro input.rgAdd, .RadGrid.RadGrid_Metro input.rgRefresh, .RadGrid.RadGrid_Metro .rgSave, .RadGrid.RadGrid_Metro .rgCommandRow .rgCancel {
background-color: #014991;
}

.RadDataPager.RadDataPager_MetroTouch .rdpNumPart a.rdpCurrentPage, .RadDataPager.RadDataPager_MetroTouch .rdpNumPart a.rdpCurrentPage:hover, .RadDataPager.RadDataPager_MetroTouch .rdpPageFirst:hover, .RadDataPager.RadDataPager_MetroTouch .rdpPagePrev:hover, .RadDataPager.RadDataPager_MetroTouch .rdpPageNext:hover, .RadDataPager.RadDataPager_MetroTouch .rdpPageLast:hover, .RadDataPager.RadDataPager_MetroTouch .rdpPagerButton, .RadDataPager.RadDataPager_Metro .rdpNumPart a.rdpCurrentPage, .RadDataPager.RadDataPager_Metro .rdpNumPart a.rdpCurrentPage:hover, .RadDataPager.RadDataPager_Metro .rdpPageFirst:hover, .RadDataPager.RadDataPager_Metro .rdpPagePrev:hover, .RadDataPager.RadDataPager_Metro .rdpPageNext:hover, .RadDataPager.RadDataPager_Metro .rdpPageLast:hover, .RadDataPager.RadDataPager_Metro .rdpPagerButton {
background-color: #014991;
border-color: #014991;
}

.RadGrid_MetroTouch .rgAltRow.rgSelectedRow {
background-color: #F1F3F4;
border-color: #F1F3F4;
}

.RadGrid_MetroTouch .rgAltRow.rgSelectedRow > td {
border-color: #F1F3F4;
color: #253746;
}

.RadGrid.RadGrid_MetroTouch .rgMasterTable .rgSelectedCell a, .RadGrid.RadGrid_MetroTouch .rgSelectedRow a, .RadGrid.RadGrid_MetroTouch td.rgEditRow .rgSelectedRow a, .RadGrid.RadGrid_MetroTouch .rgSelectedRow td.rgSorted a, .RadGrid.RadGrid_MetroTouch th.rgSorted a, .RadGrid.RadGrid_Metro .rgMasterTable .rgSelectedCell a, .RadGrid.RadGrid_Metro .rgSelectedRow a, .RadGrid.RadGrid_Metro td.rgEditRow .rgSelectedRow a, .RadGrid.RadGrid_Metro .rgSelectedRow td.rgSorted a, .RadGrid.RadGrid_Metro th.rgSorted a {
color: #253746 !important;
}

.RadGrid.RadGrid_MetroTouch .rgRow.rgSelectedRow {
background-color: #fff;
border-color: #fff;
}

.RadGrid.RadGrid_MetroTouch .rgRow.rgSelectedRow > td {
border-color: #fff;
color: #253746;
}

.RadGrid.RadGrid_MetroTouch .rgRow.rgSelectedRow > td.rgSorted {
background-color: #F1F3F4;
}

.RadGrid_MetroTouch .rgAltRow.rgSelectedRow > td.rgSorted {
background-color: #F1F3F4;
color: #253746;
border-color: #ffffff;
}

/* RadScheduler
========================================================================== */
.RadScheduler.RadScheduler_Metro .rsAptIn {
border-top: none;
}

.RadScheduler.RadScheduler_Metro .rsHeader {
border-color: #014991;
background-color: #014991;
}

.RadScheduler.RadScheduler_Metro .rsHeader ul a {
border-color: #014991;
}

.RadMenu.RadMenu_Metro div.rmRootGroup, .RadMenu.RadMenu_Metro ul.rmRootGroup, .RadMenu.RadMenu_MetroTouch div.rmRootGroup, .RadMenu.RadMenu_MetroTouch ul.rmRootGroup {
background-color: #014991;
}

.RadMenu.RadMenu_Metro .rmRootLink, .RadMenu.RadMenu_MetroTouch .rmRootLink {
border-color: #014991;
}

.RadMenu.RadMenu_Metro .rmDisabled, .RadMenu.RadMenu_Metro .rmDisabled:hover, .RadMenu.RadMenu_MetroTouch .rmDisabled, .RadMenu.RadMenu_MetroTouch .rmDisabled:hover {
border-color: #014991;
}

.RadMenu.RadMenu_Metro .rmGroup .rmFocused, .RadMenu.RadMenu_Metro .rmGroup .rmFocused:hover, .RadMenu.RadMenu_Metro .rmGroup .rmSelected, .RadMenu.RadMenu_Metro .rmGroup .rmSelected:hover, .RadMenu.RadMenu_Metro .rmGroup .rmLink.rmSelected, .RadMenu.RadMenu_Metro .rmGroup .rmLink.rmSelected:hover, .RadMenu.RadMenu_Metro .rmGroup .rmExpanded, .RadMenu.RadMenu_Metro .rmGroup .rmExpanded:hover, .RadMenu.RadMenu_MetroTouch .rmGroup .rmFocused, .RadMenu.RadMenu_MetroTouch .rmGroup .rmFocused:hover, .RadMenu.RadMenu_MetroTouch .rmGroup .rmSelected, .RadMenu.RadMenu_MetroTouch .rmGroup .rmSelected:hover, .RadMenu.RadMenu_MetroTouch .rmGroup .rmLink.rmSelected, .RadMenu.RadMenu_MetroTouch .rmGroup .rmLink.rmSelected:hover, .RadMenu.RadMenu_MetroTouch .rmGroup .rmExpanded, .RadMenu.RadMenu_MetroTouch .rmGroup .rmExpanded:hover {
border-color: #014991;
background-color: #014991;
color: #FFF !important;
}

.RadWindow.RadWindow_MetroTouch .rwTitleRow .rwTitlebar, .RadWindow.RadWindow_MetroTouch .rwTitleRow .rwTopLeft, .RadWindow.RadWindow_MetroTouch .rwTitleRow .rwTopRight {
background-color: #014991;
}

.RadWindow.RadWindow_MetroTouch .rwTitleRow td.rwWindowContent a.rwPopupButton:active, .RadWindow.RadWindow_MetroTouch .rwTitleRow td.rwWindowContent a.rwPopupButton:focus {
border-color: #014991;
background-color: #014991;
}

.RadWindow.RadWindow_Metro .rwTitlebar, .RadWindow.RadWindow_Metro .rwTopLeft, .RadWindow.RadWindow_Metro .rwTopRight, .RadWindow.RadWindow_Metro .rwTopResize, .RadWindow.RadWindow_Metro .rwControlButtons a {
background-color: #014991;
}

.RadWindow.RadWindow_Metro .rwControlButtons a {
border-color: #014991;
}

.RadCalendar.RadCalendar_Metro .rcFastPrev:hover, .RadCalendar.RadCalendar_Metro .rcPrev:hover, .RadCalendar.RadCalendar_Metro .rcNext:hover, .RadCalendar.RadCalendar_Metro .rcFastNext:hover, .RadCalendar.RadCalendar_MetroTouch .rcFastPrev:hover, .RadCalendar.RadCalendar_MetroTouch .rcPrev:hover, .RadCalendar.RadCalendar_MetroTouch .rcNext:hover, .RadCalendar.RadCalendar_MetroTouch .rcFastNext:hover {
border-color: #014991;
}

.RadCalendar.RadCalendar_Metro .rcFastPrev:hover:before, .RadCalendar.RadCalendar_Metro .rcPrev:hover:before, .RadCalendar.RadCalendar_Metro .rcNext:hover:before, .RadCalendar.RadCalendar_Metro .rcFastNext:hover:before, .RadCalendar.RadCalendar_MetroTouch .rcFastPrev:hover:before, .RadCalendar.RadCalendar_MetroTouch .rcPrev:hover:before, .RadCalendar.RadCalendar_MetroTouch .rcNext:hover:before, .RadCalendar.RadCalendar_MetroTouch .rcFastNext:hover:before {
color: #014991;
}

.RadCalendar.RadCalendar_Metro .rcRow .rcToday a, .RadCalendar.RadCalendar_MetroTouch .rcRow .rcToday a {
border-color: #014991;
}

.RadCalendar.RadCalendar_Metro .rcMain .rcRow .rcSelected a, .RadCalendar.RadCalendar_MetroTouch .rcMain .rcRow .rcSelected a {
border-color: #014991;
background: #014991;
color: #fff !important;
}

.RadCalendarMonthView.RadCalendarMonthView_Metro .rcSelected a, .RadCalendarMonthView.RadCalendarMonthView_MetroTouch .rcSelected a {
background: #014991;
}

.RadCalendarMonthView.RadCalendarMonthView_MetroTouch #rcMView_Today {
background: #014991;
border-color: #014991;
}

.RadCalendarTimeView.RadCalendarTimeView_Metro, .RadCalendarTimeView.RadCalendarTimeView_MetroTouch {
font-family: inherit;
font-weight: inherit;
}

.RadCalendarTimeView.RadCalendarTimeView_Metro td.rcSelected a, .RadCalendarTimeView.RadCalendarTimeView_MetroTouch td.rcSelected a {
border-color: #014991;
background: #014991;
}

.RadPicker.RadPicker_Metro .rcCalPopup:hover, .RadPicker.RadPicker_Metro .rcCalPopup:focus, .RadPicker.RadPicker_Metro .rcCalPopup:active, .RadPicker.RadPicker_Metro .rcTimePopup:hover, .RadPicker.RadPicker_Metro .rcTimePopup:focus, .RadPicker.RadPicker_Metro .rcTimePopup:active, .RadPicker.RadPicker_MetroTouch .rcCalPopup:hover, .RadPicker.RadPicker_MetroTouch .rcCalPopup:focus, .RadPicker.RadPicker_MetroTouch .rcCalPopup:active, .RadPicker.RadPicker_MetroTouch .rcTimePopup:hover, .RadPicker.RadPicker_MetroTouch .rcTimePopup:focus, .RadPicker.RadPicker_MetroTouch .rcTimePopup:active {
background-color: #014991;
}

.panel-body, .PanelBody {
padding: 0;
}

label, .Label, .PanelFieldLabelFont {
color: #253746;
}

.RadGrid_MetroTouch .rgHeader, .RadGrid_MetroTouch .rgHeader a {
color: #253746 !important;
}

.RadTreeView.GLE .rtIn, .RadTreeView.GLE .rtHover .rtIn, .RadTreeView.GLE .rtSelected .rtIn {
color: #014991;
}

.RadComboBox_MetroTouch .rcbReadOnly.rcbFocused {
background-color: #014991 !important;
border-color: #014991 !important;
}

.CommunicationPreferencesSection, .ProductDisplay {
background-color: #F1F3F4;
}

/************* Radwindows ************/
@media (min-width: 767px) {
div#MainPanel {
    padding: 0 2.5rem 0 2.5rem;
}

.RadWindow_MetroTouch td.rwBodyLeft, .RadWindow_MetroTouch td.rwBodyRight,.RadWindow .rwFooterCenter, .RadWindow .rwFooterLeft, .RadWindow .rwFooterRight {
    background: #F1F3F4 !important;
}

div#MainPanel .PanelField.Top .PanelFieldValue input {
    width: 100%;
    max-width: 35rem;
}

div#MainPanel .PanelField.Top label {
    width: 100% !important;
    max-width: 35rem;
    margin-bottom: 1rem;
}

div#MainPanel .PanelField.Top .PanelFieldValue select {
    width: 100%;
    max-width: 35rem;
}

div#MainPanel .PanelField.Top .PanelFieldValue textarea {
    width: 100%;
    max-width: 35rem;
}

div#MainPanel .row {
    margin: 0;
}

div#MainPanel .PanelField.Top {
    border-bottom: 0.1rem solid #F1F3F4;
    padding-bottom: 1.4rem;
}
}

@media (max-width: 767px) {
div#MainPanel {
    padding: 0 2.5rem;
}

.RadWindow_MetroTouch td.rwBodyLeft, .RadWindow_MetroTouch td.rwBodyRight,.RadWindow .rwFooterCenter, .RadWindow .rwFooterLeft, .RadWindow .rwFooterRight {
    background: #F1F3F4;
}

div#MainPanel .PanelField.Top .PanelFieldValue input {
    width: 100%;
    max-width: 35rem;
}

div#MainPanel .PanelField.Top label {
    width: 100% !important;
    max-width: 35rem;
}

div#MainPanel .PanelField.Top .PanelFieldValue select {
    width: 100%;
    max-width: 35rem;
}

div#MainPanel .PanelField.Top .PanelFieldValue textarea {
    width: 100%;
    max-width: 35rem;
}

div#MainPanel .row {
    margin: 0;
}

div#MainPanel .PanelField.Top {
    border-bottom: 0.1rem solid #F1F3F4;
    padding-bottom: 1.4rem;
}
}

/********************   IE Fixes   **********************/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
}

/********************   EDGE Fixes   **********************/
@supports (-ms-ime-align:auto) and (font-variation-settings: normal) {
}

/********************   MOZ Fixes   **********************/
@-moz-document url-prefix() {
}

.CartCharges {
background-color: #F1F3F4;
padding: 1.5rem;
}

.CartCharges .GrandTotal .PanelField .Label {
color: #014991;
padding-left: 1.5rem;
}

.CartCharges .GrandTotal .PanelFieldValue span {
color: #014991;
}

/************** fILTERS ****************/
.FilterPanel {
background-color: #F1F3F4;
padding: 2.5rem;
margin-bottom: 1rem;
}

.FilterPanel .PanelField label, .FilterPanel .PanelField:first-child span {
color: #253746;
width: 100%;
max-width: 20%;
}

.FilterPanel .PanelField label + .PanelFieldValue {
width: 100%;
max-width: 50%;
}

.FilterPanel .PanelField label + .PanelFieldValue > span > div {
width: 100% !important;
}

.FilterPanel .PanelField label + .PanelFieldValue {
width: 100%;
max-width: 50%;
}

.FilterPanel .PanelField label + .PanelFieldValue > span > div {
width: 100% !important;
max-width: 50%;
}

.FilterPanel .PanelField label + .PanelFieldValue > input, .FilterPanel .PanelField label + .PanelFieldValue > select {
width: 100%;
max-width: 50%;
}

@media (max-width: 767px) {
.FilterPanel .PanelField label {
    color: #253746;
    width: 100%;
    max-width: 100%;
}

.FilterPanel .PanelField label, .FilterPanel .PanelField:first-child span {
    color: #253746;
    width: 100%;
    max-width: 100%;
}

.FilterPanel .PanelField label + .PanelFieldValue {
    width: 100%;
    max-width: 26.2rem;
}

.FilterPanel .PanelField label + .PanelFieldValue option {
    white-space: pre-wrap;
}

.FilterPanel .PanelField label + .PanelFieldValue > span > div {
    width: 100% !important;
    max-width: 100%;
}

.FilterPanel .PanelField label + .PanelFieldValue > input, .FilterPanel .PanelField label + .PanelFieldValue > select {
    width: 100%;
    max-width: 100%;
}
}

/********************   Zoom Level Fixes   **********************/
html {
font-size: 62.5%;
}

/******   4k desktop resolution  ******/
@media (max-width: 3840px) and (min-width: 3830px) {
html {
    font-size: 134.5%;
    transition: all .4s ease-in-out;
    transition-delay: 0.4s;
}
}

/******   300% desktop resolution  ******/
@media (min-width: 1280px) and (max-width:1290px) {
html {
    font-size: 44.5%;
    transition: all .4s ease-in-out;
    transition-delay: 0.4s;
}
}

/******   175% desktop resolution  ******/
@media (min-width: 1080px) and (max-width:1100px) {
html {
    font-size: 35.5%;
    transition: all .4s ease-in-out;
    transition-delay: 0.4s;
}
}

/******   150% desktop resolution  ******/
@media (min-width: 1280px) and (max-width:1280px) {
html {
    font-size: 41.5%;
    transition: all .4s ease-in-out;
    transition-delay: 0.4s;
}
}

/******   125% desktop resolution  ******/
@media (min-width: 1536px) and (max-width:1536px) {
html {
    font-size: 50%;
    transition: all .4s ease-in-out;
    transition-delay: 0.4s;
}
}

/***** address edit iframe field hide *****/

div[id*=_AddressEdit_DivAddressEntry] > table > tbody > tr:nth-child(10):not([id*="RowPostcode"]) {display:none}
div[id*=_AddressEdit_DivAddressEntry] > table > tbody > tr:nth-child(11) {display:none;}


form[action*="./CPD_Transcript.aspx"] div[id$="CPDCertificate_ReportLeftInnerPanel"].ReportLeftInnerPanel > hr {
  display: none;
}

form[action*="./CPD_Transcript.aspx"] div[id$="CPDCertificate_ReportLeftInnerPanel"] > a {
  display: none;
}

form[action*="./CPD_Transcript.aspx"] div[id$="CPDCertificate_ReportLeftInnerPanel"] > div[title="Run Report"] {
  display: none;
}

form[action*="./CPD_Transcript.aspx"] div[id$="CPDCertificate_ReportLeftInnerPanel"] a[id$="_ButtonPDF"] {
  padding: 1.5rem;
  margin-top:  1.5rem;
  display: inline-block;
  background: var(--primary-color);
  border-radius:  500px;
  color: #fff !important;
  text-decoration: none !important;
  transition: all .2s ease-in-out;
}

form[action*="./CPD_Transcript.aspx"] div[id$="CPDCertificate_ReportLeftInnerPanel"] a[id$="_ButtonPDF"]:hover {
  background: var(--secondary-color);
}

form[action*="./CPD_Transcript.aspx"] div[id$="CPDCertificate_ReportLeftInnerPanel"] a[id$="_ButtonPDF"]:after {
  content: 'Download Certificate';
}

/**********  IMPORTANT  **********************/
/* THIS WEBSITE MUST USE REM FOR ALL SIZING */
/* EVERY SIZE IN PIXLES MUSE BE EVIDED BY 10 */
/* E.G: */
/* padding: 15px -> padding 1.5rem */
/* font-size: 42px -> font-size: 4.2rem */
/********************************************/
/**/
/**/

/****************************************/
/****************************************/
/** Speech Pathology Australia **/
/*
 * 
 *  Author: CAUSEIS PTY LTD 
 * 
 *  Version: 1 - 05/10/23  
 *
 * 
 *  Document contains changes to Layout
 *
 *
*/
/****************************************/
/****************************************/

body#MainBody > form > .RadWindow.RadWindow_MetroTouch {
    z-index: 20000 !important;
  }
  
  header#hd > .header-bottom-container a.rmLink:focus {
    outline: solid !important;
  }
  
  header#hd > .header-top-container button.navbar-toggle:focus {
    outline: solid !important;
  }
  
  header#hd
    > .header-bottom-container
    div#ste_container_ciPrimaryNavigation
    div#ste_container_NavigationWelcome
    > .member {
    display: none;
  }
  
  /****************************************/
  /*** Desktop Nav ***/
  /****************************************/
  @media (min-width: 1025px) {
    header#hd {
      position: fixed;
      width: 100%;
      z-index: 10000;
      background: white;
      box-shadow: 0px 0px 2rem 0px rgb(0 0 0 / 11%);
    }
  
    header#hd > .header-top-container {
      padding: 0;
    }
  
    header#hd > .header-top-container > div {
      padding: 0 1.5rem;
      max-width: 161rem;
      margin: 0 auto;
      display: flex;
      align-items: center;
      justify-content: space-between;
    }
  
    header#hd > .header-top-container #masterLogoArea {
      width: 100%;
    }
  
    header#hd > .header-top-container > div:before,
    header#hd > .header-top-container > div:after {
      display: none;
    }
  
    header#hd > .header-top-container div#ste_container_ciLogoContent {
      display: none;
    }
  
    header#hd > .header-top-container .UtilityNavigation.nav-auxiliary {
      display: flex;
      align-items: center;
    }
  
    header#hd
      > .header-top-container
      .UtilityNavigation.nav-auxiliary
      > .UtilityAuthentication {
      display: none;
    }
  
    header#hd
      > .header-top-container
      .UtilityNavigation.nav-auxiliary
      a.sign-in-link {
      display: none;
    }
  
    header#hd > .header-top-container button.navbar-toggle {
      display: block;
      background: #fff0 !important;
      margin: 1.5rem !important;
      margin-left: 0 !important;
      width: 2.9rem;
      height: 2.9rem;
      position: relative;
      padding: 0;
    }
  
    header#hd > .header-top-container button.navbar-toggle > span.icon-bar {
      position: absolute;
    }
  
    header#hd > .header-top-container button.navbar-toggle > span.icon-bar {
      background: #1c3044;
      width: 2.9rem;
      height: 0.1rem;
      margin-top: 0 !important;
      transition: all 0.5s ease-in-out;
    }
  
    header#hd > .header-top-container button.navbar-toggle.clicked {
    }
  
    header#hd
      > .header-top-container
      button.navbar-toggle
      span.icon-bar:nth-child(2) {
      top: 0.3rem;
      transform: rotate(0);
    }
  
    header#hd
      > .header-top-container
      button.navbar-toggle
      span.icon-bar:nth-child(4) {
      bottom: 0.3rem;
      transform: rotate(0);
    }
  
    header#hd
      > .header-top-container
      button.navbar-toggle.clicked
      span.icon-bar:nth-child(2) {
      transform: rotate(-45deg);
      top: 50%;
    }
  
    header#hd
      > .header-top-container
      button.navbar-toggle.clicked
      span.icon-bar:nth-child(3) {
      background: #fff0;
    }
  
    header#hd
      > .header-top-container
      button.navbar-toggle.clicked
      span.icon-bar:nth-child(4) {
      transform: rotate(45deg);
      bottom: 50%;
    }
  
    header#hd > .header-top-container .UtilityNavigationList {
      flex-grow: 1;
    }
  
    header#hd
      > .header-top-container
      .UtilityNavigationList
      > ul.NavigationUnorderedList {
      display: flex;
      align-items: center;
      position: relative;
    }
  
    header#hd
      > .header-top-container
      .UtilityNavigationList
      > ul.NavigationUnorderedList
      > div:not(.logout) {
      display: none;
    }
  
    header#hd
      > .header-top-container
      .UtilityNavigationList
      > ul.NavigationUnorderedList
      > div.logout {
      flex-grow: 1;
      display: flex;
      margin: 0;
      justify-content: flex-end;
      align-items: center;
      padding-right: 2rem;
    }
  
    header#hd
      > .header-top-container
      .UtilityNavigationList
      > ul.NavigationUnorderedList
      > div.logout
      > a {
      color: #212028;
      text-decoration: none;
      padding: 1.1rem 2rem;
      padding-right: 0;
    }
  
    header#hd
      > .header-top-container
      .UtilityNavigationList
      > ul.NavigationUnorderedList
      > li.home {
      margin-right: 8rem;
      padding: 2rem 0;
      margin-left: 2.5rem;
    }
  
    header#hd
      > .header-top-container
      .UtilityNavigationList
      > ul.NavigationUnorderedList
      > li.home
      > a {
      padding: 0;
      font-size: 0;
      width: 12.7rem;
      height: 7rem;
      background-image: url(../png/spa-logo.png);
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
      text-decoration: none !important;
      border: none;
      border-radius: 0;
    }
  
    header#hd
      > .header-top-container
      .UtilityNavigationList
      > ul.NavigationUnorderedList
      > li {
      margin: 0;
      margin-right: 2rem;
      display: flex;
      align-items: center;
    }
  
    header#hd
      > .header-top-container
      .UtilityNavigationList
      > ul.NavigationUnorderedList
      > li.login {
      display: none;
    }
  
    header#hd
      > .header-top-container
      .UtilityNavigationList
      > ul.NavigationUnorderedList
      > li:not(.home, .nav-aux-account)
      > a {
      padding: 1.1rem 2rem;
      text-decoration: none !important;
      border: 0.1rem solid #1c3044;
      color: #1c3044;
      border-radius: 50rem;
      font-size: 1.8rem;
      line-height: 1.2;
      transition: all 0.2s ease-in-out;
    }
  
    header#hd
      > .header-top-container
      .UtilityNavigationList
      > ul.NavigationUnorderedList
      > li:not(.home, .nav-aux-account)
      > a:hover {
      background: #d1d9e1;
    }
  
    header#hd
      > .header-top-container
      .UtilityNavigationList
      > ul.NavigationUnorderedList
      > li.search
      > a {
      padding: 1.2rem 2rem;
      background: #f2f4f7;
      border: none;
    }
  
    header#hd
      > .header-top-container
      .UtilityNavigationList
      > ul.NavigationUnorderedList
      > li.search
      > a:hover {
      background: #014991;
      color: #fff;
    }
  
    header#hd
      > .header-top-container
      .UtilityNavigationList
      > ul.NavigationUnorderedList
      > li.search
      > a:before {
      content: "";
      display: inline-block;
      width: 2rem;
      height: 2rem;
      vertical-align: middle;
      background-image: url(../svg/search-icon.svg);
      background-position: center;
      background-size: contain;
      background-repeat: no-repeat;
      margin-right: 1.3rem;
      margin-top: -0.5rem;
      transition: all 0.2s ease-in-out;
    }
  
    header#hd
      > .header-top-container
      .UtilityNavigationList
      > ul.NavigationUnorderedList
      > li.search
      > a:hover:before {
      filter: brightness(0) invert(1);
    }
  
    header#hd
      > .header-top-container
      .UtilityNavigationList
      > ul.NavigationUnorderedList
      > div.loggedin {
      display: flex;
      align-items: center;
    }
  
    header#hd
      > .header-top-container
      .UtilityNavigationList
      > ul.NavigationUnorderedList
      > div.loggedin
      > li {
      margin-left: 0;
      margin-right: 2rem;
    }
  
    header#hd
      > .header-top-container
      .UtilityNavigationList
      > ul.NavigationUnorderedList
      > div
      > li.nav-aux-account
      > a {
      text-decoration: none;
      padding: 1.2rem 2.1rem;
      padding-right: 0;
      color: #212028;
      border: none;
      margin: 0;
      display: flex;
      align-items: center;
    }
  
    header#hd
      > .header-top-container
      .UtilityNavigationList
      > ul.NavigationUnorderedList
      > div
      > li.nav-aux-account
      > a
      img {
      width: 4rem !important;
      height: 4rem !important;
      border-radius: 50%;
      margin-right: 1.5rem;
      object-fit: cover;
    }
  
    header#hd
      > .header-top-container
      .UtilityNavigationList
      > ul.NavigationUnorderedList
      > div
      > li.nav-aux-account
      > a
      img[src*="/images/Icons/svg/profile-black.svg"] {
      width: 3rem !important;
      height: 3rem !important;
      margin-right: 1rem;
      filter: invert(18%) sepia(90%) saturate(1881%) hue-rotate(196deg)
        brightness(90%) contrast(99%);
    }
  
    header#hd
      > .header-top-container
      .UtilityNavigationList
      > ul.NavigationUnorderedList
      > div
      > li.nav-aux-account
      > a
      > span {
      padding: 0;
      background: none;
      width: auto;
      height: auto;
    }
  
    header#hd
      > .header-top-container
      .UtilityNavigationList
      > ul.NavigationUnorderedList
      > div
      > li
      > a[class*="lue"][class*="utton"] {
      display: inline-block;
      text-decoration: none;
      padding: 1.2rem 2.1rem;
      background: #014991;
      color: #fff;
      border-radius: 50rem;
      vertical-align: middle;
      position: relative;
      transition: all 0.2s ease-in-out;
      border: none;
    }
  
    header#hd
      > .header-top-container
      .UtilityNavigationList
      > ul.NavigationUnorderedList
      > div
      > li
      > a[class*="lue"][class*="utton"]:hover {
      background: #01aef0;
    }
  
    header#hd
      > .header-top-container
      .UtilityNavigationList
      > ul.NavigationUnorderedList
      > div
      > li
      > a[class*="lue"][class*="utton"]
      > span.rmToggle {
      display: none;
    }
  
    header#hd
      > .header-top-container
      .UtilityNavigationList
      > ul.NavigationUnorderedList
      > div
      > li
      > a[class*="lue"][class*="utton"]:after {
      display: none;
    }
  
    header#hd
      > .header-top-container
      .UtilityNavigationList
      > ul.NavigationUnorderedList
      > div
      > li.rmItem {
      position: relative;
      list-style: none;
    }
  
    header#hd
      > .header-top-container
      .UtilityNavigationList
      > ul.NavigationUnorderedList
      > div
      > li
      > a.my-spa
      + .rmSlide {
      display: none;
      position: absolute;
      top: calc(100% + 1.5rem);
      left: 50%;
      box-shadow: 0px 0px 2rem 0px rgb(0 0 0 / 11%);
      min-width: 25rem;
      padding: 3rem;
      background: #fff;
      border-radius: 1.2rem;
      text-align: center;
      transform: translate(-50%, 0);
      z-index: 10000;
    }
  
    header#hd
      > .header-top-container
      .UtilityNavigationList
      > ul.NavigationUnorderedList
      > div
      > li
      > a.my-spa[name="clicked"]
      + .rmSlide {
      display: block;
    }
  
    header#hd
      > .header-top-container
      .UtilityNavigationList
      > ul.NavigationUnorderedList
      > div
      > li
      > a.my-spa
      + .rmSlide
      > ul {
      list-style: none;
      padding: 0;
    }
  
    header#hd
      > .header-top-container
      .UtilityNavigationList
      > ul.NavigationUnorderedList
      > div
      > li
      > a.my-spa
      + .rmSlide
      > ul
      > li {
      margin: 2rem 0;
    }
  
    header#hd
      > .header-top-container
      .UtilityNavigationList
      > ul.NavigationUnorderedList
      > div
      > li
      > a.my-spa
      + .rmSlide
      > ul
      > li:first-child {
      margin-top: 0;
    }
  
    header#hd
      > .header-top-container
      .UtilityNavigationList
      > ul.NavigationUnorderedList
      > div
      > li
      > a.my-spa
      + .rmSlide
      > ul
      > li:last-child {
      margin: 0;
    }
  
    header#hd
      > .header-top-container
      .UtilityNavigationList
      > ul.NavigationUnorderedList
      > div
      > li
      > a.my-spa
      + .rmSlide
      > ul
      > li
      > a {
      text-decoration: none;
      color: #212028;
      transition: all 0.2s ease-in-out;
    }
  
    header#hd
      > .header-top-container
      .UtilityNavigationList
      > ul.NavigationUnorderedList
      > div
      > li
      > a.my-spa
      + .rmSlide
      > ul
      > li
      > a:hover {
      color: #01aef0;
    }
  
    header#hd
      > .header-top-container
      .UtilityNavigationList
      > ul.NavigationUnorderedList
      > div
      > li
      > a.my-spa
      + .rmSlide
      > ul
      > li
      > a[class*="utton"] {
      background: #e6eaee;
      margin-top: 0.5rem;
    }
  
    header#hd
      > .header-top-container
      .UtilityNavigationList
      > ul.NavigationUnorderedList
      > div
      > li
      > a.my-spa
      + .rmSlide
      > ul
      > li
      > a[class*="utton"]:after {
      display: none;
    }
  
    header#hd
      > .header-top-container
      .UtilityNavigationList
      > ul.NavigationUnorderedList
      > div
      > li
      > a.my-spa
      + .rmSlide
      > ul
      > li
      > a[class*="utton"]:hover {
      background: #014991;
      color: #fff;
    }
  
    header#hd
      > .header-top-container
      div#auxiliary-container
      span.appendsigninhere {
      display: flex;
    }
  
    header#hd > .header-bottom-container {
      background: #f8f9fb;
    }
  
    header#hd > .header-bottom-container > div {
      padding: 0 1.5rem;
      max-width: 161rem;
      margin: 0 auto;
    }
  
    header#hd
      > .header-bottom-container
      div#ste_container_ciPrimaryNavigation
      > div {
      display: flex;
    }
  
    header#hd
      > .header-bottom-container
      div#ste_container_ciPrimaryNavigation
      .navbar-collapse {
      max-height: 0;
      overflow: hidden !important;
      display: flex !important;
      background: #f8f9fb;
      width: 100%;
    }
  
    header#hd
      > .header-bottom-container
      div#ste_container_ciPrimaryNavigation
      .navbar-collapse
      > nav {
      display: flex;
      width: 100%;
    }
  
    header#hd
      > .header-bottom-container
      div#ste_container_ciPrimaryNavigation
      .navbar-collapse.in {
      max-height: 100000rem;
      /* width: 100%; */
    }
  
    header#hd
      > .header-bottom-container
      div#ste_container_ciPrimaryNavigation
      .RadMenu {
      display: flex;
      white-space: normal;
      width: 100%;
    }
  
    header#hd
      > .header-bottom-container
      div#ste_container_ciPrimaryNavigation
      .RadMenu
      div[id*="ste_container_ciHeaderSignIn"] {
      /* display: none !important; */
      max-width: 0;
      overflow: hidden;
    }
  
    header#hd
      > .header-bottom-container
      div#ste_container_ciPrimaryNavigation
      .RadMenu
      .UtilityNavigationList {
      display: none !important;
    }
  
    header#hd
      > .header-bottom-container
      div#ste_container_ciPrimaryNavigation
      ul.rmRootGroup.rmToggleHandles.rmHorizontal {
      display: flex;
      flex-direction: column;
      padding-right: 5rem;
      padding-top: 2rem;
      padding-bottom: 2rem;
      width: 33.3333333333%;
    }
  
    header#hd
      > .header-bottom-container
      div#ste_container_ciPrimaryNavigation
      ul.rmRootGroup.rmToggleHandles.rmHorizontal
      > li.rmItem {
      margin: 1rem 0;
    }
  
    header#hd
      > .header-bottom-container
      div#ste_container_ciPrimaryNavigation
      ul.rmRootGroup.rmToggleHandles.rmHorizontal
      > li.rmItem
      > a.rmLink {
      padding: 1.2rem 2.1rem;
      color: #1c3044;
      border-radius: 50rem;
      transition: 0.2s ease-in-out all;
      cursor: pointer !important;
      font-size: 2rem;
      font-family: "Montserrat" !important;
      white-space: break-spaces;
    }
  
    header#hd
      > .header-bottom-container
      div#ste_container_ciPrimaryNavigation
      .UtilityNavigationList
      + ul.rmRootGroup.rmToggleHandles.rmHorizontal
      > li.rmItem
      > a.rmLink {
      background: #fff0 !important;
    }
  
    header#hd
      > .header-bottom-container
      div#ste_container_ciPrimaryNavigation
      ul.rmRootGroup.rmToggleHandles.rmHorizontal
      > li.rmItem
      > a.rmLink[name="clicked"] {
      background: #d1d9e1;
    }
  
    header#hd
      > .header-bottom-container
      div#ste_container_ciPrimaryNavigation
      ul.rmRootGroup.rmToggleHandles.rmHorizontal
      > li.rmItem
      > a.rmLink:hover {
      background: #d1d9e1 !important;
    }
  
    header#hd
      > .header-bottom-container
      div#ste_container_ciPrimaryNavigation
      ul.rmRootGroup.rmToggleHandles.rmHorizontal
      > li.rmItem
      > a.rmLink
      > span.rmText {
      padding: 0;
    }
  
    header#hd
      > .header-bottom-container
      div#ste_container_ciPrimaryNavigation
      ul.rmRootGroup.rmToggleHandles.rmHorizontal
      > li.rmItem
      > a.rmLink
      > span.rmToggle {
      display: none !important;
    }
  
    header#hd
      > .header-bottom-container
      div#ste_container_ciPrimaryNavigation
      ul.rmRootGroup.rmToggleHandles.rmHorizontal
      > li.rmItem
      > a.rmLink
      + .rmSlide {
      display: none !important;
    }
  
    header#hd
      > .header-bottom-container
      div#ste_container_ciPrimaryNavigation
      .RadMenu
      > .UtilityNavigationList
      + .rmSlide {
      background: #d1d9e129;
      position: relative;
      width: 33.33333333% !important;
      height: 100% !important;
      display: flex !important;
      top: auto !important;
      left: auto !important;
      order: 2;
    }
  
    header#hd
      > .header-bottom-container
      div#ste_container_ciPrimaryNavigation
      .RadMenu
      > .UtilityNavigationList
      + .rmSlide
      > ul {
      display: flex !important;
      flex-direction: column;
      /* justify-content: space-evenly; */
      padding: 2.5rem 5rem;
      top: 0 !important;
      left: 0 !important;
      width: 100%;
    }
  
    header#hd
      > .header-bottom-container
      div#ste_container_ciPrimaryNavigation
      .RadMenu
      > .UtilityNavigationList
      + .rmSlide
      > ul
      > a {
      display: none !important;
    }
  
    header#hd
      > .header-bottom-container
      div#ste_container_ciPrimaryNavigation
      .RadMenu
      > .UtilityNavigationList
      + .rmSlide
      > ul
      > li {
      margin: 0.5rem 0;
      display: flex;
      width: 100%;
      padding: 0;
    }
  
    header#hd
      > .header-bottom-container
      div#ste_container_ciPrimaryNavigation
      .RadMenu
      > .UtilityNavigationList
      + .rmSlide
      > ul
      > li
      > a {
      padding: 1.2rem 2.1rem;
      color: #1c3044;
      border-radius: 50rem;
      transition: 0.2s ease-in-out all;
      cursor: pointer !important;
      text-decoration: none;
    }
  
    header#hd
      > .header-bottom-container
      div#ste_container_ciPrimaryNavigation
      .RadMenu
      > .UtilityNavigationList
      + .rmSlide
      > ul
      > li
      > a:hover {
      background: #d1d9e1;
    }
  
    header#hd
      > .header-bottom-container
      div#ste_container_ciPrimaryNavigation
      .RadMenu
      > .UtilityNavigationList
      + .rmSlide
      > ul
      > li
      > a
      > span.rmText {
      padding: 0;
      margin: 0;
    }
  
    header#hd
      > .header-bottom-container
      div#ste_container_ciPrimaryNavigation
      .RadMenu
      > .UtilityNavigationList
      + .rmSlide
      > ul
      > li
      > a
      > span.rmToggle {
      display: none;
    }
  
    header#hd
      > .header-bottom-container
      div#ste_container_ciPrimaryNavigation
      .RadMenu
      > .UtilityNavigationList
      + .rmSlide
      + .rmSlide {
      background: #d1d9e14d;
      position: relative;
      width: 33.3333333333% !important;
      height: 100% !important;
      display: flex !important;
      top: auto !important;
      left: auto !important;
      order: 1;
    }
  
    header#hd
      > .header-bottom-container
      div#ste_container_ciPrimaryNavigation
      .RadMenu
      > .UtilityNavigationList
      + .rmSlide
      + .rmSlide
      > ul {
      display: flex !important;
      flex-direction: column;
      /* justify-content: space-evenly; */
      padding: 2.5rem 5rem;
      top: 0 !important;
      left: 0 !important;
    }
  
    header#hd
      > .header-bottom-container
      div#ste_container_ciPrimaryNavigation
      .RadMenu
      > .UtilityNavigationList
      + .rmSlide
      + .rmSlide
      > ul
      > a {
      display: none !important;
    }
  
    header#hd
      > .header-bottom-container
      div#ste_container_ciPrimaryNavigation
      .RadMenu
      > .UtilityNavigationList
      + .rmSlide
      + .rmSlide
      > ul
      > li {
      margin: 0.5rem 0;
      display: flex;
      width: 100%;
      padding: 0;
    }
  
    header#hd
      > .header-bottom-container
      div#ste_container_ciPrimaryNavigation
      .RadMenu
      > .UtilityNavigationList
      + .rmSlide
      + .rmSlide
      > ul
      > li
      > a {
      padding: 1.2rem 2.1rem;
      color: #1c3044;
      border-radius: 50rem;
      transition: 0.2s ease-in-out all;
      cursor: pointer !important;
      text-decoration: none;
    }
  
    header#hd
      > .header-bottom-container
      div#ste_container_ciPrimaryNavigation
      .RadMenu
      > .UtilityNavigationList
      + .rmSlide
      + .rmSlide
      > ul
      > li
      > a:hover,
    header#hd
      > .header-bottom-container
      div#ste_container_ciPrimaryNavigation
      .RadMenu
      > .UtilityNavigationList
      + .rmSlide
      + .rmSlide
      > ul
      > li
      > a[name="clicked"] {
      background: #d1d9e1;
    }
  
    header#hd
      > .header-bottom-container
      div#ste_container_ciPrimaryNavigation
      .RadMenu
      > .UtilityNavigationList
      + .rmSlide
      + .rmSlide
      > ul
      > li
      > a
      > span.rmText {
      padding: 0;
      margin: 0;
    }
  
    header#hd
      > .header-bottom-container
      div#ste_container_ciPrimaryNavigation
      .RadMenu
      > .UtilityNavigationList
      + .rmSlide
      + .rmSlide
      > ul
      > li
      > a
      > span.rmToggle {
      display: none;
    }
  
    header#hd
      > .header-bottom-container
      div#ste_container_ciPrimaryNavigation
      .rmSlide
      ~ div#ste_container_NavigationWelcome {
      display: none;
    }
  
    header#hd
      > .header-bottom-container
      div#ste_container_ciPrimaryNavigation
      div#ste_container_NavigationWelcome {
      display: flex;
      flex-direction: column;
      background: #d1d9e129;
      padding: 4rem 6rem;
      width: 55%;
    }
  
    header#hd
      > .header-bottom-container
      div#ste_container_ciPrimaryNavigation
      div#ste_container_NavigationWelcome
      > h1 {
      font-size: 4rem;
      margin-bottom: 2rem;
    }
  
    header#hd
      > .header-bottom-container
      div#ste_container_ciPrimaryNavigation
      div#ste_container_NavigationWelcome
      > h5 {
      margin-bottom: 2rem;
    }
  
    header#hd
      > .header-bottom-container
      div#ste_container_ciPrimaryNavigation
      div#ste_container_NavigationWelcome
      > p:last-of-type {
      margin: 0;
    }
  }
  
  @media (max-width: 1720px) and (min-width: 1025px) {
    header#hd
      > .header-top-container
      .UtilityNavigationList
      > ul.NavigationUnorderedList
      > div
      > li
      > a.my-spa
      + .rmSlide {
      left: auto;
  
      right: 0;
  
      transform: none;
    }
  }
  
  /****************************************/
  /*** Ipad ***/
  /****************************************/
  @media (max-width: 1024px) and (min-width: 767px) {
  }
  
  @media (width: 768px) {
  }
  
  @media (width: 1024px) {
  }
  
  /****************************************/
  /*** Mobile Nav ***/
  /****************************************/
  @media (max-width: 1024px) {
    header#hd {
      background: #fff;
      box-shadow: 0px 0px 2rem 0px rgb(0 0 0 / 11%);
      z-index: 10000;
      max-width: 100vw;
      width: 100%;
    }
  
    header#hd > .header-top-container {
      padding: 0;
    }
  
    header#hd > .header-top-container > div {
      padding: 0 1.5rem;
    }
  
    header#hd > .header-top-container > div > div#masterLogoArea {
      width: 100%;
    }
  
    header#hd > .header-top-container div#ste_container_ciLogoContent {
      display: none;
    }
  
    header#hd > .header-top-container div#auxiliary-container {
      /* display: none; */
      max-height: 0;
      overflow: hidden;
    }
  
    header#hd > .header-top-container .UtilityNavigation.nav-auxiliary {
      display: flex;
      align-items: center;
    }
  
    header#hd
      > .header-top-container
      .UtilityNavigation.nav-auxiliary
      a.sign-in-link {
      display: none;
    }
  
    header#hd > .header-top-container button.navbar-toggle {
      display: block;
      background: #fff0 !important;
      margin: 1.5rem !important;
      margin-left: 0 !important;
      margin-right: 2rem !important;
      width: 2.9rem;
      height: 2.9rem;
      position: relative;
      padding: 0;
    }
  
    header#hd > .header-top-container button.navbar-toggle > span.icon-bar {
      position: absolute;
    }
  
    header#hd > .header-top-container button.navbar-toggle > span.icon-bar {
      background: #1c3044;
      width: 2.9rem;
      height: 0.1rem;
      margin-top: 0 !important;
      transition: all 0.4s ease-in-out;
    }
  
    header#hd > .header-top-container button.navbar-toggle.clicked {
    }
  
    header#hd
      > .header-top-container
      button.navbar-toggle
      span.icon-bar:nth-child(2) {
      top: 0.3rem;
      transform: rotate(0);
    }
  
    header#hd
      > .header-top-container
      button.navbar-toggle
      span.icon-bar:nth-child(4) {
      bottom: 0.3rem;
      transform: rotate(0);
    }
  
    header#hd
      > .header-top-container
      button.navbar-toggle.clicked
      span.icon-bar:nth-child(2) {
      transform: rotate(-45deg);
      top: 50%;
    }
  
    header#hd
      > .header-top-container
      button.navbar-toggle.clicked
      span.icon-bar:nth-child(3) {
      background: #fff0;
    }
  
    header#hd
      > .header-top-container
      button.navbar-toggle.clicked
      span.icon-bar:nth-child(4) {
      transform: rotate(45deg);
      bottom: 50%;
    }
  
    header#hd > .header-top-container .UtilityNavigationList {
      flex-grow: 1;
    }
  
    header#hd > .header-top-container .UtilityAuthentication {
      display: none;
    }
  
    header#hd
      > .header-top-container
      .UtilityNavigationList
      > ul.NavigationUnorderedList {
      display: flex;
      align-items: center;
    }
  
    header#hd
      > .header-top-container
      .UtilityNavigationList
      > ul.NavigationUnorderedList
      > .UtilityAuthentication {
      display: none;
    }
  
    header#hd
      > .header-top-container
      .UtilityNavigationList
      > ul.NavigationUnorderedList
      > div {
      display: none;
    }
  
    header#hd
      > .header-top-container
      .UtilityNavigationList
      > ul.NavigationUnorderedList
      > li.home {
      padding: 2rem 0;
      flex-grow: 1;
    }
  
    header#hd
      > .header-top-container
      .UtilityNavigationList
      > ul.NavigationUnorderedList
      > li.home
      > a {
      padding: 0;
      font-size: 0;
      width: 10rem;
      height: 5.5rem;
      background-image: url(../png/spa-logo.png);
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
      text-decoration: none !important;
      border: none;
      border-radius: 0;
    }
  
    header#hd
      > .header-top-container
      .UtilityNavigationList
      > ul.NavigationUnorderedList
      > li:not(.search, .home) {
      display: none;
    }
  
    header#hd
      > .header-top-container
      .UtilityNavigationList
      > ul.NavigationUnorderedList
      > li
      > a {
      text-decoration: none;
    }
  
    header#hd
      > .header-top-container
      .UtilityNavigationList
      > ul.NavigationUnorderedList
      > li.search
      > a {
      padding: 1.2rem 2rem;
      background: #f2f4f7;
      border: none;
      border-radius: 50rem;
      transition: all 0.2s ease-in-out;
      color: #212028;
    }
  
    header#hd
      > .header-top-container
      .UtilityNavigationList
      > ul.NavigationUnorderedList
      > li.search
      > a:before {
      content: "";
      display: inline-block;
      width: 2rem;
      height: 2rem;
      vertical-align: middle;
      background-image: url(../svg/search-icon.svg);
      background-position: center;
      background-size: contain;
      background-repeat: no-repeat;
      margin-right: 1.3rem;
      margin-top: -0.5rem;
      transition: all 0.2s ease-in-out;
    }
  
    header#hd
      > .header-top-container
      .UtilityNavigationList
      > ul.NavigationUnorderedList
      > li.search
      > a:hover {
      background: #014991;
      color: #fff;
    }
  
    header#hd
      > .header-top-container
      .UtilityNavigationList
      > ul.NavigationUnorderedList
      > li.search
      > a:hover:before {
      filter: brightness(0) invert(1);
    }
  
    header#hd > .header-bottom-container {
      background: #f8f9fb;
    }
  
    header#hd > .header-bottom-container > div {
      padding: 0rem;
      max-width: 161rem;
      margin: 0 auto;
    }
  
    header#hd
      > .header-bottom-container
      div#ste_container_ciPrimaryNavigation
      > div {
      display: flex;
    }
  
    header#hd
      > .header-bottom-container
      div#ste_container_ciPrimaryNavigation
      .navbar-collapse {
      max-height: 0;
      overflow: hidden !important;
      display: flex !important;
      background: #f8f9fb;
      margin: 0;
      width: 100%;
    }
  
    header#hd
      > .header-bottom-container
      div#ste_container_ciPrimaryNavigation
      .navbar-collapse
      > nav {
      display: flex;
      width: 100%;
    }
  
    header#hd
      > .header-bottom-container
      div#ste_container_ciPrimaryNavigation
      .navbar-collapse.in {
      max-height: 100000rem;
    }
  
    header#hd
      > .header-bottom-container
      div#ste_container_ciPrimaryNavigation
      .navbar-collapse
      > nav
      > div {
      width: 100%;
      display: flex;
      flex-direction: column;
    }
  
    header#hd
      > .header-bottom-container
      div#ste_container_ciPrimaryNavigation
      .RadMenu
      div[id*="ste_container_ciHeaderSignIn"] {
      max-height: 0;
      overflow: hidden;
    }
  
    header#hd
      > .header-bottom-container
      div#ste_container_ciPrimaryNavigation
      .RadMenu
      div[id*="ste_container_ciHeaderSignIn"].show {
      max-height: 100rem;
    }
  
    header#hd
      > .header-bottom-container
      div#ste_container_ciPrimaryNavigation
      .RadMenu
      div[id*="ste_container_ciHeaderSignIn"].show
      ~ *:not(.UtilityNavigationList) {
      display: none !important;
    }
  
    header#hd
      > .header-bottom-container
      div#ste_container_ciPrimaryNavigation
      .UtilityNavigationList {
      display: flex;
      background: #ffffff78;
      order: -1;
    }
  
    header#hd
      > .header-bottom-container
      div#ste_container_ciPrimaryNavigation
      .UtilityNavigationList
      > ul {
      display: flex;
      width: 100%;
      padding: 3rem 0;
      flex-wrap: wrap;
      justify-content: space-between;
    }
  
    header#hd
      > .header-bottom-container
      div#ste_container_ciPrimaryNavigation
      .UtilityNavigationList
      > ul
      > li {
      /* margin-right: 1.5rem; */
    }
  
    header#hd
      > .header-bottom-container
      div#ste_container_ciPrimaryNavigation
      .UtilityNavigationList
      > ul
      > li:is(.home, .search) {
      display: none;
    }
  
    header#hd
      > .header-bottom-container
      div#ste_container_ciPrimaryNavigation
      .UtilityNavigationList
      > ul
      > li:not(.home, .search) {
      padding-left: 3rem;
    }
  
    header#hd
      > .header-bottom-container
      div#ste_container_ciPrimaryNavigation
      .UtilityNavigationList
      > ul
      > li.login {
      padding-left: 1.5rem;
      padding-right: 3rem;
    }
  
    header#hd
      > .header-bottom-container
      div#ste_container_ciPrimaryNavigation
      .UtilityNavigationList
      > ul
      > div:not(.logout) {
      display: none;
    }
  
    header#hd
      > .header-bottom-container
      div#ste_container_ciPrimaryNavigation
      .UtilityNavigationList
      > ul
      > div.loggedin {
      display: flex;
      order: -1;
      width: 100%;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 2.5rem;
      padding-bottom: 2.5rem;
      border-bottom: 0.1rem solid #d1d9e173;
      padding-left: 3rem;
      padding-right: 3rem;
    }
  
    header#hd
      > .header-bottom-container
      div#ste_container_ciPrimaryNavigation
      .UtilityNavigationList
      > ul
      > div.loggedin
      + .nav-aux-cart {
      padding-left: 0;
    }
  
    header#hd
      > .header-bottom-container
      div#ste_container_ciPrimaryNavigation
      .UtilityNavigationList
      > ul
      > div.loggedin
      .nav-aux-account
      a {
      text-decoration: none;
      color: #212028;
      padding: 1rem 0;
      display: flex;
      align-items: center;
    }
  
    header#hd
      > .header-bottom-container
      div#ste_container_ciPrimaryNavigation
      .UtilityNavigationList
      > ul
      > div.loggedin
      .nav-aux-account
      a
      img {
      width: 4rem !important;
      height: 4rem !important;
      border-radius: 50%;
      margin-right: 1.5rem;
      object-fit: cover;
    }
  
    header#hd
      > .header-bottom-container
      div#ste_container_ciPrimaryNavigation
      .UtilityNavigationList
      > ul
      > div.loggedin
      .nav-aux-account
      a
      img[src*="/images/Icons/svg/profile-black.svg"] {
      width: 3rem !important;
      height: 3rem !important;
      margin-right: 1rem;
      filter: invert(18%) sepia(90%) saturate(1881%) hue-rotate(196deg)
        brightness(90%) contrast(99%);
    }
  
    header#hd
      > .header-bottom-container
      div#ste_container_ciPrimaryNavigation
      .UtilityNavigationList
      > ul
      > div.loggedin
      a.my-spa {
      display: inline-block;
      text-decoration: none;
      padding: 1.2rem 2.1rem;
      background: #014991;
      color: #fff;
      border-radius: 50rem;
      vertical-align: middle;
      position: relative;
      transition: all 0.2s ease-in-out;
    }
  
    header#hd
      > .header-bottom-container
      div#ste_container_ciPrimaryNavigation
      .UtilityNavigationList
      > ul
      > div.loggedin
      a.my-spa:hover {
      background: #01aef0;
    }
  
    header#hd
      > .header-bottom-container
      div#ste_container_ciPrimaryNavigation
      .UtilityNavigationList
      > ul
      > div.loggedin
      > li.rmItem {
      position: relative;
    }
  
    header#hd
      > .header-bottom-container
      div#ste_container_ciPrimaryNavigation
      .UtilityNavigationList
      > ul
      > div.loggedin
      a.my-spa:after {
      display: none;
    }
  
    header#hd
      > .header-bottom-container
      div#ste_container_ciPrimaryNavigation
      .UtilityNavigationList
      > ul
      > div.loggedin
      a.my-spa
      + .rmSlide {
      display: none;
    }
  
    header#hd
      > .header-bottom-container
      div#ste_container_ciPrimaryNavigation
      .UtilityNavigationList
      > ul
      > div.loggedin
      a.my-spa[name="clicked"]
      + .rmSlide {
      display: block;
      top: calc(100% + 1.5rem);
      right: 0;
      text-align: center;
      background: #fff;
      border-radius: 1.2rem;
      box-shadow: 0px 0px 2rem 0px rgb(0 0 0 / 11%);
      padding: 3rem;
      z-index: 10000;
      min-width: 29rem;
    }
  
    header#hd
      > .header-bottom-container
      div#ste_container_ciPrimaryNavigation
      .UtilityNavigationList
      > ul
      > div.loggedin
      a.my-spa
      + .rmSlide
      > ul {
      display: block;
    }
  
    header#hd
      > .header-bottom-container
      div#ste_container_ciPrimaryNavigation
      .UtilityNavigationList
      > ul
      > div.loggedin
      a.my-spa
      + .rmSlide
      > ul {
      list-style: none;
      padding: 0;
      width: 100%;
    }
  
    header#hd
      > .header-bottom-container
      div#ste_container_ciPrimaryNavigation
      .UtilityNavigationList
      > ul
      > div.loggedin
      a.my-spa
      + .rmSlide
      > ul
      > li {
      margin: 2rem 0;
    }
  
    header#hd
      > .header-bottom-container
      div#ste_container_ciPrimaryNavigation
      .UtilityNavigationList
      > ul
      > div.loggedin
      a.my-spa
      + .rmSlide
      > ul
      > li:first-child {
      margin-top: 0;
    }
  
    header#hd
      > .header-bottom-container
      div#ste_container_ciPrimaryNavigation
      .UtilityNavigationList
      > ul
      > div.loggedin
      a.my-spa
      + .rmSlide
      > ul
      > li:last-child {
      margin: 0;
    }
  
    header#hd
      > .header-bottom-container
      div#ste_container_ciPrimaryNavigation
      .UtilityNavigationList
      > ul
      > div.loggedin
      a.my-spa
      + .rmSlide
      > ul
      > li
      > a {
      text-decoration: none;
      color: #212028;
      transition: all 0.2s ease-in-out;
    }
  
    header#hd
      > .header-bottom-container
      div#ste_container_ciPrimaryNavigation
      .UtilityNavigationList
      > ul
      > div.loggedin
      a.my-spa
      + .rmSlide
      > ul
      > li
      > a
      > span {
      padding: 0;
      margin: 0;
    }
  
    header#hd
      > .header-bottom-container
      div#ste_container_ciPrimaryNavigation
      .UtilityNavigationList
      > ul
      > div.loggedin
      a.my-spa
      + .rmSlide
      > ul
      > li
      > a:hover {
      color: #01aef0;
    }
  
    header#hd
      > .header-bottom-container
      div#ste_container_ciPrimaryNavigation
      .UtilityNavigationList
      > ul
      > div.loggedin
      a.my-spa
      + .rmSlide
      > ul
      > li
      > a[class*="utton"] {
      background: #e6eaee;
      margin-top: 0.5rem;
      display: inline-block;
      text-decoration: none;
      padding: 1.2rem 2.1rem;
      border-radius: 50rem;
      vertical-align: middle;
      position: relative;
      transition: all 0.2s ease-in-out;
    }
  
    header#hd
      > .header-bottom-container
      div#ste_container_ciPrimaryNavigation
      .UtilityNavigationList
      > ul
      > div.loggedin
      a.my-spa
      + .rmSlide
      > ul
      > li
      > a[class*="utton"]:after {
      display: none;
    }
  
    header#hd
      > .header-bottom-container
      div#ste_container_ciPrimaryNavigation
      .UtilityNavigationList
      > ul
      > div.loggedin
      a.my-spa
      + .rmSlide
      > ul
      > li
      > a[class*="utton"]:hover {
      background: #014991;
      color: #fff;
    }
  
    header#hd
      > .header-bottom-container
      div#ste_container_ciPrimaryNavigation
      .UtilityNavigationList
      > ul
      > .logout {
      display: block;
      padding-right: 3rem;
      margin: 0;
      order: 1;
    }
  
    header#hd
      > .header-bottom-container
      div#ste_container_ciPrimaryNavigation
      .UtilityNavigationList
      > ul
      > .logout
      > a {
      padding: 1.1rem 2rem;
      text-decoration: none !important;
      border: 0.1rem solid #1c3044;
      color: #1c3044;
      border-radius: 50rem;
      font-size: 1.8rem;
      line-height: 1.2;
      background: #fff0;
      transition: all 0.2s ease-in-out;
    }
  
    header#hd
      > .header-bottom-container
      div#ste_container_ciPrimaryNavigation
      .UtilityNavigationList
      > ul
      > li
      > a {
      padding: 1.1rem 2rem;
      text-decoration: none !important;
      border: 0.1rem solid #1c3044;
      color: #1c3044;
      border-radius: 50rem;
      font-size: 1.8rem;
      line-height: 1.2;
      background: #fff0;
      transition: all 0.2s ease-in-out;
    }
  
    header#hd
      > .header-bottom-container
      div#ste_container_ciPrimaryNavigation
      .UtilityNavigationList
      > ul
      > li.login
      > a {
      border: 0.1rem solid #014991;
      color: #fff;
      background: #014991;
    }
  
    header#hd
      > .header-bottom-container
      div#ste_container_ciPrimaryNavigation
      .UtilityNavigationList
      > ul
      > li.login
      > a:after {
      content: "+";
      margin-left: 1rem;
    }
  
    header#hd
      > .header-bottom-container
      div#ste_container_ciPrimaryNavigation
      .UtilityNavigationList
      > ul
      > li.login
      > a[name="clicked"] {
      border: 0.1rem solid #1c3044;
      color: #1c3044;
      background: #fff0;
    }
  
    header#hd
      > .header-bottom-container
      div#ste_container_ciPrimaryNavigation
      .UtilityNavigationList
      > ul
      > li.login
      > a[name="clicked"]:after {
      content: "-";
    }
  
    header#hd
      > .header-bottom-container
      div#ste_container_ciPrimaryNavigation
      ul.rmRootGroup.rmToggleHandles.rmHorizontal {
      display: flex;
      flex-direction: column;
    }
  
    header#hd
      > .header-bottom-container
      div#ste_container_ciPrimaryNavigation
      .rmSlide
      + div#ste_container_NavigationWelcome {
      display: none;
    }
  
    header#hd
      > .header-bottom-container
      div#ste_container_ciPrimaryNavigation
      div#ste_container_NavigationWelcome {
      display: flex;
      flex-direction: column;
      background: #d1d9e129;
      padding: 3rem;
      width: 100%;
      white-space: break-spaces;
    }
  
    header#hd
      > .header-bottom-container
      div#ste_container_ciPrimaryNavigation
      div#ste_container_NavigationWelcome
      > h1 {
      font-size: 3.7rem;
      margin-bottom: 2rem;
    }
  
    header#hd
      > .header-bottom-container
      div#ste_container_ciPrimaryNavigation
      div#ste_container_NavigationWelcome
      > h5 {
      margin-bottom: 2rem;
    }
  
    header#hd
      > .header-bottom-container
      div#ste_container_ciPrimaryNavigation
      div#ste_container_NavigationWelcome
      > p {
      font-size: 1.5rem;
    }
  
    header#hd
      > .header-bottom-container
      div#ste_container_ciPrimaryNavigation
      div#ste_container_NavigationWelcome
      > p:last-of-type {
      margin: 0;
    }
  
    header#hd
      > .header-bottom-container
      div#ste_container_ciPrimaryNavigation
      ul.rmRootGroup.rmToggleHandles.rmHorizontal
      > li.rmItem {
      margin: 1rem 0;
      padding: 0 1.5rem;
    }
  
    header#hd
      > .header-bottom-container
      div#ste_container_ciPrimaryNavigation
      ul.rmRootGroup.rmToggleHandles.rmHorizontal
      > li.rmItem
      > a.rmLink {
      padding: 1.2rem 2.1rem;
      color: #1c3044;
      border-radius: 50rem;
      transition: 0.2s ease-in-out all;
      cursor: pointer !important;
      font-size: 2rem;
      font-family: "Montserrat" !important;
      white-space: break-spaces;
    }
  
    header#hd
      > .header-bottom-container
      div#ste_container_ciPrimaryNavigation
      ul.rmRootGroup.rmToggleHandles.rmHorizontal
      > li.rmItem
      > a.rmLink:hover {
      background: #d1d9e1;
    }
  
    header#hd
      > .header-bottom-container
      div#ste_container_ciPrimaryNavigation
      ul.rmRootGroup.rmToggleHandles.rmHorizontal
      > li.rmItem
      > a.rmLink
      > span.rmText {
      padding: 0;
    }
  
    header#hd
      > .header-bottom-container
      div#ste_container_ciPrimaryNavigation
      ul.rmRootGroup.rmToggleHandles.rmHorizontal
      > li.rmItem
      > a.rmLink
      > span.rmToggle {
      display: none !important;
    }
  
    header#hd
      > .header-bottom-container
      div#ste_container_ciPrimaryNavigation
      ul.rmRootGroup.rmToggleHandles.rmHorizontal
      > li.rmItem
      > a.rmLink
      + .rmSlide {
      display: none !important;
    }
  
    header#hd
      > .header-bottom-container
      div#ste_container_ciPrimaryNavigation
      .rmSlide
      + ul.rmRootGroup.rmToggleHandles.rmHorizontal {
      display: none;
    }
  
    header#hd
      > .header-bottom-container
      div#ste_container_ciPrimaryNavigation
      .UtilityNavigationList
      + .rmSlide
      ~ div#ste_container_NavigationWelcome {
      display: none;
    }
  
    header#hd
      > .header-bottom-container
      div#ste_container_ciPrimaryNavigation
      .UtilityNavigationList
      + .rmSlide {
      display: block !important;
      position: relative !important;
      top: auto !important;
      left: auto !important;
      height: auto !important;
      width: 100% !important;
    }
  
    header#hd
      > .header-bottom-container
      div#ste_container_ciPrimaryNavigation
      .UtilityNavigationList
      + .rmSlide
      > ul {
      display: block !important;
      top: auto !important;
      left: auto !important;
      padding: 0;
      width: 100%;
    }
  
    header#hd
      > .header-bottom-container
      div#ste_container_ciPrimaryNavigation
      .UtilityNavigationList
      + .rmSlide
      > ul
      > li {
      /* margin: 1rem 0; */
      padding: 1rem 1.5rem;
      background: #d1d9e15e;
      width: 100%;
      display: flex;
    }
  
    header#hd
      > .header-bottom-container
      div#ste_container_ciPrimaryNavigation
      .UtilityNavigationList
      + .rmSlide
      > ul
      > li.rmFirst {
      padding-top: 3rem;
    }
  
    header#hd
      > .header-bottom-container
      div#ste_container_ciPrimaryNavigation
      .UtilityNavigationList
      + .rmSlide
      > ul
      > li.rmLast {
      padding-bottom: 3rem;
    }
  
    header#hd
      > .header-bottom-container
      div#ste_container_ciPrimaryNavigation
      .UtilityNavigationList
      + .rmSlide
      > ul
      > li
      > a {
      padding: 1.2rem 2.1rem;
      color: #1c3044;
      border-radius: 50rem;
      transition: 0.2s ease-in-out all;
      cursor: pointer !important;
      white-space: break-spaces;
      text-decoration: none !important;
    }
  
    header#hd
      > .header-bottom-container
      div#ste_container_ciPrimaryNavigation
      .UtilityNavigationList
      + .rmSlide
      > ul
      > li
      > a:hover {
      background: #d1d9e1;
    }
  
    header#hd
      > .header-bottom-container
      div#ste_container_ciPrimaryNavigation
      .UtilityNavigationList
      + .rmSlide
      > ul
      > li
      > a
      > span.rmText {
      padding: 0;
      margin: 0;
    }
  
    header#hd
      > .header-bottom-container
      div#ste_container_ciPrimaryNavigation
      .UtilityNavigationList
      + .rmSlide
      > ul
      > a {
      padding: 3rem 3.6rem;
      display: flex;
      justify-content: space-between;
      color: #1c3044;
      align-items: center;
      cursor: pointer !important;
      text-decoration: none !important;
    }
  
    header#hd
      > .header-bottom-container
      div#ste_container_ciPrimaryNavigation
      .UtilityNavigationList
      + .rmSlide
      > ul
      > a:after {
      display: none;
    }
  
    header#hd
      > .header-bottom-container
      div#ste_container_ciPrimaryNavigation
      .UtilityNavigationList
      + .rmSlide
      > ul
      > a:before {
      content: "";
      display: inline-block;
      width: 2rem;
      height: 2rem;
      background-image: url(../svg/arrow-right-black.svg);
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      vertical-align: middle;
      transform: rotatez(180deg);
    }
  
    header#hd
      > .header-bottom-container
      div#ste_container_ciPrimaryNavigation
      .UtilityNavigationList
      + .rmSlide
      > ul
      > a
      > span.rmText {
      padding: 0;
      margin: 0;
    }
  
    header#hd
      > .header-bottom-container
      div#ste_container_ciPrimaryNavigation
      .UtilityNavigationList
      + .rmSlide
      > ul
      > a
      > span.rmToggle {
      display: none !important;
    }
  
    header#hd
      > .header-bottom-container
      div#ste_container_ciPrimaryNavigation
      .UtilityNavigationList
      + .rmSlide
      + .rmSlide {
      display: none !important;
    }
  }
  
  /****************************************/
  /*** MasterContentArea - Col-primary ***/
  /****************************************/
  
  /*Calculate the width of the site minus the desired width of the main content container, leaving the remainder empty content area on the sides*/
  @media (min-width: 1215px) {
    /*Calculate the width of the site minus the desired width of the main content container, leaving the remainder empty content area on the sides*/
    .row {
      --desiredwidth-var: 126.2rem;
      --width-var: calc(100vw - var(--desiredwidth-var));
      --fullwidth-var: calc(100%);
      --currentwidth-var: calc(100vw);
      flex-flow: nowrap;
      margin: 0;
    }
  
    /*divide the remaning content area by 2, apply it to each side of the main content container */
    div#masterContentArea .col-primary > div > div > div > div.row {
      padding: 0 calc(var(--width-var) / 2);
      max-width: 100%;
    }
  
    /*margin auto content inside the columns*/
    div#masterContentArea .col-primary > div > div > div > div.row > div {
      margin: 0 auto;
    }
  
    /*calculate new bootstrap style col widths*/
    div#masterContentArea
      .col-primary
      > div
      > div
      > div
      > div.row
      > div.col-sm-12 {
      width: calc(var(--fullwidth-var) * 1);
      max-width: calc(var(--desiredwidth-var) * 1);
    }
  
    div#masterContentArea
      .col-primary
      > div
      > div
      > div
      > div.row
      > div.col-sm-11 {
      width: calc(var(--fullwidth-var) * 0.916);
      max-width: calc(var(--desiredwidth-var) * 0.916);
    }
  
    div#masterContentArea
      .col-primary
      > div
      > div
      > div
      > div.row
      > div.col-sm-10 {
      width: calc(var(--fullwidth-var) * 0.833);
      max-width: calc(var(--desiredwidth-var) * 0.833);
    }
  
    div#masterContentArea
      .col-primary
      > div
      > div
      > div
      > div.row
      > div.col-sm-9 {
      width: calc(var(--fullwidth-var) * 0.75);
      max-width: calc(var(--desiredwidth-var) * 0.75);
    }
  
    div#masterContentArea
      .col-primary
      > div
      > div
      > div
      > div.row
      > div.col-sm-8 {
      width: calc(var(--fullwidth-var) * 0.6666);
      max-width: calc(var(--desiredwidth-var) * 0.6666);
    }
  
    div#masterContentArea
      .col-primary
      > div
      > div
      > div
      > div.row
      > div.col-sm-7 {
      width: calc(var(--fullwidth-var) * 0.583);
      max-width: calc(var(--desiredwidth-var) * 0.583);
    }
  
    div#masterContentArea
      .col-primary
      > div
      > div
      > div
      > div.row
      > div.col-sm-6 {
      width: calc(var(--fullwidth-var) * 0.5);
      max-width: calc(var(--desiredwidth-var) * 0.5);
    }
  
    div#masterContentArea
      .col-primary
      > div
      > div
      > div
      > div.row
      > div.col-sm-5 {
      width: calc(var(--fullwidth-var) * 0.416);
      max-width: calc(var(--desiredwidth-var) * 0.416);
    }
  
    div#masterContentArea
      .col-primary
      > div
      > div
      > div
      > div.row
      > div.col-sm-4 {
      width: calc(var(--fullwidth-var) * 0.333);
      max-width: calc(var(--desiredwidth-var) * 0.333);
      --ctawidth-var: calc(var(--fullwidth-var) * 0.333);
    }
  
    div#masterContentArea
      .col-primary
      > div
      > div
      > div
      > div.row
      > div.col-sm-3 {
      width: calc(var(--fullwidth-var) * 0.25);
      max-width: calc(var(--desiredwidth-var) * 0.25);
      --ctawidth-var: calc(var(--fullwidth-var) * 0.25);
    }
  
    div#masterContentArea
      .col-primary
      > div
      > div
      > div
      > div.row
      > div.col-sm-2 {
      width: calc(var(--fullwidth-var) * 0.166);
      max-width: calc(var(--desiredwidth-var) * 0.166);
    }
  
    div#masterContentArea
      .col-primary
      > div
      > div
      > div
      > div.row
      > div.col-sm-1 {
      width: calc(var(--fullwidth-var) * 0.183);
      max-width: calc(var(--desiredwidth-var) * 0.183);
    }
  }
  
  @media (max-width: 1181px) {
    .row {
      --desiredwidth-var: 126.2rem;
      --width-var: calc(100vw - var(--desiredwidth-var));
      --fullwidth-var: calc(100%);
      --currentwidth-var: calc(100vw);
    }
  
    div#masterContentArea
      .col-primary
      > div
      > div
      > div
      > div.row
      > div[class*="col-sm-"] {
      margin: 0 auto;
    }
  
    div#masterContentArea .col-primary > div > div > div > div.row {
      margin: 0;
    }
  }
  
  /***** DESKTOP ******/
  @media (min-width: 768px) {
    .iMIS-WebPart > .ContentItemContainer {
      margin-bottom: 0;
    }
  
    .container,
    .header-container,
    .SliderPage1 {
      max-width: 121.5rem;
    }
  
    div#masterContentArea {
      max-width: 100%;
      padding: 0;
      margin-top: 0;
    }
  
    div#masterContentArea
      .col-primary
      > div
      > div
      > div
      > div.row:first-child
      h1:first-of-type {
      /* margin-bottom: 0; */
    }
  
    div#masterContentArea
      .col-primary
      > div
      > div
      > div
      > div.row:first-child
      h1:last-child {
      margin: 0;
    }
  
    .col-primary > div > div > div > div.row .iMIS-WebPart > div {
      padding-top: 6rem;
    }
  
    .col-primary > div > div > div > div.row .iMIS-WebPart + .iMIS-WebPart > div {
      padding: 0;
    }
  
    .col-primary > div > div > div > div.row .iMIS-WebPart:last-of-type > div {
      padding-bottom: 6rem;
    }
  
    div#masterContentArea
      .col-primary
      > div
      > div
      > div
      > div.row:first-child
      > .col-sm-12
      .iMIS-WebPart:nth-child(2):last-child
      > div {
      /* padding-bottom: 0; */
      /* padding-top: 6rem; */
    }
  
    div#masterContentArea
      .col-primary
      > div
      > div
      > div
      > div.row:not(.grey-row, .blue-row, .gradient-row)
      + .row:not(.grey-row, .blue-row, .gradient-row) {
      margin-top: -6rem;
    }
  
    div#masterContentArea
      .col-primary
      > div
      > div
      > div
      > div.row:not(.grey-row, .blue-row, .gradient-row)
      + .row:not(.grey-row, .blue-row, .gradient-row)
      .iMIS-WebPart
      > div {
      padding-top: 0;
    }
  
    div#masterContentArea
      .col-primary
      > div
      > div
      > div
      > div.row.grey-row
      + .row.grey-row {
      margin-top: -6rem;
    }
  
    div#masterContentArea
      .col-primary
      > div
      > div
      > div
      > div.row.blue-row
      + .row.blue-row {
      margin-top: -6rem;
    }
  
    div#masterContentArea
      .col-primary
      > div
      > div
      > div
      > div.row.gradient-row
      + .row.gradient-row {
      margin-top: -6rem;
    }
  
    div#masterContentArea
      .col-primary
      > div
      > div
      > div
      > div.row.call-to-action
      + .row.call-to-action {
      margin-top: -9rem;
    }
  
    div#masterContentArea
      .col-primary
      > div
      > div
      > div
      > div.row.call-to-action:not(.grey-row, .blue-row, .gradient-row)
      + .row.call-to-action:not(.grey-row, .blue-row, .gradient-row) {
      margin-top: -6rem;
    }
  
    div#masterContentArea
      .col-primary
      > div
      > div
      > div
      > div.row.call-to-action:not(.grey-row, .blue-row, .gradient-row)
      + .row.call-to-action:not(.grey-row, .blue-row, .gradient-row)
      .iMIS-WebPart
      > div {
      padding-top: 0rem;
    }
  
    div#masterContentArea
      .col-primary
      > div
      > div
      > div
      > div.row:not(.grey-row, .blue-row, .gradient-row)
      + .row.call-to-action:not(.grey-row, .blue-row, .gradient-row) {
      margin-top: -9rem;
    }
  
    /*     div#masterContentArea .col-primary > div > div > div > div.row.call-to-action + .row:not(.grey-row, .blue-row, .gradient-row) {
          margin-top: -9rem;
      }
   */
    div#masterContentArea
      .col-primary
      > div
      > div
      > div
      > div.row:not(.grey-row, .blue-row, .gradient-row):before {
      content: "";
      width: 100%;
      background-image: url(../svg/desktop-row-curve-black.svg);
      height: 5rem;
      top: -5rem;
      display: block;
      position: absolute;
      background-repeat: no-repeat;
      left: 0;
      filter: invert(99%) sepia(6%) saturate(1466%) hue-rotate(252deg)
        brightness(119%) contrast(100%);
    }
  
    div#masterContentArea
      .col-primary
      > div
      > div
      > div
      > div.row:not(.grey-row, .blue-row, .gradient-row):after {
      content: "";
      width: 100%;
      background-image: url(../svg/desktop-row-curve-bottom-black.svg);
      height: 5rem;
      bottom: -5rem;
      display: block;
      position: absolute;
      background-repeat: no-repeat;
      right: 0;
      filter: invert(99%) sepia(6%) saturate(1466%) hue-rotate(252deg)
        brightness(119%) contrast(100%);
      background-position: right;
      z-index: 1;
    }
  
    div#masterContentArea
      .col-primary
      > div
      > div
      > div
      > div.row.grey-row:before {
      content: "";
      width: 100%;
      background-image: url(../svg/desktop-row-curve-black.svg);
      height: 5rem;
      top: -5rem;
      display: block;
      position: absolute;
      background-repeat: no-repeat;
      left: 0;
      filter: invert(85%) sepia(4%) saturate(120%) hue-rotate(177deg)
        brightness(115%) contrast(95%);
    }
  
    div#masterContentArea
      .col-primary
      > div
      > div
      > div
      > div.row.grey-row:after {
      content: "";
      width: 100%;
      background-image: url(../svg/desktop-row-curve-bottom-black.svg);
      height: 5rem;
      bottom: -5rem;
      display: block;
      position: absolute;
      background-repeat: no-repeat;
      right: 0;
      filter: invert(85%) sepia(4%) saturate(120%) hue-rotate(177deg)
        brightness(115%) contrast(95%);
      background-position: right;
      z-index: 1;
    }
  
    div#masterContentArea
      .col-primary
      > div
      > div
      > div
      > div.row.blue-row:before {
      content: "";
      width: 100%;
      background-image: url(../svg/desktop-row-curve-black.svg);
      height: 5rem;
      top: -5rem;
      display: block;
      position: absolute;
      background-repeat: no-repeat;
      left: 0;
      filter: invert(18%) sepia(64%) saturate(2541%) hue-rotate(196deg)
        brightness(95%) contrast(99%);
    }
  
    div#masterContentArea
      .col-primary
      > div
      > div
      > div
      > div.row.blue-row:after {
      content: "";
      width: 100%;
      background-image: url(../svg/desktop-row-curve-bottom-black.svg);
      height: 5rem;
      bottom: -5rem;
      display: block;
      position: absolute;
      background-repeat: no-repeat;
      right: 0;
      filter: invert(18%) sepia(64%) saturate(2541%) hue-rotate(196deg)
        brightness(95%) contrast(99%);
      background-position: right;
      z-index: 1;
    }
  
    div#masterContentArea
      .col-primary
      > div
      > div
      > div
      > div.row.gradient-row:before {
      content: "";
      width: 100%;
      background-image: url(../svg/desktop-row-curve-black.svg);
      height: 5rem;
      top: -5rem;
      display: block;
      position: absolute;
      background-repeat: no-repeat;
      left: 0;
      filter: invert(18%) sepia(64%) saturate(2541%) hue-rotate(196deg)
        brightness(95%) contrast(99%);
    }
  
    div#masterContentArea
      .col-primary
      > div
      > div
      > div
      > div.row.gradient-row:after {
      content: "";
      width: 100%;
      background-image: url(../svg/desktop-row-curve-bottom-black.svg);
      height: 5rem;
      bottom: -5rem;
      display: block;
      position: absolute;
      background-repeat: no-repeat;
      right: 0;
      filter: invert(50%) sepia(93%) saturate(2578%) hue-rotate(164deg)
        brightness(102%) contrast(99%);
      background-position: right;
      z-index: 1;
    }
  
    div#masterContentArea
      .col-primary
      > div
      > div
      > div
      > div.row.lightblue-row:before {
      content: "";
      width: 100%;
      background-image: url(../svg/desktop-row-curve-black.svg);
      height: 5rem;
      top: -5rem;
      display: block;
      position: absolute;
      background-repeat: no-repeat;
      left: 0;
      filter: invert(44%) sepia(88%) saturate(1794%) hue-rotate(165deg)
        brightness(103%) contrast(99%);
    }
  
    div#masterContentArea
      .col-primary
      > div
      > div
      > div
      > div.row.lightblue-row:after {
      content: "";
      width: 100%;
      background-image: url(../svg/desktop-row-curve-bottom-black.svg);
      height: 5rem;
      bottom: -5rem;
      display: block;
      position: absolute;
      background-repeat: no-repeat;
      right: 0;
      filter: invert(44%) sepia(88%) saturate(1794%) hue-rotate(165deg)
        brightness(103%) contrast(99%);
      background-position: right;
      z-index: 1;
    }
  
    div#masterContentArea
      .col-primary
      > div
      > div
      > div
      > div.row.vertical-align {
      align-items: center;
    }
  }
  
  div#masterContentArea
    .col-primary
    > div
    > div
    > div
    > div.row:not(.grey-row, .blue-row, .gradient-row)
    + .row:not(.grey-row, .blue-row, .gradient-row)
    .iMIS-WebPart:last-child
    div[id*="_Panel_"]
    p:last-child {
    margin-bottom: 1.5rem;
  }
  
  div#masterContentArea .col-primary > div > div > div > div.row {
    position: relative;
    margin: 0;
  }
  
  div#masterContentArea .col-primary > div > div > div > div.row.grey-row {
    background: #f2f4f7;
  }
  
  div#masterContentArea .col-primary > div > div > div > div.row.blue-row {
    background: #014991;
  }
  
  div#masterContentArea .col-primary > div > div > div > div.row.lightblue-row {
    background: #01aef0;
  }
  
  div#masterContentArea .col-primary > div > div > div > div.row.gradient-row {
    background: linear-gradient(to right, #014991 0%, #01aef0 100%);
  }
  
  div.row.blue-row div[id*="_Panel_"] *,
  div.row.gradient-row div[id*="_Panel_"] *,
  div.row.lightblue-row div[id*="_Panel_"] * {
    color: #ffffff;
    background: none;
    -webkit-text-fill-color: initial;
  }
  
  div.row.blue-row div[id*="_Panel_"] > *:last-child,
  div.row.gradient-row div[id*="_Panel_"] > *:last-child,
  div.row.lightblue-row div[id*="_Panel_"] > *:last-child {
    margin: 0;
  }
  
  div#masterContentArea
    .col-primary
    > div
    > div
    > div
    > div.row:not(.grey-row, .blue-row, .gradient-row)
    + .row:not(.grey-row, .blue-row, .gradient-row):before {
    display: none;
  }
  
  div#masterContentArea
    .col-primary
    > div
    > div
    > div
    > div.row:not(.grey-row, .blue-row, .gradient-row):has(
      + .row:not(.grey-row, .blue-row, .gradient-row)
    ):after {
    display: none;
  }
  
  div#masterContentArea
    .col-primary
    > div
    > div
    > div
    > div.row.grey-row
    + .row.grey-row:before {
    display: none;
  }
  
  div#masterContentArea
    .col-primary
    > div
    > div
    > div
    > div.row.grey-row:has(+ .row.grey-row):after {
    display: none;
  }
  
  div#masterContentArea
    .col-primary
    > div
    > div
    > div
    > div.row.blue-row
    + .row.blue-row:before {
    display: none;
  }
  
  div#masterContentArea
    .col-primary
    > div
    > div
    > div
    > div.row.blue-row:has(+ .row.blue-row):after {
    display: none;
  }
  
  div#masterContentArea
    .col-primary
    > div
    > div
    > div
    > div.row.gradient-row
    + .row.gradient-row:before {
    display: none;
  }
  
  div#masterContentArea
    .col-primary
    > div
    > div
    > div
    > div.row.gradient-row:has(+ .row.gradient-row):after {
    display: none;
  }
  
  div#masterContentArea
    .col-primary
    > div
    > div
    > div
    > div.row.call-to-action
    + .row.call-to-action:before {
    display: none;
  }
  
  div#masterContentArea
    .col-primary
    > div
    > div
    > div
    > div.row.call-to-action:has(+ .row.call-to-action):after {
    display: none;
  }
  
  /***** MOBILE ****/
  @media (max-width: 767px) {
    div#masterContentArea {
      max-width: 100%;
      padding: 0;
      margin-top: 0 !important;
    }
  
    div#masterContentArea .col-primary > div > div > div > div.row {
      margin: 0;
      padding: 5rem 0;
    }
  
    div[id*="PageHeading_Carousel"] ~ div#masterContentArea {
    }
  
    div[id*="PageHeading_Carousel"]
      ~ div#masterContentArea
      .col-primary
      > div
      > div
      > div
      > div.row:first-of-type {
      padding: 0;
    }
  
    div[id*="PageHeading_Carousel"]
      ~ div#masterContentArea
      .col-primary
      > div
      > div
      > div
      > div.row:first-of-type
      div#ste_container_ciPageHeading {
      display: none;
    }
  
    div#masterContentArea
      .col-primary
      > div
      > div
      > div
      > div.row:not(.grey-row, .blue-row, .gradient-row)
      + .row:not(.grey-row, .blue-row, .gradient-row) {
      margin-top: -10rem;
    }
  
    div#masterContentArea
      .col-primary
      > div
      > div
      > div
      > div.row:not(.grey-row, .blue-row, .gradient-row)
      + .row:not(.grey-row, .blue-row, .gradient-row) {
      margin-top: -5rem;
      padding-top: 0;
    }
  
    div#masterContentArea
      .col-primary
      > div
      > div
      > div
      > div.row.grey-row
      + .row.grey-row {
      margin-top: -5rem;
    }
  
    div#masterContentArea
      .col-primary
      > div
      > div
      > div
      > div.row.blue-row
      + .row.blue-row {
      margin-top: -5rem;
    }
  
    div#masterContentArea
      .col-primary
      > div
      > div
      > div
      > div.row.gradient-row
      + .row.gradient-row {
      margin-top: -5rem;
    }
  
    div#masterContentArea
      .col-primary
      > div
      > div
      > div
      > div.row.call-to-action
      + .row.call-to-action {
      margin-top: -10rem;
    }
  
    div#masterContentArea
      .col-primary
      > div
      > div
      > div
      > div.row.call-to-action:not(.grey-row, .blue-row, .gradient-row)
      + .row.call-to-action:not(.grey-row, .blue-row, .gradient-row) {
      margin-top: -10rem;
    }
  
    div#masterContentArea
      .col-primary
      > div
      > div
      > div
      > div.row.call-to-action:not(.grey-row, .blue-row, .gradient-row)
      + .row.call-to-action:not(.grey-row, .blue-row, .gradient-row) {
      margin-top: -5rem;
      padding-top: 0;
    }
  
    div#masterContentArea
      .col-primary
      > div
      > div
      > div
      > div.row.call-to-action
      + .row:not(.grey-row, .blue-row, .gradient-row) {
      margin-top: -5rem;
    }
  
    div#masterContentArea
      .col-primary
      > div
      > div
      > div
      > div.row:not(.grey-row, .blue-row, .gradient-row):before {
      content: "";
      width: 100%;
      background-image: url(../svg/desktop-row-curve-black.svg);
      height: 2.5rem;
      top: -2.5rem;
      display: block;
      position: absolute;
      background-repeat: no-repeat;
      left: 0;
      filter: invert(99%) sepia(6%) saturate(1466%) hue-rotate(252deg)
        brightness(119%) contrast(100%);
    }
  
    div#masterContentArea
      .col-primary
      > div
      > div
      > div
      > div.row:not(.grey-row, .blue-row, .gradient-row):after {
      content: "";
      width: 100%;
      background-image: url(../svg/desktop-row-curve-bottom-black.svg);
      height: 2.5rem;
      bottom: -2.5rem;
      display: block;
      position: absolute;
      background-repeat: no-repeat;
      right: 0;
      filter: invert(99%) sepia(6%) saturate(1466%) hue-rotate(252deg)
        brightness(119%) contrast(100%);
      background-position: right;
      z-index: 1;
    }
  
    div#masterContentArea
      .col-primary
      > div
      > div
      > div
      > div.row.grey-row:before {
      content: "";
      width: 100%;
      background-image: url(../svg/desktop-row-curve-black.svg);
      height: 2.5rem;
      top: -2.5rem;
      display: block;
      position: absolute;
      background-repeat: no-repeat;
      left: 0;
      filter: invert(85%) sepia(4%) saturate(120%) hue-rotate(177deg)
        brightness(115%) contrast(95%);
    }
  
    div#masterContentArea
      .col-primary
      > div
      > div
      > div
      > div.row.grey-row:after {
      content: "";
      width: 100%;
      background-image: url(../svg/desktop-row-curve-bottom-black.svg);
      height: 2.5rem;
      bottom: -2.5rem;
      display: block;
      position: absolute;
      background-repeat: no-repeat;
      right: 0;
      filter: invert(85%) sepia(4%) saturate(120%) hue-rotate(177deg)
        brightness(115%) contrast(95%);
      background-position: right;
      z-index: 1;
    }
  
    div#masterContentArea
      .col-primary
      > div
      > div
      > div
      > div.row.blue-row:before {
      content: "";
      width: 100%;
      background-image: url(../svg/desktop-row-curve-black.svg);
      height: 2.5rem;
      top: -2.5rem;
      display: block;
      position: absolute;
      background-repeat: no-repeat;
      left: 0;
      filter: invert(18%) sepia(64%) saturate(2541%) hue-rotate(196deg)
        brightness(95%) contrast(99%);
    }
  
    div#masterContentArea
      .col-primary
      > div
      > div
      > div
      > div.row.blue-row:after {
      content: "";
      width: 100%;
      background-image: url(../svg/desktop-row-curve-bottom-black.svg);
      height: 2.5rem;
      bottom: -2.5rem;
      display: block;
      position: absolute;
      background-repeat: no-repeat;
      right: 0;
      filter: invert(18%) sepia(64%) saturate(2541%) hue-rotate(196deg)
        brightness(95%) contrast(99%);
      background-position: right;
      z-index: 1;
    }
  
    div#masterContentArea
      .col-primary
      > div
      > div
      > div
      > div.row.gradient-row:before {
      content: "";
      width: 100%;
      background-image: url(../svg/desktop-row-curve-black.svg);
      height: 2.5rem;
      top: -2.5rem;
      display: block;
      position: absolute;
      background-repeat: no-repeat;
      left: 0;
      filter: invert(18%) sepia(64%) saturate(2541%) hue-rotate(196deg)
        brightness(95%) contrast(99%);
    }
  
    div#masterContentArea
      .col-primary
      > div
      > div
      > div
      > div.row.gradient-row:after {
      content: "";
      width: 100%;
      background-image: url(../svg/desktop-row-curve-bottom-black.svg);
      height: 2.5rem;
      bottom: -2.5rem;
      display: block;
      position: absolute;
      background-repeat: no-repeat;
      right: 0;
      filter: invert(50%) sepia(93%) saturate(2578%) hue-rotate(164deg)
        brightness(102%) contrast(99%);
      background-position: right;
      z-index: 1;
    }
  
    div#masterContentArea
      .col-primary
      > div
      > div
      > div
      > div.row.lightblue-row:before {
      content: "";
      width: 100%;
      background-image: url(../svg/desktop-row-curve-black.svg);
      height: 2.5rem;
      top: -2.5rem;
      display: block;
      position: absolute;
      background-repeat: no-repeat;
      left: 0;
      filter: invert(44%) sepia(88%) saturate(1794%) hue-rotate(165deg)
        brightness(103%) contrast(99%);
    }
  
    div#masterContentArea
      .col-primary
      > div
      > div
      > div
      > div.row.lightblue-row:after {
      content: "";
      width: 100%;
      background-image: url(../svg/desktop-row-curve-bottom-black.svg);
      height: 2.5rem;
      bottom: -2.5rem;
      display: block;
      position: absolute;
      background-repeat: no-repeat;
      right: 0;
      filter: invert(44%) sepia(88%) saturate(1794%) hue-rotate(165deg)
        brightness(103%) contrast(99%);
      background-position: right;
      z-index: 1;
    }
  }
  
  @media (max-width: 1024px) {
    div#masterContentArea {
      margin-top: 0 !important;
    }
  }
  
  /****************************************/
  /***  Footer ***/
  /****************************************/
  footer#ft {
    display: block !important;
  }
  
  /***** DESKTOP ******/
  @media (min-width: 1180px) {
    footer#ft {
      background: #f8f9fa;
      z-index: 2;
      position: relative;
    }
  
    footer#ft > .footer-content {
      background: #f8f9fa;
      text-align: left;
      color: #1c3044;
      padding: 0;
    }
  
    footer#ft > .footer-content > div {
      padding: 0;
      max-width: 100%;
    }
  
    footer#ft > .footer-content h4 {
      color: #1c3044;
      margin-bottom: 2.5rem;
      margin-top: 2rem;
      font-weight: 500;
    }
  
    footer#ft > .footer-content a {
      color: #1c3044;
      text-decoration: none;
      transition: all 0.2s ease-in-out;
    }
  
    footer#ft > .footer-content a:hover {
      color: #014991;
    }
  
    footer#ft > .footer-content .row {
      max-width: 161rem;
      margin: 0 auto;
    }
  
    footer#ft > .footer-content .row:nth-child(2) {
      padding-top: 12.4rem;
      padding-bottom: 13.4rem;
    }
  
    footer#ft > .footer-content .row:nth-child(2) {
      justify-content: space-between;
    }
  
    footer#ft > .footer-content .row:nth-child(2) > .col-sm-8 {
      padding: 0;
      display: flex;
      flex-wrap: wrap;
    }
  
    footer#ft > .footer-content .row:nth-child(2) div[id*="Logo"] img {
      max-width: 12rem;
      margin-bottom: 4rem;
    }
  
    footer#ft > .footer-content .row:nth-child(2) div[id*="Socials"] {
      margin-top: 3rem;
    }
  
    footer#ft > .footer-content .row:nth-child(2) div[id*="Socials"] a {
      margin-right: 2rem;
    }
  
    footer#ft > .footer-content .row:nth-child(2) div[id*="Socials"] img {
      width: 1.7rem !important;
      height: 1.7rem !important;
      object-fit: contain;
    }
  
    footer#ft > .footer-content .row:nth-child(2) > .col-sm-3 {
      text-align: right;
    }
  
    footer#ft > .footer-content .row:nth-child(2) > .col-sm-3 div[id*="Flags"] {
      margin-top: 1.5rem;
    }
  
    footer#ft
      > .footer-content
      .row:nth-child(2)
      > .col-sm-3
      div[id*="Flags"]
      img {
      width: 5.5rem;
      margin-left: 1.5rem;
    }
  
    footer#ft > .footer-content .row ul {
      padding-left: 0;
      list-style: none;
    }
  
    footer#ft > .footer-content .row ul > li:before {
      content: "";
      width: 1rem;
      height: 1rem;
      display: inline-block;
      background: #fff;
      border: 0.2rem solid #014991;
      vertical-align: middle;
      border-radius: 50rem;
      margin-right: 1.7rem;
      margin-top: -0.2rem;
      transition: all 0.2s ease-in-out;
    }
  
    footer#ft > .footer-content .row ul > li:hover:before {
      background: #014991;
    }
  
    footer#ft > .footer-nav-copyright {
      display: none;
    }
  }
  
  /***** MOBILE ****/
  @media (max-width: 1179px) {
    footer#ft {
      background: #f8f9fa;
      z-index: 2;
      position: relative;
    }
  
    footer#ft > .footer-content {
      background: #f8f9fa;
      text-align: left;
      color: #1c3044;
      padding: 0;
    }
  
    footer#ft > .footer-content > div {
      padding: 0;
      max-width: 100%;
    }
  
    footer#ft > .footer-content h4 {
      color: #1c3044;
      margin-bottom: 2.5rem;
      /* margin-top: 2rem; */
      font-weight: 500;
    }
  
    footer#ft > .footer-content a {
      color: #1c3044;
      text-decoration: none;
    }
  
    footer#ft > .footer-content .row {
      max-width: 161rem;
      margin: 0 auto;
    }
  
    footer#ft > .footer-content .row:nth-child(2) {
      padding-top: 3rem;
      padding-bottom: 3rem;
    }
  
    footer#ft > .footer-content .row:nth-child(2) {
      flex-direction: column;
    }
  
    footer#ft > .footer-content .row:nth-child(2) > .col-sm-8 {
      padding: 0;
      display: flex;
      flex-wrap: wrap;
      width: 100%;
    }
  
    footer#ft > .footer-content .row:nth-child(2) > .col-sm-8 > * {
      width: 100%;
      padding-bottom: 4rem;
    }
  
    footer#ft > .footer-content .row:nth-child(2) div[id*="Logo"] img {
      max-width: 12rem;
      margin-bottom: 4rem;
    }
  
    footer#ft > .footer-content .row:nth-child(2) div[id*="Socials"] {
      margin-top: 3rem;
    }
  
    footer#ft > .footer-content .row:nth-child(2) div[id*="Socials"] a {
      margin-right: 2rem;
    }
  
    footer#ft > .footer-content .row:nth-child(2) div[id*="Socials"] img {
      width: 1.7rem !important;
      height: 1.7rem !important;
      object-fit: contain;
    }
  
    footer#ft > .footer-content .row:nth-child(2) > .col-sm-3 {
      text-align: left;
      width: 100%;
    }
  
    footer#ft > .footer-content .row:nth-child(2) > .col-sm-3 div[id*="Flags"] {
      margin-top: 1.5rem;
    }
  
    footer#ft
      > .footer-content
      .row:nth-child(2)
      > .col-sm-3
      div[id*="Flags"]
      img {
      width: 5.5rem;
      margin-right: 1.5rem;
    }
  
    footer#ft > .footer-content .row ul {
      list-style: none;
      padding-left: 0;
    }
  
    footer#ft > .footer-content .row ul > li:before {
      content: "";
      width: 1rem;
      height: 1rem;
      display: inline-block;
      background: #fff;
      border: 0.2rem solid #014991;
      vertical-align: middle;
      border-radius: 50rem;
      margin-right: 1.7rem;
      margin-top: -0.2rem;
      transition: all 0.2s ease-in-out;
    }
  
    footer#ft > .footer-content .row ul > li:hover:before {
      background: #014991;
    }
  
    footer#ft > .footer-nav-copyright {
      display: none;
    }
  }
  
  /****************************************/
  /*** Social - sharing ***/
  /****************************************/ /***** DESKTOP ******/
  @media (min-width: 768px) {
  }
  
  /***** MOBILE ****/
  @media (max-width: 767px) {
  }
  
  /****************************************/
  /*** accordion ***/
  /****************************************/
  div#accordionGroup {
    margin-bottom: 2.5rem;
    border: 0.1rem solid #e3e3e3;
    border-radius: 0.7rem;
    background: #fff;
    transition: all 0.2s ease-in-out;
  }
  
  div#accordionGroup.active {
    border-color: #014991;
  }
  
  h4[class*="accordionheading"] {
    margin: 0;
  }
  
  h4[class*="accordionheading"] > button {
    font-size: 2rem;
    font-weight: 600;
    color: #1c3044;
    margin: 0;
    cursor: pointer;
    padding: 3rem;
    border-radius: 0.7rem;
    letter-spacing: 0;
    border: none;
    background: #fff;
    width: 100%;
    text-align: left;
    display: flex;
    justify-content: flex-start;
  }
  
  h4[class*="accordionheading"] > button > span {
    width: calc(100% - 4.4rem);
  }
  
  h4[class*="accordionheading"] > button:before {
    content: "";
    display: inline-block;
    width: 2.4rem;
    height: 2.4rem;
    background-image: url(../svg/accordion.svg);
    vertical-align: middle;
    margin-top: 0.2rem;
    margin-right: 2rem;
    background-size: cover;
    background-repeat: no-repeat;
  }
  
  h4[class*="accordionheading"] > button[aria-expanded="true"]:before {
    background-image: url(../svg/accordion-show.svg);
  }
  
  .accordion-panel > .accordion > div {
    border: 0.1rem solid #e3e3e3;
    border-radius: 0.7rem;
    margin-bottom: 2.5rem;
    transition: all 0.2s ease-in-out;
  }
  
  .accordion > div.active {
    border-color: #014991;
  }
  
  div[class*="accordion"] {
    /* max-height: 0; */
    overflow: hidden;
  }
  
  div[class*="accordion"].show {
    max-height: 10000rem;
    padding-right: 3rem;
    padding-left: 7.4rem;
    padding-bottom: 3rem;
  }
  
  @media (max-width: 1024px) {
    div[class*="accordion"].show {
      padding-left: 2rem;
      padding-right: 2rem;
      padding-bottom: 2rem;
    }
    h4[class*="accordionheading"] > button {
      padding: 2rem;
    }
  }
  
  div[class*="accordion"] > *:last-child {
    margin: 0;
  }
  
  div[class*="accordion"] > div:last-child > div {
    margin: 0 !important;
  }
  
  /************************************************/
  /************ Page load animations *************/
  /************************************************/
  /************************/
  @-webkit-keyframes fade-in-top {
    0% {
    }
  
    100% {
    }
  }
  
  @-webkit-keyframes fade-in {
    0% {
    }
  
    100% {
    }
  }
  
  html.html-main > body#MainBody {
    opacity: 0;
    transition: ease 0.4s all;
  }
  
  html.html-main > body#MainBody.animateIn {
    opacity: 1;
    -webkit-animation: fade-in-top 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) 0.1s
      both;
    animation: fade-in-top 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) 0.1s both;
    background: white;
  }
  
  html.html-main > body#MainBody header#hd {
    opacity: 0;
    transition: ease 0.4s all;
  }
  
  html.html-main > body#MainBody.animateIn header#hd {
    opacity: 1;
    -webkit-animation: fade-in-top 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) 0.1s
      both;
    animation: fade-in-top 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) 0.1s both;
  }
  
  /****************************************/
/****************************************/
/** Speech Pathology Australia **/
/*
 * 
 *  Author: CAUSEIS PTY LTD 
 * 
 *  Version: 1 - 05/10/23  
 *
 * 
 *  Document contains changes to Typography
 *
 *
*/
/****************************************/
/****************************************/
body,
p,
a,
p a,
input,
button,
select,
textarea {
  font-family: "Lato" !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.PageTitle,
.PanelTitle,
.SectionTitle,
.SectionLabel,
.SectionLabelSmaller,
.carousel h1,
.carousel h2,
.carousel h3,
.carousel h4,
.carousel h5 {
  font-family: "Montserrat" !important;

  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

@media (max-width: 767px) {
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  .h1,
  .h2,
  .h3,
  .h4,
  .h5,
  .h6,
  .PageTitle,
  .PanelTitle,
  .SectionTitle,
  .SectionLabel,
  .SectionLabelSmaller,
  .carousel h1,
  .carousel h2,
  .carousel h3,
  .carousel h4,
  .carousel h5 {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
  }
}

body,
p,
.iMIS-WebPart div[id*="_Panel_"],
p a {
  font-weight: 400;
  font-size: 1.8rem;
  color: #1c3044;
  line-height: 2.5rem;
}

a:not(.button):not(.button):not(.Button):not(.TextButton):not(
    .PrimaryButton
  ):not(.rtsLink):not(.carousel-control):not(.noeffect):not(.arrow):not(
    .Arrow
  ):not(.button):not(.button):not(.Button):not(.TextButton):not(
    .PrimaryButton
  ):not(.rtsLink):not(.carousel-control):not(.noeffect):not(.arrow):not(.Arrow),
a:not(.button):not(.button):not(.Button):not(.TextButton):not(
    .PrimaryButton
  ):not(.rtsLink):not(.carousel-control):not(.noeffect):not(.arrow):not(
    .Arrow
  ):visited {
  color: #014991;
}

a:not(.button):not(.button):not(.Button):not(.TextButton):not(
    .PrimaryButton
  ):not(.rtsLink):not(.carousel-control):not(.noeffect):not(.arrow):not(
    .Arrow
  ):hover,
a:not(.button):not(.button):not(.Button):not(.TextButton):not(
    .PrimaryButton
  ):not(.rtsLink):not(.carousel-control):not(.noeffect):not(.arrow):not(
    .Arrow
  ):focus,
a:not(.button):not(.button):not(.Button):not(.TextButton):not(
    .PrimaryButton
  ):not(.rtsLink):not(.carousel-control):not(.noeffect):not(.arrow):not(
    .Arrow
  ):active,
.Link:hover,
.Link:focus,
.Link:active {
  color: #014991;
  text-decoration: underline;
}

.RadGrid
  a:not(.button):not(.button):not(.Button):not(.TextButton):not(
    .PrimaryButton
  ):not(.rtsLink):not(.carousel-control):not(.noeffect):not(.arrow):not(
    .Arrow
  ):not(.button):not(.button):not(.Button):not(.TextButton):not(
    .PrimaryButton
  ):not(.rtsLink):not(.carousel-control):not(.noeffect):not(.arrow):not(.Arrow),
.RadGrid
  a:not(.button):not(.button):not(.Button):not(.TextButton):not(
    .PrimaryButton
  ):not(.rtsLink):not(.carousel-control):not(.noeffect):not(.arrow):not(
    .Arrow
  ):visited {
  color: #014991 !important;
}

.RadGrid
  a:not(.button):not(.button):not(.Button):not(.TextButton):not(
    .PrimaryButton
  ):not(.rtsLink):not(.carousel-control):not(.noeffect):not(.arrow):not(
    .Arrow
  ):hover,
.RadGrid
  a:not(.button):not(.button):not(.Button):not(.TextButton):not(
    .PrimaryButton
  ):not(.rtsLink):not(.carousel-control):not(.noeffect):not(.arrow):not(
    .Arrow
  ):focus,
.RadGrid
  a:not(.button):not(.button):not(.Button):not(.TextButton):not(
    .PrimaryButton
  ):not(.rtsLink):not(.carousel-control):not(.noeffect):not(.arrow):not(
    .Arrow
  ):active,
.RadToolTip
  a:not(.button):not(.button):not(.Button):not(.TextButton):not(
    .PrimaryButton
  ):not(.rtsLink):not(.carousel-control):not(.noeffect):not(.arrow):not(
    .Arrow
  ):hover,
.RadToolTip
  a:not(.button):not(.button):not(.Button):not(.TextButton):not(
    .PrimaryButton
  ):not(.rtsLink):not(.carousel-control):not(.noeffect):not(.arrow):not(
    .Arrow
  ):focus,
.RadToolTip
  a:not(.button):not(.button):not(.Button):not(.TextButton):not(
    .PrimaryButton
  ):not(.rtsLink):not(.carousel-control):not(.noeffect):not(.arrow):not(
    .Arrow
  ):active,
.k-grid
  a:not(.button):not(.button):not(.Button):not(.TextButton):not(
    .PrimaryButton
  ):not(.rtsLink):not(.carousel-control):not(.noeffect):not(.arrow):not(
    .Arrow
  ):hover,
.k-grid
  a:not(.button):not(.button):not(.Button):not(.TextButton):not(
    .PrimaryButton
  ):not(.rtsLink):not(.carousel-control):not(.noeffect):not(.arrow):not(
    .Arrow
  ):focus,
.k-grid
  a:not(.button):not(.button):not(.Button):not(.TextButton):not(
    .PrimaryButton
  ):not(.rtsLink):not(.carousel-control):not(.noeffect):not(.arrow):not(
    .Arrow
  ):active {
  color: #014991 !important;
}

.RadGrid
  a.rgCurrentPage:not(.button):not(.button):not(.Button):not(.TextButton):not(
    .PrimaryButton
  ):not(.rtsLink):not(.carousel-control):not(.noeffect):not(.arrow):not(
    .Arrow
  ):not(.button):not(.button):not(.Button):not(.TextButton):not(
    .PrimaryButton
  ):not(.rtsLink):not(.carousel-control):not(.noeffect):not(.arrow):not(
    .Arrow
  ) {
  color: #fff !important;
}

div#masterContentArea
  .col-primary
  > div
  > div
  > div
  > div.row:is(.blue-row, .gradient-row)
  a:not(.button):not(.button):not(.Button):not(.TextButton):not(
    .PrimaryButton
  ):not(.rtsLink):not(.carousel-control):not(.noeffect):not(.arrow):not(
    .Arrow
  ):not(.button):not(.button):not(.Button):not(.TextButton):not(
    .PrimaryButton
  ):not(.rtsLink):not(.carousel-control):not(.noeffect):not(.arrow):not(.Arrow),
div#masterContentArea
  .col-primary
  > div
  > div
  > div
  > div.row:is(.blue-row, .gradient-row)
  a:not(.button):not(.button):not(.Button):not(.TextButton):not(
    .PrimaryButton
  ):not(.rtsLink):not(.carousel-control):not(.noeffect):not(.arrow):not(
    .Arrow
  ):visited {
  color: #fff;
}

.HeaderRow:is([id*="lue"], [id*="radient"])
  a:not(.button):not(.button):not(.Button):not(.TextButton):not(
    .PrimaryButton
  ):not(.rtsLink):not(.carousel-control):not(.noeffect):not(.arrow):not(
    .Arrow
  ):not(.button):not(.button):not(.Button):not(.TextButton):not(
    .PrimaryButton
  ):not(.rtsLink):not(.carousel-control):not(.noeffect):not(.arrow):not(.Arrow),
.HeaderRow:is([id*="lue"], [id*="radient"])
  a:not(.button):not(.button):not(.Button):not(.TextButton):not(
    .PrimaryButton
  ):not(.rtsLink):not(.carousel-control):not(.noeffect):not(.arrow):not(
    .Arrow
  ):visited {
  color: #fff;
}

p {
  margin-bottom: 1.5rem;
}

ul,
ol {
  margin-bottom: 1.5rem;
}

.iMIS-WebPart div[id*="_Panel_"] ul {
  padding-left: 1.5rem;
  list-style: none;
  margin-bottom: 1.5rem;
}

.iMIS-WebPart div[id*="_Panel_"] ul > li {
  margin-bottom: 1.5rem;
}

.iMIS-WebPart div[id*="_Panel_"] ul > li,
.iMIS-WebPart div[id*="_Panel_"] ol > li {
  padding-left: 2rem;
  position: relative;
}

.iMIS-WebPart div[id*="_Panel_"] ul > li:last-child {
  margin: 0;
}

.iMIS-WebPart div[id*="_Panel_"] ul > li::before {
  content: "";
  width: 1rem;
  height: 1rem;
  display: inline-block;
  background: #fff;
  border: 0.2rem solid #014991;
  vertical-align: middle;
  border-radius: 50rem;
  margin-top: -0.2rem;
  position: absolute;
  left: 0;
  top: 1rem;
}

.iMIS-WebPart div[id*="_Panel_"] ol {
  padding-left: 1rem;
}

.iMIS-WebPart div[id*="_Panel_"] ol {
  list-style: none;
  counter-reset: counter;
}

.iMIS-WebPart div[id*="_Panel_"] ol[style*="list-style-type: lower-alpha;"] {
  counter-reset: listStyle;
  list-style: none !important;
}

.iMIS-WebPart div[id*="_Panel_"] ul ul,
.iMIS-WebPart div[id*="_Panel_"] ul ol,
.iMIS-WebPart div[id*="_Panel_"] ol ul,
.iMIS-WebPart div[id*="_Panel_"] ol ol {
  padding-top: 1.5rem;
}

.iMIS-WebPart div[id*="_Panel_"] ol > li {
  counter-increment: counter;
  margin-bottom: 1.5rem;
  padding-left: 3.5rem;
}

.iMIS-WebPart
  div[id*="_Panel_"]
  ol[style*="list-style-type: lower-alpha;"]
  > li {
  counter-increment: listStyle;
}

.iMIS-WebPart div[id*="_Panel_"] ol > li:last-child {
  margin: 0;
}

.iMIS-WebPart div[id*="_Panel_"] ol > li::before {
  content: counter(counter);
  background: #014991;
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 50%;
  display: inline-block;
  line-height: 2.4rem;
  color: white;
  text-align: center;
  /* margin-right: 1rem; */
  font-weight: 600;
  font-size: 1.6rem;
  vertical-align: middle;
  position: absolute;
  left: 0;
  top: 0.1rem;
}

.iMIS-WebPart
  div[id*="_Panel_"]
  ol[style*="list-style-type: lower-alpha;"]
  > li::before {
  content: counter(listStyle, lower-alpha);
}

body div[id*="_Panel_"],
body div[id*="_Panel_"] p,
body div[id*="_Panel_"] p a {
}

body .iMIS-WebPart:last-child div[id*="_Panel_"] p:last-child {
  /* margin: 0; */
}

h1,
.h1,
.PageTitle {
  font-weight: 700;
  font-size: 4.5rem;
  color: #014991;
  letter-spacing: -1px;
  margin: 0 0 1.5rem;
  line-height: 1.2;
}

h2,
.h2,
.PanelTitle {
  font-weight: 700;
  font-size: 3.7rem;
  color: #014991;
  letter-spacing: -1px;
  margin: 0 0 1.5rem;
  border: none !important;
  line-height: 1.2;
}

h3,
.h3,
.SectionTitle {
  font-weight: 500;
  font-size: 2.9rem;
  color: #01aef0;
  color: #009cd8;
  letter-spacing: -1px;
  margin: 0 0 1.5rem;
  line-height: 1.2;
}

[id*="PageHeading"]:not([id*="radient"], [id*="lue"]) h3,
[id*="rey"] h3 {
  color: #01aef0;
  color: #009cd8;
}

h4,
.h4,
.SectionLabel {
  font-weight: 500;
  font-size: 2.9rem;
  color: #1c3044;
  letter-spacing: -2px;
  margin: 0 0 1.5rem;
  line-height: 1.2;
}

h5,
.h5 {
  font-weight: 600;
  font-size: 2rem;
  color: #1c3044;
  margin: 0 0 1.5rem;
  line-height: 1.2;
}

h6 {
  font-weight: 500;
  font-size: 1.5rem;
  color: #01aef0;
  color: #014991;
  margin: 0 0 1.5rem;
  letter-spacing: 1.1px;
  text-transform: uppercase;
  line-height: 1.2;
}

body
  div[id*="_Panel_"]
  p
  a:not(.Button):not(.button):not(.PrimaryButton):not(.TextButton):not(
    .btn
  ):not(.TextButton):not(.noeffect),
body
  div[id*="_Panel_"]
  a:not(.Button):not(.button):not(.PrimaryButton):not(.TextButton):not(
    .btn
  ):not(.TextButton):not(.noeffect) {
  color: #014991;
  text-decoration: none !important;
  position: relative;
  background: linear-gradient(
      0deg,
      #ffffff 0%,
      #ffffff 50%,
      #e3e3e3 50%,
      #e3e3e3 100%
    )
    no-repeat left 120%/100% 24%;
  transition: 0.3s ease-in-out all;
}

body
  div[id*="_Panel_"]
  p
  a:not(.Button):not(.PrimaryButton):not(.TextButton):not(.btn):not(
    .TextButton
  ):not(.noeffect):not(.button):hover,
body
  div[id*="_Panel_"]
  a:not(.Button):not(.button):not(.PrimaryButton):not(.TextButton):not(
    .btn
  ):not(.noeffect):not(.TextButton):hover {
  color: #014991;
  background: linear-gradient(
      0deg,
      #ffffff 0%,
      #ffffff 50%,
      rgb(1 73 145 / 26%) 50%,
      rgb(1 73 145 / 26%) 100%
    )
    no-repeat left 110%/100% 31%;
  transition: 0.3s ease-in-out all;
}

body
  div[id*="_Panel_"]
  a[download]:not(.Button):not(.button):not(.PrimaryButton):not(
    .TextButton
  ):not(.btn):not(.TextButton):after {
  content: "";
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-image: url(../svg/download-black.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  margin-left: 1rem;
  margin-top: -0.2rem;
  vertical-align: middle;
  transition: all 0.2s ease-in-out;
  filter: invert(18%) sepia(64%) saturate(2541%) hue-rotate(196deg)
    brightness(95%) contrast(99%);
}

body
  div[id*="_Panel_"]
  a[target="_blank"]:not(.Button):not(.button):not(.PrimaryButton):not(
    .TextButton
  ):not(.btn):not(.TextButton):after {
  content: "";
  display: inline-block;
  width: 1.8rem;
  height: 1.8rem;
  background-image: url(../svg/new-window-black.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  margin-left: 1rem;
  margin-top: -0.2rem;
  vertical-align: middle;
  transition: all 0.2s ease-in-out;
  filter: invert(18%) sepia(64%) saturate(2541%) hue-rotate(196deg)
    brightness(95%) contrast(99%);
}

body
  div[id*="tile"]:not([id*="rey"])
  div[id*="Panel"]
  a[target="_blank"]:not(.Button):not(.button):not(.PrimaryButton):not(
    .TextButton
  ):not(.btn):not(.TextButton):after {
  filter: brightness(0) invert(1);
}

body
  div[id*="tile"]:not([id*="rey"])
  div[id*="Panel"]
  a[download]:not(.Button):not(.button):not(.PrimaryButton):not(
    .TextButton
  ):not(.btn):not(.TextButton):after {
  filter: brightness(0) invert(1);
}

body
  .row:is(.blue-row, .gradient-row)
  div[id*="_Panel_"]
  a[target="_blank"]:not(.Button):not(.button):not(.PrimaryButton):not(
    .TextButton
  ):not(.btn):not(.TextButton):after {
  filter: brightness(0) invert(1);
}

a.noeffect:before,
a.noeffect:after {
  display: none !important;
}

/****************************************/
/****************************************/
/** Speech Pathology Australia **/
/*
 * 
 *  Author: CAUSEIS PTY LTD 
 * 
 *  Version: 1 - 05/10/23  
 *
 * 
 *  Document contains changes to Sticky NAV
 *
 *
*/
/****************************************/
/****************************************/ 


/****************************************/
/****************************************/
/** Speech Pathology Australia **/
/*
 * 
 *  Author: CAUSEIS PTY LTD 
 * 
 *  Version: 1 - 05/10/23  
 *
 * 
 *  Document contains changes to CTA
 *
 *
*/
/****************************************/
/****************************************/
/* call to action tiles */
div[id*="tile"] div[id*="Panel"] {
    padding: 3rem;
    margin: 0;
    margin-bottom: 3rem;
    border-radius: 0.7rem;
    position: relative;
    transition: all 0.3s ease-in-out;
    top: 0;
  }
  
  div[id*="tile"] > a > div[id*="Panel"]:hover {
    top: -1.5rem;
  }
  
  div[id*="tile"] h4 {
    font-size: 3.2rem;
  }
  
  div[id*="tile"] div[id*="Panel"] ol {
    padding-left: 1rem;
  }
  
  div[id*="tile"] div[id*="Panel"] ul {
    padding-left: 1.7rem;
  }
  
  div[id*="tile"]:not([id*="rey"]) div[id*="Panel"] ul > li:before {
    background: #014991;
    border-color: #fff;
  }
  
  div[id*="tile"]:not([id*="rey"]) div[id*="Panel"] ol > li:before {
    color: #014991;
    background: #fff;
  }
  
  div[id*="tile"][id*="ight"][id*="lue"] div[id*="Panel"] ul > li:before {
    background: #01aef0;
    border-color: #fff;
  }
  
  div[id*="tile"][id*="ight"][id*="lue"] div[id*="Panel"] ol > li:before {
    color: #01aef0;
    background: #fff;
  }
  
  div[id*="tile"]:not([id*="rey"]) div[id*="Panel"] {
    background: #014991;
  }
  
  div[id*="tile"]:not([id*="rey"]) div[id*="Panel"] * {
    color: #ffff;
  }
  
  div[id*="tile"]:not([id*="rey"], [id*="ight"])
    div[id*="Panel"]
    a[class*="utton"] {
    background: #01aef0;
  }
  
  div[id*="tile"]:not([id*="rey"])
    div[id*="Panel"]
    a:not(.Button):not(.button):not(.PrimaryButton):not(.TextButton):not(
      .btn
    ):not(.TextButton) {
    color: #fff !important;
  }
  
  div[id*="tile"]:not([id*="rey"])
    div[id*="Panel"]
    a:not(.Button):not(.button):not(.PrimaryButton):not(.TextButton):not(
      .btn
    ):not(.TextButton):before {
    background: #fff !important;
  }
  
  div[id*="tile"]
    > a:hover
    > div[id*="Panel"]
    a:not(.Button):not(.button):not(.PrimaryButton):not(.TextButton):not(
      .btn
    ):not(.TextButton):before {
    bottom: -2px;
  }
  
  div[id*="tile"][id*="lue"] div[id*="Panel"] {
    background: #014991;
  }
  
  div[id*="tile"][id*="ight"][id*="lue"] div[id*="Panel"] {
    background: #01aef0;
  }
  
  div[id*="tile"][id*="rey"] div[id*="Panel"] {
    background: #f2f4f7;
  }
  
  div[id*="tile"][id*="rey"]
    > a:hover
    > div[id*="Panel"]
    a:not(.Button):not(.button):not(.PrimaryButton):not(.TextButton):not(
      .btn
    ):not(.TextButton):before {
    background: #014991 !important;
  }
  
  div[id*="tile"][id*="rey"] h4 {
    color: #014991;
  }
  
  @media (max-width: 767px) {
    div[id*="tile"] div[id*="Panel"]:hover {
      top: -1.5rem;
    }
  }
  
  /* call to action standard */
  .row.call-to-action div {
    display: flex;
  }
  
  div[id*="calltoaction"]:not([id*="icon"]) > a {
    display: flex;
    width: 100%;
  }
  
  div[id*="calltoaction"]:not([id*="icon"]) div[id*="Panel"] {
    flex-direction: column;
    position: relative;
    top: 0;
    transition: all 0.3s ease-in-out;
  }
  
  div[id*="calltoaction"]:not([id*="icon"]) > a:hover > div[id*="Panel"] {
    top: -1.5rem;
    box-shadow: 0px 0px 2rem 0px rgb(0 0 0 / 15%);
  }
  
  div[id*="calltoaction"]:not([id*="icon"]) div[id*="Panel"] > .image-container {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 44.67%;
    border-radius: 0.7rem 0.7rem 0 0;
  }
  
  div[id*="calltoaction"]:not([id*="icon"])
    div[id*="Panel"]
    > .image-container
    img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100% !important;
    object-fit: cover;
  }
  
  div[id*="calltoaction"]:not([id*="icon"]) div[id*="Panel"] > .details {
    flex-direction: column;
    border: 0.1rem solid #e3e3e3;
    border-top: 0;
    padding: 3rem;
    flex-grow: 1;
    border-radius: 0 0 0.7rem 0.7rem;
    background: #fff;
    transition: all 0.3s ease-in-out;
  }
  
  div[id*="calltoaction"]:not([id*="icon"])
    > a:hover
    div[id*="Panel"]
    > .details {
    border-color: #014991;
  }
  
  div[id*="calltoaction"]:not([id*="icon"]) div[id*="Panel"] > .details h4 {
    color: #014991;
    font-size: 2.9rem;
  }
  
  div[id*="calltoaction"]:not([id*="icon"]) div[id*="Panel"] > .details > div {
    flex-grow: 1;
    align-items: flex-end;
    margin-top: 1.5rem;
  }
  
  div[id*="calltoaction"]:not([id*="icon"])
    div[id*="Panel"]
    > .details
    p:last-of-type {
    margin: 0;
  }
  
  div[id*="calltoaction"]:not([id*="icon"])
    > a
    > div[id*="Panel"]
    a.call-to-action-link {
    transition: all 0.2s ease-in-out;
  }
  
  div[id*="calltoaction"]:not([id*="icon"])
    > a:hover
    > div[id*="Panel"]
    a.call-to-action-link {
    color: #01aef0 !important;
  }
  
  div[id*="calltoaction"]:not([id*="icon"])
    > a:hover
    > div[id*="Panel"]
    a.call-to-action-link:before {
    bottom: -1px !important;
    background: #01aef0 !important;
  }
  
  @media (max-width: 767px) {
    div[id*="calltoaction"]:not([id*="icon"]) > a:hover > div[id*="Panel"] {
      top: -0.5rem;
    }
  }
  
  /* call to action icon */
  
  .row.call-to-action div {
    display: flex;
    width: 100%;
  }
  
  .row.call-to-action .WebPartZone {
    flex-direction: column;
  }
  
  .row.call-to-action .iMIS-WebPart {
    height: 100%;
  }
  
  div[id*="calltoaction"][id*="icon"] > a {
    display: flex;
    width: 100%;
  }
  
  div[id*="calltoaction"][id*="icon"] div[id*="Panel"] {
    position: relative;
    top: 0;
    transition: all 0.3s ease-in-out;
    border: 0.1rem solid #e3e3e3;
    border-radius: 0.7rem;
    padding: 3rem;
    background: #fff;
  }
  
  div[id*="calltoaction"][id*="icon"] > a:hover > div[id*="Panel"] {
    top: -1.5rem;
    box-shadow: 0px 0px 2rem 0px rgb(0 0 0 / 14%);
    border-color: #014991;
  }
  
  div[id*="calltoaction"][id*="icon"] div[id*="Panel"] > .image-container {
    width: 5rem;
  }
  
  div[id*="calltoaction"][id*="icon"] div[id*="Panel"] > .image-container img {
    width: 5rem !important;
    height: 5rem !important;
    object-fit: contain;
  }
  
  div[id*="calltoaction"][id*="icon"] div[id*="Panel"] > .details {
    flex-direction: column;
    padding-left: 2.5rem;
    width: calc(100% - 5rem);
  }
  
  div[id*="calltoaction"][id*="icon"] div[id*="Panel"] > .details h4 {
    color: #014991;
    font-size: 2rem;
  }
  
  div[id*="calltoaction"][id*="icon"] div[id*="Panel"] > .details > div {
    flex-grow: 1;
    align-items: flex-end;
    margin-top: 1.5rem;
  }
  
  div[id*="calltoaction"][id*="icon"] div[id*="Panel"] > .details p:last-of-type {
    margin: 0;
  }
  
  div[id*="calltoaction"][id*="icon"]
    > a
    > div[id*="Panel"]
    a.call-to-action-link {
    color: #1c3044 !important;
    transition: all 0.2s ease-in-out;
  }
  
  div[id*="calltoaction"][id*="icon"]
    > a:hover
    > div[id*="Panel"]
    a.call-to-action-link {
    color: #01aef0 !important;
  }
  
  div[id*="calltoaction"][id*="icon"]
    > a:hover
    > div[id*="Panel"]
    a.call-to-action-link:before {
    bottom: -1px !important;
    background: #01aef0 !important;
  }
  
  @media (max-width: 767px) {
    div[id*="calltoaction"][id*="icon"] > a:hover > div[id*="Panel"] {
      top: -0.5rem;
    }
  }
  
  /* call to actions without images */
  
  div[id*="calltoaction"]:not([id*="icon"]) div[id*="Panel"].no-image .details {
    border: 0.1rem solid #e3e3e3;
    border-radius: 0.7rem;
  }
  
  div[id*="calltoaction"][id*="icon"] div[id*="Panel"].no-image .details {
    width: 100%;
    padding: 0;
  }
  
  div[id*="calltoaction"] div[id*="Panel"].no-image .details h4 {
    font-size: 2rem;
  }
  
  @media (min-width: 768px) {
    div[id*="calltoaction"].ContentItemContainer {
      margin-bottom: 3rem;
    }
  }
  
  /* block quote styling */
  div[id*="uote"][id*="lock"] div[id*="Panel"] {
    padding: 3rem;
    border-radius: 0.7rem;
    border: 0.1rem solid #e3e3e3;
    margin-bottom: 3rem;
  }
  
  div[id*="uote"][id*="lock"] div[id*="Panel"]:before {
    content: "";
    width: 4rem;
    height: 4rem;
    display: block;
    background-image: url(../svg/quote-black.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-bottom: 3rem;
    filter: invert(18%) sepia(24%) saturate(7442%) hue-rotate(198deg)
      brightness(98%) contrast(99%);
  }
  
  div[id*="uote"][id*="lock"] div[id*="Panel"] p:last-of-type {
    margin-bottom: 0;
  }
  
  div[id*="uote"][id*="lock"] div[id*="Panel"] h6:last-child {
    margin: 3rem 0 0;
  }
  
  div[id*="uote"][id*="lock"][id*="rey"] div[id*="Panel"] {
    border-color: #014991;
  }
  
  div[id*="uote"][id*="lock"][id*="rey"] div[id*="Panel"]:before {
    filter: invert(18%) sepia(24%) saturate(7442%) hue-rotate(198deg)
      brightness(98%) contrast(99%);
  }
  
  div[id*="uote"][id*="lock"][id*="lue"] div[id*="Panel"] {
    border-color: #014991;
  }
  
  div[id*="uote"][id*="lock"][id*="lue"] div[id*="Panel"]:before {
    filter: invert(18%) sepia(24%) saturate(7442%) hue-rotate(198deg)
      brightness(98%) contrast(99%);
  }
  
  div[id*="uote"][id*="lock"][id*="lue"][id*="ight"] div[id*="Panel"] {
    border-color: #01aef0;
  }
  
  div[id*="uote"][id*="lock"][id*="lue"][id*="ight"] div[id*="Panel"]:before {
    filter: invert(44%) sepia(88%) saturate(1794%) hue-rotate(165deg)
      brightness(103%) contrast(99%);
  }
  
  @media (max-width: 767px) {
    div[id*="uote"][id*="lock"] div[id*="Panel"] {
      margin-bottom: 1.5rem;
    }
  }
  

  /****************************************/
/****************************************/
/** Speech Pathology Australia **/
/*
 * 
 *  Author: CAUSEIS PTY LTD 
 * 
 *  Version: 1 - 05/10/23  
 *
 * 
 *  Document contains changes to Buttons
 *
 *
*/
/****************************************/
/****************************************/
a.button,
a.Button {
  display: inline-block;
  text-decoration: none !important;
  padding: 1.2rem 2.1rem;
  background: #014991;
  color: #fff;
  border-radius: 50rem;
  vertical-align: middle;
  position: relative;
  transition: all 0.2s ease-in-out;
}

a.button:hover,
a.Button:hover {
  background: #01aef0;
}

a.button:after,
a.Button:after {
  content: "";
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-image: url(../svg/arrow-right-black.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  filter: brightness(0) invert(1);
  margin-left: 2rem;
  margin-top: -0.2rem;
  vertical-align: middle;
  transition: all 0.2s ease-in-out;
}

a[class*="rw"][class*="utton"] {
  padding: 0;
}

a[class*="rw"][class*="utton"]:after {
  display: none !important;
}

a[class*="utton"]:hover:after {
  -webkit-transform: translateX(0.4rem);
  transform: translateX(0.4rem);
}

a[class*="utton"][class*="mall"] {
  padding: 1.2rem 1.7rem;
  font-size: 1.5rem;
}

a[class*="utton"][class*="arge"] {
  font-size: 2rem;
}

a[class*="utton"][class*="rey"] {
  display: inline-block;
  text-decoration: none;
  padding: 1.2rem 2.1rem;
  background: #e6eaee;
  color: #1c3044;
  border-radius: 50rem;
  vertical-align: middle;
  position: relative;
  transition: all 0.2s ease-in-out;
}

a[class*="utton"][class*="rey"]:hover {
  background: #014991;
  color: #fff;
}

a[class*="utton"][class*="rey"]:after {
  content: "";
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-image: url(../svg/arrow-right-black.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  margin-left: 2rem;
  margin-top: -0.2rem;
  vertical-align: middle;
  transition: all 0.2s ease-in-out;
  filter: invert(11%) sepia(57%) saturate(914%) hue-rotate(174deg)
    brightness(91%) contrast(84%);
}

a[class*="utton"][class*="rey"]:hover:after {
  filter: brightness(0) invert(1);
}

a[class*="utton"][class*="blue"] {
  background: #014991;
}

a[class*="utton"][class*="blue"]:hover {
  background: #01aef0;
}

a[class*="utton"][class*="lue"][class*="ight"] {
  background: #01aef0;
}

a[class*="utton"][class*="lue"][class*="ight"]:hover {
  background: #014991;
}

a[class*="utton"][class*="isabled"] {
  background: #fff;
  color: #b7b7b7 !important;
  border: 0.2rem solid #b7b7b7 !important;
  padding: 1rem 1.9rem;
  pointer-events: none;
}

a[class*="utton"][class*="isabled"]:after {
  background-image: url(../svg/close-x-black.svg);
  filter: invert(84%) sepia(0%) saturate(1%) hue-rotate(10deg) brightness(87%)
    contrast(94%);
  width: 1.2rem;
  height: 1.2rem;
  margin-left: 2rem;
}

a[class*="ack"][class*="utton"]:before {
  content: "";
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-image: url(../svg/arrow-right-black.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  filter: brightness(0) invert(1);
  margin-right: 2rem;
  vertical-align: middle;
  transform: rotatez(180deg);
  transition: all 0.2s ease-in-out;
}

a[class*="ack"][class*="utton"]:hover:before {
  -webkit-transform: rotatez(180deg) translateX(0.4rem);
  transform: rotatez(180deg) translateX(0.4rem);
}

a[class*="ack"][class*="utton"]:after {
  display: none;
}

div.row.blue-row div[id*="_Panel_"] a[class*="utton"] {
  background: #fff;
  color: #014991;
}

div.row.blue-row div[id*="_Panel_"] a[class*="utton"]:after {
  filter: invert(11%) sepia(97%) saturate(3685%) hue-rotate(200deg)
    brightness(100%) contrast(99%);
}

div.row.blue-row div[id*="_Panel_"] a[class*="utton"]:hover {
  background: #01aef0;
  color: #fff;
}

div.row.blue-row div[id*="_Panel_"] a[class*="utton"]:hover:after {
  filter: brightness(0) invert(1);
}

div.row.gradient-row div[id*="_Panel_"] a[class*="utton"] {
  background: #01aef0;
}

div.row.gradient-row div[id*="_Panel_"] a[class*="utton"]:hover {
  background: #014991;
}

div.row.lightblue-row div[id*="_Panel_"] a[class*="utton"] {
  background: #fff;
  color: #01aef0;
}

div.row.lightblue-row div[id*="_Panel_"] a[class*="utton"]:after {
  filter: invert(75%) sepia(63%) saturate(6504%) hue-rotate(163deg)
    brightness(100%) contrast(99%);
  transition: all 0.2s ease-in-out;
}

div.row.lightblue-row div[id*="_Panel_"] a[class*="utton"]:hover {
  background: #014991;
  color: #fff;
}

div.row.lightblue-row div[id*="_Panel_"] a[class*="utton"]:hover:after {
  filter: brightness(0) invert(1);
}

.PrimaryButton,
.SaveAndClose,
.SaveAs,
.UsePrimaryButton .TextButton,
.UsePrimaryButton .TextButtonWithImage,
#masterHeaderActionArea a,
.RadGrid input.PrimaryButton,
.btn,
.TextButton,
.TextButtonWithImage,
.ruButton,
#masterHeaderActionArea a,
.RadGrid input.TextButton,
html input[type="button"]:not([class*="rg"]) {
  display: inline-block;
  text-decoration: none !important;
  padding: 1.2rem 2.1rem;
  background: #014991;
  color: #fff;
  border-radius: 50rem;
  vertical-align: middle;
  position: relative;
  transition: all 0.2s ease-in-out;
  border: none !important;
  box-shadow: none !important;
  top: 0 !important;
  outline: none !important;
}

.PrimaryButton:active,
.SaveAndClose:active,
.SaveAs:active,
.UsePrimaryButton .TextButton:active,
.UsePrimaryButton .TextButtonWithImage:active,
#masterHeaderActionArea a:active,
.RadGrid input.PrimaryButton:active,
.btn:active,
.TextButton:active,
.TextButtonWithImage:active,
.ruButton:active,
#masterHeaderActionArea a:active,
.RadGrid input.TextButton:active,
html input[type="button"]:not([class*="rg"]):active {
  display: inline-block;
  text-decoration: none;
  padding: 1.2rem 2.1rem;
  background: #014991;
  color: #fff;
  border-radius: 50rem;
  vertical-align: middle;
  position: relative;
  transition: all 0.2s ease-in-out;
  border: none !important;
  box-shadow: none !important;
  top: 0 !important;
  outline: none !important;
}

.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"]:not([class*="rg"]):focus {
  display: inline-block;
  text-decoration: none;
  padding: 1.2rem 2.1rem;
  background: #014991;
  color: #fff;
  border-radius: 50rem;
  vertical-align: middle;
  position: relative;
  transition: all 0.2s ease-in-out;
  border: none !important;
  box-shadow: none !important;
  top: 0 !important;
  outline: none !important;
}

.PrimaryButton:visited,
.SaveAndClose:visited,
.SaveAs:visited,
.UsePrimaryButton .TextButton:visited,
.UsePrimaryButton .TextButtonWithImage:visited,
#masterHeaderActionArea a:visited,
.RadGrid input.PrimaryButton:visited,
.btn:visited,
.TextButton:visited,
.TextButtonWithImage:visited,
.ruButton:visited,
#masterHeaderActionArea a:visited,
.RadGrid input.TextButton:visited,
html input[type="button"]:not([class*="rg"]):visited {
  display: inline-block;
  text-decoration: none;
  padding: 1.2rem 2.1rem;
  background: #014991;
  color: #fff;
  border-radius: 50rem;
  vertical-align: middle;
  position: relative;
  transition: all 0.2s ease-in-out;
  border: none !important;
  box-shadow: none !important;
  top: 0 !important;
  outline: none !important;
}

.PrimaryButton:hover,
.SaveAndClose:hover,
.SaveAs:hover,
.UsePrimaryButton .TextButton:hover,
.UsePrimaryButton .TextButtonWithImage:hover,
#masterHeaderActionArea a:hover,
.RadGrid input.PrimaryButton:hover,
.btn:hover,
.TextButton:hover,
.TextButtonWithImage:hover,
.ruButton:hover,
#masterHeaderActionArea a:hover,
.RadGrid input.TextButton:hover,
html input[type="button"]:not([class*="rg"]):hover {
  background: #01aef0;
}

.PrimaryButton:active:hover,
.SaveAndClose:active:hover,
.SaveAs:active:hover,
.UsePrimaryButton .TextButton:active:hover,
.UsePrimaryButton .TextButtonWithImage:active:hover,
#masterHeaderActionArea a:active:hover,
.RadGrid input.PrimaryButton:active:hover,
.btn:active:hover,
.TextButton:active:hover,
.TextButtonWithImage:active:hover,
.ruButton:active:hover,
#masterHeaderActionArea a:active:hover,
.RadGrid input.TextButton:active:hover,
html input[type="button"]:active:hover {
  background: #01aef0;
}

.PrimaryButton:focus:hover,
.SaveAndClose:focus:hover,
.SaveAs:focus:hover,
.UsePrimaryButton .TextButton:focus:hover,
.UsePrimaryButton .TextButtonWithImage:focus:hover,
#masterHeaderActionArea a:focus:hover,
.RadGrid input.PrimaryButton:focus:hover,
.btn:focus:hover,
.TextButton:focus:hover,
.TextButtonWithImage:focus:hover,
.ruButton:focus:hover,
#masterHeaderActionArea a:focus:hover,
.RadGrid input.TextButton:focus:hover,
html input[type="button"]:focus:hover {
  background: #01aef0;
}

.PrimaryButton:visited:hover,
.SaveAndClose:visited:hover,
.SaveAs:visited:hover,
.UsePrimaryButton .TextButton:visited:hover,
.UsePrimaryButton .TextButtonWithImage:visited:hover,
#masterHeaderActionArea a:visited:hover,
.RadGrid input.PrimaryButton:visited:hover,
.btn:visited:hover,
.TextButton:visited:hover,
.TextButtonWithImage:visited:hover,
.ruButton:visited:hover,
#masterHeaderActionArea a:visited:hover,
.RadGrid input.TextButton:visited:hover,
html input[type="button"]:visited:hover {
  background: #01aef0;
}

[class*="utton"][disabled] {
  background: #014991 !important;
}

input[type="button"][disabled]:not(
    div#MainPanel .PanelField.Top .PanelFieldValue input
  ) {
  background: #014991 !important;
}

input[type="submit"][disabled]:not(
    div#MainPanel .PanelField.Top .PanelFieldValue input
  ) {
  background: #014991 !important;
}

/****************************************/
/****************************************/
/** Speech Pathology Australia **/
/*
 * 
 *  Author: CAUSEIS PTY LTD  
 * 
 *  Version: 1 - 05/10/23  
 *
 * 
 *  Document contains changes to Banners
 *
 *
*/
/****************************************/
/****************************************/
.HeaderRow {
    background: #F2F4F7;
    position: relative;
    --desiredwidth-var: 126.2rem;
        --width-var: calc(100vw - var(--desiredwidth-var));
        --fullwidth-var: calc(100%);
        --currentwidth-var: calc(100vw);
        flex-flow: nowrap;
        margin: 0;
}

    .HeaderRow {
        padding: 6rem calc(var(--width-var) / 2);
        display: flex;
        align-items: center;
    }
.HeaderRow > div {
    padding: 0 1.5rem;
}

.HeaderRow > div:nth-child(1) {
    width: 75%;
}

.HeaderRow > div:nth-child(2) {
    width: 25%;
}

.HeaderRow > div.details p {
    margin: 0;
}

.HeaderRow > div.details p > span:before {
    content: '';
    width: 1.7rem;
    height: 1.7rem;
    display: inline-block;
    margin-right: 1rem;
    margin-left: .5rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    filter: brightness(0) invert(1);
    vertical-align: middle;
    margin-top: -.5rem;
}

.HeaderRow > div.details p.read-time > span:before {
    background-image: url(../svg/clock-blue.svg);
}

.HeaderRow > div.details p.last-updated > span:before {
    background-image: url(../svg/calendar-blue.svg);
}

.HeaderRow:not([id*="radient"], [id*="lue"]) > div.details p > span:before {
    filter: none;
}

@media (max-width: 1024px) {
    .HeaderRow {
    margin: 0 !important;
        flex-direction: column;
}

    .HeaderRow > div:nth-child(1) {
    width: 100%;
}

.HeaderRow > div:nth-child(2) {
    width: 100%;
    margin-top: 3rem;
}
}

.HeaderRow:after {
    content: '';
        width: 100%;
        background-image: url(../svg/desktop-row-curve-bottom-black.svg);
        height: 5rem;
        bottom: -5rem;
        display: block;
        position: absolute;
        background-repeat: no-repeat;
        right: 0;
        filter: invert(85%) sepia(4%) saturate(120%) hue-rotate(177deg) brightness(115%) contrast(95%);
        background-position: right;
         z-index: 1;
}

@media (max-width: 767px) {
.HeaderRow:after {
    content: '';
    width: 100%;
    background-image: url(../svg/desktop-row-curve-bottom-black.svg);
    height: 2.5rem;
    bottom: -2.5rem;
    display: block;
    position: absolute;
    background-repeat: no-repeat;
    right: 0;
    filter: invert(85%) sepia(4%) saturate(120%) hue-rotate(177deg) brightness(115%) contrast(95%);
    background-position: right;
    z-index: 1;
}
}

.row:nth-child(1) div[id*="Panel"][id*="Title"] .details {
    padding-top: 1.5rem;
}

.row:nth-child(1) div[id*="Panel"][id*="Title"] .details p {
    margin: 0;
}

.row:nth-child(1) div[id*="Panel"][id*="Title"] .details p > span:before {
    content: '';
    width: 1.7rem;
    height: 1.7rem;
    display: inline-block;
    margin-right: .5rem;
    margin-left: .5rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    filter: brightness(0) invert(1);
    vertical-align: middle;
    margin-top: -.5rem;
}

.row:nth-child(1):not(.grey-row, .blue-row, .gradient-row) div[id*="Panel"][id*="Title"] .details p > span:before {
    filter: none;
}

.row:nth-child(1) div[id*="Panel"][id*="Title"] .details p.read-time > span:before {
    background-image: url(../svg/clock-blue.svg);
}

.row:nth-child(1) div[id*="Panel"][id*="Title"] .details p.last-updated > span:before {
    background-image: url(../svg/calendar-blue.svg);
}

.HeaderRow:not([id*="radient"], [id*="lue"]) > div.details p > span:before {
    filter: none;
}
/*  20/03/2024 KiSS Consulting (LP) display breadcrumbs
div#masterMainBreadcrumb {
    display: none !important;
}*/

.HeaderRow div#masterMainBreadcrumb {
    display: block !important;
}

.HeaderRow div#masterMainBreadcrumb > nav {
    margin-bottom: 3rem;
    display: block !important;
}

.HeaderRow div#masterMainBreadcrumb ol > li {
    line-height: 1;
}

.HeaderRow div#masterMainBreadcrumb ol > li > a {
    color: #1C3044;
    pointer-events: none;
	background: none;
}

.HeaderRow div#masterMainBreadcrumb ol > li > a:after {
    display: none;
}

.HeaderRow div#masterMainBreadcrumb ol > li > a:before {
display: none;
}

.HeaderRow div#masterMainBreadcrumb ol > li:not(:last-of-type):after {
    content: '>';
}

.HeaderRow div#masterMainBreadcrumb ol > li:last-of-type {
    display: none;
}

.HeaderRow div#masterMainBreadcrumb ol > li:nth-last-of-type(2):after {
    display: none;
}


.HeaderRow[id*="lue"] {
    background: #014991;
}

.HeaderRow[id*="lue"]:after {
    content: '';
    width: 100%;
    background-image: url(../svg/desktop-row-curve-bottom-black.svg);
    height: 2.5rem;
    bottom: -2.5rem;
    display: block;
    position: absolute;
    background-repeat: no-repeat;
    right: 0;
    filter: invert(18%) sepia(64%) saturate(2541%) hue-rotate(196deg) brightness(95%) contrast(99%);
    background-position: right;
    z-index: 1;
}

.HeaderRow[id*="lue"][id*="ight"] {
    background: #01AEF0;
}

.HeaderRow[id*="lue"][id*="ight"]:after {
    content: '';
    width: 100%;
    background-image: url(../svg/desktop-row-curve-bottom-black.svg);
    height: 2.5rem;
    bottom: -2.5rem;
    display: block;
    position: absolute;
    background-repeat: no-repeat;
    right: 0;
    filter: invert(44%) sepia(88%) saturate(1794%) hue-rotate(165deg) brightness(103%) contrast(99%);
    background-position: right;
    z-index: 1;
}

.HeaderRow[id*="radient"] {
    background: linear-gradient(to right, #014991 0%, #01AEF0 100%);
}

.HeaderRow[id*="radient"]:after {
    content: '';
    width: 100%;
    background-image: url(../svg/desktop-row-curve-bottom-black.svg);
    height: 2.5rem;
    bottom: -2.5rem;
    display: block;
    position: absolute;
    background-repeat: no-repeat;
    right: 0;
    filter: invert(44%) sepia(88%) saturate(1794%) hue-rotate(165deg) brightness(103%) contrast(99%);
    background-position: right;
    z-index: 1;
}

.HeaderRow[id*="lue"] *, .HeaderRow[id*="lue"][id*="ight"] *, .HeaderRow[id*="radient"] * {
    color: #fff;
}

.HeaderRow[id*="lue"] a[class*="utton"], .HeaderRow[id*="radient"] a[class*="utton"] {
    background: #fff;
    color: #014991;
}

.HeaderRow[id*="lue"][id*="ight"] a[class*="utton"] {
    background: #fff;
    color: #01AEF0;
}

.HeaderRow[id*="lue"] a[class*="utton"]:after, .HeaderRow[id*="radient"] a[class*="utton"]:after {
    filter: invert(18%) sepia(64%) saturate(2541%) hue-rotate(196deg) brightness(95%) contrast(99%);
}

.HeaderRow[id*="lue"][id*="ight"] a[class*="utton"]:after {
    filter: invert(44%) sepia(88%) saturate(1794%) hue-rotate(165deg) brightness(103%) contrast(99%);
}

.HeaderRow[id*="lue"] div#masterMainBreadcrumb ol > li > a, .HeaderRow[id*="lue"][id*="ight"] div#masterMainBreadcrumb ol > li > a, .HeaderRow[id*="radient"] div#masterMainBreadcrumb ol > li > a {
    color: #fff;
}

.HeaderRow h1:last-child {
    margin: 0;
}

/************ Content page banner START *************/


/************ Content page banner END *************/

/************ Carousel Banners START *************/
/************ Carousel Banners END *************/

/************ Homepage Carousel START *************/

/************ Homepage Carousel END *************/