/*
MIA styling

KiSS Consulting

*/

/* ==========================================================================
   MIA Basic setup
   ========================================================================== */
   
html {
	font-size: 10px;
	overflow-x: hidden;
}
	  
body {
  font-family: "Inter", Helvetica, sans-serif;
  font-size: 1.9rem;
  line-height: 2.5rem;
  color: var(--black);
}

.body-l {
  font-size: 2.4rem;
  font-weight: 400;
  color: var(--black);
  line-height: 3.0rem;
}

.body-s {
  font-size: 1.6rem;
  font-weight: 400;
  color: var(--black);
  line-height: 2.0rem;
}

p {
	font-weight: 400;
	color: var(--black);
	margin-bottom: 2.0rem;
}
	

h1, .h1, .PageTitle {
  font-size: 3.6rem;
  font-weight: 700;
  color: var(--black);
  line-height: 4.0rem;
  margin-bottom: 3.0rem;
}

h1.BigHeader, .h1.BigHeader {
  color: var(--white);
  background-color: #f89c57;
  padding: 2rem;
  margin: 0;
}

.panel-heading.Distinguish, .PanelHead.Distinguish,
.TitleBarCaption, div.PanelTitle {
  min-height: 0;
  border-bottom-style: solid;
}
h2, .h2 {
	border: none;
}

h2, .h2, .PanelTitle {
  font-size: 2.4rem;
  font-weight: 700;
  color: var(--black);
  line-height: 3.0em;
  margin-bottom: 2.0rem;
}

@media (max-width: 768px) {
	h2 {
		line-height: 3.4rem;
	}
}

h3, .SectionTitle {
  font-size: 1.9rem;
  font-weight: 700;
  color: var(--black);
  line-height: 2.5rem;
  margin-bottom: 1.5rem;
}

h4, .SectionLabel, h5 {
  margin: 0 0 .2em;
}

h4, .h4, .SectionLabel {
  font-size: 1.9rem;
  font-weight: 500;
  color: var(--black);
  line-height: 2.5rem;
  margin-bottom: 1rem;
}

h5, .h5, .SectionLabelSmaller {
  font-size: 1.6rem;
  font-weight: 400;
  color: var(--black);
  line-height: 2.0rem;
  margin-bottom: 1rem;
}

h6, .h6 {
  font-size: 1.3rem;
  font-family: "Inter", Helvetica, sans-serif;
  font-weight: 400;
  color: var(--black);
  line-height: 2.0rem;
  margin-bottom: 1rem;
}

.heading-xl {
  font-size: 4.8rem;
  font-weight: 700;
  color: var(--black);
  line-height: 5rem;
  margin-bottom: 3rem;
}

.heading-l {
  font-size: 3.6rem;
  font-weight: 700;
  color: var(--black);
  line-height: 4rem;
  margin-bottom: 3rem;
}

.heading-m {
  font-size: 2.4rem;
  font-weight: 700;
  color: var(--black);
  line-height: 3rem;
  margin-bottom: 2rem;
}

.heading-s {
  font-size: 1.9rem;
  font-weight: 700;
  color: var(--black);
  line-height: 2.5rem;
  margin-bottom: 1.5rem;
}



a, .Link,
.RadGrid.RadGrid .rgRow a, .RadGrid.RadGrid .rgAltRow a, .RadGrid.RadGrid .rgEditForm a, .k-grid.k-grid a,
.RadToolTip.RadToolTip a {
  color: var(--blue) ;
  text-decoration: none;
}

a:visited, .Link:visited,
.RadGrid.RadGrid .rgRow a:visited, .RadGrid.RadGrid .rgAltRow a:visited, .RadGrid.RadGrid .rgEditForm a:visited, .k-grid.k-grid a:visited,
.RadToolTip.RadToolTip a:visited {
  color: var(--blue) ;
}

a:hover, a:focus, a:active, .Link:hover, .Link:focus, .Link:active,
.RadGrid.RadGrid .rgRow a:hover,
.RadGrid.RadGrid .rgRow a:focus,
.RadGrid.RadGrid .rgRow a:active, .RadGrid.RadGrid .rgAltRow a:hover, .RadGrid.RadGrid .rgAltRow a:focus, .RadGrid.RadGrid .rgAltRow a:active, .RadGrid.RadGrid .rgEditForm a:hover, .RadGrid.RadGrid .rgEditForm a:focus, .RadGrid.RadGrid .rgEditForm a:active, .k-grid.k-grid a:hover, .k-grid.k-grid a:focus, .k-grid.k-grid a:active,
.RadToolTip.RadToolTip a:hover,
.RadToolTip.RadToolTip a:focus,
.RadToolTip.RadToolTip a:active {
  color: var(--medium-blue) ;
  text-decoration: underline ;
}

