/* Minification failed. Returning unminified contents.
(73,1): run-time error CSS1019: Unexpected token, found '}'
(185,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(186,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(187,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(188,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(189,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(190,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(191,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(192,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(193,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(194,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(195,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(196,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(197,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(198,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(199,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(200,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(201,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(202,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(203,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(204,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(205,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(206,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(212,23): run-time error CSS1039: Token not allowed after unary operator: '-font-primary'
(218,23): run-time error CSS1039: Token not allowed after unary operator: '-font-primary'
(220,23): run-time error CSS1039: Token not allowed after unary operator: '-font-normal'
(224,24): run-time error CSS1039: Token not allowed after unary operator: '-font-bold'
(225,17): run-time error CSS1039: Token not allowed after unary operator: '-rcc-purple'
(227,23): run-time error CSS1039: Token not allowed after unary operator: '-font-primary'
(236,21): run-time error CSS1039: Token not allowed after unary operator: '-font-bold'
(237,14): run-time error CSS1039: Token not allowed after unary operator: '-color-black'
(238,23): run-time error CSS1039: Token not allowed after unary operator: '-font-primary'
(243,21): run-time error CSS1039: Token not allowed after unary operator: '-font-bold'
(244,14): run-time error CSS1039: Token not allowed after unary operator: '-color-black'
(245,23): run-time error CSS1039: Token not allowed after unary operator: '-font-primary'
(248,23): run-time error CSS1039: Token not allowed after unary operator: '-font-primary'
(252,17): run-time error CSS1039: Token not allowed after unary operator: '-color-basic'
(255,23): run-time error CSS1039: Token not allowed after unary operator: '-font-primary'
(268,21): run-time error CSS1039: Token not allowed after unary operator: '-font-primary'
(272,15): run-time error CSS1039: Token not allowed after unary operator: '-color-basic'
(289,23): run-time error CSS1039: Token not allowed after unary operator: '-font-primary'
(308,17): run-time error CSS1039: Token not allowed after unary operator: '-full-width'
(309,21): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(320,22): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(321,17): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(380,26): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(442,27): run-time error CSS1039: Token not allowed after unary operator: '-color-black'
(453,22): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(463,22): run-time error CSS1039: Token not allowed after unary operator: '-color-black'
(510,23): run-time error CSS1039: Token not allowed after unary operator: '-font-bold'
(528,17): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(529,23): run-time error CSS1039: Token not allowed after unary operator: '-font-normal'
(537,33): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(572,27): run-time error CSS1039: Token not allowed after unary operator: '-font-bold'
(581,27): run-time error CSS1039: Token not allowed after unary operator: '-font-bold'
(647,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(648,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(649,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(650,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(654,22): run-time error CSS1039: Token not allowed after unary operator: '-hdgh-purple'
(655,17): run-time error CSS1039: Token not allowed after unary operator: '-hdgh-text'
(739,17): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(741,23): run-time error CSS1039: Token not allowed after unary operator: '-font-medium'
(816,17): run-time error CSS1039: Token not allowed after unary operator: '-hdgh-purple-2'
(834,17): run-time error CSS1039: Token not allowed after unary operator: '-hdgh-purple-2'
(860,23): run-time error CSS1039: Token not allowed after unary operator: '-font-semibold'
(866,22): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(867,17): run-time error CSS1039: Token not allowed after unary operator: '-hdgh-purple-2'
(871,22): run-time error CSS1039: Token not allowed after unary operator: '-hdgh-peach'
(872,17): run-time error CSS1039: Token not allowed after unary operator: '-hdgh-purple-2'
(886,17): run-time error CSS1039: Token not allowed after unary operator: '-hdgh-purple-2'
(919,17): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(921,23): run-time error CSS1039: Token not allowed after unary operator: '-font-light'
(930,17): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(969,22): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(997,82): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(1011,39): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(1024,21): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(1045,21): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(1052,21): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(1059,36): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(1060,39): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(1084,27): run-time error CSS1039: Token not allowed after unary operator: '-font-primary'
(1087,26): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(1152,22): run-time error CSS1039: Token not allowed after unary operator: '-yellow'
(1156,22): run-time error CSS1039: Token not allowed after unary operator: '-grey'
(1160,22): run-time error CSS1039: Token not allowed after unary operator: '-green'
 */
