body {
	font-family: Quicksand !important;
}

.m-profile-img-container {
	display: none !important;
}

.page-header {
	background-image: url(https://maia-prod.file.force.com/servlet/servlet.ImageServer?id=0158a000006ciPW&oid=00D8a000001RCgt&lastMod=1678864077000) !important;
	text-align: left !important;
	padding-top: 200px !important;
}
h1 {
	color: rgb(255, 255, 255) !important;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5) !important;
    font-size: 2vw !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
}
header {
	box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 50%) !important;
	position: fixed !important;
	z-index: 20000 !important;
	width: 100% !important;
	border-bottom: 10px solid rgba(255, 255, 255, 0) !important;
	border-top: 0px solid rgba(255, 255, 255, 0) !important;
	background: none !important;
}

article header {
	box-shadow: none !important;
	position: relative!important;
	z-index: 20000 !important;
	width: 100% !important;
	border-bottom: none !important;
	border-top: none !important;
	background: none !important;
}
.container {
	width: 90% !important;
}

.page-header.page-header-anchor {
	
}
	header nav ul, header nav ul li {
		height: 100% !important;
	}
	header .container .navbar-brand {
		height: auto !important;
	}
navbar-header {
	display: flex !important;
	flex-direction: column !important;
	justify-content: center !important;
}

header .container {
	display: flex !important;
	flex-direction: row !important;
	height: 138px !important;
	background: #ffffff !important;
	box-shadow: -20em 0 0 #fff, 20em 0 0 #ffffff !important;
}

.m-logo-retina {
	height: 98px !important;
}

navbar-header a {
	display: flex !important;
	flex-direction: column !important;
	justify-content: center !important;
}

nav.navbar-collapse {
	display: flex !important;
	margin-left: auto !important;
}

header nav li, header nav li a {
	display: flex !important;
	flex-direction: row !important;
	justify-content: center !important;
	font-size: 18px !important;
	font-weight: 700 !important;
	line-height: 22px !important;
	text-transform: uppercase !important;
	margin: 0px !important;
	align-content: center !important;
	flex-wrap: nowrap !important;
	align-items: center !important;
	color: #404040 !important;
	height: 100% !important;
	border: none !important;
	border-radius: 0px !important;
}
header nav li a {
	padding: 0px 8px !important;
}
body, .navbar .navbar-nav > li > a, .page-header,.card-heading{
	font-size: 18px !important;
	font-family: Quicksand !important;
	font-weight: 600 !important;
}
.card .card-detail, .card span {
	font-size: 16px !important;
	font-family: Quicksand !important;
	color: #333333 !important;
	font-weight: 600 !important;
}
.card-detail ul {
	background: none !important;
}
.card h2, .card h3, .card h4, .card h5 {
	font-size: 16px !important;
	font-weight: bold !important;
}
.navbar-nav {
	margin: 0px !important;
}

header nav li a:hover {
	box-shadow: 0 -10px 0 0 #5fbbdd !important;
}

.btn-secondary, .btn-secondary:hover, .btn-secondary:focus {
	background-color: #2A94D6 !important;
}

.navbar-default .navbar-nav > li.m-highlight > a {
	color: #ffffff !important;
	background-color: #355076 !important;
}

.btn-secondary, .btn-secondary:hover, .btn-secondary:focus,input.btn, a.btn {
	background-color: #fff !important;
	color: #355076 !important;
	border: 1px solid #355076 !important;
	border-bottom: 7px solid #355076 !important;
	border-radius: 0px !important;
}

/* From below existing CSS starts */
.navbar {
	min-height: 60px;
}

.m-logo-retina {
    height: 45px;
}

/* Indents and shrinks Community Hub navigation items */
.nav-child {
    margin-left: 2em;
    font-size: .9em;
}
/*CSS to control checkbox option display within flow on CH */
.nu-lightning-wrapper .uiBlock .bBody .slds-form-element__control .slds-checkbox {
    width: auto;
}

/*CSS to control text area label display within flow on CH */
.nu-lightning-wrapper .bBody .inputHeader .richTextLabel {
    display: inline-block;
    float: none;
    text-align: left;
	width: 100%;
}

/*CSS to control previous button display within flow on CH */
.slds-button.slds-button_neutral.uiButton--default.uiButton{
    padding-left: 1rem;
    padding-right: 1rem;
    text-align: center;
    vertical-align: middle;
    border: 1px solid rgb(217, 219, 221);
    transition: border .15s linear;
    background-color: rgb(0, 112, 210);
    border-color: rgb(0, 112, 210);
    color: rgb(255, 255, 255);	
}

