#header-utility {
    background: #005191 !important;
}
nav.utility-menu a {
    font-weight: bold;
    color: #fff;
}

dl, ol, ul {
    padding: 0 16px;
}

/*Remove H1 on Homepage*/
.Page-Article.HomePage script + script + script + h1 {
    display: none !important;
}

/*Header*/
#head-logo {}
#header-menu #head-logo span {
	display: none;
}
footer#footer #head-logo span {
    width: auto;
}

/*Subscribe*/
.SubWebTitle {
    font-size: 1.75rem;
    margin-bottom: .5rem;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.2;
    color: inherit;
}

/*Main Banner*/
#main-banner {
    position: relative;
}

/*Login Hello Text*/
.Hello .PortletHeader + div {
    font-size: 14pt;
    font-weight:bold;
}
.Hello span {
    float: right;
    margin: 0 !important;
}
.Hello span a {
    background: #f1f1f1;
    padding: 0.5em 1em;
    transition: 0.5s all;
    font-size: 12pt;
}
.Hello span a:hover {
    text-decoration: none;
    color: #fff;
    background: #005191;
}
.Hello .PortletFooter {
    clear: both;
}

/*Responsive Video*/
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*Matches H1 Style*/
.ArticleID81 span.ArticleTitle a {
    display: inline-block;
    line-height: 1.19;
    background: #005191;
    background: var(--primary-color, #005191);
    color: #FFF;
    text-transform: uppercase;
    position: relative;
    margin: 0 7px;
    letter-spacing: 0;
    box-shadow: 7px 0 #005191, -7px 0 #005191;
    box-shadow: 7px 0 var(--primary-color, #005191), -7px 0 var(--primary-color, #005191);
    font-family: league_gothicregular,Arial,sans-serif;
    font-size: 4.5rem;
    text-align: center;
}

/*Adds Spacing*/
#container-area-1 {
    padding-top: 1em;
}

/*Removes Spacing*/
#container-area-3 .LFArea {
    padding: 0 !important;
}
#container-area-3 h3 {
    margin: 0;
}
#PledgeNavigationB {
    padding: 0 !important;
}
label.DesignateAskLabel {
    padding-top: 0;
}

/*Footer Events*/
ol#foot-events {
    list-style: none;
    padding-left: 0.25em;
}
ol#foot-events li {
    margin-bottom: 1em;
}
ol#foot-events li a {
    color: #fff;
    display: block;
    font-size: 14px;
}



/*P Reset*/
.Area-Article p {
    margin-bottom: 1em !important;
    line-height: 18pt !important;
}

/*Agency Search*/
.Page-OpSearchResult li.NavigationAdvSearch.AdvSearch.DefaultButtons {
    display: none;
}
#AgencySearchSection .SearchNavigation {
    float: none;
}
.KeywordSearch {
    overflow: auto;
}
.KeywordSearchLabel {
    float: left;
    width: 20%;
    padding: 8px 0;
}
.KeywordSearchInput {
    clear: unset !important;
    clear: none !important;    
    float: left;
    width: 80%;
}
.KeywordSearch .SearchNavigation li a.button {
    padding: 8px 12px;
    display: block;
}
#VolAgSearchTable ol {
    padding-left: 4em;
}

/*SinglePledgePage*/
#PledgePaymentInfo .BlockHeader + .BlockDetails {
    display: flex;
    flex-wrap: wrap;
}
#PledgePaymentInfo .BlockHeader + .BlockDetails .form-check {
    padding-left: 0;
    flex: 25%;
    max-width: 25%;
}
#PledgePaymentInfo .BlockHeader + .BlockDetails .form-check input[type="radio"] {
    display: none;
}
#PledgePaymentInfo .BlockHeader + .BlockDetails .form-check input[type="radio"] + label {
    display: block;
    padding: 5em 0 1em 0;
    margin: 0.5em;
    text-align: center;
	color: #005191;
}
#PledgePaymentInfo .BlockHeader + .BlockDetails .form-check input[type="radio"] + label span,
#PledgePaymentInfo .BlockHeader + .BlockDetails .form-check input[type="radio"] + label p {
    margin: 0;
}
#PledgePaymentInfo .BlockHeader + .BlockDetails .form-check input[type="radio"]:checked + label {
    background: #005191;
    color: #fff;
}
#PledgePaymentInfo .BlockHeader + .BlockDetails .form-check input[type="radio"]:checked + label:hover {
    background: #286090;
    color: #fff;
}
#PledgePaymentInfo .BlockHeader + .BlockDetails .form-check input[type="radio"] + label:hover {
    background: #f1f1f1;
}