body .sm-blue a, body .sm-blue a:hover, body .sm-blue a:focus, body .sm-blue a:active
{
  text-shadow: none;
}

/*TABLE WIDGET container*/
#html_content{
    display:grid;
}
/*---------*/

.sdt_box_item img
{
  display: inline-block;
}



.ms-slide .ms-caption
{
  background-color: transparent;
  /*font-size:20px;*/
}



/* START CSS */

img
{
  display: block;
}
*
{
  font-family: sans-serif;
}

body, html
{
  padding:0; margin:0;
  width:100vw;
  overflow-x: hidden;
}


body.home header #logo a {
    pointer-events: none;
}


.nosize
{
  font-size:0;
  opacity: 0;
  position: fixed;
  left:-99999px;
  top:-9999px;
}




.contained-width, .full-width
{
  display: block;
}


body.no-inside-menu #leftMenu
{
  display: none!important;
}
}


/* MOBILE MENU */

#nav-icon {
  width: 40px;
  height: 30px;
  position: relative;
  margin: 0px auto;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

#nav-icon span {
  display: block;
  position: absolute;
  height: 5px;
  width: 100%;
  background: #000000;
  border-radius: 0px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}


#nav-icon span:nth-child(1) {
  top: 0px;
}

#nav-icon span:nth-child(2),#nav-icon span:nth-child(3) {
  top: 12px;
}

#nav-icon span:nth-child(4) {
  top: 24px;
}

#nav-icon.open span:nth-child(1) {
  top: 15px;
  width: 0%;
  left: 50%;
}

#nav-icon.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon.open span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
}

.hide{
    display:none;
}

/* Video responsive*/
/*-----------------------------------------------*/
.video-responsive {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding-bottom: 56.25%;
    height: 0;
}

.video-responsive iframe {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
}











:root {
	--purple: #573494;
	--darkpurple: #4b2a85;
	--pink: #a23193;
	--green: #83c8bc;
	--grey: #f2f2f2;
	--grey-dark: #eefdfb;
	--medgrey: #53565a;
	--darkgrey: #414346;
	--bs-success-pink: #ffc0cb;
    --color-primary: #613762;
    --color-secondary: #593060;
    --color-white: #fff;
    --color-basic: #333;
    --color-black: #000;
    --max-width: 1600px;
    --full-width: 100%;
    --font-primary: "Montserrat", sans-serif;
    --font-light: 300;
    --font-regular: 400 !important;
    --font-medium: 500;
    --font-semibold: 600;
    --font-bold: 700;
    
    

}
* {
    font-family: var(--font-primary);
}
html {
    font-size: 62.5%;
}
body {
    font-family: var(--font-primary) !important;
    font-optical-sizing: auto;
    font-weight: var(--font-normal);
}
h1 {
    margin: 0 0 18px;
    font-weight:  var(--font-bold);
    color: var(--rcc-purple);
    font-size: 6rem;
    font-family: var(--font-primary) !important;
}

/*body > h2 {
    display:none;
}
*/
h2 {
	font-size: 2.4rem;
	font-weight:  var(--font-bold);
	color: var(--color-black);
    font-family: var(--font-primary) !important;
}

h3 {
	font-size:1.8rem;
	font-weight:  var(--font-bold);
	color: var(--color-black);
    font-family: var(--font-primary) !important;
}
input, button, textarea, select {
    font-family: var(--font-primary) !important;
}
p, li, a {
    font-weight: normal;
    color: var(--color-basic);
    font-size: 1.6rem;
    /*direction: rtl;*/
    font-family: var(--font-primary) !important;
}

