/*Table of Contents*/
/*Fonts*/
/*Top Level CSS*/
/*Top Border + logo*/
/*Page Containers*/
/*Page Title*/
/*Pledge Process*/
/*Pledge Content*/
/*Right Side Content*/
/*Cyber Soruce*/

/*Fonts*/
@font-face {
    font-family: 'born_readyregular';
    src: url('andar:dbImage?file=bornreadyttf-webfont.woff2&style=UWBroward-SPRP-INIT') format('woff2'),
         url('https://portal.unitedwaybroward.org/epledge/servlet/eAndar.WebExtDocument/styleimage/65313A41644E6A53334E7073734A5A6A41493133695745786F79557555466C64376D6578505031646D5630535361556941/bornreadyttf-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'league_gothicregular';
    src: url('andar:dbImage?file=leaguegothic-regular-webfont.woff2&style=UWBroward-SPRP-INIT') format('woff2'),
         url('https://portal.unitedwaybroward.org/epledge/servlet/eAndar.WebExtDocument/styleimage/65313A4151304439537868433930546E30335A517431575557757476534379446D764B7930345361366A79436F596D5677/leaguegothic-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
/*Fonts END*/

/*Top Level CSS*/
html, body {
	background: url('https://portal.unitedwaybroward.org/epledge/servlet/eAndar.WebExtDocument/styleimage/65313A41644A7331445232374B795832596E39396838303975426F6F5A4E5668584B594247346B446E722D654251575477/FIGHT_Homeless_MIA_0170.jpg') center no-repeat fixed;
    background-size: cover;
}
body.BodyClass {
    border-left: 2em solid #fff;
    border-right:  2em solid #fff;
}
.GenericMainBody,
.GenericResponsiveTop2,
.GenericResponsiveTop3 {
    background: transparent;
}
.Block, .BlockHeader, .InstructionHeader, .WarningHeader, .ErrorHeader, .TreeHeader {
    margin: 0;
    padding: 0;
}
.MenuHeader:before {
    display: none;
}
.GenericResponsiveBottom {
    position: fixed;
    bottom: 0;
    height: 2em;
    background: #fff;
    width: 100%;
}
.GRFooter {
    text-align: center;
    position: fixed;
    bottom: 0.25em;
    width: 100%;
}
.GRFooter1, .GRFooter1 font, .GRFooter1 MainStyle, .GRFooter1 a {
    font-size: 12px;
    color: #ccc;
}

.Page-CybsSACheckout h2 {
    margin: 1em auto;
    width: 90%;
     display: none;
}
.Section-Survey {
    display: none;
}
/*Top Level CSS END*/

/*Top Border + logo*/
.GenericResponsiveTop1 {
    position: fixed;
    top: 0;
    left: 0em;
    width: 100%;
    border-top: 2em solid #fff;
	z-index: 5;
}
.GenericResponsiveTop1 .container {
    width: 100%;
}
.PortletLogo .Logo img {
    margin: 0 0 0 1em;
}
/*Top Border + logo END*/

/*Page Containers*/
.GRMainPage {
    padding-top: 6em;
}
.GRMainPage .container {
    display: flex;
}
.GRMainTop {
    display: none;
}
.GRMainContent {
    background: #fff;
    margin: 0;
    width: 50%;
    flex-grow: 1;
    margin-bottom: 150px;
}
.GRMainBottom.row {
    flex-grow: 1;
    width: 50%;
    margin: 0;
    padding-top: 8em;
}
/*Page Containers END*/

/*Page Title*/
.Page-SinglePageRegPledge h2, 
.Page-SinglePageRegPledge h2 p {
    font-size: 2em;
    color: #4f9ccf;
}
.Page-SinglePageRegPledge h2 p {
    text-transform: uppercase;
    font-family: league_gothicregular;
	text-align: center;
	    margin: 0;
}
.Page-SinglePageRegPledge h2 span {
    font-family: born_readyregular;
    text-transform: lowercase;
}
#PledgePaymentInfo .BlockHeader {
    display: none;
}
#PledgePaymentInfo .radio {
    display: none;
}
/*Page Title END*/

/*Pledge Process*/
.note.SPRPPlgTop p {
    display: none;
}
ul#pledge-process {
    margin: 2em 0 0 0;
    padding-left: 0;
    list-style: none;
    display: flex;
}
ul#pledge-process li {
    flex-grow: 1;
    text-align: center;
    text-transform: uppercase;
    font-family: league_gothicregular;
    font-size: 2em;
    color: #4f9ccf;
}
ul#pledge-process li.active {
    color: #fff;
    background: #4f9ccf;
     position: relative;
}
ul#pledge-process li.active:after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 40px 25px;
  border-color: transparent transparent #fff transparent;
}
ul#pledge-process li:nth-child(2).active {
    background: #3486bc;
}
ul#pledge-process li:nth-child(2).active:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: -25px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0px 0 40px 25px;
    border-color: transparent transparent #3486bc transparent;
}
ul#pledge-process li:nth-child(3).active {
    background: #2f7aac;
}
ul#pledge-process li:nth-child(3).active:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: -25px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0px 0 40px 25px;
    border-color: transparent transparent #2f7aac transparent;
}
ul#pledge-process li:nth-child(3).active:after {
	display: none;
}
#RecurError {
    clear: both;
    font-size: 1em;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 1em;
    text-transform: uppercase;
    font-family: league_gothicregular;
    margin: 0;
    font-size: 1.5em;
    font-weight: 300;
}
.rrFrequency {
    clear: both;
}
.RecurPledgeCC {
    margin: 0 auto;
/*
    width: 90%;
*/
}
.RecurPledgeCC h2 p {
    font-size: 1.1em;
    text-align: left;
}
.rrRepeat label {
    display: block;
    float: none;
    width: 100%;
    font-family: league_gothicregular;
    text-align: center;
    margin: 0;
    font-size: 1.35em;
    font-weight: 300;
    color: #969696;
}
.rrRepeat label input {
    margin-right: 8px;
}
.rrRepeat label + div {
    display: none;
}
#div-rrCreateForm {
    margin: 10px;
}
.rrFrequency label,
.rrStartDate label,
.rrFrequency label + div,
.rrStartDate label + div {
    display: block;
    width: 100%;
    float: none;
}
.rrFrequency label,
.rrStartDate label {
    text-transform: uppercase;
    font-family: league_gothicregular;
    color: #4f9ccf;
    margin: 0;
    font-size: 1.75em;
    font-weight: 300;
}
.rrFrequency label + div select,
.rrStartDate label + div input {
    height: 60px;
    border-radius: 0;
    border: 4px solid #969696;
    font-family: league_gothicregular;
    font-size: 2em;
    padding: 0.25em;
    color: #969696;
}
.BlockErrorDetails {
/*
    position: absolute;
*/
    z-index: 8;
    background: LEMONCHIFFON;
    width: 100%;
    padding: 1em;
    font-size: 14px;
}
.BlockErrorDetails #error-close {
    float: right;
    padding: 0.25em;
    cursor: pointer;
}