#PledgePaymentInfo .BlockHeader + .BlockDetails .form-check input[type="radio"] + label {
    position: relative;
}
#PledgePaymentInfo .BlockHeader + .BlockDetails .form-check input[type="radio"] + label.form-check-label::before,
#PledgePaymentInfo .BlockHeader + .BlockDetails .form-check input[type="radio"] + label.form-check-label::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    display: block;
    font-size: 2.5em;
}
#PledgePaymentInfo .BlockHeader + .BlockDetails .form-check input[type="radio"] + label.form-check-label::before,
#PledgePaymentInfo .BlockHeader + .BlockDetails .form-check input[type="radio"] + label.form-check-label::after {
    position: absolute;
    top: 0.35em;
    width: 100%;
    box-sizing: content-box;
}
#PledgePaymentInfo .BlockHeader + .BlockDetails .form-check input[type="radio"] + label.form-check-label::after {
    font-size: 2em !important;
    font-size: 32px !important; /*IE Fallback*/
    top: 1em !important;
    left: -1em !important;
}
#PledgePaymentInfo .BlockDetails .form-check.ACH input[type="radio"] + label.form-check-label::before {
	content: "\f53c";
}
#PledgePaymentInfo .BlockDetails .form-check.Bill input[type="radio"] + label.form-check-label::before {
content: "\f53a";
}
#PledgePaymentInfo .BlockDetails .form-check.Bill input[type="radio"] + label.form-check-label::after {
content: "\f2bd";
}
#PledgePaymentInfo .BlockDetails .form-check.Credit input[type="radio"] + label.form-check-label::before {
    content: "\f09d";
}
#PledgePaymentInfo .BlockDetails .form-check.CreditPP input[type="radio"] + label.form-check-label::before {
	content: "\f09d";
}
#PledgePaymentInfo .BlockDetails .form-check.CreditPP input[type="radio"] + label.form-check-label::after {
	content: "\f058";
}

.PaymentFrequency .Col-PaymentFreq {
    display: flex;
    flex-wrap: nowrap;
}
.PaymentFrequency .Col-PaymentFreq .BillingFreq {
    padding-left: 0 !important;
    text-align: center;
}
.PaymentFrequency .Col-PaymentFreq .BillingFreq input[type="radio"] {
    display: none;
}
.PaymentFrequency .Col-PaymentFreq .BillingFreq input[type="radio"] + label {
    display: block;
    background: transparent;
    padding: 0.5em;
    transition: all 0.5s;
}
.PaymentFrequency .Col-PaymentFreq .BillingFreq input[type="radio"]:checked + label {
    background: #005191;
    color: #fff;
}
.PaymentFrequency .Col-PaymentFreq .BillingFreq input[type="radio"]:checked + label:hover {
    background: #286090;
    color: #fff;
}
.PaymentFrequency .Col-PaymentFreq .BillingFreq input[type="radio"] + label:hover {
    background: #f1f1f1;
}

/*Regular Pledge*/
.PledgeTypeSelection h2 {
	margin: 0;
}
.PledgeTypeSelection h2 p, .Page-IPledgeDes1 h2, .Page-IPledgeDes2 h2, .Page-IPledgeCombined h2, .AgencySectionHeader h2 {
    background: #005191;
    padding: 0px 5px;
    color: #fff;
    display: inline-block;
    margin: 0.35em 0 0;
    line-height: 1;
    text-transform: uppercase;
    font-family: league_gothicregular,Arial,sans-serif;
    font-weight: 400;
    letter-spacing: .02em;
    font-size: 1.5em;
}
.PledgeTypeSelection .TypeSelection-Items > div {
    max-width: 20%;
    width: 20%;
}

