.m-footer {
	background-color: #3B4832 !important;
	background-size: cover;
	background-repeat: repeat;
	padding-bottom:60px !important;
}

@media only screen and (max-width: 391px) {
	.m-footer {
		background-color: #3B4832 !important;
		background-size: cover;
		background-repeat: repeat;
		padding-bottom:60px !important;
		
	}
	.m-off-canvas-nav .list-group-item{
		background-color: #3B4832 !important;
		color:white !important;
	}
	.m-toggle-button-text {
   		color: #3B4832 !important;
       	background: #f3e4cf !important;
        border-color: #3B4832 !important;
		font-family: 'Archivo';
	}
	.l-off-canvas {
    		background: #3b4832 !important;
	}
	.l-off-canvas .m-off-canvas-nav .list-group-item {
		background: white;
		padding-top: 15px;
	}
}

@media only screen and (max-width: 600px) {
	.m-footer {
		background-color: #3B4832 !important;
		background-size: cover;
		background-repeat: repeat;
		padding-bottom:60px !important;
		
	}
	.m-off-canvas-nav .list-group-item{
		background-color: #3B4832 !important;
		color:white !important;
	}
	.m-toggle-button-text {
   		color: #3B4832 !important;
       	background: #f3e4cf !important;
        border-color: #3B4832 !important;
		font-family: 'Archivo';
	}
	.l-off-canvas {
    		background: #3b4832 !important;
	}
	.l-off-canvas .m-off-canvas-nav .list-group-item {
		background: white;
		padding-top: 15px;
	}
}

@media only screen and (min-width: 601px) and (max-width: 1024px) {
	.m-footer {
		background-color: #3B4832 !important;
		background-size: cover;
		background-repeat: repeat;
		padding-bottom:60px !important;
	}
	.m-off-canvas-nav .list-group-item{
		background-color: #3B4832 !important;
		color:white !important;
	}
	.m-toggle-button-text {
   		color: #3B4832 !important;
       	background: #f3e4cf !important;
        border-color: #3B4832 !important;
		font-family: 'Archivo';
	}
	.l-off-canvas {
    		background: #3b4832 !important;
	}
	.l-off-canvas .m-off-canvas-nav .list-group-item {
		background: white;
		padding-top: 15px;
	}
}

.navbar {
	min-height: 60px;
}

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