/*Pledge Process END*/

/*Pledge Content*/
form#RegisterForm section.Block {
    position: relative;
}
#PledgePaymentInfo {
/*
    position: absolute;
    top: 10em;
    left: 0;
*/
    background: #fff;
    padding: 2em 2.5em 4em 2.5em;
}
form#RegisterForm section.Block section.BlockDetails {
/*
    position: absolute;
    top: 10em;
    left: 0;
*/
    background: #fff;
    padding: 2em 2.5em 0em 2.5em;
}
#PledgePaymentInfo {
    padding-top: 2em;
	padding-bottom: 4em;
    margin-bottom: 4em;
    z-index: 5;
}
form#RegisterForm section.Block section.BlockDetails {
    /*
    margin-bottom: 4em;
    */
}
form#RegisterForm section.Block footer.BlockFooter {}
#PledgePaymentInfo hr {
    display: none;
}
#GiveButtonContainer {
    margin: 0 auto;
    width: 90%;
}
#GiveButtons {
    display: flex;
    flex-wrap: wrap;
}
.GiveButton {
    flex-grow: 1;
    width: 33%;
}
.GiveButton a {
    text-align: center;
    background: #eb6f0a;
    color: #fff;
    display: block;
    margin: 0.25em;
    font-family: league_gothicregular;
    font-size: 3em;
}
.GiveButton a:focus, 
.GiveButton a:hover,
.GiveButton a.active {
    text-decoration: none;
    background: #4f9ccf;
}
.GiveButton.last-child {
    max-width: 33%;
}
#CCAmountRadios {
    flex-grow: 1;
    width: 66%;
}
#CCAmountRadios span.input-group-addon {
    display: none;
}
#CCAmountRadios input#ccAmountDisplay {
    max-width: 94.5%;
    height: 60px;
    margin: 10px;
    border-radius: 0;
    border: 4px solid #969696;
    font-family: league_gothicregular;
    font-size: 2em;
    padding: 0.25em;
    color: #969696;
}
#CCAmountRadios .input-group {
    width: 100%;
}