/*
.PledgeTypeSelection .TypeSelection-Items label.RadioLabel {
    margin: 0 !important;
    color: #005191;
}
.PledgeTypeSelection .TypeSelection-Items input[type="radio"] + span + label.RadioLabel, 
.PledgeTypeSelection .TypeSelection-Items input[type="radio"] + label.RadioLabel {
    transition: all 0.5s;
}
.PledgeTypeSelection .TypeSelection-Items input[type="radio"]:checked + span + label.RadioLabel, 
.PledgeTypeSelection .TypeSelection-Items input[type="radio"]:checked + label.RadioLabel {
    background: #005191 !important;
}
.PledgeTypeSelection .TypeSelection-Items input[type="radio"]:checked + span + label.RadioLabel:hover, 
.PledgeTypeSelection .TypeSelection-Items input[type="radio"]:checked + label.RadioLabel:hover {
    background: #286090;
    color: #fff;
}
.PledgeTypeSelection .TypeSelection-Items input[type="radio"] + span + label.RadioLabel:hover, 
.PledgeTypeSelection .TypeSelection-Items input[type="radio"] + label.RadioLabel:hover {
    background: #f1f1f1;
}*/

.PercentSalaryCalc {
    padding: 1.75em 2.75em;
    border-radius: 0 !important;
    background: #eee;
    font-size: 16px;
    max-width: 100%;
    margin-bottom: 2em;
}
.Row-PercentMessage div {
    flex: 100%;
    max-width: 100%;
    margin-bottom: 0 !important;
}
.PercentSalaryCalc .form-group.row {
    margin-bottom: 0;
}
.PercentSalaryCalc .form-group.row label {
    font-weight: 600;
}
.PercentSalaryCalc .form-group.row label,
.PercentSalaryCalc .form-group.row .col-sm-9 {
    flex: 100%;
    max-width: 100%;
}


.BillingFrequencyOptions {
    display: flex;
    flex-wrap: nowrap;
}
.BillingFrequencyOptions .radio {
    padding-left: 0 !important;
    text-align: center;
}
.BillingFrequencyOptions .radio .form-check {
    padding-left: 0;
}
.BillingFrequencyOptions .radio .form-check input[type="radio"] {
    display: none;
}
.BillingFrequencyOptions .radio .form-check input[type="radio"] + span + label {
    display: block;
    background: transparent;
    padding: 0.5em;
    transition: all 0.5s;
}
.BillingFrequencyOptions .radio .form-check input[type="radio"]:checked + span + label {
    background: #005191;
    color: #fff;
}
.BillingFrequencyOptions .radio .form-check input[type="radio"]:checked + span + label:hover {
    background: #286090;
    color: #fff;
}
.BillingFrequencyOptions .radio .form-check input[type="radio"] + span + label:hover {
    background: #f1f1f1;
}



/*Designations*/
.CommunityCare .Block .BlockDetails .row label, 
.ServiceCategories .Block .BlockDetails .row label, 
.TargetedAgencies .Block .BlockDetails .row label {
    display: block;
    width: 100%;
    padding-top: .375rem !important;
    padding-bottom: .375rem;
    margin-bottom: 0;
    line-height: 1.5;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0;
}
.PartnerAgencyImage img {
    margin-top: .375rem !important;    
}
label.col-sm-8.col-sm-offset-1.control-label {
    margin-left: 8.333333%;
}
.Page-IPledgeDes1 .row div[class^="col-"],
.Page-IPledgeDes1 .row p,
.SearchResults .row div[class^="col-"],
.SearchResults .row p,
nav.DIV-NothingButton ol {
    margin-bottom: 0 !important;
}
.Section-PledgeConfirm h1, 
.Section-PledgeConfirmDisplay h2,
.DesignationInstructions .Web-ed p,
.Page-IPledgeDes1 h2,
.page-header h1,
#MainContent h1,
.page-header.Title p,
.Page-NewMember .page-header.Title,
.DashHeader,
.DashBoxTitle h2,
.Page-CBPackageDtlUpdate h2,
section.Page-ProgramEval h3,
section.Page-ProgramEval h4,
.ui-dialog-title {
    background: #005191;
/*    box-shadow: 0.625rem 0 #005191;*/
    padding: 0px 5px;
    color: #fff;
    display: inline-block;
    /* box-shadow: 0.625rem 0 #000, -0.625rem 0 #000; */
    line-height: 1;
    text-transform: uppercase;
    font-family: league_gothicregular,Arial,sans-serif;
    font-weight: 400;
    letter-spacing: .02em;
    font-size: 2.5em;
}