a.aspNetDisabled, a.aspNetDisabled:hover, a.aspNetDisabled:focus, a.aspNetDisabled:active, a.aspNetDisabled:visited, a:disabled, a:disabled:hover, a:disabled:focus, a:disabled:active, a:disabled:visited, .Link.aspNetDisabled, .Link.aspNetDisabled:hover, .Link.aspNetDisabled:focus, .Link.aspNetDisabled:active, .Link.aspNetDisabled:visited, .Link:disabled, .Link:disabled:hover, .Link:disabled:focus, .Link:disabled:active, .Link:disabled:visited,
.RadGrid.RadGrid .rgRow a.aspNetDisabled,
.RadGrid.RadGrid .rgRow a.aspNetDisabled:hover,
.RadGrid.RadGrid .rgRow a.aspNetDisabled:focus,
.RadGrid.RadGrid .rgRow a.aspNetDisabled:active,
.RadGrid.RadGrid .rgRow a.aspNetDisabled:visited,
.RadGrid.RadGrid .rgRow a:disabled,
.RadGrid.RadGrid .rgRow a:disabled:hover,
.RadGrid.RadGrid .rgRow a:disabled:focus,
.RadGrid.RadGrid .rgRow a:disabled:active,
.RadGrid.RadGrid .rgRow a:disabled:visited, .RadGrid.RadGrid .rgAltRow a.aspNetDisabled, .RadGrid.RadGrid .rgAltRow a.aspNetDisabled:hover, .RadGrid.RadGrid .rgAltRow a.aspNetDisabled:focus, .RadGrid.RadGrid .rgAltRow a.aspNetDisabled:active, .RadGrid.RadGrid .rgAltRow a.aspNetDisabled:visited, .RadGrid.RadGrid .rgAltRow a:disabled, .RadGrid.RadGrid .rgAltRow a:disabled:hover, .RadGrid.RadGrid .rgAltRow a:disabled:focus, .RadGrid.RadGrid .rgAltRow a:disabled:active, .RadGrid.RadGrid .rgAltRow a:disabled:visited, .RadGrid.RadGrid .rgEditForm a.aspNetDisabled, .RadGrid.RadGrid .rgEditForm a.aspNetDisabled:hover, .RadGrid.RadGrid .rgEditForm a.aspNetDisabled:focus, .RadGrid.RadGrid .rgEditForm a.aspNetDisabled:active, .RadGrid.RadGrid .rgEditForm a.aspNetDisabled:visited, .RadGrid.RadGrid .rgEditForm a:disabled, .RadGrid.RadGrid .rgEditForm a:disabled:hover, .RadGrid.RadGrid .rgEditForm a:disabled:focus, .RadGrid.RadGrid .rgEditForm a:disabled:active, .RadGrid.RadGrid .rgEditForm a:disabled:visited, .k-grid.k-grid a.aspNetDisabled, .k-grid.k-grid a.aspNetDisabled:hover, .k-grid.k-grid a.aspNetDisabled:focus, .k-grid.k-grid a.aspNetDisabled:active, .k-grid.k-grid a.aspNetDisabled:visited, .k-grid.k-grid a:disabled, .k-grid.k-grid a:disabled:hover, .k-grid.k-grid a:disabled:focus, .k-grid.k-grid a:disabled:active, .k-grid.k-grid a:disabled:visited,
.RadToolTip.RadToolTip a.aspNetDisabled,
.RadToolTip.RadToolTip a.aspNetDisabled:hover,
.RadToolTip.RadToolTip a.aspNetDisabled:focus,
.RadToolTip.RadToolTip a.aspNetDisabled:active,
.RadToolTip.RadToolTip a.aspNetDisabled:visited,
.RadToolTip.RadToolTip a:disabled,
.RadToolTip.RadToolTip a:disabled:hover,
.RadToolTip.RadToolTip a:disabled:focus,
.RadToolTip.RadToolTip a:disabled:active,
.RadToolTip.RadToolTip a:disabled:visited {
  color: #999999 ;
  text-decoration: none ;
}



hr {
  margin-left: .5em;
  margin-right: .5em;
  border-width: 1px 0 0 0;
  border-style: solid;
  border-color: var(--grey);
}

.StandardPanel,
.ContentBorder,
h2,
.PanelHead.Distinguish,
.TitleBarCaption,
div.ShowFieldset fieldset,
.panel-border,
.panel-heading.Distinguish {
  border-color: var(--grey);
}

/* Used for messages guiding users to the next step */
.HelperText {
  color: #0064cd;
}

/* This gives certain selected items (e.g., in the PeoplePanel in the Event Showcase) a colored background */
.SelectedItem {
  background-color: var(--light-grey);
}

.header-aux-container .UtilityNavigation .NavigationUnorderedList {
    display: flex;
    gap: 0px 3rem;
    align-items: center;
}

@media (max-width: 768px) {
	.header-aux-container .UtilityNavigation .NavigationUnorderedList {
		flex-wrap: wrap;
		margin-bottom: 2rem;
	}
}

/*.header-aux-container {
    background: var(--header-grey);
}*/

.header-aux-container .UtilityAuthentication a, .header-aux-container a.NavigationLink, .header-aux-container .UtilityNavigation .account-menu > li > a.sign-in-link, .header-aux-container .account-toggle .nav-text {
    font-weight: 400;
    padding: 0;
}

.btn.nav-join {
    background-color: var(--blue);
    padding: 0.6rem 3rem;
    -webkit-user-select: none;
    user-select: none;
    border-radius: 2.5rem;
    border: 0.1rem solid transparent;
    transition: background 0.2s ease-out;
}

.btn.nav-join a {
    color: var(--white);
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1.6rem;
}

a#ctl01_ciUtilityNavigation_ctl03_LoginStatus1 {
    font-weight: 600;
    border: 0.2rem solid var(--light-grey);
    padding: 1rem 3rem;
    font-size: 1.4rem;
    line-height: 3rem;
    -webkit-user-select: none;
    user-select: none;
    transition: background 0.2s ease-out;
    border-radius: 2.5rem / 2.5rem;
    color: var(--blue);
}


.Wrapper-HomePage {
    --nav-color: var(--blue);
}

@media (min-width: 992px) {
  .has-secondary-col .body-container {
    grid-template-columns: minmax(12em, 22%) 76% 1fr;
    grid-template-rows: auto;
    grid-column-gap: 3rem;
  }
  .has-secondary-col .body-container .col-primary {
    grid-column: 2 / span 1;
    grid-row: 2;
}  
  .has-secondary-col .body-container .col-secondary {
    grid-column: 1 / span 1;
    grid-row: 2;
  }
  .has-secondary-col .body-container .row-pageheader {
    grid-column: 1 / span 2;
    grid-row: 1;
	padding: 3rem 3rem 0px 3rem;
}  
}

.nav-secondary .sub-nav-head {
    font-size: 1.6rem;
    text-transform: none;
    font-weight: 600;
    border-bottom: none;
}

.sub-nav-body {
    font-size: 1.6rem;
}

.has-secondary-col .body-container .col-primary {
    border-right: none;
}

.PublishContent {
    padding: 0px 1.5rem 1.5rem 1.5rem;
    font-size: 1.6rem;
    border-bottom: 1px solid var(--light-grey);
    margin-bottom: 2rem;
}

