:root {
--primary-color: #005191;
--secondary-color: #ff443b;
--alt-grey-1: #f2f2f2;
}

body {
color: #111111;
font-family: Roboto,Arial,sans-serif;
font-style: normal;
line-height: 1.5;
font-size: 16px;
}

a {
color: #005191;
color: var(--primary-color, #005191);
}

a:hover {
color: #005191;
text-decoration: underline;
}

h1 {
background-color: #005191;
color: #ffffff;
display: inline-block;
margin: 20px 0 10px 0;
line-height: 1;
text-transform: uppercase;
font-family: league_gothicregular,Arial,sans-serif;
font-weight: 400;
letter-spacing: .02em;
font-size: 3em;
padding:0.4rem 1rem 0.14rem 1rem !important;
}

#header-menu .PortletLogo {
margin: 0;
}

#header-menu .logo,
#header-menu .Logo img {
margin: 8px 0;
max-height: 48px !important;
width: auto !important;
}

.page-header h1 p {
background-color:#005191;
}

.Area-Article h1 {
display: inline-block;
line-height: 1.19;
background:#005191;
color: #FFF;
text-transform: uppercase;
position: relative;
margin: 0 7px;
letter-spacing: 0;
font-family: league_gothicregular,Arial,sans-serif;
font-size: 4.5rem;
text-align: center;
}

.Page-IPledgeDes1 h2,
.Page-IPledgeDes2 h2,
.Page-IPledgeCombined h2,
.AgencySectionHeader h2  {
border-bottom: 0;
background:#005191;
color: #ffffff;
display: inline-block;
margin: 38px 0 10px 0;
line-height: 1;
text-transform: uppercase;
font-family: league_gothicregular,Arial,sans-serif;
font-weight: 400;
letter-spacing: .02em;
font-size: 42px;
padding: 0.4rem 1rem 0.2rem 1rem;
}

.Page-IPledgeCombined h2 p,
.AgencySectionHeader h2 p {
padding: 0;
border-bottom: 0;
background:#005191;
color: #ffffff;
display: inline-block;
margin: 0;
line-height: 1;
text-transform: uppercase;
font-family: league_gothicregular,Arial,sans-serif;
font-weight: 400;
letter-spacing: .02em;
font-size: inherit;
}

.Filters-Menu i.fa,
.Filters-Menu i.fas {
color: #005191;
}

p {
font-family: Roboto,Arial,sans-serif;
font-weight: 400;
font-size: 16px;
}

b, strong {
font-weight: 700;
}

#main-banner h2 {
background: #005191;
box-shadow: 0.625rem 0 #005191, -0.625rem 0 #005191;
display: inline;
}

#main-banner .row .heading-column {
position: absolute;
bottom: 1em !important;
left: 0 !important;
margin-left: 0;
padding-left:0;
}

.Logo img {
max-width: 124px;
height: auto;
margin: 8px 0 0 0;
max-height: 64px;
}

.img-third {
background-color: transparent;
}

.img-third img {
width: 100%;
}

.Page-IPledge .radio label.RadioLabel {
padding-left: 20px;
}

nav.PledgeProgress li.DefaultButtons {
border: 2px solid #ffb351 !important;
border-radius: 0 !important;
font-size: 14px !important;
font: 700 14px "Roboto Condensed",Arial,sans-serif !important;
padding: 12px 20px !important;
text-transform: uppercase;
-webkit-font-smoothing: antialiased;
white-space: nowrap;
letter-spacing: .02em !important;
color: #ffb351 !important;
}

nav.PledgeProgress li.ProgressStep.DefaultButtons {
background: #ffffff !important;
}

nav.PledgeProgress li.ProgressStepCurrent.DefaultButtons {
background: #ffb351 !important;
border: 2px solid #ffb351 !important;
}

.ProgressArrow.pledge_arrow.DefaultButtons {
border: 0 !important;
padding: 0 !important;
}

.PledgeNavigation li {
float: left;
}

.PledgeNavigation::after {
clear: both;
display: block;
content: " ";
}

#main-banner .button {
background-color: #539ed0 !important;
color: #ffffff;
}

.Navigation.HorizontalIcons ol {
margin-bottom: 0;
}

#quickSummaryDetails td {
vertical-align: middle;
}

.PledgeProgress {
margin-top: 24px;
position: relative;
z-index: -1;
}

.Section-PledgeConfirm .PledgeNavigation li {
float: none;
}

.DefaultButtons .button:hover {
background-color:#539ED0 !important;
}