#CCPayment header, 
#CCPayment .Row-PledgeAmount label {
    display: none;
}
#CCPayment .Row-PledgeAmount label + .col-sm-9,
#CCPayment .Row-PledgeAmount label + .col-sm-9 input {
    min-width: 100%;
}
.FlagTable {
margin: 10px;
}
label,
label.FlagText p  {
    font-family: league_gothicregular;
    font-size: 18px;
    color:#969696;
        font-weight: 300;
}
#PledgePaymentInfo .BlockFooter {
	margin: 0 auto;
    width: 90%;
}
#landing-buttons {
    margin: 10px;
}
#landing-buttons div,
#name-proceed,
nav.form-group.Navigation li.Confirm.Confirm a {
    border: 3px solid #eb6f0a;
    padding: 0.5em;
    margin-bottom: 0.5em;
    text-transform: uppercase;
    font-family: league_gothicregular;
    font-size: 1.75em;
    padding-left: 3em;
    letter-spacing: 1px;
    cursor: pointer;
}
#landing-proceed {
    background: #eb6f0a no-repeat;
    color: #fff;
    background-image: url('https://portal.unitedwaybroward.org/epledge/servlet/eAndar.WebExtDocument/styleimage/65313A4163657464715F42584F69735857693946495853326F48795273484859383243715A68787A4B6F6B7935344D5141/up-hand-drawn-arrow_1563376%20copy%2020.png');
    background-position-y: center;
    background-position-x: 0.5em;
}
#tribute-gift {
    background: #fff no-repeat;
    background-image: url('https://portal.unitedwaybroward.org/epledge/servlet/eAndar.WebExtDocument/styleimage/65313A41537732334461446630414A704E676C42786173696242675263374A796F6C796A5738396B533943583052446E77/up-hand-drawn-arrow_1563376%20copy%2022.png');
    background-position-y: center;
    background-position-x: 0.5em;
    color: #eb6f0a;
}
#name-buttons {
}
#name-proceed {
    text-align: center;
    padding-left: 0.5em;
    background: #eb6f0a no-repeat;
    color: #fff;
    background-image: url('https://portal.unitedwaybroward.org/epledge/servlet/eAndar.WebExtDocument/styleimage/65313A4163657464715F42584F69735857693946495853326F48795273484859383243715A68787A4B6F6B7935344D5141/up-hand-drawn-arrow_1563376%20copy%2020.png');
    background-position-y: center;
    background-position-x: 6.5em;
}

form#RegisterForm section.Block section.BlockDetails label.control-label {
    display: block;
    width: 100%;
}
form#RegisterForm section.Block section.BlockDetails label.control-label + .col-sm-9 {
    display: block;
    width: 100%;
}
form#RegisterForm section.Block section.BlockDetails input,
form#RegisterForm section.Block section.BlockDetails select {
    background: #f2f2f2;
    border-radius: 0;
    border: 0;
    box-shadow: none;
    font-size: 1.25em;
    height: auto;
}
form#RegisterForm section.Block section.BlockDetails .col-sm-offset-3.col-sm-9 {
    margin-left: 0;
    width: 100%;
}