a {
	text-decoration: underline;
}

ol {
  list-style: none;
  counter-reset: counter;
}
ol li {
  counter-increment: counter;
  font-family: var(--font-primary) !important;
}
ol li::before {
  content: counter(counter) ". ";
  color: var(--color-basic);
  font-weight: bold;
}

ol[type="a"] {
    counter-reset: revert;
}

ol[type="a"] > li {
    list-style: lower-alpha;
}

ol[type="a"] > li:before {
    content: '';
}
.btn {
    font-size: 1.6rem !important;
    font-family: var(--font-primary) !important;
}
header, footer {
    /*padding-top: 10px;*/
    /*padding-bottom: 10px;*/
    display: inline-grid;
    width:100%;
}

/* #logo, .textSize, .searchPanel
{
  display: inline-block;
}
.textSize, .searchPanel
{
  float:right;
} */

.contained-width {
    width: var(--full-width);
    max-width: var(--max-width);
    margin:0 auto;
}

.full-width
{
  max-width:none;
  width:100vw;
}

.header-alert {
    background: var(--color-white);
    color: var(--color-white); 
    width:100%; 
    padding:15px;
}

.textSize
{
    padding: 7px 0 0 15px;
}
fieldset{
    border:0;
}
#spGrow a, #spShrink a {
    text-decoration: none;
    font-size: 2rem;
    color: #fff;
    font-weight: bold;
    padding: 3px;
    width: 20px;
    display: inline-block;
    text-align: center;
    background: #000;
}

#mainContentHome {
    display: grid;
    grid-gap: 1px;
    background-color: #573160;
    padding: 1px;
}

#mainContentHome > div {
  /*background-color: #ffffff;*/
  padding:20px 100px;
  color:#fff;
}

#mainContentHome > div h2,
#mainContentHome > div p{
    color:inherit;
}

#homeContentInner
{
	display: grid;
	grid-template-columns: 33% 33% 33%;
}

#mainContentInside
{
  display: grid;
  grid-template-columns: 300px 1fr;
  background-color: #000;
  grid-gap: 1px;
  padding: 1px;
}

#mainContentInside>div
{
  background-color: var(--color-white);
}

#leftMenu
{
  grid-row: span 3;
}

#insideContent, #breadcrumbs, #leftMenu
{
  padding:10px;
}
#insideBanner img
{
  width:100%;
  height: auto;
}
#utility
{
    float: right;
    width:100%;
}
#mobileMenu
{
    float: right;
    margin-top: 10px;
    display: none;
}


.no-inside-menu #mainContentInside
{
  grid-template-columns: 1fr;
}

.no-inside-menu #leftMenu
{
  display: none;
}

/*Glossary*/
#servicesGlossary h2 {
    display: inline-block;
}

#servicesGlossary h2.inactive {
    color: Silver;
}
.header-desktop {
    display: block;
}
.header-mobile {
    display: none;
}
@media (max-width: 1076.98px) {
body {
    padding: 0;
}
#mainContentHome {
    display: block;
}
#mainContentHome>div {
    border:1px solid var(--color-black);
}

#utility {
    display: none;
}
#mobileMenu {
    display: block;
}
#nav-icon span {
    width: 32px;
    background: var(--color-white);
    left: inherit !important;
    right: 2rem;
}
.header-alert {
    display: none;
}
#mainMenu {
    display: none;
    height: calc(100vh - 73px);
    background: var(--color-black);
}
.contained-width {
    padding: 0 20px;
}
#mainContentInside {
    grid-template-columns: 1fr;
}

#leftMenu {
/*display: none;*/
    order:2;
}

}

#html_content .col-1 .rowSub {
    padding-bottom:0;
    padding-top:0;
}