.DefaultButtons .button {
min-width: 10em !important;
padding: 0.8em !important;
}

.EntrySection {
clear: both !important;
width: 100% !important;
max-width: 100% !important;
}

.PledgeProgress ol {
margin: 0;
}

.page-header {
padding-bottom: 1px;
margin: 20px 0 16px;
}

.FlagTable label,
.Col-Summary.Col-Heading {
font-weight: 400;
}

.FlagTable label {
margin-bottom:0;
}

.main-banner_heading {
margin: 0 0 2px 0;
padding: 6px 0 5px 10px;
}

#header-menu .col-lg-3,
#header-menu .col-md-3 {
width: 170px;
flex: 1 1 auto;
max-width: 170px;
}

#header-menu .col-lg-9,
#header-menu .col-md-9 {
width: calc(100% - 170px);
max-width: calc(100% - 170px) !important;
padding-left: 0;
padding-right: 0;
flex: 1 1 auto;
}

nav.header-top-cta {
width: 270px;
}

nav.header-top-menu {
width: calc(100% - 270px) !important;
padding-right: 10px;
max-width: calc(100% - 270px) !important;
}

#container-area-4 {
padding: 0;
margin-bottom: 0;
}

#MainContent {
padding-top: 1em;
padding-bottom: 3em;
}

#container-area-2 a {
color: #00519;
color: var(--primary-color, #005191);
}

.Page-IPledgeCombined .EntrySection .IPledgeTable {
max-width: 100%;
}

.PercentSalaryCalc label.col-sm-3,
.IPledgeTable .col-sm-3,
.PercentSalaryCalc label.col-md-3,
.IPledgeTable .col-md-3 {
width: 50%;
flex: 1 1 auto;
max-width: 50%;
}

.PercentSalaryCalc .col-sm-9,
.PercentSalaryCalc .col-md-9 {
width: 50%;
flex: 1 1 auto;
max-width: 50% !important;
}

.Page-IPledgeCombined .PercentSalaryCalc label.col-sm-3,
.IPledgeTable .col-sm-3,
.Page-IPledgeCombined .PercentSalaryCalc label.col-md-3,
.IPledgeTable .col-md-3 {
width: 25%;
flex: 1 1 auto;
max-width: 25%;
}

.PercentSalaryCalc .Row-PercentMessage .col-sm-9,
.PercentSalaryCalc .Row-PercentMessage .col-md-9 {
width: 100%;
max-width: 100% !important;
}

nav.header-top-cta ul {
margin-left: 0;
padding: 14px 0 0 0;
}

#footer {
background: #005191;
font-weight: 400;
}

#foot-nav h5,
#foot-nav ul li a,
#footer a,
.Footer,
.header-top-menu ul li a,
#header-menu ul.pureCssMenu a,
nav#secondary-menu ul.pureCssMenu a {
color: #ffffff;
}

#foot-nav ul li a:hover,
#footer a:hover {
color:#ffb351
}

.header-top-menu ul {
padding: 14px 0 !important;
}

.header-top-menu ul li a:hover,
#header-menu ul.pureCssMenu li.dis a:hover,
#header-menu ul.pureCssMenu li.sep a:hover {
color: #ffb351 !important;
}

#header-menu,
#header-menu ul.pureCssMenu,
#header-menu ul.pureCssMenu ul,
#header-menu .col-lg-3,
#header-menu .col-md-3 {
background-color: #005191 !important;
}

nav#secondary-menu ul.pureCssMenu ul a {
color: #fe8f01 !important;
}

.LFArea.Area-UWW18-P-top-menu {
float:right;
}

nav#secondary-menu {
right: 0;
left: auto;
}

nav#secondary-menu ul {
background-color: #ffb351 !important;
}

nav#secondary-menu li.pureCssMenui ul {
background-color: #fdd9ac !important;
border: 0;
top: 44px;
}

.LFArea.Area-UWW18-P-head-cta li:first-child a,
nav#secondary-menu ul li a:hover,
nav#secondary-menu ul.pureCssMenu li.dis a:hover,
nav#secondary-menu ul.pureCssMenu li.sep a:hover {
color: #ffffff !important;
}

nav#secondary-menu ul.pureCssMenu li>ul li,
.header-top-menu ul.pureCssMenu li > ul li {
border-bottom: 1px solid #ffffff;
}

#header-menu li.pureCssMenui.CSSCloseButton {
display: none !important;
}

nav#secondary-menu li.pureCssMenui ul li.CSSCloseButton {
cursor: pointer;
color: #ffffff !important;
font-size: 12px;
}

