@font-face {
    font-family: 'PermanentMarker';
    src: url("https://broome.unitedwayepledge.org/servlet/eAndar.WebExtDocument/styleimage/65313A4154385A586D794C644D63446143355448757169627A513431707A4466644E75465548356532663337344878/PermanentMarker.ttf");
}

body {
	font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif;
	color: #5f5f5f;
	font-weight: 400;
}

a, a:hover {
    color: #ff5151;
}

div#MainContent i {
    color: #002494;
    font-size: 16px;
}

h1 {
    font-family: 'PermanentMarker' !important;
    font-size: 80px;
    color: #ff5151 !important;
    max-width: 1140px;
    margin: 120px auto 10px auto;
    clear: both !important;
}

h1 p, h1 label {
    font-size: inherit;
}

h2, h3, h4, h5, h6 {
    color: #002494;
    padding-bottom: 10px;
    line-height: 1em;
    text-transform: uppercase;
}

h2 {
	font-size: 34px;
}

h4 {
	font-size: 16px;
	font-weight: 400;
}

.AreaFooter {
	clear:both;
}

.GenericResponsiveTop1 {
    background-color: #6dcff6;
    font-size: 15px;
    font-weight: normal;
    font-style: normal;
    text-transform: uppercase;
    text-decoration: none;
    color: #ffffff;
    position:fixed;
    top:0;
    width: 100%;
    z-index: 10000;
    min-height: 38px;
}

.GenericResponsiveTop1 .container, .GenericResponsiveTop2 .container {
	width: 100%;
	max-width: 100%;
}

.GenericResponsiveTop1 a, .GenericResponsiveTop1 a {
	color: #ffffff;
}

.GenericResponsiveTop2 {
	display: none;
	background-color: #002494 !important;
	position:fixed;
	top: 38px;
	left:0;
	width: 100%;
	z-index: 10001;
}

.GenericResponsive1PArea3, .GenericResponsive1LArea3, .GenericResponsive1NArea3 {
	clear:both;
}

.top-bar {
	margin: 0 10px;
}

#top-info {
	float:left;
	margin: 6px;
}

#top-secondary-menu {
	float:right;
}

#top-secondary-menu ul {
	margin-bottom:0;
}

#top-secondary-menu li {
	display: inline-block;
	list-style: none;
	padding:8px 12px;
}

.top-social-icons i {
	font-size: 16px;
	margin: 5px;
}

#phone, #top-email {
	margin-right: 10px;
}

.fas.fa-phone {
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
}

.GenericResponsiveTop2 .PortletLogo .Logo img {
    max-height: 70px;
    margin: 16px 0;
}

.GenericResponsiveTop2 .PortletMenu {
    margin-top: 30px;
}

.GenericResponsiveTop3 {
    background-size: cover;
    background-repeat: no-repeat;
    padding: 30px 40px;
    min-height: 460px;
    margin-top: 40px;
}

.GenericResponsiveTop3 .PortletLogo, .GenericResponsiveTop2 .PortletLogo {
	float:left;
}

.GenericResponsiveTop3 .PortletMenu, .GenericResponsiveTop2 .PortletMenu {
	float:right;
}

.GenericResponsiveTop3 .PortletLogo .Logo img {
    max-height: 200px;
}

ul.pureCssMenu a, ul.pureCssMenu li.dis a:hover, ul.pureCssMenu li.sep a:hover {
    color: #ffffff !important;
    text-transform: uppercase;
    font-size: 18px !important;
    font: 18px 'Montserrat', Arial;
    font-weight: 400;
    padding: 10px 14px;
}

ul.pureCssMenu ul {
    background-color: #ffffff !important;
    border-top: 4px solid #002494;
    box-shadow: 1px 1px 2px #cccccc;
    padding: 10px;
    min-width: 260px;
}

ul.pureCssMenu ul ul {
	top: -14px;
	left: 102%;
}

ul.pureCssMenu ul a {
	color: #002494 !important;
	font-size: 14px !important;
}

