@charset "UTF-8";
/* CSS Document */

/*Wespay Modifications:*/

@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@300;400;700&display=swap');

body {
	font-family: 'Nunito Sans', sans-serif;
}

.page-header.page-header-anchor.m-page-header {
    padding: 10px 0;
    font-weight: 300;
    border-top: 3px solid rgb(0, 166, 104);
}

.card-list .card-list-heading, .card-list .card-list-heading>h3 {
    font-size: 1.5em;
    font-weight: 700;
    color: #0f4c8d;
}

.list-group-item {
    font-size: 1.1em;
}
.list-group-item.nav-child {
    font-size: 1em;
}

header.navbar, header > .navbar {
    margin-bottom: 0;
    background-image: url(https://www.mywespay.org/public/s/sfsites/c/file-asset/accent_shapes1?v=1);
    background-position: top right;
    background-repeat: no-repeat;
	background-size: contain;
}

.m-navbar-logo img {
    height: 80px;
}

.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    margin-left: -150px;
}

.navbar-nav LI {
    float: left;
    padding-right: 40px;
    font-weight: 700;
}
	
.m-footer .container {
	padding-left: 120px;
}	

.m-footer {
    padding: 30px 0;
    margin-top: 5px;
    color: #ffff;
    background-image: url(https://www.mywespay.org/public/s/sfsites/c/file-asset/Footer1png?v=1);
	background-position: left bottom; 
	background-repeat: no-repeat;
	background-size: 400px 190px;
	border-top: 3px solid rgb(0, 166, 104);
	height:190px;
}

.m-event-banner img {
    max-width: 100%;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    height: 200px;
}

/*Invoice Summary Print Adjustments*/

@media print {
	
.m-navbar-logo img {
     padding-top: 30px;
     margin-left: -200px;
     margin-top: 25px;
 }

}

/*New Responsive Option*/

.grid-container {
  display: grid;
   grid-template-columns: 5% 30% 30% 30%;
}

.grid-container > div {
	color: white;
    grid-gap: 10px;
	padding-top: 0px;
    padding-bottom: 40px;
 	  text-align: left;
}

@media screen and (max-width: 800px) {
 .grid-container {
  display: grid;
  grid-gap: 10px;
  grid-template-columns: auto;
  padding: 60px;
  }
}

.copyright {
    text-align: center;
    color: white;
    padding-bottom: 10px;
    font-size: .8em;
}

.copyright a:link {
  color: white;
}
.copyright a:visited {
  color: white;
}
.copyright a:hover {
  color: white;
    text-decoration: underline;
}

/* Nimble CSS Items:*/

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