.page-header h1 p{
    background: #005191;
    padding: 0px 5px;
    color: #fff;
    display: inline-block;
    margin:0;
}

.ui-dialog-title {
    font-size: 20pt;
}
.ui-dialog .ui-dialog-titlebar-close {
    right: 0.75em;
    top: 1.25em;
}
.DashHeader {
    margin: 1em 0;
}
#MainContent h1 {
    font-size: 3.5em;
}
#MainContent h1 p,
.page-header h1 p {
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
    margin-bottom: 0;
}
nav.SearchNavigation li.DefaultButtons a {
    padding: 0 !important;
}
.ui-dialog .ui-dialog-titlebar-close {
    background: transparent;
    border: 0;
    padding: 0;
    cursor: pointer;
}
.ui-dialog .ui-dialog-titlebar-close::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f00d";
    color: #fff;
}
.ui-dialog .ui-widget-header {
    background: #005191;
    border-radius: 0;
    border: 0;
}
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable {
    border: 1px solid #ccc;
    border-radius: 0;
    padding: 0;
    box-shadow: 0px 0px 5px #333;
}
.ui-dialog .ui-dialog-content {
    padding: 15px !important;
    font-size: 16px;
    line-height: 22pt;
}
.ui-dialog .ui-dialog-content img {
    max-width: 100%;
    margin: 0;
}

/*Write-Ins*/
.WriteInFields .col-sm-9 .col-sm-12 {
    padding-right: 15px !important;
    padding-left: 15px !important;
}

/*Confirmation - Add Info*/
.PledgeSummary,
.PledgeDesignations {
    width: 100%;
}
.PledgeSummary td,
.PledgeDesignations th,
.PledgeDesignations td,
th.Col-Summary.Col-Heading {
    width: 50% !important;
    min-width: 50%;
    text-align: left !important;
    padding: .75rem !important;
}
.PledgeSummary tr:first-child th,
.PledgeSummary tr:first-child td {
    font-weight: bold !important;
    padding: .75rem !important;
}
.PledgeDesignations td .Col-Dollar {
    text-align: left !important;
}

/*Vol Op Calendar*/
table.EventCalendarTable td,
table#VolCalendarTable td {
    min-width: 14.3% !important;
    width: 14.3%;
    min-height: 100px;
    height: 100px;
}
table.EventCalendarTable td table td,
table#VolCalendarTable td table td {
	min-height: auto !important;
	min-height: unset !important;
	height: auto !important;
	height: unset !important;
}
table.OpsDayCell {}
table.EventDayCell tr,
table.OpsDayCell tr {
    margin-bottom: 0;
}
table.EventDayCell td,
table.OpsDayCell td {
    margin-bottom: 0;
    height: unset !important;
    height: auto !important;
    padding: 0;
}
.table-striped tbody tr:nth-of-type(odd) {
	background: transparent !important;
}
.Area-Volunteer .SearchBlockSection {
    margin-bottom: 1em;
}
.Interestlink.Title,
h3#Event,
h3#AdvSearch {
    display: inline;
    margin: 0;
    padding: 0px 8px;
    line-height: 1;
    text-transform: uppercase;
    font-family: league_gothicregular,Arial,sans-serif;
    font-weight: 400;
    letter-spacing: .02em;
    font-size: 32px;
}
.Interestlink.Title .note p, h3#Event .note p, h3#AdvSearch .note p {
display: inline;
margin: 0;
padding: 0px 8px;
line-height: 1;
text-transform: uppercase;
font-family: league_gothicregular,Arial,sans-serif;
font-weight: 400;
letter-spacing: .02em;
font-size: 32px;
}
.VolHeader {
    font-weight: bold;
}
.SearchBlockSection .VolHeader + div {
    padding-left: 3em;
}
.Area-Volunteer .SearchBlockSection label input[type="checkbox"] {
    margin-left: -1em;
}
.oppSearchResultCard header h5 {
    background: #005191;
    padding: 8px !important;
    line-height: 1;
    text-transform: uppercase;
    font-family: league_gothicregular,Arial,sans-serif;
    font-weight: 400 !important;
    letter-spacing: .02em;
    font-size: 1.75em !important;
}
.oppSearchResultCard {
    border: 0 !important;
    box-shadow: none !important;
}