form#RegisterForm section.Block footer.BlockFooter,
.UserRegistrationSecCode,
.UserRegistrationSecCode + .note,
nav.form-group.Navigation {
    margin: 0 auto;
    width: 90%;
    margin-bottom: 1em;
}
nav.form-group.Navigation li.Confirm.Confirm a {
	width: 100%;
    border: 0;
    outline: none;
    box-shadow: none;
    padding-left: 0.5em;
    text-align: center;
    padding-left: 0.5em;
    background: #eb6f0a no-repeat;
    color: #fff;
    background-image: url('https://portal.unitedwaybroward.org/epledge/servlet/eAndar.WebExtDocument/styleimage/65313A4163657464715F42584F69735857693946495853326F48795273484859383243715A68787A4B6F6B7935344D5141/up-hand-drawn-arrow_1563376%20copy%2020.png');
    background-position-y: center;
    background-position-x: 6.5em;
}
nav.form-group.Navigation li.Clear.ClearForm {
    display: none;
}
/*Pledge Content END*/

/*Right Side Content*/
.GRMainBottom .LFArea {
    position: fixed;
    max-width: 500px;
}
.GRMainBottom.row .col-md-4 {
    display: block;
    width: 100%;
}
#landing-right h1 {
    background: #4f9ccf;
    color: #fff;
    font-size: 4em;
    padding: 0.25em;
    text-transform: uppercase;
    font-family: league_gothicregular;
    display: inline-block;
    margin: 0;
}
#landing-right h2 {
    background: #eb6f0a;
    color: #fff;
    font-size: 3em;
    padding: 0.25em;
    text-transform: uppercase;
    font-family: league_gothicregular;
    display: inline-block;
    margin: 0;
}
#landing-right .right-desc {
    background: #fff;
	color: #757575;
    font-size: 1.25em;
    padding: 2em;
    font-weight: bold;
    margin-top: 1.5em;
	background: url('https://portal.unitedwaybroward.org/epledge/servlet/eAndar.WebExtDocument/styleimage/65313A415552615F32336B475F586F4C593636797552506445675A7746325F6D475F41685F4135694C73335F3049637767/right-bg.png') center;
	background-size: cover;
	overflow: auto;
}
#landing-right .right-desc h3 {
    margin-top: 0;
    font-family: league_gothicregular;
    font-size: 2em;
    color: #4f9ccf;
}
.impact-amount {
    float: left;
    width: 30%;
    font-size: 3em;
    font-family: league_gothicregular;
    font-weight: 300;
    border-right: 3px solid #ccc;
    padding: 0.25em 0;
}
.impact-desc {
    padding-left: 1em;
    float: left;
    width: 70%;
}
.impact-desc p, .impact-desc p span {
font-weight: bold !important;
    color: #757575 !important;
    font-size: 16px !important;
    font-size: inherit !important;
    margin: 0;
}
h3.thankyou {
    text-align: center;
    font-family: born_readyregular !important;
    font-size: 4.75em !important;
    margin-top: 0.25em !important;
}
/*Right Side Content END*/

/*Cyber Soruce*/
#cyber-heading h1 {
    padding: 0.35em 0;
    font-size: 56px;
    text-transform: uppercase;
    font-family: league_gothicregular;
	text-align: center;
    margin: 0;
    color: #4f9ccf;
}
#cyber-heading h1 span {
    font-family: born_readyregular;
    text-transform: lowercase;
}
#cyber-heading + script + h1 {
    display: none;
}
td.BillingInfo,
td.CreditInfo {
    font-size: 30px;
    text-transform: uppercase;
    font-family: league_gothicregular;
    padding: 0;
}
.Section-ePayment .BlockDetails {
    margin: 0 auto;
    width: 90%;
}
.Section-Reference .BlockDetails {}
.Section-BillInfo .BlockDetails table {
    width: 100%;
}
.Section-BillInfo .BlockDetails table input, 
.Section-BillInfo .BlockDetails table select,
.Section-PaymentDtl .BlockDetails table input, 
.Section-PaymentDtl .BlockDetails table select {
    width: 100%;
    border-radius: 0;
    background: #f2f2f2;
    border: 0;
    box-shadow: none;
    margin-bottom: 1em;
}
.Section-BillInfo .BlockDetails table td,
.Section-PaymentDtl .BlockDetails table td {
    display: table;
    width: 100% !important;
    padding: 10px !important;
}
.Section-Reference .BlockDetails td.Col-Heading,
.Section-BillInfo .BlockDetails table td.Col-Heading,
.Section-PaymentDtl .BlockDetails table td.Col-Heading {
    font-weight: bold;
}
tr.Row-Entry.Row-bill_to_forename, 
tr.Row-Entry.Row-bill_to_surname {
    width: 49%;
    float: left;
}
tr.Row-Entry.Row-bill_to_forename {
    margin-right: 1%;
}
tr.Row-Entry.Row-bill_to_surname {
    margin-left: 1%;
}
.Section-PaymentDtl .BlockDetails table {
    width: 100%;
}
.Section-PaymentDtl .BlockDetails table input, 
.Section-PaymentDtl .BlockDetails table select {
    width: 100%;
}
tr.Row-Entry.Row-card_expiry_date {
    overflow: auto;
}
select#card_expiry_date_mm,
select#card_expiry_date_yyyy {
    width: 23.5%;
    float: left;
}
select#card_expiry_date_yyyy {
    margin-left: 1%;
}

