html {
    background: #F7F7F7 !important;
    background-color: #F7F7F7 !important;
}

body {
    font-family: 'Foro Sans', Roboto, Corbel, Verdana, sans-serif !important;
}

body, .card .card-detail, .navbar .navbar-nav>li>a, .page-header {
    font-size: 15px;
}
body>.l-canvas>.container {
    padding-bottom: 30px;
}
header.navbar {
    border: none;
    border-bottom: 1px solid #c7cccf;
}
.m-logo-retina {
    height: 36px;
}
@media (min-width: 768px) {
    .m-navbar-logo {
        padding: 15px 0 13px 20px;
    }
}

@media (max-width: 767px) {
    .m-navbar-logo img {
        height: 35px;
        width: auto !important;
        margin-top: 3px;
    }
}

/*---K--- Mobile Nav ---L---*/
.m-toggle-button-text {
    border: none;
    background: #F5F9FA;
    border-radius: 4px;
    padding: 8px;
    width: 67px;
}
.s-off-canvas-active .m-toggle-button-text:before {
    content: "CLOSE";
    position: relative;
    left: -1008px;
    background-color: #00587c;
    color: #fff;
    padding: 8px;
    border-radius: 4px;
    font-weight: 700;
}
.s-off-canvas-active .m-toggle-button-text {
  position: relative;
  left: 1000px;
}
.l-off-canvas {
    width: calc(100% - 50px);
    box-shadow: 50px 0 0 rgba(0,0,0,.3);
    z-index: 3;
}
html.s-off-canvas-active .l-canvas {
    left: 0;
}
.m-off-canvas-nav  {
    display: table;
    width: 100%;
    margin-top: 1px;
}
.m-off-canvas-nav .m-tertiary-navigation {
    display: table-header-group;
}
.m-off-canvas-nav .list-group-item {
    font-size: 16px;
    -webkit-tap-highlight-color: #E1EDF0 !important;
}
.m-off-canvas-nav .m-tertiary-navigation .list-group-item:first-child {
    display: inherit;
}
.m-off-canvas-nav a.list-group-item:focus, .m-off-canvas-nav a.list-group-item:hover {
    background-color: #f7f7f7;
}
.m-wide-navbar {
    margin:0;
}
@media (max-width: 767px)
.l-navbar-fixed-top-mobile {
    z-index: 10000 !important;
    box-shadow: 0 0 10px rgba(0,0,0,0.15);
}

/*---K--- Main Nav ---L---*/
.navbar-default .navbar-collapse {
    margin: 0;
    padding-top: 13px;
}
.join-btn a {
    border-radius: 50px;
    background-color: #00587c;
    color: #fff !important;
    padding: 10px 20px !important;
    transition: ease all 0.3s;
}
.join-btn a:hover {
    background-color: #003B53 !important;
    border-radius: 50px;
}
@media only screen and (min-width: 768px) {
    .navbar-default .navbar-nav > li > a {
        border: none;
        padding: 10px;

    }
}


/*---K--- Template Body ---L---*/
.card.m-profile-card {
    background-color: #00587c !important ;
    padding: 0.4rem;
    border: none !important;
    border-radius: 5px;
}

.m-profile-img-container .m-icon-dim {
    color: #ffffff;
}

.card.m-profile-card .card-detail {
    color: #FFF;
}

.card {
    margin-bottom: 25px;
}

.card, .card-list {
    background-color: #FFF !important;
    border: 1px solid #c7cccf !important;
    border-top: 4px solid #8db9ca !important;
    border-radius: 0;
    padding: 1rem;
}

.card .card-heading {
    padding: 1rem 15px 1.75rem 0.5rem;
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 1.25;
}

.card ul.card-detail {
    padding: 0 0 25px;
}