/* 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;
}

@font-face {
    font-family: 'HWT Unit Gothic';
    src: url(/resource/1711026957000/HWT_Unit_Gothic_Font2) format('woff2'),
        url(/resource/1711026895000/HWT_Unit_Gothic_Font) format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Archivo';
    src: url(/resource/1711024368000/Archivo_Font2) format('woff2'),
        url(/resource/1711024254000/Archivo_Font) format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Archivo Regular';
    src: url(/resource/1711032411000/Archivo_Regular_Font2) format('woff2'),
        url(/resource/1711032211000/Archivo_Regular_Font) format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

h1 {
	font-family: 'HWT Unit Gothic' !important;
	font-weight: 600 !important;
}


a {
	color: black !important;
}

.m-logo-link {
	color: white !important;
}


p {
    font-family: 'Archivo';
	font-weight: 600 !important;
}

.col-sm-12 {
	font-weight: bold !important;
}

.btn {
	background-color: #FE4C0B !important;
}

.m-global-nav-item {
	color: white !important;
}

.nu-lightning-wrapper .slds-scope .custom-orange-button button.slds-button:hover,
.nu-lightning-wrapper .slds-scope .custom-orange-button button.slds-button:focus {
	background: #3B4832 !important;
	border-color: #3B4832 !important;
}

.nu-lightning-wrapper .slds-scope .custom-orange-button button.slds-button:hover:before,
.nu-lightning-wrapper .slds-scope .custom-orange-button button.slds-button:hover:after {
	content: none !important;
}

.required-checkbox-field .requiredInput~span:after {
	content: " *";
}

.slds-form-element__label {
	font-size: 1rem;
	font-weight: 700;
	color: #525354 !important;
}

.l-canvas > .container > .row {
	margin-right :0px !important;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.l-canvas > .container > .row > .col-sm-6:has(> form) {
		width: 100% !important;
		margin: 0 !important;
	}
}

@media (max-width: 767px){
.m-page-header h1 {
    font-size: 24px;
}
}

.btn-default{
color: #FFFF !important;
}

.btn-secondary{
color: #FFFFFF !important;
}

.btn-success {
    color: #fff;
}

a.list-group-item.active {
    background-color: #fff !important;
	}
	
.m-list-group-select div.list-group-item.active{
    background: #fff !important;
    color: #525354 !important;
    border-bottom-color: #f0f0f0 !important;	
}

..m-footer {
	background-color: #3B4832 !important;
	background-size: cover;
	background-repeat: repeat;
	padding-bottom:60px !important;
}

@media only screen and (max-width: 391px) {
	.m-footer {
		background-color: #3B4832 !important;
		background-size: cover;
		background-repeat: repeat;
		padding-bottom:60px !important;
		
	}
	.m-off-canvas-nav .list-group-item{
		background-color:F3E4CF !important;
	}
}

@media only screen and (min-width: 601px) and (max-width: 1024px) {
	.m-footer {
		background-color: #3B4832 !important;
		background-size: cover;
		background-repeat: repeat;
		padding-bottom:60px !important;
	}
	.m-off-canvas-nav .list-group-item{
		background-color: #3B4832 !important;
		color:white !important;
	}
	.m-toggle-button-text {
   		color: #3B4832 !important;
       	background: #f3e4cf !important;
        border-color: #3B4832 !important;
		font-family: 'Archivo';
	}
	.l-off-canvas {
    		background: #3b4832 !important;
	}
	.l-off-canvas .m-off-canvas-nav .list-group-item {
		background: white;
		padding-top: 15px;
	}
}

.navbar {
	min-height: 60px;
}

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

/* 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;
}

@font-face {
    font-family: 'HWT Unit Gothic';
    src: url(/resource/1711026957000/HWT_Unit_Gothic_Font2) format('woff2'),
        url(/resource/1711026895000/HWT_Unit_Gothic_Font) format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Archivo';
    src: url(/resource/1711024368000/Archivo_Font2) format('woff2'),
        url(/resource/1711024254000/Archivo_Font) format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Archivo Regular';
    src: url(/resource/1711032411000/Archivo_Regular_Font2) format('woff2'),
        url(/resource/1711032211000/Archivo_Regular_Font) format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

h1 {
	font-family: 'HWT Unit Gothic' !important;
	font-weight: 600 !important;
}


a {
	color: black !important;
}

.m-logo-link {
	color: white !important;
}


p {
    font-family: 'Archivo';
	font-weight: 600 !important;
}

.col-sm-12 {
	font-weight: bold !important;
}

.btn {
	background-color: #FE4C0B !important;
}

.m-global-nav-item {
	color: white !important;
}

.nu-lightning-wrapper .slds-scope .custom-orange-button button.slds-button:hover,
.nu-lightning-wrapper .slds-scope .custom-orange-button button.slds-button:focus {
	background: #3B4832 !important;
	border-color: #3B4832 !important;
}

.nu-lightning-wrapper .slds-scope .custom-orange-button button.slds-button:hover:before,
.nu-lightning-wrapper .slds-scope .custom-orange-button button.slds-button:hover:after {
	content: none !important;
}

.required-checkbox-field .requiredInput~span:after {
	content: " *";
}

.slds-form-element__label {
	font-size: 1rem;
	font-weight: 700;
	color: #525354 !important;
}

.l-canvas > .container > .row {
	margin-right :0px !important;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.l-canvas > .container > .row > .col-sm-6:has(> form) {
		width: 100% !important;
		margin: 0 !important;
	}
}

@media (max-width: 767px){
.m-page-header h1 {
    font-size: 24px;
}
}

.btn-default{
color: #FFFF !important;
}

.btn-secondary{
color: #FFFFFF !important;
}

.btn-success {
    color: #fff;
}

a.list-group-item.active {
    background-color: #fff !important;
	}
	
.m-list-group-select div.list-group-item.active{
    background: #fff !important;
    color: #525354 !important;
    border-bottom-color: #f0f0f0 !important;	
}