/*----  RCC starts here ---*/
header > .top-bar {
    display: flex;
    background-color: #592f60;  
    justify-content: space-between;
    padding: 1.44rem 7rem;
    align-items: center;
}
header > .top-bar a {
    text-decoration: none;
    font-size: 1.6rem;
}
.top-bar .links-right a {
    display: inline-block;
    padding: 0.5rem 2rem;
    margin-right: 10px;
}
.link-primary {
    color: #593060;
    background: #fff;
    border-radius: 50px;
}
.link-secondary {
    background: #E59F7C;
    color: #311B36;
    border-radius: 50px;
    font-weight: var(--font-bold);
}

.search-panel {
    background: #fff;
    border-radius: 100px;
    display: flex;
    justify-content: space-around;
    height: 3rem;
    padding: 0.1rem 2rem 0.5rem;
}
.search-panel .searchPanel {
    min-width: 300px;
}
.search-panel .tbSearch {
    border: none;
    background: transparent;
    font-size: 1.6rem;
    color: var(--color-secondary);
    font-weight: var(--font-normal);
}
.search-panel .tbSearch:focus, .search-panel .selected {
    border: none;
    outline: none;
    box-shadow: none;
}
.searchPanel button {
    border-left: 1px solid var(--color-secondary) !important;
}
.search-panel > div > div {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.main-header {
    display: flex;
    justify-content: space-between;
    padding: 1.7rem 7rem;
}
    .navbar-nav.gap-3 {
        flex-direction: row;
        gap: 3rem !important;
        padding-top:0;
    }

    .navbar-nav.gap-3 > li.nav-item {
        position: relative;
    }
    .navbar-nav.gap-3 > li.nav-item::after {
        content: "|";
        position: absolute;
        right: -20px;
        top: 35px;
        
    }
    .navbar-nav.gap-3 > li.nav-item:last-child:after {
        display: none;
    }
    .navbar-nav.gap-3 > li.nav-item a {
        color: #593060;
        text-decoration: none;
        font-size: 1.6rem;
        font-weight: var(--font-bold);
        display: flex;
        flex-flow: column nowrap;
        align-items: center;
        justify-content: center;
        position: relative;
        text-align: center;
    }
    .navbar-nav.gap-3 > li.nav-item a span {
        font-weight: var(--font-bold);
    }
    .navbar-nav.gap-3 > li.nav-item i img {
        height: 32px;
        width: auto;
    }
    /* .navbar-nav.gap-3 > li.nav-item:first-child a:before {
        content: url('/Images/rcc/child-youth-icon.png');
    }
    .navbar-nav.gap-3 > li.nav-item:nth-child(2) a:before {
        content: url('/Images/rcc/heart-icon.png');
    }
    .navbar-nav.gap-3 > li.nav-item:nth-child(3) a:before {
        content: url('/Images/rcc/community-icon.png');
    }
    .navbar-nav.gap-3 > li.nav-item:nth-child(4) a:before {
        content: url('/Images/rcc/child-youth-icon.png');
    }
    .navbar-nav.gap-3 > li.nav-item:nth-child(5) a:before {
        content: url('/Images/rcc/community-icon.png');
    }
    .navbar-nav.gap-3 > li.nav-item:nth-child(6) a:before {
        content: url('/Images/rcc/community-icon.png');
    } */
    .mainmenu.menu-horizontal {
        display: flex;
        justify-content: space-around;
    }
    /* header > div {
        display: flex;
        align-items:center;
        padding-left: 100px;
        padding-right: 100px;
    }
    header > div:nth-child(2){
        min-height:120px;
    }
    header > div:nth-child(2) > div{
        display:flex!important;
        align-items:center;

    } */
    

#searchToggle,
.searchPanel button {
    display: inline-block;
    height: 16px;
    width: 16px;
    background: url('/Images/huron/icon-search.png') no-repeat center center;
    background-size: 16px 16px;
    /*opacity: 0.5;*/
    margin-top: 1px;
    justify-self: end;
    cursor: pointer;
    border: 0;
    padding-left: 15px;
    padding-right: 15px;
}

.searchPanel button {
    background-image: url('/Images/huron/icon-search.png');
}
/*#region Footer */

.hdgh-footer {
    --hdgh-purple: #593060;
    --hdgh-purple-2: #4a2856;
    --hdgh-peach: #f2a37f;
    --hdgh-text: #ffffff;
}

.hdgh-footer {
    background: var(--hdgh-purple);
    color: var(--hdgh-text);
    padding: 54px 0 46px;
}

.hdgh-footer__inner {
    max-width: 1200px;
}

/* Brand */
.hdgh-footer__brand {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 10px;
    margin-bottom: 40px;
}

.hdgh-footer__logo {
    width: 88px;
    height: 88px;
    object-fit: contain;
    display: block;
}

/* optional text if you don't have the full logo */
.hdgh-footer__brandtext {
    opacity: .95;
    letter-spacing: .22em;
    text-transform: uppercase;
}

.hdgh-footer__brandline1 {
    font-weight: 800;
    font-size: 1.15rem;
}

.hdgh-footer__brandline2 {
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    font-weight: 800;
    font-size: 1.15rem;
}

.hdgh-footer__est,
.hdgh-footer__year {
    letter-spacing: 1;
    font-size: 1.6rem;
    opacity: .9;
}

.hdgh-footer__health {
    letter-spacing: .35em;
}
.footer-logo {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 6rem;
}
/* Grid */
.hdgh-footer__grid {
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    gap: 44px;
    align-items: start;
}

/* Left nav links */
.hdgh-footer__nav {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding-left: 28px; /* gives room for corner decoration */
}

.hdgh-footer__link {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: var(--color-white);
    text-decoration: none;
    font-weight: var(--font-medium) !important;
    font-size: 2.2rem !important;
    margin-bottom: 1.2rem;
}

/* little “L” corner marker */
.hdgh-footer__nav {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

/* No weird spacing before first letter */
.hdgh-footer__link {
    position: relative;
    color: #fff;
    text-decoration: none;
    padding-left: 0; /* IMPORTANT */
}

    /* Corner placed to the LEFT of the first letter (outside flow) */
    .hdgh-footer__link::before {
        content: "";
        position: absolute;
        left: -15px; /* moves the corner left of the first letter */
        /*top: 0.85em;*/ /* aligns to baseline */
        bottom:-7px;
        width: 14px;
        height: 14px;
        border-left: 3px solid rgba(255,255,255,.9);
        border-bottom: 3px solid rgba(255,255,255,.9);
        border-radius: 0 0 0 5px;
    }


/* Right side */
.hdgh-footer__actions {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 14px;
}

/* Search pill */
.hdgh-footer__search {
    position: relative;
    width: min(340px, 100%);
    height: 44px;
    background: #fff;
    border-radius: 999px;
    padding: 0 54px 0 18px;
    display: flex;
    align-items: center;
    box-shadow: 0 10px 0 rgba(0,0,0,.18);
}
.footer-search {
    background: #fff;
    border-radius: 3rem;
    padding: 0.5rem 1rem;
}
.footer-search .tbSearch {
    border: none !important;
    font-size: 1.6rem;
}
.footer-search .tbSearch:focus, 
.footer-search .tbSearch:focus-visible {
    border: none !important;
    outline: none !important;
}
.hdgh-footer__search input {
    border: 0;
    outline: none;
    width: 100%;
    height: 100%;
    font-weight: 700;
    color: var(--hdgh-purple-2);
    background: transparent;
}

.hdgh-footer__search input::placeholder {
    color: rgba(74,40,86,.85);
    font-weight: 800;
}

.hdgh-footer__search button {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    border: 0;
    background: transparent;
    color: var(--hdgh-purple-2);
    display: grid;
    place-items: center;
    border-left: 2px solid rgba(74,40,86,.35);
    padding-left: 10px;
    cursor: pointer;
}

.hdgh-footer__search svg {
    width: 18px;
    height: 18px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2.6;
    stroke-linecap: round;
    stroke-linejoin: round;
}

/* Pills */
.hdgh-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 18px;
    border-radius: 999px;
    text-decoration: none;
    font-weight: var(--font-semibold);
    line-height: 1;
    white-space: nowrap;
}

.hdgh-pill--light {
    background: var(--color-white);
    color: var(--hdgh-purple-2);
}

.hdgh-pill--peach {
    background: var(--hdgh-peach);
    color: var(--hdgh-purple-2);
}

/* Social icons (peach gradient-ish) */
.hdgh-footer__social {
    display: flex;
    gap: 14px;
    margin-top: 6px;
}

.hdgh-social {
    display: grid;
    place-items: center;
    text-decoration: none;
    color: var(--hdgh-purple-2);
}

/* .hdgh-social svg {
    width: 20px;
    height: 20px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2.4;
    stroke-linecap: round;
    stroke-linejoin: round;
} */

/* Divider lines */
.hdgh-footer__divider {
    border: 0;
    height: 1px;
    background: rgba(255,255,255,.35);
    margin: 2rem 0;
}

/* Meta row */
.hdgh-footer__meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    font-size: 1.8rem;
    font-weight: 300;
    opacity: .95;
}