ul.pureCssMenu ul a:hover, ul.pureCssMenu ul li:hover>a {
	color: #3d5bb7 !important;
	font-size: 14px !important;
	font: 14px 'Montserrat', Arial;
	font-weight: 400;
}

ul.pureCssMenu li:hover>a {
    background-color:transparent !important;
    color: #6dcff6 !important;
    font: 18px 'Montserrat', Arial;
}

ul.pureCssMenu li a:hover{
    background-color:transparent  !important;
    font: 18px 'Montserrat', Arial;
    color:  #6dcff6 !important;
}

.GenericResponsiveBottom {
    border-top: 1px solid #002494;
    border-bottom: 1px solid #002494;
    padding-top: 30px;
}

.GenericResponsiveBottom .col-sm-2 {
	flex: 0 0 20%;
     max-width: 20%;
}

.GenericResponsiveBottom ul {
	margin:0;
	padding:0;
}

.GenericResponsiveBottom li {
	list-style:none;
	margin-bottom: 12px;
	line-height: 17px;
}

.GenericResponsiveBottom a, .GenericResponsiveBottom a:hover {
	color:#5f5f5f;
}

.FooterMes {
    float: right;
    margin-top: -6px;
}

.FooterMes i {
	color: #002494;
	font-size: 18px;
	margin: 8px 12px;
}

.GRFooter .container {
	max-width: 100%;
	text-align: center;
	padding: 18px;
}

.col-form-label, b, strong, label, .Col-Heading, .ServiceCategories .Block .BlockDetails .row.Row-Header, .TargetedAgencies .Block .BlockDetails .row.Row-Header, .Highlight, .Col-Highlight, .Classic th, .Report th {
    font-weight: 600;
}

.CommunityCare .Block .BlockDetails .row label, .ServiceCategories .Block .BlockDetails .row label, .TargetedAgencies .Block .BlockDetails .row label, #FederationsSection.Federations .BlockDetails .row .Col-Text.Col-Link a {
    font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif;
    color: #5f5f5f;
}

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

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

nav.PledgeProgress li.ProgressStepCurrent.DefaultButtons {
    background: none !important;
    border: 0 !important;
    /*font-weight: 800 !important;*/
    color: #002494 !important;
}

.ProgressArrow.pledge_arrow.DefaultButtons {
    border: 0 !important;
    padding: 0 18px 0 0 !important;
    font-weight: 400;
    color: #999999 !important;
}

.PledgeProgress {
    margin: 20px 0 50px 0;
}

.DefaultButtons .button {
    display: inline-block;
    margin: 0.4em 0.4em 0.4em 0;
    padding: 0.8em 1.4em 0.6em 1.4em;
    color: #002494;
    font-size: 14px;
    background-color: transparent;
    border: 1px solid #002494;
    outline: none;
    min-width: 100px;
    text-transform: uppercase;
}

.DefaultButtons .button:hover {
	background-color:#002494;
	color: #ffffff;
}

.button1 {
    margin: 48px auto;
    padding: 0.4em 1.4em;
    color: #ffffff;
    font-size: 28px;
    background-color: transparent;
    border: 1px solid #ffffff;
    outline: none;
    min-width: 100px;
    text-transform: uppercase;
    text-align: center;
}

.button1:hover {
	color:#ffffff;
}

.Section-PledgeAddInfo h1 {
	color: #002494 !important;
    padding-bottom: 10px;
    line-height: 1em;
    text-transform: uppercase;
    font-size: 34px;
}

.FlagTable label {
	font-weight: 400;
}

table#VolCalendarTable a, table.EventCalendarTable a {
	color: #5f5f5f;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: transparent;
}

#VolCalendarTable td.Col-Today, #VolCalendarTable td.Col-Today Table td {
    font-weight: 500;
}

.Page-IPledgeDes1 h2, .Page-IPledgeDes2 h2 {
    border-bottom: 0;
    padding-top: 36px;
    padding-bottom: 4px;
}

.PledgeNavigation li, .Navigation li {
    display: inline-block;
}