/*VolOpInfo*/
.VolOpInfoPartOne,
.VolOpInfoPartTwo {
    margin-left: -15px;
    margin-right: -15px;
}
.VolBasicDetails,
.VolInterestsDetails {
    width: 100%;
}
.VolOpInfo.form-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.VolOpInfoDesc,
.VolBasicDetails,
.VolOpsTime,
.VolOpsDates,
.VolOpscount,
.Page-VolOpInfo .VolInterestsDetails,
.Page-VolOpInfo .VolOpInfoPartTwo {
    padding-left: 15px;
    padding-right: 15px;
}
.VolOpInfo.form-group label,
.form-group.row.VolOpsTime label {
    font-weight: bold;
}


/*Role Menu*/
.roleChange ul.pureCssMenu.pureCssMenum::before {
    content: 'Role Menu';
    display: block;
    margin-bottom :1em;
    margin-bottom: .5rem;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.2;
    color: #fff;
    font-size: 1.75rem;
}
.roleChange li.pureCssMenui {
    display: block;
}
.roleChange a.pureCssMenui {
    color: #fff;
    display: inline-block;
    padding: 0.25em 0;
}
.roleChange li.pureCssMenui:hover a.pureCssMenui {
    color: #fff;    
}
.roleChange a.pureCssMenui:hover {
    text-decoration: underline;
}

/*Buttons*/
.btn {
    border-radius: 0;
    border: 0;
    min-width: 3em;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 1em;
    font-family: "Roboto Condensed",Arial,sans-serif;
}
.btn-secondary {
    background: #f2f2f2;
    background: var(--alt-grey-1, #f2f2f2);
    color: #333;
}

/*SUBSCRIPTIONS*/
.form-group.Row-Report {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    padding: 0.375em 0;
}
.form-group.Row-Report .btn.btn-xs {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem;
    text-decoration: none;
}
.Row-Report label,
.Row-Report div,
.Row-Report p {
    margin-bottom: 0 !important;
}

/*CB*/
.NavigationButton {
    margin: 1em 0;
}
.NavigationButton nav.Navigation li {
    display: inline-block;
    /* margin-right: 0.5em; */
}
.NavigationButton nav.Navigation li a {
    padding: 0.35em 0.75em;
    background: #f8f9fa;
    display: block;
    /* border-radius: .25rem; */
}
.NavigationButton nav.Navigation li a:hover {
    background: #e2e6ea;
}
.col-sm-offset-3 {
    margin-left: 25%;
}
.Page-OpCalendarDayDetail .form-group,
.Page-VolAgencyInfo .form-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.CheckboxTable .form-check img {
    position: absolute;
    margin-top: .3rem;
    margin-left: -1.25rem;
}
.TableFormDetails .Row-LineDetail {
    margin-bottom: 0;
}
.Page-EventRegistration p.EventTime span,
.Page-EventRegistration p.StartTime span,
.Page-EventRegistration p.EndTime span {
    display: inline-block;
    font-weight: bold;
    min-width: 100px;
}

/*Event Registration*/
#PayTypeBlock .RadioTable.PayType {
    display: flex;
    flex-wrap: nowrap;
}
#PayTypeBlock .RadioTable.PayType .Col-Radio {
    flex: 1;
}
#PayTypeBlock .RadioTable.PayType .Col-Radio input[type="radio"] {
    display: none;
}
#PayTypeBlock .RadioTable.PayType .Col-Radio .form-check.form-check-inline {
    display: block;
    margin-right: 0;
}
#PayTypeBlock .RadioTable.PayType .Col-Radio .form-check.form-check-inline label {
    display: block;
    padding: 1em;
    text-align: center;
    transition: all 0.5s;
	cursor: pointer;
}
#PayTypeBlock .RadioTable.PayType .Col-Radio .form-check.form-check-inline label:hover {
    background: #f1f1f1;
}
#PayTypeBlock .RadioTable.PayType .Col-Radio input[type="radio"]:checked + label {
    background: #005191;
    color: #fff;
}
#PayTypeBlock .RadioTable.PayType .Col-Radio input[type="radio"]:checked + label:hover {
    background: #286090;
    color: #fff;
}
table.FeesTable {
    width: 100% !important;
}
table.FeesTable th.Col-Description,
table.FeesTable td.Col-Description {
    max-width: 50% !important;
    width: 50% !important;
}
span.input-group-addon {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: .375rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: .25rem;
}