.Navigation .BioTabSelected.GlobalTab a,
.Navigation .BioTabSelected.PersonalTab a {
background-color:#005191;
}

.Navigation .BioTabTitle.GlobalTab a:hover,
.Navigation .BioTabTitle.PersonalTab a:hover {
background-color:#539ed0;
}

.header-top-menu ul li {
margin-left: 1rem;
}

#container-area-5 {
padding-bottom:0;
}

.Block,
#container-area-6,
#container-area-3,
#container-area-2,
.dtree,
.Page-TeamVolCalendar #SelectDateTable a,
.Page-OpCalendar #SelectDateTable a  {
padding: 0;
}

#main-banner {
padding-left:0;
padding-right:0;
}

#main-banner .row {
max-width: 100%;
}

.dtree a.nodeSel {
background-color: transparent;
color: #005191;
}

.dtree a.node:hover,
.dtree a.nodeSel:hover {
text-decoration: underline;
background-color: transparent;
color: #005191;
}

.Section-NavigateTree {
background-color: #ffffff;
border: 1px solid #cccccc;
}

.Area-ePledgeAdmin .dtree {
margin-top: 0;
margin-bottom: 0;
}

.home-grid-box {
min-width: auto;
}

.stat-fact {
padding: 3em;
}

.KeywordSearch .SearchNavigation li .button {
padding: 0 !important;
background-color: transparent !important;
background: none !important;
}

.Section-PledgeConfirm th.Col-Summary.Col-Heading {
width: auto;
}

.home-featured-content {
padding: 3em !important;
}

.PPExpress .button,
.PPExpress .button:hover {
padding: 0 !important;
background-color: transparent !important;
}

#BillDateComp select,
.checkDateData select,
.paymentStartDate select,
.checkDateData select {
padding: 6px 4px;
}

.BlockDetails,
.InstructionDetails,
.WarningDetails,
.ErrorDetails,
.TreeDetails {
margin: 0;
}

.mainAg,
.FooterMes,
#footer,
nav.PledgeProgress li.ProgressStepCurrent.DefaultButtons {
color: #ffffff !important;
}

html .KeywordSearch .SearchNavigation li .button {
color: #000000 !important;
}

.page-item.active .page-link {
background-color: #005191;
border-color: #005191;
}

#header-menu,
#header-menu a {
color: #ffffff;
}

ul.pureCssMenu ul ul {
left: 100%;
top: -1px;
}

.PledgeTypeSelection .TypeSelection-Items label.RadioLabel,
div#PledgePaymentInfo label.form-check-label {
line-height: 1.2;
}

.Page-IPledgeConfirmDisplay h2 {
background-color: #005191;
color: #ffffff;
display: inline-block;
margin: 20px 0 10px 0;
line-height: 1;
text-transform: uppercase;
font-family: league_gothicregular,Arial,sans-serif;
font-weight: 400;
letter-spacing: .02em;
font-size: 3em;
padding: 0.4rem 1rem 0.14rem 1rem;
}

.Page-IPledgeDesFedList .ActionButtons {
display: inline-block;
}

.Page-IPledgeCombined h2 p,
.AgencySectionHeader h2 p,
.Page-IPledgeDes1 h2 a,
.Page-IPledgeDes2 h2 a,
.Page-IPledgeCombined h2 a,
.AgencySectionHeader h2 a  {
background: #005191 !important;
color: #ffffff !important;
}

.TargetedAgencies .Row-Header .col-sm-7.Col-Text.Col-Name {
font-weight: 500 !important;
}

.Page-IPledgeCombined .CommunityCare h2 a.icon {
background: transparent !important;
color: #005191 !important;
}

.Page-IPledgeCombined .CommunityCare h2,
.Page-IPledgeCombined .ServiceCategories h2,
.Page-IPledgeCombined .TargetedAgencies h2,
.Page-IPledgeCombined .TargetedAgencies h2 p,
.Page-IPledgeCombined .AgencySectionHeader h2,
.Page-IPledgeCombined .WriteIns h2,
.Page-IPledgeCombined .AgencySectionHeader h2 a {
color: #005191;
}

.ui-dialog .ui-widget-header {
background: none scroll 50% 50% #005191;
border: 1px solid #005191;
}

html .ui-state-default, html .ui-widget-content .ui-state-default, html .ui-widget-header .ui-state-default {
color: #005191;
}

.BioTabSurveyHead {
color:#005191;
font-size: 16px;
}