.hdgh-footer__privacy {
    color: var(--color-white);
    text-decoration: none;
    font-weight: var(--font-light);
}

/* Land acknowledgement */
.hdgh-footer__ack {
    margin: 0;
    font-size: 1.7rem;
    line-height: 1.45;
    opacity: .95;
    color: var(--color-white);
    font-weight: 300;
}

/* Responsive */
@media (max-width: 991.98px) {
    .hdgh-footer {
        padding: 44px 0 40px;
    }

    .hdgh-footer__grid {
        grid-template-columns: 1fr;
        gap: 26px;
    }

    .hdgh-footer__actions {
        align-items: flex-start;
    }

    .hdgh-footer__meta {
        flex-direction: column;
        align-items: flex-start;
    }

    .hdgh-footer__nav {
        padding-left: 24px;
    }

    .hdgh-footer__link {
        font-size: 1.2rem;
    }
}
/*Mobile CSS by Mateen Salik*/
@media (max-width: 1076.98px) {
    .header-desktop {
    display: none;
}
.header-mobile {
    display: block;
    background: var(--color-secondary);
    padding: 1rem 0;
    min-height: 10rem;
}
.header-main {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 4rem;
    padding-right: 4rem;
}
.header-right {
    display: flex;
    align-items: center;
    justify-content: end;
}
.header-mobile #mobileMenu {
        display: block;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 100;
        position: relative;
        min-width: 8rem !important;
        margin: 0 !important;
        top: -1.5rem;
    }
    .mobile-nav {
        background: url(/Images/mobile-menu-bg.png) no-repeat bottom center var(--color-secondary);
        background-size: cover;
        padding: 0.5rem 4rem 15rem;
    }
    .mobile-nav .navbar-nav {
        flex-direction: column !important;
        align-items: start;
        padding-bottom: 3rem;
    }
    .navbar-nav > li.nav-item {
        display: flex;
        flex-direction: column;
        align-items: start  ;
        width: 100%;
        border-bottom: 1px solid var(--color-white);
        padding: 1rem;
    }
    .navbar-nav > li.nav-item:last-child {
        border-bottom: none;
    }
    .navbar-nav > li.nav-item a
    .navbar-nav.gap-3 > li.nav-item a {
        flex-direction: row !important;
    }
    .mobile-nav .navbar-nav.gap-3 > li.nav-item a, 
    .mobile-nav .navbar-nav > li.nav-item a, 
    .mobile-nav .navbar-nav.gap-3 > li.nav-item a span {
        color: var(--color-white) !important;
    }
    .mobile-nav .navbar-nav.gap-3 > li.nav-item a, 
    .mobile-nav .navbar-nav > li.nav-item a {
        flex-flow: row !important;
    }
    .mobile-nav .navbar-nav.gap-3 > li.nav-item::after {
        display: none;
    }
    .mobile-nav .navbar-nav > li.nav-item a br {
        display: none !important;
    }
    .mobile-nav .navbar-nav > li.nav-item a i {
        margin-right: 1rem;
    }
    .mobile-nav .navbar-nav {
        gap: 0 !important;
    }
    .secondary-menu-mobile a {
        text-decoration: none;
        margin-bottom: 1.5rem !important;
        color: var(--color-white);
    }
    .secondary-menu-mobile a.link-primary, 
    .secondary-menu-mobile a.link-secondary {
        font-size: 1.6rem;
        padding: 0.5rem 2rem;
        align-items: start;
        color: var(--color-primary) !important;
        display: inline-block;
    }
    .mobile-header-social {
        display: flex;
    }
    .link-devider {
        border-top: 1px solid var(--color-white);
        border-bottom: 1px solid var(--color-white);
        padding: 1rem;
        margin-bottom: 2rem;
    }
    .mobile-header-social a {
        display: inline-block;
        margin-right: 1rem;
    }
    .ms-slide, .ms-view {
        height: 500px !important;
    }
    .ms-slide .ms-caption {
        top: 12% !important;
    }
    .ms-slide .ms-caption h1 {
        font-size: 3rem !important;
    }
    .ms-slide .ms-caption p {
        font-size: 1.8rem !important;
    }
    .mobile-search-bar {
        padding: 2rem 4rem 1rem;
    }
    .mobile-search-bar input[type='text'] {
        font-family: var(--font-primary);
        padding: 1rem 2rem;
        border-radius: 30px;
        background: var(--color-white);
        font-size: 1.6rem;
        width: 100%;
    }
    .mobile-search-bar {
        opacity: 0;
        visibility: hidden;
        transition: 0.3s ease;
        height: 0;
        padding-top: 0;
        padding-bottom: 0;
    }
    .mobile-search-bar.active {
        opacity: 1;
        visibility: visible;
        height: auto;
        padding-top: 2rem;
        padding-bottom: 1rem;
    }
    .mobile-nav {
        opacity: 0;
        visibility: hidden;
        transition: 0.3s ease;
        height: 0;
        padding-top: 0;
        padding-bottom: 0;
    }
    .mobile-nav.active {
        opacity: 1;
        visibility: visible;
        height: auto;
        padding-top: 0.5rem;
        padding-bottom: 15rem;
    }
    .footer-logo img {
        max-width: 250px;
        width: 100%;
    }
}
/*#endregion */
/*.rowSub {
    padding-top: 50px;
    padding-bottom: 50px;
}*/