/*i-Access*/
.Page-Dashboard .page-header {
    display: none;
}
.AccountQuickSearchComp {
    margin-bottom: 1em;
}
.Page-Dashboard .DashHeader {
    display: block;
    width: 100%;
    background: #eee;
    padding: 0.25em;
    margin-top: 0;
    color: #005191;
}
.Page-Dashboard .Navigation table {
    width: 100%;
}
.Page-Dashboard .Navigation tr {
    display: flex;
}
.Page-Dashboard .Navigation tr td {
    flex-grow: 1;
    text-align: center;
}
.DashboardAppDetail div {
    margin: 0 0 1em;
}

/*Personalized Messages*/
/*#container-area-6 .LFArea {
    display: grid;
    grid-template-areas:
    'header header header'
    'column1 column2 column3';
    margin-left: -15px;
    margin-right: -15px;
    padding-top: 0;
}*/
#container-area-6 .LFArea .AreaHeader,
#container-area-6 .LFArea .AreaFooter,
#container-area-6 .LFArea .Portlet-Separator {
    display: none;
}
/*#container-area-6 .LFArea .Portlet:nth-child(2) {
    grid-column-start: 0;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 1;
    grid-area: header;
    justify-self: stretch;
}
#container-area-6 .LFArea .Portlet:nth-child(4) {grid-column-start: 0;grid-column-end: 1;grid-row-start: 2;grid-row-end: 3;grid-area: column1;}
#container-area-6 .LFArea .Portlet:nth-child(6) {grid-column-start: 2;grid-column-end: 3;grid-row-start: 2;grid-row-end: 3;grid-area: column2;}
#container-area-6 .LFArea .Portlet:nth-child(8) {grid-column-start: 3;grid-column-end: 4;grid-row-start: 2;grid-row-end: 3;grid-area: column3;}
#container-area-6 .LFArea .Portlet {
    padding: 15px !important;
}*/
#container-area-6 .col-lg-10.offset-lg-1 {
    margin-left: 0;
    flex: 100%;
    max-width: 100%;
}
.ArticleID204 {
    position: relative;
}
/*Shopping Cart*/
.Portlet>.ShoppingCart {
}
.SummaryPanel {
    float: left;
}
.ShoppingCart .PortletFooter {
    clear: both;
}
#container-area-1 .Portlet {
    position: relative;
}
.ShoppingCart {
    padding: 0.25em 0.75em !important;
    border-radius: 0 !important;
    background: #fff !important;
    width: unset !important;
    width: auto !important;
    /* box-shadow: 0px 0px 3px #333; */
    /* right: 0; */
}

.BlockDetails.btn-group.text-center {
    display: block;
}
.Page-ProgramEval #PreviousProgramButton::before,
.Page-ProgramEval #NextProgramButton::before {
    display: none !important;
}
.QuestionDetails li::before {
    color: #333;
    font-size: 16px;
    font-weight: bold;
}
#TableReportSelection li a {
    font-weight: normal !important;
}