.banner-tall, .banner-tall:visited, .banner-tall:active, .banner-tall:hover, .banner-tall:focus, .banner-tall h2, .banner-short, .banner-short:visited, .banner-short:active, .banner-short:hover, .banner-short:focus, .banner-short h2 {
  color: var(--white);
  text-decoration: none;
}

/* ==========================================================================
   SECONDARY NAVIGATION
   ========================================================================== */
/**** Telerik overrides ****/

.RadTreeView.RadTreeView_Coffee .rtIn {
  padding: 0.5rem 1.5rem;
}

.RadTreeView.RadTreeView_Coffee .rtIn,
.RadTreeView.RadTreeView_Coffee .rtHover .rtIn,
.RadTreeView.RadTreeView_Coffee .rtSelected .rtIn {
  padding: 0.5rem 1.5rem;
}


/* ==========================================================================
   MASTER PAGE LAYOUT
   ========================================================================== */
/* Class used to contain the various pieces of the master page */

.backToTop {
  background: var(--blue) url("images/ResponsiveHeaderSprite.png") 0.5rem -223px no-repeat;
}

.backToTop:hover {
  background-color: var(--blue);
}

.backToTop {
    background-image: none;
    width: 40px;
    height: 40px;
    transform: none;
    transition: all 0.2s ease;
}



/* ==========================================================================
   MASTERPAGE ELEMENTS
   ========================================================================== */
/* This applies to the loading bar at the top of the page */
.ProgressDiv {
  background-color: #ffdd6f;
}

/* header logo */
#masterHeaderImage {
  background-image: url("images/MIALogo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 220px;
  height: auto;
  /* The following are needed to hide the text, but allow it to be read by screen readers */
  text-indent: -9999px;
  overflow: hidden;
  float: left;
}

@media (min-width: 992px) {
  #masterHeaderImage {
    background-image: url("images/MIALogo.png");
    width: 220px;
    height: 80px;
  }
}
.Wrapper-HomePage #masterHeaderImage {
  background-image: url("images/MIALogo.png");
}

@media (max-width: 991px) {
  .Wrapper-HomePage #masterHeaderImage {
    background-image: url("images/MIALogo.png");
	height: 50px;
  }
   #masterHeaderImage {
    background-image: url("images/MIALogo.png");
    width: 220px;
    height: 50px;
}
}

.wrapper {
    background: var(--white);
}
.col-primary {
    background: var(--white);
}

/* Header Border */
#masterHeaderBackground,
.header {
  border-bottom: 2px solid #eeeeee;
}

/* Used in the donor site header logo content area */
#masterHeaderActionArea a {
  display: block;
  text-align: center;
}

/* On Behalf Of with target set */
.ProxyPanelContact {
  background-color: var(--blue);
}

.ProxyPanelContact, .ProxyPanelContact .obo-label {
  color: var(--white);
  font-size: 14px;
}

.ProxyPanelContact a {
  color: #d5deed;
}

.obo-panel, .obo-panel a {
    color: var(--light-blue);
	font-size: 14px;
}

.obo-panel {
    --system-icon-color: var(--blue);
}

.obo-toggle.on:hover, .obo-toggle.on:focus, a.ste-toggle.on:hover, a.ste-toggle.on:focus, .page-statistics-toggle.on:hover, .page-statistics-toggle.on:focus {
    background: var(--light-blue);
}

.header-top-container {
    padding-top: 10px;
    padding-bottom: 10px;
}
.header-container {
    max-width: 1380px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 30px;
    padding-right: 30px;
}

.header-aux-container > div {
    max-width: 1000px;
    padding-top: 17px;
	padding-right:0px
}


@media (min-width: 992px) {
  .Wrapper-HomePage header.header, header.header {
    display: block;
  }

}

header.header {
    box-shadow: none;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
	position: sticky;
	top: -90px;
}
@media (max-width: 768px) {
	header.header {
		position: relative;
		top: 0;	
	}
}
	
@media (min-width: 992px) {
	header.header .header-primary-nav-container {
		max-width: 1380px;
		justify-self: normal;
		border-top: 1px solid var(--header-grey);
	}
}

.Wrapper-HomePage header.header .header-background-container {
  height: 100%;
}

.Wrapper-HomePage header.header .header-background-container:before {
  background-image: none;
}

.Wrapper-HomePage .header-background-container {
    background-color: var(--white);
}