.card.m-profile-card ul.card-detail li:before {
    content: "Welcome!";
    display: table;
    margin-bottom: 0px;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.card ul.card-detail.m-card-detail-striped li {
    padding: 7px;
}

.card .card-detail p {
    font-family: 'Capita', 'Neuton', 'Sitka Text', 'Georgia', serif;
    line-height: 1.4;
}

.card .card-detail-label {
    color: #212529;
    font-size: 14px;
    width: 50%;
}
.card .card-detail-value {
    width: 50%;
}
@media (max-width: 576px) {
    .card .card-detail-label,
    .card .card-detail-value {
        width: 100%;
        margin-bottom: 0.4rem;
    }
}
.card .card-detail-label:after {
    content: ":";
}

.card.intro-card {
    background-color: transparent !important;
    color: #aaa !important;
    font-style: italic;
    border-radius: 0;
    border: none;
    padding: 10px 0 20px;
    box-shadow: none;
    border-bottom: 1px solid #c7cccf80;
}

.card.intro-card .card-detail {
    padding: 0;
    line-height: 1.5rem;
    font-size: 1.1rem;
}

.card.scheduled-payments .card-detail p {
    margin: 0;
}

.card.intro-card.contact-hslda {
    background-color: #DFF2E0 !important;
    font-style: normal;
    border: 1px solid #B4DBB6 !important;
    padding: 10px 10px 0;
}

.contact-form .card-detail {
    margin-top: -20px;
}

.contact-form h3 label {
    margin: 15px 0 7px;
    color: #00587C;
}

.contact-form .form-group {
    margin: 0 -15px 15px;
}

.contact-form .form-group:last-child h3 label:after {
    content: ":";
}

.contact-form .btn {
    padding: 10px 28px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 35px;
    font-weight: 400;
}

.hslda-info-box {
    padding: 20px;
    background-color: #E1EDF0;
    border-radius: 5px;
    border: 2px solid #8CB8C9;
}

.hslda-info-box h3 {
    margin: 0 0 15px;
    color: #00587C;
}

.list-group-item {
    border: none;
    padding: 12px;
}

a.list-group-item {
    font-weight: 400;
    font-size: 17px;
    color: #212529;
    background-color: #fff;
    border-left: 5px solid #fff;
}

a.list-group-item:focus, a.list-group-item:hover {
    background-color: rgba(255,255,255,0.6);
    border-left-color: #765d84;
    color: #000 !important;
}

/* Indents and shrinks Community Hub navigation items */
a.list-group-item.nav-child {
    padding: 0.6em 15px .6em 2em;
    font-size: 15px;
    font-weight: 400;
    color: #575F60;
}

.small-message_right {
    font-size: 0.8em;
    text-align: right;
}

.case-input-display {
    background-color: white;
}

.case-input-display > h3 {
    padding-top: 10px;
}

.case-button-row {
    text-align: center;
}

.case-button-row > .btn {
    margin-top: 10px;
}

.page-header {
    text-align: left;
}

.page-header .container {
    min-height: 65px;
}

.page-header .container p {
    display: none;
}

.hidden, .hidden-card {
    display: none;
}
.page-header.page-header-anchor {
    padding: 20px 0 10px;
}
.page-header.page-header-anchor.m-page-header {
    padding: 20px 0 0;
    margin: 0;
    text-align: left;
}
@media (max-width: 767px) {
    .page-header.page-header-anchor.m-page-header {
        padding: 10px 0 0;
        margin: 0 0 20px;
    }
}
.page-header.page-header-anchor p {
    font-weight: 400;
}

.page-header.page-header-anchor h1 {
    font-family: 'Capita', 'Neuton', 'Sitka Text', 'Georgia', serif;
    margin-bottom: 5px;
    font-size: 2.15rem;
    font-weight: 500;
}

.m-terms-and-conditions-box, .m-terms-and-conditions-text {
    height: 130px;
    background-color: #f1f1f1;
    font-family: 'Foro sans', Roboto, Corbel, Verdana, sans-serif;
    font-size: 13px;
    font-weight: bold;
    box-shadow: inset 0 -2px 5px rgba(0,0,0,0.15);
}


.btn {
    border-radius: 30px;
    margin: 0 10px 0 0;
    font-family: 'Foro Sans', Roboto, Corbel, Verdana, sans-serif;
}

.btn-secondary {
    border: 1px solid #8CB8C9;
    font-size: 16px;
    transition: all ease 0.3s;
}

.btn-secondary:hover {
    border-color: #00587C !important;
}

.btn-primary:hover {
    background-color: #003B53 !important;
}

.table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th {
    background-color: transparent;
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    border-top: none;
}

.fa-building:before {
    content: "\f015";
}

.card ul.card-detail li {
    padding: 0;
}

.fa-ellipsis-h:before {
    content: "\f078";
}

.progress {
    background: #EBEEEF;
    border-color: #EBEEEF;
}

@media (max-width: 767px) {
    .m-table-mobile td.button-align .btn {
        font-size: inherit;
    }
    .page-header.page-header-anchor h1 {
        font-size: 30px;
    }

}

@media (max-width: 991px) {
    .m-table-mobile td.button-align .btn {
        font-size: inherit;
    }
}

@media (min-width: 992px) {
    .hslda-info-box .col-md-4 {
        width: 23%;
        padding-right: 0;
    }
    .hslda-info-box label:after {
        content: ":";
    }
}

/*---K--- Alert Messages ---L---*/

.alert-info, .card.m-card-as-alert.alert-info {
    background-color: #e1eff4 !important;
    color: #373e42;
    font-size: 15px;
    border: none;
    border-radius: 0;
    border-left: 4px solid #81BDD5;
    padding: 15px;
    margin-bottom: 20px;
}

.alert-success, .card.m-card-as-alert.alert-success {
    background-color: #ECF9ED !important;
    color: inherit;
    font-size: 15px;
    font-weight: bold;
    border: none;
    border-radius: 0;
    border-left: 4px solid #41A248;
    padding: 15px;
    margin-bottom: 20px;
    box-shadow: 0 2px 15px rgba(0,0,0,0.15);
}

.alert-danger, .card.m-card-as-alert.alert-danger {
    background-color: #FFF !important;
    color: #373e42;
    font-size: 15px;
    border: none;
    border-radius: 0;
    border-left: 4px solid #BB0012;
    padding: 0px 15px;
    margin-bottom: 0px;
}

.alert-danger:first-of-type:before {
    display:block;
    content: "Please note:";
    font-weight: bold;
    font-size: 14px;
}

.alert-danger:first-of-type {
    padding: 10px 15px 0px;
}

.alert-danger:last-of-type {
    padding: 0px 15px 10px;
}

.alert-danger:only-of-type {
    padding: 10px 15px;
}

.alert-danger:last-of-type,
.alert-success:last-of-type,
.alert-info:last-of-type {
    margin-bottom: 20px;
}

.card-detail .errorMsg {
    background-color: #FFF;
    color: #BB0012;
    padding: 0;
    border: none;
    margin-top: 3px;
    font-size: 13px;
    font-weight: bold;
}

.alert-info .card-detail {
    padding-bottom: 0;
}

.alert-info > div > p:last-of-type {
    margin: 0;
    padding: 0;
}

/*---K--- Dropdown Button ---L---*/

.dropdown button {
    padding: 6px 14px;
    color: #00587C;
}
.dropdown button:hover, .dropdown button:active {
    background: #fff !important;
    box-shadow: none;
}
.dropdown button:before {
    content:"Options ";
    font-size: 15px;
}
.expandable-list .dropdown {
    position: relative;
}
@media (min-width: 990px) {
    .expandable-list .dropdown {
        position: relative;
        right: 55px;
    }
}
@media (min-width: 1200px) {
    .expandable-list .dropdown {
        position: relative;
        right: 40px;
    }
}
.dropdown-menu {
    padding: 0;
}
.dropdown-menu > li:first-child > a {
  padding: 8px 8px 4px;
}
.dropdown-menu > li:last-child > a {
  padding: 4px 8px 8px;
}
.dropdown-menu > li > a {
    padding: 4px 8px;
    margin: 0;
}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    background-color: #f7f7f7 !important;
}