nav.PledgeConfirmationButtons {
	margin: 20px 0;
}

.GenericResponsiveTop2.fixed {
	display: block !important;
	position: fixed !important;
     width: 100%; 
     -webkit-transition: background-color .8s,color .8s,transform .8s,opacity .8s ease-in-out;
     -moz-transition: background-color .8s,color .8s,transform .8s,opacity .8s ease-in-out;
     transition: background-color .8s,color .8s,transform .8s,opacity .8s ease-in-out;
	background-color: #002494 !important;
	top: 38px;
	left:0;
	z-index: 10001;
}

nav.DIV-NothingButton ol {
	margin-bottom:0;
}

.IPledgeTable {
    max-width: 800px;
}

.DesignationTotals td {
    border: 1px solid #cccccc;
    padding: 6px 14px !important;
}

.Area-GenericResponsive1PArea7, .Area-GenericResponsive1LArea7, .Area-GenericResponsive1NArea7 {
    background-color: #002494;
    color: #ffffff;
    text-transform: uppercase;
    text-align: center;
    padding: 60px 50px;
    height: 100%;
}

.Area-GenericResponsive1PArea8, .Area-GenericResponsive1LArea8, .Area-GenericResponsive1NArea8 {
    background-color: #ff5151;
    color: #ffffff;
    text-transform: uppercase;
    text-align: center;
    padding: 60px 50px;
    height: 100%;
}

.Area-GenericResponsive1PArea9, .Area-GenericResponsive1LArea9, .Area-GenericResponsive1NArea9 {
    background-color: #6dcff6;
    color: #ffffff;
    text-transform: uppercase;
    text-align: center;
    padding: 60px 50px;
    height: 100%;
}

.Area-GenericResponsive1PArea7 p, .Area-GenericResponsive1LArea7 p, .Area-GenericResponsive1NArea7 p, .Area-GenericResponsive1PArea8 p, .Area-GenericResponsive1LArea8 p, .Area-GenericResponsive1NArea8 p, .Area-GenericResponsive1PArea9 p, .Area-GenericResponsive1LArea9 p, .Area-GenericResponsive1NArea9 p {
	font-size: 16px;
	margin: 20px 0 40px 0;
	line-height: 26px;
}

.Area-GenericResponsive1PArea7 .ArticleTitle a, .Area-GenericResponsive1LArea7 .ArticleTitle a, .Area-GenericResponsive1NArea7 .ArticleTitle a,
.Area-GenericResponsive1PArea8 .ArticleTitle a, .Area-GenericResponsive1LArea8 .ArticleTitle a, .Area-GenericResponsive1NArea8 .ArticleTitle a,
.Area-GenericResponsive1PArea9 .ArticleTitle a, .Area-GenericResponsive1LArea9 .ArticleTitle a, .Area-GenericResponsive1NArea9 .ArticleTitle a {
    font-family: 'PermanentMarker' !important;
    font-size: 70px;
    text-align: center !important;
    color: #ffffff;
    text-transform: capitalize;
}

.GRMainPage>.container {
    max-width: 100%;
}

.GRMainContent {
	max-width: 1140px;
	margin: 0 auto;
	padding: 0 0 40px 0;
}

.GRMainBottom .col-md-4 {
    padding-left: 0;
    padding-right: 0;
}

nav.SearchNavigation ol, .Navigation ol {
	margin-bottom:0;
}

.Row-NameSearch .input-group-text {
	padding:0;
}

i.fa.fa-calendar {
    margin: 6px;
}

table.AttendanceFees td, table.AttendanceFees th {
    border: 1px solid #cccccc;
    padding: 4px 8px;
}

.Page-EventAttendance .BlockDetails,
.Area-EventManagement .OccKeyDescription {
	line-height: 30px;
}