.FullWidthArea-Bg1 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.FullWidthArea-Bg2 {
  background-color: var(--grey);
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.account-menu .account-toggle .caret {
  background: var(--blue);
}


/* PRIMARY MENU */

@media (min-width:992px) {
.RadMenu.RadMenu_Coffee ul.rmRootGroup {
    width: 100%;
    float: left;
    line-height: 1.6;
}
li.rmItem.rmLast {
    margin-left: auto;
}
}


.RadMenu.RadMenu_Coffee .rmToggle .rmIcon, .RadMenu.RadMenu_Coffee .rmRootGroup .rmRootLink .rmToggle .rmIcon {
    display: none;
    -webkit-mask-image: none;
    background: none;
}

.RadMenu.RadMenu_Coffee .rmToggle, .RadMenu.RadMenu_Coffee .rmRootGroup .rmRootLink .rmToggle {
    display: none;
}

.RadMenu.RadMenu_Coffee .rmRootLink {
    color: var(--nav-color);
    font-family: "Inter", Helvetica, sans-serif;
    font-size: 0.9em;
    font-weight: 800;
    letter-spacing: 0px;
}

.NavSearchItem > img.rmLeftImage {
    width: 24px;
    margin-left: 10px;
}

.NavSearchItem > span.rmText {
    color: var(--white);
    font-size: 0;
}

footer.footer {
    background-color: var(--blue);
    color: var(--white);
    padding-top: 0px;
    padding-bottom: 60px;
}

.footer-activities.ClearFix {
    background: var(--grey);
	padding-bottom: 50px;
	padding-top: 20px;
}

footer.footer .footer-content > .container {
    display: grid;
    grid-template-columns: 4fr;
	font-weight: 300;
	font-size: 0.8em;
}

footer.footer .footer-content > .container ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

footer.footer .footer-content > .container h5 {
    color: var(--white);
}

footer.footer .footer-content > .container p {
    color: var(--white);
    font-weight: 300;
    font-size: 100%;
}


footer.footer h2 {
    color: var(--black);
    border: none;
    font-weight: 500;
}

footer.footer h3, footer.footer h4 {
  margin-bottom: 15px;
  font-size: 100%;
  font-weight: 500;
  color: var(--black);
}

.footer-middle {
    margin-top: 15px;
}

.footer-bottom {
	margin: 15px 15px 15px 0px;
}


.logos div {
    display: flex;
    gap: 0px 20px;
}

.logos a.fb-icon {
    -webkit-mask-image: url(images/fb.svg);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: cover;
}

.logos a.li-icon {
    -webkit-mask-image: url(images/li.svg);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: cover;
}

.logos a, .logos a:visited {
    font-size: 0;
    width: 35px;
    height: 35px;
    background-color: var(--white);
    display: block;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}


/* Carousel
   ========================================================================== */
/* Used by the Slideshow iPart */

.carousel h1, .carousel h2, .carousel h3, .carousel h4, .carousel h5, .carousel2 h1, .carousel2 h2, .carousel2 h3, .carousel2 h4, .carousel2 h5, .HomePageFullWidthArea h1, .HomePageFullWidthArea h2, .HomePageFullWidthArea h3, .HomePageFullWidthArea h4, .HomePageFullWidthArea h5 {
  font-weight: 500;
  display: inline-block;
}

.carousel .carousel-caption, .carousel2 .carousel-caption, .HomePageFullWidthArea .carousel-caption {
  padding: 1.9rem;
  position: absolute;
  bottom: auto;
  top: calc(100px / 2);
  background-color: none;
  font-weight: 300;
  text-align: left;
  color: var(--white);
}
.carousel-inner {
    border-radius: 2.5rem;
}

.carousel-inner.bg-img > .item {
	background-color: var(--blue);
}

.hero-caption h1, .carousel-caption h1 {
  font-size: 4.7rem;
  text-transform: none;
  margin-bottom: 1.9rem;
  line-height: 5.7rem;
}

.carousel .carousel-caption p, .carousel2 .carousel-caption p, .HomePageFullWidthArea .carousel-caption p {
  font-size: 1.9rem;
  color: var(--white);
}

.carousel .carousel-caption h1, .carousel2 .carousel-caption h1, .HomePageFullWidthArea .carousel-caption h1 {
  color: var(--white);
}

@media (min-width: 992px) {
  .carousel .carousel-caption, .carousel2 .carousel-caption, .HomePageFullWidthArea .carousel-caption {
    width: 60%;
    left: 5%;
    right: auto;
  }
}

@media (max-width: 991px) {
	.carousel .carousel-caption, .carousel2 .carousel-caption, .HomePageFullWidthArea .carousel-caption {
		padding: 1.9rem;
		position: absolute;
		bottom: auto;
		top: auto;
		font-weight: 300;
		text-align: left;
		color: var(--white);
		left: 1%;
	}
	.carousel-inner.bg-img > .item {
		background-image: url(/images/template/homepagebackground.png) !important;
		height: 450px !important;
	}
	.hero-caption h1, .carousel-caption h1 {
		font-size: 2.8rem;
		text-transform: none;
		margin-bottom: 1.9rem;
		line-height: 3.2rem;
	}
	.carousel-caption a.PrimaryButton.btn, .carousel-caption a.btn {
		margin-bottom: 1rem;
		margin-right: 0px;
	}
}	

.Wrapper-HomePage .header-background-container {
  background-color: var(--blue);
  /* fall back to make the header dark in case the carousel does not load */
}

.carousel-caption a.PrimaryButton.btn {
    background-color: var(--white);
    color: var(--blue);
    margin-right: 2.5rem;
}

.carousel-caption a.btn {
    background-color: var(--blue);
	border-color: var(--white);
    color: var(--white);
    margin-right: 2.5rem;
}

/* Card Carousel
   ========================================================================== */

.card-carousel{
  width:100%;
  margin:0.5rem auto;
}
.slick-card {
    background: var(--white);
    margin: 10px;
    padding: 5%;
    position: relative;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: var(--border-radius);
    box-shadow:	2px 2px 2px 1px rgb(0 0 0 / 20%);
}

.slick-card a {
    color: var(--black);
}

.slick-card a:hover {
    color: var(--black);
    text-decoration: none;
}


/* ==========================================================================
   CARDS
   ========================================================================== */
.CardEvent {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-clip: border-box;
    border-radius: 0 0 var(--border-radius) var(--border-radius);
    box-shadow: none;
}
.CardEventText {
	border-radius: 0 0 var(--border-radius) var(--border-radius);
	background: var(--white);
	height: 25rem;
	padding: 2rem;
	color: var(--black);
}

img.CardEventImg, .CardEventImg  {
    border-radius: var(--border-radius) var(--border-radius) 0 0;
    height: 25rem !important;
    object-fit: cover;
    object-position: left;
}
a.CardEvent, a.CardSpotlight {
    text-decoration: none;
    color: var(--black);
}

.CardSpotlight {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-clip: border-box;
    border-radius: 0 0 var(--border-radius) var(--border-radius);
    box-shadow: none;
}
.CardSpotlightText {
	border-radius: 0 0 var(--border-radius) var(--border-radius);
	background: var(--white);
/*	height: 250px;*/
	padding: 2rem;
}

img.CardSpotlightImg, .CardSpotlightImg {
    border-radius: var(--border-radius) var(--border-radius) 0 0;
   /* height: 250px !important;*/
    object-fit: cover;
    object-position: left;
}
.CardSpotlight h1 {
    margin: 2rem 0;
}


.CardEvent:hover, .btn:hover, .TextButton:hover, .PrimaryButton:hover, .slick-card:hover {
	transform: translateY(-5px);
}

@media (max-width: 991px) {
	a.CardEvent {
		margin-bottom: 10%;
	}	
}

.corporate-logos .card {
    background: transparent;
    border: none;
}

/* ==========================================================================
   BOARD GRID
   ========================================================================== */
    .event-grid {
    display: grid;
    grid-template-rows: 100%;
    grid-template-columns: 30% 70%;
    grid-template-areas:
    'image bio';
    gap: 0px;
    width: 100%;
    grid-column-gap: 10px;
    margin: 0 30px 60px 30px;
    padding: 30px;
    background-color: #00a6ce05;
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
    }
    @media (max-width: 900px){
    .event-grid {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: 100%;
    grid-template-areas:
    'image'
    'bio';
    gap: 0px;
    width: 100%;
    grid-column-gap: 10px;
    margin: 0 5px 40px 5px;
    padding: 30px;
    background-color: #00a6ce05;
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
    }
    }
    #item-0 {
    grid-area: image;
    padding-top: 10px;
    padding-right: 15px;
    padding-left: 15px;
    }
    #item-1 {
    grid-area: bio;
    padding-top: 10px;
    padding-right: 15px;
    padding-left: 15px;
    }
	
	