#EventItemForm a .page-header,
#SpecialEventForm .GroupHead th {
background-color:#005191 !important;
}

.EventSelectionListHeader,
.SelectedEventsHeader,
#SpecialEventForm thead th  {
background-color: #005191 !important;
color: #ffffff !important;
}

@media screen and (min-width:1350px) {
.container-fluid .row {
max-width: 100%;
}
}

@media screen and (max-width:1024px) {
nav.header-top-cta {
width: 100%;
font-size:0;
}

nav.header-top-cta ul {
padding: 0;
}

.LFArea.Area-UnitedWeFight-P-logo {
width: 140px;
float: left;
}

#header-menu .col-lg-9,
#header-menu .col-md-9 {
width: 100%;
padding-top: 94px;
max-width: 100% !important;
flex: auto;
background-color:#005191 !important;
}

#header-menu .col-lg-3,
#header-menu .col-md-3 {
width: 160px !important;
flex: 100% !important;
max-width: 160px;
background-color:#005191 !important;
margin-top: 10px !important;
}

#mobile-menu-btn {
color: #ffffff;
border: 2px solid #ffffff;
margin: 18px 0;
}

#header-menu ul.pureCssMenu ul {
background-color: #0065b3 !important;
left: 6%;
top: 101%;
}

.home-featured-bgimg,
.home-featured-content {
width: 50% !important;
}

nav.header-mobile-menu .AreaHeader::before {
border: 2px solid #ffffff !important;
color: #ffffff !important;
}

nav#secondary-menu ul.pureCssMenu ul ul a {
color: #ffffff !important;
}

nav#secondary-menu li {
border-bottom: 1px solid #fec479;
}
}

@media screen and (max-width:768px) {
#main-banner .row .heading-column {
display: none;
}

nav.header-top-cta,
.header-top-menu {
width: 100%;
}

.PercentSalaryCalc label.col-sm-3,
.PercentSalaryCalc label.col-md-3,
.PercentSalaryCalc .col-sm-9,
.PercentSalaryCalc .col-md-9 {
width: 100%;
max-width: 100% !important;
}

.Section-TeamDetails .col-sm-9,
.Section-TeamDetails .col-md-9 {
padding-left:0;
padding-right:0;
}

.MobileTable {
border:1px solid #cccccc;
}

.MobileTable thead,
.MobileTable th {
position: absolute;
top: -9999px;
left: -9999px;
z-index:10000;
}

.MobileTable tr {
border-bottom:1px solid #cccccc;
}

.MobileTable td.Col-Button {
border-top: 0;
position: relative;
padding-left:4px;
display:inline-block !important;
padding: 4px 6px 4px 6px !important;
min-width: 16px;
}

.MobileTable td.Col-Button img {
max-width: auto !important;
min-width: 16px;
}

.MobileTable td.Col-Button:before {
width: 0;
content:none;
}

.HideWhenMobile,
.ADetailsTable th {
display: none !important;
}

.Col-Subject input,
textarea,
.Col-SubjectCode select {
box-sizing: border-box;
width: 100%;
}

.Classic .Row-Even,
.MobileTable .Row-Even,
.MobileTable .Row-Even td {
background: none repeat scroll 0 0 transparent;
}

.MobileTable.NoHeader th,
.MobileTable.NoHeader td {
display: table-cell;
border:1px solid #cccccc;
padding-left:4px;
}

.MobileTable.NoHeader tr {
display: table-row;
border-bottom:0;
}

.MobileTable.NoHeader thead {
position: static;
}

.MobileTable.NoHeader td:before {
position: static;
width: 0%;
padding-right: 0px;
content: none;
}

.CampStatus th,
.MyOutputs .Col-JobName,
.CashReportMainTable .col-Heading {
white-space: normal;
}

.CampStatus,
.CampHistory,
.QuickSumTable,
.RecentTranTable,
.AHistTranTable,
.MyOutputs {
border:1px solid #cccccc;
width: 100%;
}

.MyOutputs tr,
.MyOutputs th,
.MyOutputs td,
.AHistTranTable tr,
.AHistTranTable th,
.AHistTranTable td,
.RecentTranTable tr,
.RecentTranTable th,
.RecentTranTable td,
.QuickSumTable tr,
.QuickSumTable th,
.QuickSumTable td,
.CampStatus tr,
.CampStatus th,
.CampStatus td,
.CampHistory tr,
.CampHistory th,
.CampHistory td {
display: block;
}