.col-2 > div.rowSub, .grid2col {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 5vw;
}

.col-3 > div.rowSub, .grid3col {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
}

.col-4 > div.rowSub, .grid4col {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-column-gap: 5vw;
}

.col-1.yellow, .col-2.yellow, .col-3.yellow, .col-4.yellow {
    background: var(--yellow);
}

.col-1.grey, .col-2.grey, .col-3.grey, .col-4.grey {
    background: var(--grey);
}

.col-1.green, .col-2.green, .col-3.green, .col-4.green {
    background: var(--green);
}

@media (max-width: 767px) {
    body .callOutP {
        font-size: 18px !important;
    }

    .col-3 > div.rowSub, .grid3col, .col-2 > div.rowSub, .grid2col {
        grid-template-columns: 1fr;
    }

    .col-4 > div.rowSub, .grid4col {
        grid-template-columns: 1fr 1fr;
    }

    .col-3 > div.rowSub, .grid3col, .col-2 > div.rowSub, .grid2col, .col-4 > div.rowSub, .grid4col {
        grid-row-gap: 20px;
    }

    .col-1 .rowSub, .col-2 .rowSub, .col-3 .rowSub, .col-4 .rowSub {
        padding-top: 6vw;
        padding-bottom: 6vw;
    }
}

@media (max-width: 500px) {

    .col-4 > div.rowSub, .grid4col {
        grid-template-columns: 1fr;
    }
}