/* ==========================================================================
   BUTTONS
   ========================================================================== */
/* set up button base styles */
.btn,
.TextButton,
.RadUpload.RadUpload .ruButton,
.RadUploadProgressArea.RadUploadProgressArea .ruButton {
  font-weight: 500;
  border: 1px solid transparent;
  padding: 10px 30px;
  font-size: 18px;
  line-height: 1.6;
  -webkit-user-select: none;
          user-select: none;
  transition: background 0.2s ease-out;
  border-radius: 25px / 25px;
}

/* default button */
.btn,
.TextButton,
.RadUpload.RadUpload .ruButton,
.RadUploadProgressArea.RadUploadProgressArea .ruButton {
  background-color: var(--white);
  border: 2px solid var(--light-grey);
}

.btn, .btn:visited,
.TextButton,
.TextButton:visited,
.RadUpload.RadUpload .ruButton,
.RadUpload.RadUpload .ruButton:visited,
.RadUploadProgressArea.RadUploadProgressArea .ruButton,
.RadUploadProgressArea.RadUploadProgressArea .ruButton:visited {
  color: var(--blue);
}

.btn:hover, .btn:focus, .btn:active,
.TextButton:hover,
.TextButton:focus,
.TextButton:active,
.RadUpload.RadUpload .ruButton:hover,
.RadUpload.RadUpload .ruButton:focus,
.RadUpload.RadUpload .ruButton:active,
.RadUploadProgressArea.RadUploadProgressArea .ruButton:hover,
.RadUploadProgressArea.RadUploadProgressArea .ruButton:focus,
.RadUploadProgressArea.RadUploadProgressArea .ruButton:active {
  color: var(--black);
  text-decoration: none;
  background-color: #b5b5b9;
  border-color: #ababaf;
}


/* primary button */
.PrimaryButton,
.UsePrimaryButton .TextButton,
.RadGrid input.PrimaryButton,
.RadGrid.RadGrid input.TextButton.PrimaryButton,
.RadGrid.RadGrid a.TextButton.PrimaryButton {
  background-color: var(--blue);
  border-color: transparent;
}

.PrimaryButton, .PrimaryButton:visited,
.UsePrimaryButton .TextButton,
.UsePrimaryButton .TextButton:visited,
.RadGrid input.PrimaryButton,
.RadGrid input.PrimaryButton:visited,
.RadGrid.RadGrid input.TextButton.PrimaryButton,
.RadGrid.RadGrid input.TextButton.PrimaryButton:visited,
.RadGrid.RadGrid a.TextButton.PrimaryButton,
.RadGrid.RadGrid a.TextButton.PrimaryButton:visited {
  color: var(--white);
}

.PrimaryButton:hover, .PrimaryButton:focus, .PrimaryButton:active,
.UsePrimaryButton .TextButton:hover,
.UsePrimaryButton .TextButton:focus,
.UsePrimaryButton .TextButton:active,
.RadGrid input.PrimaryButton:hover,
.RadGrid input.PrimaryButton:focus,
.RadGrid input.PrimaryButton:active,
.RadGrid.RadGrid input.TextButton.PrimaryButton:hover,
.RadGrid.RadGrid input.TextButton.PrimaryButton:focus,
.RadGrid.RadGrid input.TextButton.PrimaryButton:active,
.RadGrid.RadGrid a.TextButton.PrimaryButton:hover,
.RadGrid.RadGrid a.TextButton.PrimaryButton:focus,
.RadGrid.RadGrid a.TextButton.PrimaryButton:active {
  color: var(--white);
  text-decoration: none;
  background-color: #3d5b90;
  border-color: rgba(0, 0, 0, 0);
}