/*CSS to allow Address lightning component country picklist to behave correctly within flow on CH */
.slds-scope .slds-form_compound .slds-form-element__group .slds-form-element__row{
	display: inherit;
}

/*CSS to relocate the required asterisk */
.nu-lightning-wrapper .uiBlock .bBody .inputHeader .required{
	margin-right: auto;
	margin-left: auto;
}

/*CSS to add padding to radio button inputs within a flow in Community Hub*/
.flowruntimeRadioButtonInput .bBody .slds-form-element__control{
    padding-top: 25px;
}

.ThankYouCSS {
	background-color: #f1f1f1 !important;
}
 #footerWrapper * {
        font-family: "Quicksand",sans-serif;
        }
        #footerWrapper {
        padding-top: 120px;
        padding-bottom: 40px;
        background-image: url(https://massagent.com/wp-content/uploads/2023/01/footer-bg.jpg);
        background-repeat: no-repeat;
        background-position: center center;
        background-attachment: scroll;
        background-size: cover;
        padding-left: 5%;
        padding-right: 5%;
        }
        #footerFourCol * {
        color: #ffffff !important;
        }
        #footerFourCol {
        display: flex;
        flex-direction: row;
        max-width: 100%;
        }
        #footerFourCol li a{
        font-size: 16px;
        line-height: 16px;
        }
        #footerFourCol li {
        padding-left: 0px;
        }
        #footerFourCol li:before {
        display: none !important;
        }
        .footerCol {
        width: 25%;
        }
        .footerSep {
        border-top-width: 8px;
        border-top-style: solid;
        border-top-color: #5fbbdd;
        max-width: 100%;
        margin: auto;
        padding-bottom: 20px;
        margin-top: 40px;
        }
        #footerCopyright * {
        color: #999999 !important;
        font-family: "Quicksand",sans-serif;
        font-size: 16px !important;
        font-weight: 400 !important;
        line-height: 1.45;
        font-style: normal;
        }
        .footerCol img {
        display: block;
        margin: 0 auto;
        padding: 40px 0;
        }
        #footerWrapper ul {
        padding: 0px;
        }
        #footerWrapper li, #footerWrapper li a  {
        list-style: none;
        color: #ffffff !important;
        text-decoration: none;
        }
        #footerWrapper li:hover a {
        font-weight: 700;
        text-shadow: 3px 3px 10px rgba(0,0,0,.4);
        transition: all .5s ease;
        }
        #footerWrapper li a {
        padding: 7px;
        display: block;
        }
        .footerCol h3 {
        font-size: 1.1vw !important;
        font-weight: bold !important;
        color: #ffffff !important;
        text-transform: capitalize !important;
        }
        .fab {
        font-family: "Font Awesome 5 Brands";
        }

div.slds-modal__container header.slds-modal__header{
	Position: relative !important;
}


@media screen and (max-width:1680px) {
      header nav ul li {
            height: 50% !important;
      }
            .footerCol {
    width: 25% !important;
}
}
@media screen and (max-width:1050px) {
	.navbar .navbar-nav > li > a  {
    font-size: 14px !important;
}
		.footerCol {
    width: 50% !important;
}
}
@media screen and (max-width:768px) {
	header nav ul li {
		height: 25% !important;
	}
	.footerCol {
    width: 100% !important;
}
}
@media screen and (max-width:767px) {
	#footerFourCol {
    display: flex;
    flex-direction: column;
    max-width: 100%;
}
	header nav {
		display: none !important;
	}
	.l-off-canvas {
		z-index: 1000;
	}
	.navbar-default .m-toggle-button.s-active .m-toggle-button-text {
    color: #000000 !important;
}
	.l-off-canvas {
		margin-top: 50px !important;
	}
	h1 {
    font-size: 5vw !important;
		line-height: 1;
}
h2 {
    font-size: 5vw !important;
    line-height: 2;
}
	h3 {
    font-size: 4vw !important;
		line-height: 1;
}
	#footerWrapper {
		padding-top: 50px !important;
	}
	.footerCol img {
    display: block;
    margin: 0 auto;
    padding: 40px 0;
    width: 140px !important;
    height: 213px !important;
}
	.footerCol h3 {
        font-size: 4vw !important;
	}
}