.CampStatus th,
.CampHistory th,
.QuickSumTable th,
.RecentTranTable th,
.AHistTranTable th,
.MyOutputs th {
position: absolute;
top: -9999px;
left: -9999px;
z-index:10000;
white-space:normal;
}

.MyOutputs tr,
.AHistTranTable tr,
.RecentTranTable tr,
.QuickSumTable tr,
.CampHistory tr,
.CampStatus tr {
border-bottom:1px solid #444444;
}

.CampStatus td,
.CampHistory td,
.QuickSumTable td,
.RecentTranTable td,
.AHistTranTable td,
.MyOutputs td {
border: none;
border-top: 1px solid #eee;
position: relative;
padding-left: 50% !important;
font-size:14px;
min-height:30px;
vertical-align:middle;
padding-top:6px;
padding-right:6px;
box-sizing:border-box;
white-space: normal !important;
}

.CampHistory td:before,
.CampStatus td:before,
.QuickSumTable td:before,
.RecentTranTable td:before,
.AHistTranTable td:before,
.MyOutputs td:before {
position: absolute;
top: 6px;
left: 6px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
font-size:14px;
text-align:left;
font-weight:bold;
content: attr(data-title);
}

.MobileTable .Col-Dollar,
.MobileTable .Col-Integer,
.MobileTable .Col-Percentage,
.MobileTable .Col-Decimal,
.MobileTable .Col-Number,
.MobileTable .Col-Percentage input,
.MobileTable .Col-Dollar input,
.MobileTable .Col-Integer input,
.MobileTable .Col-Decimal input,
.MobileTable .Col-Number Input,
.MobileTable .Col-Fmt-ANDARWholeNumberFormatter,
.MobileTable .Col-Fmt-ANDARIntegerFormatter,
.MobileTable .Col-Fmt-ANDARDollarAmountFormatter,
.MobileTable .Col-Fmt-ANDARPercentFormatter,
.MobileTable .Col-Fmt-ANDARRealNumberFormatter,
.MobileTable .BioDonorStatisticsTable .Col-Date,
.MobileTable .BioDonorStatisticsTable .Col-MaxGiftMonth,
.MobileTable .BioDonorStatisticsTable .Col-DesignationPercentLabel,
.MobileTable .BioDonorStatisticsTable .Col-DesignationTrendLabel,
.MobileTable .BioDonorStatisticsTable .Col-DesignationAverageLabel,
.MobileTable .BioDonorStatisticsTable .Col-VolCountLabel,
.MobileTable .BioDonorStatisticsTable .Col-VolCountTrendLabel,
.MobileTable .BioDonorStatisticsTable .Col-VolHourLabel,
.MobileTable .BioDonorStatisticsTable .Col-VolHourTrendLabel,
.MobileTable .BioDonorStatisticsTable .Col-EventCountTrendLabel,
.MobileTable .BioDonorStatisticsTable .Col-EventCountLabel,
.CampStatus .Col-Dollar,
.CampStatus .Col-Integer,
.CampStatus .Col-Percentage,
.CampStatus .Col-Decimal,
.CampStatus .Col-Number,
.CampStatus .Col-Percentage input,
.CampStatus .Col-Dollar input,
.CampStatus .Col-Integer input,
.CampStatus .Col-Decimal input,
.CampStatus .Col-Number Input,
.CampStatus .Col-Image,
.CampHistory .Col-Dollar,
.CampHistory .Col-Integer,
.CampHistory .Col-Percentage,
.CampHistory .Col-Decimal,
.CampHistory .Col-Number,
.CampHistory .Col-Percentage input,
.CampHistory .Col-Dollar input,
.CampHistory .Col-Integer input,
.CampHistory .Col-Decimal input,
.CampHistory .Col-Number Input,
.CampHistory .Col-Image,
.QuickSumTable .Col-Dollar,
.QuickSumTable .Col-Integer,
.QuickSumTable .Col-Percentage,
.QuickSumTable .Col-Decimal,
.QuickSumTable .Col-Number,
.QuickSumTable .Col-Percentage input,
.QuickSumTable .Col-Dollar input,
.QuickSumTable .Col-Integer input,
.QuickSumTable .Col-Decimal input,
.QuickSumTable .Col-Number Input,
.QuickSumTable .Col-Image,
.RecentTranTable .Col-Dollar,
.RecentTranTable .Col-Integer,
.RecentTranTable .Col-Percentage,
.RecentTranTable .Col-Decimal,
.RecentTranTable .Col-Number,
.RecentTranTable .Col-Percentage input,
.RecentTranTable .Col-Dollar input,
.RecentTranTable .Col-Integer input,
.RecentTranTable .Col-Decimal input,
.RecentTranTable .Col-Number Input,
.RecentTranTable .Col-Image,
.AHistTranTable .Col-Dollar,
.AHistTranTable .Col-Integer,
.AHistTranTable .Col-Percentage,
.AHistTranTable .Col-Decimal,
.AHistTranTable .Col-Number,
.AHistTranTable .Col-Percentage input,
.AHistTranTable .Col-Dollar input,
.AHistTranTable .Col-Integer input,
.AHistTranTable .Col-Decimal input,
.AHistTranTable .Col-Number Input,
.AHistTranTable .Col-Image,
.MyOutputs .Col-Dollar,
.MyOutputs .Col-Integer,
.MyOutputs .Col-Percentage,
.MyOutputs .Col-Decimal,
.MyOutputs .Col-Number,
.MyOutputs .Col-Percentage input,
.MyOutputs .Col-Dollar input,
.MyOutputs .Col-Integer input,
.MyOutputs .Col-Decimal input,
.MyOutputs .Col-Number Input,
.MyOutputs .Col-Image {
text-align: left;
}