.Area-EventManagement .EventLabel, .Area-EventManagement .OccurrenceLabel, .Area-EventManagement .StartsLabel, .Area-EventManagement .EndsLabel, .Area-EventManagement .SubTypeLabel, .Area-EventManagement .StatusLabel, .Area-EventManagement .IndividualLabel, .Area-EventManagement .EventTotalLabel, .Area-EventManagement .EventPaymentLabel, .Area-EventManagement .EventBalanceLabel, .Area-EventManagement .PledgeTotalLabel, .Area-EventManagement .HostLabel, .Area-EventManagement .CompanyLabel {
    width: auto;
    min-width: 160px;
}

.Area-EventManagement  span.RegistrationDateLabel, .Area-EventManagement span.RegistrationTimeLabel {
	display: inline-block;
	min-width: 160px;
	width: auto;
}

table#VolCalendarTable td {
	min-height: 50px;
}

nav.SearchNavigation .DefaultButtons .button {
	margin:0 !important;
}

.GenericResponsiveBottom ul.pureCssMenu a, .GenericResponsiveBottom ul.pureCssMenu li.dis a:hover, .GenericResponsiveBottom ul.pureCssMenu li.sep a:hover {
    color: #5f5f5f !important;
    text-transform: none;
    font-size: 16px !important;
    font: 16px 'Montserrat', Arial;
    padding: 6px 0px;
}

.MenuHeader:before {
    content: none;
}

.DashBoxTitle a {
    color: #002494;
}

table.ANDARMaintenanceHTML th a {
	color: #5f5f5f;
}

a.nav-link.active {
    background: #dddddd;
}

tr.Report-Header {
    line-height: 16px;
}

nav.PledgeConfirmationButtons li {
    display: list-item;
}

.Section-PledgeConfirm .TransactionDetails {
    max-width: 600px;
}
.Menu-Bottom td {
    display: block;
}
.GenericResponsive1PArea8.col-md-4 {
	display: none;
}
.GenericResponsive1PArea7.col-md-4, .GenericResponsive1PArea9.col-md-4 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
.GenericResponsiveTop3 .PortletMenu .PortletHeader {
	cursor: pointer;
}

.Section-NavigateTree {
    margin-bottom: 1em;
}

body .PledgeTypeSelection .TypeSelection-Items input[type="radio"]:checked + span + label.RadioLabel, .PledgeTypeSelection .TypeSelection-Items input[type="radio"]:checked + label.RadioLabel {
    background-color: #002494 !important;
}

.note.WebGreeting.O {
    line-height: 1.9em;
}

a.donate-button {
    padding: 0.9em 1.8em 0.8em 1.8em;
    color: #002494;
    font-size: 36px;
    background-color: transparent;
    border: 1px solid #002494;
    outline: none;
    min-width: 200px;
    max-width: 400px;
    text-transform: uppercase;
    margin: 0px auto 60px auto;
    text-align: center;
    display: block;
}

a.donate-button:hover {
	background-color:#002494;
	color: #ffffff;
}

.row.Row-Odd.Row-349043_213330, .row.Row-Even.Row-174532_213330, .row.Row-Odd.Row-667469_213330, .row.Row-Even.Row-349035_213330 {
    display: none;
}

.form-horizontal div.row div[class^="col-"] {
    margin-bottom: 0;
}

.GenericResponsiveTop3 h1:nth-child(3) {
    display: none;
}

.Col-Date i.fa.fa-calendar {
	margin:0 !important;
}

#NavigationSearch, #SelectedAgendiesTable .input-group-text, .Password.form-group.row .input-group-text {
	padding: .24rem .75rem;
}

.dtree {
    font-family: inherit;
    font-size: 14px;
    margin: 10px 0;
}

.dtree a.nodeSel {
    color: #5f5f5f;
}

nav.Navigation.HorizontalIcons {
    width: auto;
}

.Report-GrandTotal td {
    font-weight: 500;
}

.Page-SinglePageRegPledge .FlagTable {
    display: none;
}

.Page-SinglePageRegPledge .col-sm-3.col-form-label, .Page-SinglePageRegPledge .col-sm-3.col-form-label span,
.Page-UserRegistrationNE  .col-sm-3.col-form-label, .Page-UserRegistrationNE .col-sm-3.col-form-label span {
    flex: 0 0 100%;
    max-width: 100%;
    font-weight: 600 !important;
}