.PrimaryButton:disabled, .PrimaryButton:disabled:hover, .PrimaryButton:disabled:focus, .PrimaryButton:disabled:active, .PrimaryButton.disabled, .PrimaryButton.disabled:hover, .PrimaryButton.disabled:focus, .PrimaryButton.disabled:active, .PrimaryButton.aspNetDisabled, .PrimaryButton.aspNetDisabled:hover, .PrimaryButton.aspNetDisabled:focus, .PrimaryButton.aspNetDisabled:active,
.UsePrimaryButton .TextButton:disabled,
.UsePrimaryButton .TextButton:disabled:hover,
.UsePrimaryButton .TextButton:disabled:focus,
.UsePrimaryButton .TextButton:disabled:active,
.UsePrimaryButton .TextButton.disabled,
.UsePrimaryButton .TextButton.disabled:hover,
.UsePrimaryButton .TextButton.disabled:focus,
.UsePrimaryButton .TextButton.disabled:active,
.UsePrimaryButton .TextButton.aspNetDisabled,
.UsePrimaryButton .TextButton.aspNetDisabled:hover,
.UsePrimaryButton .TextButton.aspNetDisabled:focus,
.UsePrimaryButton .TextButton.aspNetDisabled:active,
.RadGrid input.PrimaryButton:disabled,
.RadGrid input.PrimaryButton:disabled:hover,
.RadGrid input.PrimaryButton:disabled:focus,
.RadGrid input.PrimaryButton:disabled:active,
.RadGrid input.PrimaryButton.disabled,
.RadGrid input.PrimaryButton.disabled:hover,
.RadGrid input.PrimaryButton.disabled:focus,
.RadGrid input.PrimaryButton.disabled:active,
.RadGrid input.PrimaryButton.aspNetDisabled,
.RadGrid input.PrimaryButton.aspNetDisabled:hover,
.RadGrid input.PrimaryButton.aspNetDisabled:focus,
.RadGrid input.PrimaryButton.aspNetDisabled:active,
.RadGrid.RadGrid input.TextButton.PrimaryButton:disabled,
.RadGrid.RadGrid input.TextButton.PrimaryButton:disabled:hover,
.RadGrid.RadGrid input.TextButton.PrimaryButton:disabled:focus,
.RadGrid.RadGrid input.TextButton.PrimaryButton:disabled:active,
.RadGrid.RadGrid input.TextButton.PrimaryButton.disabled,
.RadGrid.RadGrid input.TextButton.PrimaryButton.disabled:hover,
.RadGrid.RadGrid input.TextButton.PrimaryButton.disabled:focus,
.RadGrid.RadGrid input.TextButton.PrimaryButton.disabled:active,
.RadGrid.RadGrid input.TextButton.PrimaryButton.aspNetDisabled,
.RadGrid.RadGrid input.TextButton.PrimaryButton.aspNetDisabled:hover,
.RadGrid.RadGrid input.TextButton.PrimaryButton.aspNetDisabled:focus,
.RadGrid.RadGrid input.TextButton.PrimaryButton.aspNetDisabled:active,
.RadGrid.RadGrid a.TextButton.PrimaryButton:disabled,
.RadGrid.RadGrid a.TextButton.PrimaryButton:disabled:hover,
.RadGrid.RadGrid a.TextButton.PrimaryButton:disabled:focus,
.RadGrid.RadGrid a.TextButton.PrimaryButton:disabled:active,
.RadGrid.RadGrid a.TextButton.PrimaryButton.disabled,
.RadGrid.RadGrid a.TextButton.PrimaryButton.disabled:hover,
.RadGrid.RadGrid a.TextButton.PrimaryButton.disabled:focus,
.RadGrid.RadGrid a.TextButton.PrimaryButton.disabled:active,
.RadGrid.RadGrid a.TextButton.PrimaryButton.aspNetDisabled,
.RadGrid.RadGrid a.TextButton.PrimaryButton.aspNetDisabled:hover,
.RadGrid.RadGrid a.TextButton.PrimaryButton.aspNetDisabled:focus,
.RadGrid.RadGrid a.TextButton.PrimaryButton.aspNetDisabled:active {
  color: var(--white);
  background-color: #496DAD;
  border-color: transparent;
}

.SmallButton,
.UseSmallButton .TextButton {
  font-size: 85%;
  padding: 8px 18px;
  border-radius: 25px / 25px;
}

.MediumButton,
.UseMediumButton .TextButton {
  font-size: 120%;
  padding: 14px 24px;
  border-radius: 25px / 25px;
}

.LargeButton,
.UseLargeButton .TextButton {
  font-size: 150%;
  padding: 17px 27px;
  border-radius: 25px / 25px;
}

.FullWidthButton,
.UseFullWidthButton .TextButton {
  width: 100%;
}

/* Style buttons to look like links for deemphasis */
.LinkButton {
  -webkit-appearance: none !important;
  background: transparent !important;
  color: #496DAD;
  text-shadow: none;
  box-shadow: none;
  border: none;
  font-weight: normal;
  padding: 5px 10px;
  font-size: 18px;
  line-height: 1.6;
  border-radius: 4px;
  text-decoration: none;
}

.LinkButton:visited {
  color: #577ab8 ;
}

.LinkButton:hover, .LinkButton:focus, .LinkButton:active {
  color: #3a5689 ;
  text-decoration: underline ;
}

@media (min-width: 992px) {
  .StandardButtonMd {
    padding: 5px 10px;
    font-size: 18px;
    line-height: 1.6;
    border-radius: 4px;
  }
}

/* Generic red and green buttons to be used for all themes (styling is not theme dependant) */
.DangerButton {
  background-color: #d03528;
  border-color: transparent;
}

.DangerButton, .DangerButton:visited {
  color: #fff;
}

.DangerButton:hover, .DangerButton:focus, .DangerButton:active {
  color: #fff;
  text-decoration: none;
  background-color: #ae2c21;
  border-color: rgba(0, 0, 0, 0);
}

.DangerButton:disabled, .DangerButton:disabled:hover, .DangerButton:disabled:focus, .DangerButton:disabled:active, .DangerButton.disabled, .DangerButton.disabled:hover, .DangerButton.disabled:focus, .DangerButton.disabled:active, .DangerButton.aspNetDisabled, .DangerButton.aspNetDisabled:hover, .DangerButton.aspNetDisabled:focus, .DangerButton.aspNetDisabled:active {
  color: #fff;
  background-color: #d03528;
  border-color: transparent;
}

.SuccessButton {
  background-color: #68bd49;
  border-color: transparent;
}

.SuccessButton, .SuccessButton:visited {
  color: #fff;
}

.SuccessButton:hover, .SuccessButton:focus, .SuccessButton:active {
  color: #fff;
  text-decoration: none;
  background-color: #57a23b;
  border-color: rgba(0, 0, 0, 0);
}

.SuccessButton:disabled, .SuccessButton:disabled:hover, .SuccessButton:disabled:focus, .SuccessButton:disabled:active, .SuccessButton.disabled, .SuccessButton.disabled:hover, .SuccessButton.disabled:focus, .SuccessButton.disabled:active, .SuccessButton.aspNetDisabled, .SuccessButton.aspNetDisabled:hover, .SuccessButton.aspNetDisabled:focus, .SuccessButton.aspNetDisabled:active {
  color: #fff;
  background-color: #68bd49;
  border-color: transparent;
}