.Section-PledgeAddInfo h1, .Section-PledgeConfirm .page-header h1, h2 .note.WebPledgeSelect p {
    box-shadow: none;
}

#container-area-6 .LFArea {
    padding: 0;
}

.ArticleID204 .Article>p {
	margin-bottom:0 !important;
}

#container-area-5 p {
    line-height: 24px;
}

#container-area-5 .LFArea {
    padding-bottom: 4em;
}

.Web-Pages .AddToCart2 {
    margin-top: 16px;
}
.ImpactName {
    display: block !important;
    margin: 10px 0 0 0 !important;
}

.StrategyName, .AgencyName, .ProgramAddress, .Node, .WebAddress, .WebAddress a {
    margin: 0 !important;
    color: #111111 !important;
}

.ProgramDescription, .AgencyAddress, .AgencyDescription {
    margin: 14px 0 !important;
    color: #111 !important;
}

.AddToCart2 input, .AddToCart input {
	width: 80px !important;
}

.ImpactButton {
    margin: 0 6px 0 0 !important;
    padding: 4px 16px !important;
}

.ProgramName {
    font-size: 1.3em !important;
}

.Executive-Plus .ProgramName, .Executive-Plus .ImpactName {
    font-size: 16px !important;
}
 
.AgencyName {
	font-size: 1.3em !important;
	/*border-bottom: 1px solid #999999 !important;*/
	margin-top: 40px !important;
}

#VolCalendarTable td.Col-Today, #VolCalendarTable td.Col-Today Table td, table.EventCalendarTable td.Today {
    font-weight: normal;
}

.ScorePositive {
    background-image: url("https://customercare2.andar360.com/servlet/eAndar.WebExtDocument/styleimage/6F4C605338526E6B68747E3E/Like.png");
    height: 22px;
    width: 40px;
    padding-top: 1px;
    padding-left: 18px;
    margin-right: 14px;
}

.ScoreNegative {
    background-image: url("https://customercare2.andar360.com/servlet/eAndar.WebExtDocument/styleimage/5538566C3043605349377E3E/Dislike.png");
    height: 22px;
    width: 40px;
    padding-top: 1px;
    padding-left: 18px;
}

.ScorePositiveDisabled {
    background-image: url("https://customercare2.andar360.com/servlet/eAndar.WebExtDocument/styleimage/52696B5762642B323E5D7E3E/Like-disabled.png");
    height: 22px;
    width: 40px;
    padding-top: 1px;
    padding-left: 18px;
    margin-right: 14px;
}

.ScoreNegativeDisabled {
    background-image: url("https://customercare2.andar360.com/servlet/eAndar.WebExtDocument/styleimage/473B5C5327732273374C7E3E/Dislike-disabled.png");
    height: 22px;
    width: 40px;
    padding-top: 1px;
    padding-left: 18px;
}

.like, .dislike {
    font-size: 14px;
    color: #000000;
    font-weight: normal;
}

.likedisabled, .dislikedisabled {
    font-size: 14px;
    color: #777777;
    font-weight: normal;
}

.scorewrap {
    margin: 30px 0;
}
.scorewrap a:hover {
	text-decoration: none;
}

.Section-ArticleSharing a {
    opacity: 0.7;
}

nav.utility-menu .social-icons ul li a {
    color: #005191;
    font-size: 22px;
    margin: 0 6px;
    padding: 11px 5px 8px;
}

nav.utility-menu .social-icons ul li a:hover {
    color: #397db3 !important;
}

#footer {
    padding: 2.4em .625em 0;
}

#footer  .social-icons li {
	display: inline-block;
	margin: 18px 18px 18px 0 !important;
}

#footer  .social-icons a {
	font-size: 22px;	
}

.e-Newsletter .scorewrap {
    margin: 0 0 30px 0;
}

.VolOpInfoPartTwo .col-sm-3 {
    padding-left: 0;
}