.Page-SinglePageRegPledge .note.SPRPRegNote1 h3, .Page-UserRegistrationNE .note.SPRPRegNote1 h3 {
    padding-bottom: 8px;
    line-height: 1em;
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 600;
    border-bottom: 1px solid #cccccc;
    width: 100%;
    margin: 20px 0;
}

.Page-SinglePageRegPledge .Col-NamePrefix, .Page-SinglePageRegPledge .Col-NameMiddleName, .Page-SinglePageRegPledge .Col-NameSuffix, .Page-SinglePageRegPledge .Col-AddressLine2,
.Page-SinglePageRegPledge .Clear.ClearForm.DefaultButtons,
.Page-UserRegistrationNE .Col-NamePrefix, .Page-UserRegistrationNE .Col-NameMiddleName, .Page-UserRegistrationNE .Col-NameSuffix, .Page-UserRegistrationNE .Col-AddressLine2,
.Page-UserRegistrationNE .Clear.ClearForm.DefaultButtons{
    display: none;
}

.Page-SinglePageRegPledge .BlockDetails .Col-Heading span, .Page-SinglePageRegPledge .Col-Heading.Col-CityLabel,
.Page-UserRegistrationNE .BlockDetails .Col-Heading span, .Page-UserRegistrationNE .Col-Heading.Col-CityLabel{
    font-size: 14px;
    margin-top: 18px;
    font-weight: 400;
}

.Page-SinglePageRegPledge select, .Page-SinglePageRegPledge input[type="text"], .Page-SinglePageRegPledge input[type="email"], .Page-SinglePageRegPledge option,
.Page-UserRegistrationNE select, .Page-UserRegistrationNE input[type="text"], .Page-UserRegistrationNE input[type="email"], .Page-UserRegistrationNE option{
    height: 42px !important;
    padding: 6px 12px;
    background-color: #eeeeee;
    border: 0;
    border-radius: 0;
    box-shadow: 0 0 0;
}

.Page-SinglePageRegPledge textarea {
    padding: 6px 12px;
    background-color: #eeeeee;
    border: 0;
    border-radius: 0;
    box-shadow: 0 0 0;
}

.Page-SinglePageRegPledge .BlockDetails .col-sm-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 100%;
    max-width: 100%;
}

.col-sm-3.col-form-label.Col-Text.Col-PledgeAmount p {
    margin-bottom: 0;
}

.Page-SinglePageRegPledge .form-check.PPXChkout {
	display: none;
}

.IPledgeTable .BlockDetails .note.D, #CCAmountRadios-addon1, #CCPPAmountRadios-addon1 {
    display: none;
}

.Page-SinglePageRegPledge .Col-Heading.Col-CityLabel {
    margin-top: 13px !important;
}

label span:empty {
    display: none;
}

#BillDateComp_BM {
    margin-left: 0;
}

.Page-SinglePageRegPledge .col-sm-3.col-form-label.Col-Heading.Col-IndNameLabel {
	display: none;
}

.Page-SinglePageRegPledge .Col-Heading.Col-HeaderFirstNameLabel .note p, .Col-Heading.Col-HeaderLastNameLabel .note p {
	font-weight: 600 !important;
	font-size: 16px;
}

.Page-SinglePageRegPledge .col-sm-3.col-form-label.IndEMailLabel.Col-Heading.Col-IndEMailLabel,
.Page-SinglePageRegPledge .col-sm-3.col-form-label.Col-Heading.Col-IndAddresseLabel{
	color: white;
}

.Page-SinglePageRegPledge .col-sm-3.col-form-label.IndEMailLabel.Col-Heading.Col-IndEMailLabel::before {
    content: "*Email";
    color:#5f5f5f;
}

.Page-SinglePageRegPledge .col-sm-3.col-form-label.Col-Heading.Col-IndAddresseLabel:before {
	content: "*Address";
	color:#5f5f5f;
}