/**account page button group**/
.button-group .LargeButton {
  width: 100%;
  height: 100%;
  font-size: 1.9rem !important;
  line-height: 2.5rem;
  min-height: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* ==========================================================================
   CALL TO ACTION
   ========================================================================== */
   
.cta {
    display: block;
    color: var(--black);
    background-color: var(--white);
    border-radius: var(--border-radius);
    padding: 2rem;
    max-width: 32rem;
    margin: 0px auto;
}

.cta-Policy {
    display: flex;
    color: var(--black);
    border-radius: var(--border-radius);
    margin: 0px auto;
	align-items: stretch;
	flex-wrap: wrap;
}

.cta-PolicyText {
    flex: 0 0 60%;
	background-color: var(--white);
    padding: 2rem;
	border-top-left-radius: var(--border-radius);
    border-bottom-left-radius: var(--border-radius);
	border: var(--border);
}

.cta-PolicyImg {
    flex: 1; 
    position: relative;
    overflow: hidden;
    min-height: 200px; 
}

.cta-PolicyThumbnail {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0 var(--border-radius) var(--border-radius) 0;
}

.cta-Policy a {
    color: var(--black);
}
.cta-PolicyArrow {
	padding-right: 2rem;
}

@media (max-width: 768px) {
	.cta-Policy {
		flex-direction: column;
	}
	.cta-PolicyText {
		flex: 0 0 100%;
		border-radius: var(--border-radius) var(--border-radius) 0 0;
	}
	.cta-PolicyImg {
		flex: 0 0 100%;
	}
	.cta-PolicyThumbnail {
		border-radius: 0 0 var(--border-radius) var(--border-radius);
	}
	.CardSpotlight {
		margin-bottom: 2rem;
	}
	.cta {
		margin-bottom: 2rem;
	}
}

   .community-row .row, .row.education {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0;
	padding-bottom: 4rem;
}
	.community-row img {
    border-radius: 2.5rem;
}
	.community-m img {
    height: 23rem !important;
    width: 100%;
    object-fit: cover;
    display: block;
}

.row.education {
    display: flex;
    align-items: stretch;
}
.row.education  > [class*='col-'] {
    display: flex;
    flex-direction: column;
}
.education .cta:last-child {
    margin-top: auto;
}

.row.support-row {
    display: flex;
    gap: 2rem;
}

.cta-support {
    background: var(--white);
    margin: 1rem;
    padding: 3rem;
    position: relative;
    border: var(--border);
    border-radius: var(--border-radius);
    flex: 1;
	cursor: pointer;
}
.cta-support a {
    color: var(--black);
	display: block;
	text-decoration: none;
}

.cta-support:hover {
    transform: translateY(-5px);
}

.cta-News:first-child {
    display: none;
}

.cta-News {
    background-color: var(--white);
    margin-bottom: -18px;
    padding: 5px 20px;
    font-size: 95%;
	max-width: 320px;
	border-width: 0px 1px;
	border-style: solid;
	border-color: var(--light-grey);
}

p.cta-NewsTextHeader {
    font-size: 85%;
    margin: 1.9rem 0 1rem;
	font-weight: 450;
}

p.cta-NewsTextTitle {
    font-weight: 550;
}

span.cta-NewsTextDate {
    color: grey;
    font-weight: 400;
}

.cta-News:nth-child(2) {
    border-radius: var(--border-radius) var(--border-radius) 0 0;
	border-width: 1px 1px 0px 1px;
}

.cta-News:nth-child(5) {
    border-radius: 0 0 var(--border-radius) var(--border-radius);
	border-width: 0px 1px 1px 1px;
}




/* ==========================================================================
   CARD TYPES
   ========================================================================== */

.row.card-type1-row, .row.card-type2-row, .row.card-type3-row, .row.card-type4-row {
    display: flex;
    gap: 2rem;
}

.card-type1 {
    background: var(--white);
    margin: 1rem;
    padding: 3rem;
    position: relative;
    border-top: 1rem solid var(--blue);
	border-left: var(--border) ;
	border-right: var(--border) ;
	border-bottom: var(--border);
    border-radius: var(--border-radius);
    flex: 1;
	cursor: pointer;
}
.card-type2 {
    background: var(--white);
    margin: 1rem;
    padding: 3rem;
    position: relative;
    border: var(--border);
    border-radius: var(--border-radius);
    flex: 1;
	cursor: pointer;
}
.card-type3, .card-type4 {
    flex: 1;
    padding: 0;
	margin: 1rem;
}

.card-type3-img img, .card-type4-img img {
    border-radius: var(--border-radius) var(--border-radius) 0 0;
}
.card-type3-img img {
  width: 100%;
  height: 20rem !important;
  object-fit: cover;
  display: block;
}
.card-type4-img img {
  width: 100%;
  height: 23rem !important;
  object-fit: cover;
  display: block;
}
.card-type3-text, .card-type4-text {
    display: flex;
    flex-direction: column;
}
.card-type3-text, .card-type4-text {
    padding: 2rem;
    border: 0.1rem solid var(--light-grey);
    border-radius: 0 0 var(--border-radius) var(--border-radius);
    margin-bottom: 2rem;
}
.card-type3-text .FloatRight, .card-type4-text .FloatRight {
    align-self: flex-end;
}
.card-type1 a, .card-type2 a, .card-type3 a, .card-type4 a {
    color: var(--black);
	display: block;
	text-decoration: none;
}

.card-type1:hover, .card-type2:hover, .card-type3:hover, .card-type4:hover {
    transform: translateY(-5px);
}

.banner-card1 {
    display: flex;
    gap: 0;
}
.banner-card1-text {
    flex: 0 0 50%;
    padding: 6rem;
    background: var(--grey);
    align-content: center;
}
.banner-card1-text h2 {
    line-height: normal;
    font-weight: normal;
}

.banner-card2 {
    display: flex;
    gap: 5rem;
    align-items: stretch;
    flex-wrap: wrap;
}
.banner-card2-img {
    padding: 2rem;
    min-height: 30rem;
    flex: 0 0 25%;
    position: relative;
    overflow: hidden;
}
.banner-card2-img img {
    position: absolute;
    width: 100%;
    height: 100% !important;
    object-fit: cover;
}
.banner-card2-text {
    padding: 3rem;
    align-content: center;
    flex: 1;
}

@media (max-width: 767px) {
  .banner-card1, .banner-card2 {
    flex-direction: column;
    height: auto; /* let content + image decide */
  }
}

.header-card1 {
	background: var(--blue);
	margin-bottom: 5rem;
	height: 35rem;        /* fixed height */
	overflow: hidden;
    position: relative;
    width: 100%;
}

.header-card1-container {
    max-width: 1380px;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 48px 24px;
	height: 100%;
}

.header-card1-text {
	padding: 2rem;
	color: var(--white);
	margin-right: min(35vw, 500px);
}

.header-card1-text h1,
.header-card1-text h2 {
	color: var(--white);
}

.header-card1-text .btn.PrimaryButton {
	color: var(--blue);
	background-color: var(--white);
	font-weight: 700;
	margin-right: 2rem;
}

.header-card1-text .btn {
	color: var(--white);
	background-color: var(--blue);
	border: 2px solid var(--white);
}

.header-card1-img {
    position: absolute;
    top: 0;
    right: 0;
    width: min(35vw, 500px);
    height: 100%;
    display: block;
    margin: 0;
}

.header-card1-img img {
  width: 100%;
  height: 100% !important;
  object-fit: cover;   
}

/* Mobile adjustments */
@media (max-width: 767px) {
 /* .header-card1 {
    flex-direction: column;
    height: auto;       
  }

  .header-card1-container,
  .header-card1-img {
    flex: none;
    width: 100%;
  }

  .header-card1-text {
    padding: 2rem;
  }

  .header-card1-img img {
    width: 100%;
    height: auto;        
  }*/
	.header-card1 {
		height: 100%;
	}
	.header-card1-img {
		position: relative;
		width: 100%;
	}
	.header-card-text {
		width: 100%;
	}
	.header-card1-text .btn {
		margin-bottom: 1rem;
	}
}


/* ==========================================================================
   ACCORDION - SHOW MORE
   ========================================================================== */
.showMore h1,
.showMore h2,
.showMore h3,
.showMore h4,
.showMore h5,
.showMore h6 {
  cursor: pointer;
  position: relative;
  /* padding-right: 25px; */ /* extra space for larger arrow */
  background-color: var(--light-grey);
  padding: 1rem 4rem;
}

/* Larger line-only caret */
.showMore h1::after,
.showMore h2::after,
.showMore h3::after,
.showMore h4::after,
.showMore h5::after,
.showMore h6::after {
  content: "";
  position: absolute;
  right: 4rem;
  top: 50%;
  width: 18px;       /* wider to match 19px font */
  height: 18px;      /* taller to match 19px font */
  border-right: 4px solid #555;
  border-bottom: 4px solid #555;
  transform: translateY(-50%) rotate(45deg); /* points down */
  transition: transform 0.3s;
}

/* Rotate caret when open */
.showMore h1.open::after,
.showMore h2.open::after,
.showMore h3.open::after,
.showMore h4.open::after,
.showMore h5.open::after,
.showMore h6.open::after {
  transform: translateY(-50%) rotate(-135deg); /* points up */
}

.showMore .content p {
    padding: 0 4rem;
}


/* ==========================================================================
   SLICK THEME
   ========================================================================== */
.slick-next:before, .slick-prev:before {
    font-size: 40px !important;
    color: var(--blue) !important;
}


/* ==========================================================================
   CONTENT BUDDY THEME
   ========================================================================== */
.psc-cb-root .psc-cb-ipart-container {
    padding-top: 0rem; 
    padding-bottom: 1.9rem; 
    text-align: var(--text-align);
}


.psc-cb-root {
    color: var(--black);
    font-family: "Inter", Helvetica, sans-serif;
    font-size: 1.9rem;
    font-weight: normal;
    line-height: 2.5rem;
}

.psc-cb-root .inner {
    display: block;
    width: 100%;
    max-width: 1380px;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
}

.psc-cb-root .section-accordion .psc-cb-accordion-container .psc-cb-accordion-group .psc-cb-accordion-toggle {
    display: block;
    padding: .75rem 2rem;
    background-color: var(--light-grey);
    color: var(--black);
    opacity: 1;
    text-decoration: none;
}

.psc-cb-root .section-accordion .psc-cb-accordion-container .psc-cb-accordion-group.expanded .psc-cb-accordion-toggle {
    background-color: var(--light-grey);
    color: var(--black);
}

/* ==========================================================================
   PAGE STRUCTURE - FULL WIDTH ROWS
   ========================================================================== */
.container {
	max-width:100%;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 3rem;
}
.container.main-container.ClearFix {
    margin-top: 0;
}
div#masterContentArea .col-primary>div> div > div >div.row {
    margin: 0;
}

.col-primary > div > div > div > div.row > div {
    max-width: 138rem;
    margin: auto;
}

div[class*="col-sm"] {
    flex: 0 1 auto;
    float: left;
    position: relative;
}

.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: calc(var(--bs-gutter-x) * .5);
    padding-right: calc(var(--bs-gutter-x) * .5);
}

#masterMainBreadcrumb {
    max-width: 138rem;
    margin-left: auto;
    margin-right: auto;
    padding-left: calc(var(--bs-gutter-x) * .5);
    padding-right: calc(var(--bs-gutter-x) * .5);
}


@media (min-width: 992px) {
body:not(.Wrapper-HomePage) .body-container > div {
    padding: 0px; 
}
}

footer.footer .footer-content > .container {
    max-width: 138rem;
    margin: auto;
}
.footer-activities .container {
    max-width: 138rem;
    margin: 0 auto;
}

.col-primary>div>div> div>div.row.grey-row {
    background: var(--grey);
}

.col-primary>div>div> div>div.row.blue-row {
    background: var(--blue);
	color: var(--white);
}