.YLS {
    background-color: var(--alt-grey-1, #f2f2f2);
    padding: 30px 0;
}

.ADT {
    background-color:#539ed0 !important;
    padding: 30px 0;
    color: #ffffff;	
}

.WLC {
	padding: 30px 0;
	/*background-color: #ffb351 !important;*/
}

.YLS img, .ADT img, .WLC img {
	float: left;
	margin: 0 16px 10px 0;
	max-width: 160px;
}

.YLS img, .WLC img {
    border: 10px solid #fff;
}

#container-area-6 h3 {
    font-family: league_gothicregular,Arial,sans-serif;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 34px;
    margin-bottom: 4px !important;
    line-height: 1em;
}

#container-area-6 .PortletArticle p {
	font-size: 14px;
	line-height: 18px;
	margin-bottom:0;
}

#container-area-6 .PortletEP {
    padding: 48px 0;
    text-align: center;
    font-size: 24px;
}

.Page-ArticleArchive.GiveList .box h3 {
	margin-bottom:0;
}

.DesignationTotals .input-group.mb-3 > span input {
    max-width: 100px;
}

.Section-PledgeAddInfo h1, .Section-PledgeConfirm .page-header h1, h2 .note.WebPledgeSelect p {
    background: transparent !important;
    color: #000000 !important;
    font-size: 24px !important;
    text-transform: none !important;
    font-family: Roboto,Arial,sans-serif !important;
    padding: 0 !important;
}

/*Large devices (desktops, 1200px and up)*/
@media (min-width: 1200px) {
#EntrySection .Block .BlockHeader + script + input + .BlockDetails {
    position: relative;
	padding-bottom: 3em;
}
}
/*1024px and down*/
@media (max-width: 1023px) {

#head-logo span,
footer#footer #head-logo span {
width: 90vw;
}

#container-area-6 .LFArea {
    display: block;
}

.LFArea.Area-HomePageR {
    padding-top: 10px;
}
}
/*820px and down*/
@media screen and (max-width: 820px) {
#collapseAdvancedFilter.AdvansedFilter.collapse.show {
    display: block !important;
}
section#SelectTeam {
    margin-left: -15px;
    margin-right: -15px;
}
.VolOpInfoDesc, .VolBasicDetails, .VolOpsTime, .VolOpsDates, .VolOpscount {
    padding-left: 0;
    padding-right: 0;
}


}
/*768px and down*/
@media screen and (max-width: 768px) {
.home-grid {
    display: block;
    flex-wrap: nowrap;
}

.home-grid-box {
width: 100%;
}
#PledgePaymentInfo .BlockHeader + .BlockDetails .form-check {
    flex: 100%;
    max-width: 100%;
}
.PledgeTypeSelection .TypeSelection-Items {
    flex-wrap: wrap !important;
}
table.EventCalendarTable td, table#VolCalendarTable td {
    min-width: 100% !important;
    width: 100% !important;
    height: auto !important;
}
.EventCalendarTable td:after, .VolCalendarTable td p:after, #VolCalendarTable td:after {
    left: 2em;
    top: 1em;
}
table.EventCalendarTable td, table#VolCalendarTable td {
    min-height: unset !important;
    min-height: auto !important;
}
table.OpsDayCell {
    margin-left: 11%;
    width: 89%;
}
.col-sm-1.text-center.Col-1.Col-Image.Col-PartnerAgy {
    text-align: left !important;
}

.home-featured-content {
    padding: 4em !important;
    min-height: 0;
}

nav.utility-menu .social-icons {
	display: none;
}
}
/*520px and down*/
@media screen and (max-width: 520px) {
.col-sm-1.text-center.Col-1.Col-Image.Col-PartnerAgy {
    display: none;
}
.row.PartnerAgency .col-sm-1.Col-PartnerAgy {
    flex: 12%;
    max-width: 12%;
    display: block !important;
}
.row.PartnerAgency .col-sm-1.Col-PartnerAgy + label.col-sm-7 {
    flex: 88%;
    max-width: 88%;
    padding-left: 0;
}
}