.Section-Reference .BlockDetails td {
    width: 50%;
}
.Section-Reference .BlockDetails table {
    width: 100%;
}
.Section-ePayment .BlockFooter,
.Page-CybsSACheckout nav.PledgeNavigation {
    margin: 0 auto;
    width: 80%;
}
.Page-CybsSACheckout nav.PledgeNavigation a.button,
.Page-CybsSAClose nav.PledgeNavigation a.button {
    width: 100%;
    border: 0;
    outline: 0;
    text-transform: uppercase;
    font-family: league_gothicregular;
    font-size: 25px;
    text-align: center;
    background: #eb6f0a no-repeat;
    color: #fff;
    background-image: url('http://10.80.108.122:8080/eCommunity/servlet/eAndar.WebExtDocument/styleimage/60553B484A5C424629237E3E/up-hand-drawn-arrow_1563376%20copy%2020.png');
    background-position-y: center;
    background-position-x: 5.5em;
}
.Page-CybsSACheckout nav.PledgeNavigation a.button:hover,
.Page-CybsSAClose nav.PledgeNavigation a.button:hover {
    box-shadow: none;
}
/*Cyber Soruce END*/

/*Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
.GRMainContent {
    width: 100%;
    margin-bottom: 0;
}
.GRMainBottom.row {
    width: 100%;
    margin-bottom: 10em;
}
.GRMainPage .container {
    display: block;
}
#PledgePaymentInfo {
    padding: 0;
}
.GRMainBottom .LFArea {
    position: relative;
    max-width: 100%;
}
.GiveButton {
    width: 50%;
}
.GiveButton.last-child {
    max-width: 50%;
}
#CCAmountRadios {
    width: 50%;
}
#CCAmountRadios input#ccAmountDisplay {
    max-width: 85%;
}
#PledgePaymentInfo .BlockFooter {
    padding-bottom: 1em;
}
}.windowheader, .HeaderCompTable {
    display: none;
}

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

.GRMainBottom.row .GenericResponsive1LArea7.col-md-4, .GRMainBottom.row .GenericResponsive1LArea8.col-md-4 {
    display: none;
}

.Page-SinglePageRegPledge  #CCAmountRadios input#ccAmountDisplay {
    padding: 32px;
}

.Page-SinglePageRegPledge #CCAmountRadios .input-group-prepend {
    display: none;
}

nav.form-group.Navigation li.Confirm.Confirm a {
    background-position-x: 5.8em;
}

.Page-SinglePageRegPledge h2 {
    padding: 12px 6px 0px 6px;
}

.Page-SinglePageRegPledge h2, .Page-SinglePageRegPledge h2 p {
    font-size: 1.8em;
}

.Page-SinglePageRegPledge  ul#pledge-process li {
    font-size: 1.7em;
}

.Page-SinglePageRegPledge  #CCAmountRadios input#ccAmountDisplay {
    padding: 32px;
}

.Page-SinglePageRegPledge  #CCAmountRadios .input-group-prepend {
    display: none;
}

nav.form-group.Navigation li.Confirm.Confirm a {
    background-position-x: 5.8em;
}