/*---K--- Scheduled Payments ---L---*/

.expandable-list .table-container {
    padding-top: 10px;
}
.expandable-list .table-container thead,
.expandable-list .table-container tbody td:nth-of-type(2) {
    display: none;
}
.expandable-list .table-container td[data-title="Unit Price"] {
    float: right;
}
.status-container {
    padding: 0;
}
.status-badge:before {
    content: "Status: ";
}
.status-container .text-center {
    display:none;
}
.status-badge {
    text-align: left;
    width: initial;
    border-radius: 0;
}
.label-info {
    background-color: #ECF9ED;
    color: #237328;
}
.label-danger {
    background-color: #f1f1f1;
    color: #BB0012;
}
.more-details-container i:before {
    display: block;
    margin-top: 10px;
    font-family: 'Foro Sans', Roboto, Corbel, Verdana, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-decoration: underline;
    color: initial;
}
.more-details-container .fa-caret-down:before {
    content: "View Details";
}
.more-details-container .fa-caret-up:before {
    content: "Hide Details";
}

/*---K--- Navigation ---L---*/
.navbar .container {
    width: 100%;
}

.navbar .navbar-nav > li > a > img,
.list-group a img {
    width: 16px;
    margin-right: 2px;
    vertical-align: top;
}

.navbar .navbar-nav>li>a {
    font-size: 17px !important;
    font-weight: 500;
}