@media screen and (max-width: 960px){
.GenericResponsiveTop3 .PortletMenu .PortletHeader {
    background-image: url("https://broome.unitedwayepledge.org/servlet/eAndar.WebExtDocument/styleimage/65313A4158456333557A784E617373725F5F57763946596D5553577334586D5077426F4759776F6D41322D4C455044/menu-button.png");
    margin: 20px 18px 10px 0;
    height: 19px;
    width: 24px;
    float: right;
}

.GenericResponsiveTop3 {
    padding: 20px 20px;
    min-height: 160px;
}

.GenericResponsiveTop3 .PortletMenu, .GenericResponsiveTop2 .PortletMenu {
    float: none;
    position: absolute;
    right: 0;
    width: 100%;
}

ul.pureCssMenu, ul.pureCssMenu ul {
    clear: both;
    background-color: #ffffff !important;
    border-top: 4px solid #002494;
    box-shadow: 1px 1px 2px #cccccc;
    padding: 10px;
    min-width: 240px;
    z-index: 20000;
}

ul.pureCssMenu a {
	color: #002494 !important;
	font-size: 14px !important;
}

ul.pureCssMenu li {
    border-bottom: 1px solid #dddddd;
}

ul.pureCssMenu a:hover, ul.pureCssMenu li:hover>a {
	color: #3d5bb7 !important;
	font-size: 14px !important;
	font: 14px 'Montserrat', Arial;
	font-weight: 400;
}

.GenericResponsiveTop3 .PortletLogo .Logo img {
    max-height: 70px;
    margin: 0;
}

ul.pureCssMenu a, ul.pureCssMenu a span, ul.pureCssMenu a:hover, ul.pureCssMenu a:visited, ul.pureCssMenu a:active {
    font-size: inherit;
}

ul.pureCssMenu ul .CSSCloseButton {
    color: #777777;
}

ul.pureCssMenu ul ul {
	top: 40px;
	left: 10%;
}

#top-secondary-menu, span.top-social-icons {
	display: none;
}

#top-info {
    margin: 8px 6px;
}

.GenericResponsiveBottom .col-sm-2 {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 42px;
}

.GenericResponsiveTop2.fixed {
    display: none !important;
}

h1 {
    font-size: 50px !important;
    margin: 70px auto 10px auto;
}
}

@media screen and (max-width: 860px) {
.CampStatus td:before {
    position: absolute;
}

.CampHistory td:before {
    position: absolute;
}

.GenericResponsive1PArea7.col-md-4, .GenericResponsive1PArea9.col-md-4 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.FooterMes {
    float: none;
}

.TableFormDetails .LineIndent0, .TableFormDetails .LineIndent1, .TableFormDetails .LineIndent2, .TableFormDetails .LineIndent3, .TableFormDetails .LineIndent4, .TableFormDetails .LineIndent5 {
    padding: 0 15px !important;
}
}

@media screen and (max-width: 764px) {
.Page-SinglePageRegPledge .BlockDetails .col-sm-3.col-form-label, .Page-SinglePageRegPledge .BlockDetails .col-sm-9 {
    padding-left: 0;
    padding-right: 0;
}
}

@media screen and (max-width: 600px) {
#top-info {
    margin: 10px 0;
}

.top-bar {
	margin: 0;
}

.GenericResponsiveTop1 {
    font-size: 12px;
}

#phone, #top-email {
    margin-right: 2px;
}

.GenericResponsiveTop1 .container {
    padding-right: 6px;
    padding-left: 6px;
}

.Area-GenericResponsive1PArea7, .Area-GenericResponsive1LArea7, .Area-GenericResponsive1NArea7,
.Area-GenericResponsive1PArea8, .Area-GenericResponsive1LArea8, .Area-GenericResponsive1NArea8,
.Area-GenericResponsive1PArea9, .Area-GenericResponsive1LArea9, .Area-GenericResponsive1NArea9 {
    padding: 40px 4px;
}

.note.WebGreeting div {
	width: 100% !important;
}
}