.MyOutputs input[type=checkbox],
.MyOutputs input[type=radio] {
margin: 0;
}

td.Col-Name {
width: auto;
}

.Section-IProfile #nameRow.nameRow .col-sm-9 .form-group,
.Section-IProfile #nameRow.nameRow .col-md-9 .form-group {
width: 100%;
display: block;
margin: 4px 0;
padding: 0;
}

.Section-IProfile #nameRow.nameRow .col-sm-9 .form-group .col-sm-3,
.Section-IProfile #nameRow.nameRow .col-sm-9 .form-group .col-sm-9,
.Section-IProfile #nameRow.nameRow .col-md-9 .form-group .col-md-3,
.Section-IProfile #nameRow.nameRow .col-md-9 .form-group .col-md-9 {
padding-left:0;
padding-right: 0;
}

.Col-Image .btn-group ol {
margin-bottom: 0;
}

nav.PledgeProgress li.DefaultButtons {
font-size: 12px;
font: 700 12px "Roboto Condensed",Arial,sans-serif;
padding: 10px 3px;
}

.home-featured-bgimg, .home-featured-content {
width: 100% !important;
height:auto;
float: none;
}

.home-featured-bgimg {
min-height: 200px;
max-height: 400px;
}

.home-featured-content {
position: static !important;
padding: 1em !important;
}

#SelectDateTable {
margin-left: 0;
}

.PercentSalaryCalc label.col-sm-3,
.IPledgeTable .col-sm-3,
.PercentSalaryCalc label.col-md-3,
.IPledgeTable .col-md-3,
.PercentSalaryCalc .col-sm-9,
.IPledgeTable .col-sm-9,
.PercentSalaryCalc .col-md-9,
.IPledgeTable .col-md-9  {
width: 100%;
max-width: 100% !important;
}

.Navigation .BioTabSelected {
background-color: #f1f1f1;
border-top-left-radius: 0;
border-top-right-radius: 0;
display:block !important;
color:#000000;
padding: 6px 12px 6px 20px !important;
border-radius:0;
}

.Page-BioTab .Navigation table:hover > td.BioTabTitle  {
display:block !important;
}

.Navigation .BioTabTitle a {
border: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
padding: 6px 12px 6px 20px;
}

#BioTabForm .Navigation table,
.Page-Dashboard .Navigation table {
border: 1px solid #cccccc;
display:none;
z-index:10000;
background-color:#ffffff;
position:absolute;
top:28px;
min-width:180px;
}

.Page-Dashboard form,
.Page-BioTab {
position:relative;
}

.Page-Dashboard .DashboardAppDetail .Navigation  {
background-image:none;
width:auto;
height:auto;
position:static;
}

.Navigation .BioTabTitle {
display: block;
width: 100%;
}

.PledgeTypeSelection,
.Page-BioTab .Navigation td {
padding: 0;
}

h2 {
font-size: 22px;
}
}

@media screen and (max-width:420px) {
h1 {
font-size: 20px;
}

h2 {
font-size: 18px;
}

.home-grid-box {
width: 100%;
}

.Page-CybsSACheckout td.Col-Heading,
.Page-CybsSACheckout td.Col-Data {
display:block;
width:100%;
}

.Page-CybsSACheckout td.Col-Heading {
padding: 12px 0 0 0 !important;
}
}