.navbar-nav > li.icon-home a:before,
.list-group .icon-home:before {
    content: '';
    background: url(//cdn.nexternal.com/hslda/images/home.png) 50% 50% no-repeat;
    background-size: contain;
    display: inline-block;
    width: 18px;
    height: 16px;
    position: relative;
    top: 1px;
    margin-right: 5px;
}

/*---K--- Group Search Details ---L---*/
form[action="/hslda/CustomCardList"] .card span ul.card-detail li:first-of-type {
    font-weight:bold;
    margin-bottom: 1rem;
}

.card-list .card {
    box-shadow: none;
}


/*---K--- Group Roster ---L---*/
.m-search-result {
    padding-top: 8px;
    padding-bottom: 8px;
}
.row.m-search-result>div:nth-of-type(1),
.row.m-search-result>div .m-person-field {
    display: none;
}
.l-right-column .card-detail.text-center > span,
.l-right-column .card-heading.text-center > i {
    display:none;
}




/*---K--- Compassion Grants Page ---L---*/
.myButton {
    border-radius: 30px !important;
    font-family: 'foro sans' !important;
    font-weight: 600;
    border: 1px solid #8CB8C9 !important;
    background-color: #fff !important;
    color: #00587C !important;
    font-size: 16px !important;
    text-shadow: none !important;
    padding: 10px 18px !important;
    transition: all ease 0.3s;
}

.myButton:hover {
    border-color: #00587C !important;
}



/*---K--- Support Group Search Page ---L---*/
.slds-scope .slds-spinner {
    top: 250px !important;
}

.slds-scope a {
    color: #3094bf !important;
}
.slds-scope .group-search.slds-card {
    background-color: #FFF !important;
    border-top: none !important;
    border-right: none !important;
    border-bottom: 4px solid #4E8AA3 !important;
    border-left: none !important;
    border-radius: 0 !important;
    padding: 1rem !important;
    box-shadow: 0 2px 15px rgba(0,0,0,0.15) !important;
}

.slds-scope .slds-text-body_regular, .slds-scope .slds-text-body--regular {
    font-size: inherit !important;
}

.slds-scope .slds-card__header,
.slds-scope .slds-card__body {
    margin: 0 !important;
}

.group-search h2 .slds-text-heading_small {
    color: #00587C !important;
    padding: 1rem 15px 1rem 0 !important;
    font-family: 'Foro Sans', Roboto, Corbel, Verdana, sans-serif !important;
    font-size: 1.8rem !important;
    font-weight: 400 !important;
    line-height: 1.25 !important;
}

.group-search h2 {
    margin-bottom: 1.25rem !important;
}

.slds-scope .slds-form-element__label {
    color: #575f60 !important;
    font-size: 14px !important;
    padding: 7px 0 5px !important;
    margin-bottom: 0 !important;
}

.group-search p.not-label {
    font-family: capita;
    font-weight: 500;
    font-size: 15px;
    text-transform: uppercase;
    color: #4e8aa3;
    letter-spacing: 0.5px;
    margin-bottom: .5rem !important;
}

.group-search .advanced-filters {
    padding: 0.75rem 0.75rem 0.5rem;
    background-color: #F5F9FA;
    border-radius: .5rem;
    margin-bottom: 1rem;
}

.group-search .advanced-filters label {
    padding-left: 5px;
}

.group-search .advanced-filters input {
    float: left;
    position: relative;
    top: 3px;
}

.slds-scope .slds-button_brand, .slds-scope .slds-button--brand {
    color: #00587c !important;
    background-color: #fff !important;
    padding: 10px 30px !important;
    font-size: 16px;
    font-weight: 700;
    border-radius: 30px !important;
    border: 1px solid #8CB8C9 !important;
    font-family: 'Foro Sans', Roboto, Corbel, Verdana, sans-serif;
    transition: all ease 0.3s !important;
    margin-bottom: 1rem;
}

.slds-scope .slds-button_brand:hover, .slds-scope .slds-button--brand:hover {
    border-color: #00587c !important;
}

.group-search .search-empty {
    margin-top: 2rem;
    font-weight: normal;
    text-align: center;
    background: #f7f7f7;
    padding: 0.7rem;
    border-radius: .5rem;
    position: relative;
    left: calc(50% - 68px);
}
.group-search lightning-primitive-icon {
    display:none;
}
.group-search .org-name a {
    color: #00587C !important;
    font-size: 18px;
    line-height: 18px;
    font-weight: 600;
    text-decoration: underline !important;
}

.group-search .org-name a:hover {
    text-decoration: none !important;
}

.slds-scope .group-results [class*=slds-size_], 
.slds-scope .group-results [class*=slds-size--] {
    flex: inherit !important;
    margin-right: 20px;
}

@media (max-width: 1199px) {
    .slds-scope .group-results [class*=slds-size--] {
        width: 100% !important;
    }
    .slds-scope .group-results .slds-grid {
        display: inherit;
    }
}

.slds-scope .slds-grid {
    flex-direction: row-reverse;
}

.slds-scope .group-results .slds-map {
    min-width: none !important;
    margin-bottom: 2rem;
}

.group-results .result-listing {
    margin-bottom: 2rem !important;
    font-size: 95%;
    line-height: 1.375;
}

.group-results .address-2 .city:after {
    content:", ";
}

.group-results .address-2 .city:empty:after {
    content:"";
}

.group-results .address-2 .state:after {
    content:"\00a0\00a0";
}

.slds-scope .group-results .slds-button_brand {
    font-size: 13px !important;
    padding: 3px 10px !important;
    margin-top: 1rem;
}

.group-results .confirmation-msg {
    display: block;
    padding: 1rem;
    background: #ECF9ED;
    border-left: 4px solid #41A248;
}

.group-results .confirmation-msg:empty {
    display: none;
}

.account-details.card ul.card-detail {
    padding: 0 15px 25px !important;
}

.account-details.card ul.card-detail li:first-of-type {
    font-weight: 500;
    font-size: 19px;
    line-height: 1.25;
    font-family: capita;
    color: #00587c;
    margin: 0 0 1rem;
    border-bottom: 1px solid #8db9ca;
}

/*---K--- Footer ---L---*/
.m-footer {
    padding: 20px 0;
}

.Footer p {
    margin: 0 auto;
    font-size: 14px;
    text-align: center;
}

.Footer p a {
    color: #8db9ca;
}


/*---K--- Bootstrap Overrides ---L---*/
.form-horizontal .checkbox, .form-horizontal .checkbox-inline, .form-horizontal .control-label, .form-horizontal .radio, .form-horizontal .radio-inline {
    padding: 7px 0 5px 15px;
}

.form-control {
    padding: 6px 34px 6px 11px;
    font-size: 15px;
    line-height: 22px;
    border-radius: 3px;
    box-shadow: none;
    -webkit-box-shadow: none;
    border: 1px solid #c7cccf;
}

.form-control:focus {
    border-color: #80acbe;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(0 88 124 / 25%);
}


select.form-control {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

    /* IE11 hide native button */
    select::-ms-expand {
        display: none;
    }

.btn.active:focus, .btn:active:focus, .btn:focus {
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(38 113 144 / 50%);
}

.fa-4x {
    font-size: 3.5em;
}


/*---K--- Core.css Overrides ---L---*/

.nu-lightning-wrapper .slds-scope,
.nu-lightning-wrapper .slds-scope h1,
.nu-lightning-wrapper .slds-scope h2,
.nu-lightning-wrapper .slds-scope h3,
.nu-lightning-wrapper .slds-scope h4,
.nu-lightning-wrapper .slds-scope h5,
.nu-lightning-wrapper .slds-scope h6,
.nu-lightning-wrapper .slds-scope th,
.nu-lightning-wrapper .slds-scope td {
    font-family: 'Foro Sans', Roboto, Corbel, Verdana, sans-serif !important;
}