/* V2 FORM CHOOSER */
section.ggeFormChooser .ggeTabList {}
section.ggeFormChooser .ggeTabList .ggeTabListItem {
  width: calc(50% - 1em); // set the width of individual tabs ex. 50% for 2 tabs, 30% for 3, 20% for 4 etc.
  margin-right: .5em;
}
section.ggeFormChooser .ggeTabList .ggeTabListItem:last-of-type { margin-right:0;}
section.ggeFormChooser .ggeTabList .ggeTabListItem.ggeTabListItem--selected {}
section.ggeFormChooser .ggeTabList .ggeTabListItem button {
  border: none;
  border-radius: 5px;
  font-size: 1.2em;
  font-weight: bold;
  line-height: 1.1;
  white-space: nowrap;
  background: transparent;
  color: #228AE6;
  border: 1px solid #228AE6;
  margin: 0  0 16px;
  padding: 16px 8px;
  width: 100%;
  text-align: center;
}
section.ggeFormChooser .ggeTabList .ggeTabListItem.ggeTabListItem--selected button {
  color: #FFFFFF;
  background-color: #364D63;
  border-color: #364D63;
}
section.ggeFormChooser .ggeTabPanelContainer {
  border: none;
  border-radius: 0;
  padding: 0;
}

/* V2 - Form scope */
section.ggeWidget form[id],
section.ggeWidget form[id] .ggePage > .ggeColumn { width: 100%;}

section.ggeWidget form[id] .ggeSection.ggeSection--donation fieldset[id],
section.ggeWidget form[id] .ggeSection.ggeSection--donation fieldset[id] > .ggePrompts .ggePrompt,
section.ggeWidget form[id] .ggeSection.ggeSection--donation fieldset[id] > .ggePrompts .ggePrompt .ggePrompt__label { display: block;}
section.ggeWidget form[id] .ggeSection.ggeSection--donation fieldset[id] .ggePrompts {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-column-gap: 1em;
  justify-items: stretch;
}
section.ggeWidget.v2-installment form[id] .ggeSection.ggeSection--donation fieldset[id] .ggePrompts { grid-template-columns: 1fr 1fr 1fr 1fr;
}
section.ggeWidget form[id] .ggeSection.ggeSection--donation fieldset[id] > .ggePrompts .ggePrompt__other { grid-column: span 1;}
section.ggeWidget form[id] .ggeSection.ggeSection--donation fieldset[id] > .ggePrompts .ggePrompt { margin-bottom: 0;}
section.ggeWidget form[id] .ggeSection--donation .ggePrompt .ggePrompt__radio { display: none;}

section.ggeWidget form[id] .ggeSection--donation .ggePrompt .ggePrompt__label > label {
	display: block;
	margin: 0;
	padding: .5em 0;
	border: 1px solid #364D63;
	border-radius: 5px;
  background: transparent;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.3;
	white-space: nowrap;
	color: #364D63;
	min-width: unset;
  width: calc(100% - 2px);
	text-align: center;
}
section.ggeWidget form[id] .ggeSection--donation .ggePrompt .ggePrompt__label > label:hover {
  color: white;
  background-color: #364D63;
  border-color: #364D63;
}
section.ggeWidget form[id] .ggeSection--donation .ggePrompt.ggePrompt--checked .ggePrompt__label > label,
section.ggeWidget form[id] .ggeSection--donation .ggePrompt.ggePrompt--checked .ggePrompt__label > label:hover {
  color: white;
  background-color: #228AE6;
  border-color: #228AE6;
}
section.ggeWidget form[id] .ggeSection.ggeSection--donation fieldset[id] > .ggePrompts .ggePrompt__other .ggePrompt.ggePrompt--checked { margin-bottom: 0;}
/* HIDE OTHER TEXT INPUT & CAPTION BY DEFAULT */
section.ggeWidget form[id] .ggeSection--donation fieldset[id] > .ggePrompts .ggePrompt__other:not(.ggePrompt--checked) .ggePrompt:last-of-type .ggePrompt__label > input.ggeQuestion--money,
section.ggeWidget form[id] .ggeSection--donation fieldset[id] > .ggePrompts .ggePrompt__other:not(.ggePrompt--checked) .ggePrompt:last-of-type .ggePrompt__label > span.ggeQuestion__caption {
  clip: rect(0 0 0 0);
  height: 1px;
  overflow: hidden;
  position: absolute;
  top: auto;
  white-space: nowrap;
  width: 1px;
}

/* SHOW OTHER TEXT INPUT WHEN SELECTED */
section.ggeWidget form[id] .ggeSection--donation fieldset[id] > .ggePrompts .ggePrompt__other.ggePrompt--checked .ggePrompt:first-of-type .ggePrompt__label { display:none;}
section.ggeWidget form[id] .ggeSection--donation fieldset[id] > .ggePrompts .ggePrompt__other.ggePrompt--checked .ggePrompt:last-of-type > .ggePrompt__label > input.ggeQuestion--money,
section.ggeWidget form[id] .ggeSection--donation fieldset[id] > .ggePrompts .ggePrompt__other:not(.ggePrompt--checked) > .ggePrompt--checked + .ggePrompt:last-of-type > .ggePrompt__label > input.ggeQuestion--money {
  clip: unset;
  height: auto;
  overflow: unset;
  position: unset;
  top: auto;
  display: block;
	margin: 0;
	padding: .5em;
	border: 1px solid #228AE6;
	border-radius: 5px;
  background-color: #228AE6;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.3;
	white-space: nowrap;
	color: white;
	min-width: unset;
  width: calc(100% - 1em - 2px);
	text-align: center;
}
section.ggeWidget form[id] .ggeSection--donation fieldset[id] > .ggePrompts .ggePrompt__other.ggePrompt--checked .ggePrompt:last-of-type > .ggePrompt__label > input.ggeQuestion--money:active,
section.ggeWidget form[id] .ggeSection--donation fieldset[id] > .ggePrompts .ggePrompt__other.ggePrompt--checked .ggePrompt:last-of-type > .ggePrompt__label > input.ggeQuestion--money:focus
{
  background-color: #ffffff !important;
	color: #1E201F !important;
  box-shadow: 0 0 5px rgba(3, 163, 80, 1) !important;
	border-color: #03A350 !important;
}
/* PAYMENT PLAN SECTION */
section.ggeWidget form[id] .ggeSection.ggeSection--donation section.ggePaymentPlan { margin-top: 1.5em;}
section.ggeWidget form[id] .ggeSection.ggeSection--donation section.ggePaymentPlan .ggePrompts > .ggePrompt--ongoingOption {}
section.ggeWidget form[id] .ggeSection.ggeSection--donation section.ggePaymentPlan .ggePrompts > .ggePrompt--ongoingOption select { width:auto;}
section.ggeWidget form[id] .ggeSection.ggeSection--donation section.ggePaymentPlan .ggePrompt__label > label,
section.ggeWidget form[id] .ggeSection.ggeSection--donation section.ggePaymentPlan .ggePrompt__label > label:hover  {
  border:none;
  border-radius:0px;
  background-color: transparent;
  color:#4D4D4D;
  font-size:1em;
}
section.ggeWidget form[id] .ggeSection.ggeSection--donation section.ggePaymentPlan .ggePrompt__label span.ggePaymentPlan--installmentOption__interval > label { padding-left:0;}
section.ggeWidget form[id] .ggeSection.ggeSection--donation section.ggePaymentPlan .ggePrompt__label > label .ggePaymentPlan--installmentOption__interval select[id] { width:calc(33% - 1.5em - 2px); margin-right:1em;}
section.ggeWidget form[id] .ggeSection.ggeSection--donation section.ggePaymentPlan .ggePrompt__label > label .ggePaymentPlan--installmentOption__interval select[id]:last-of-type { margin-right:.25em;}

/* MULTI-GIVE */
section.ggeWidget form[id] .ggeDc { width:100%;}
section.ggeWidget form[id] .ggeDc .ggeDc__row--header .ggeDc__cell { font-weight: bold;}
section.ggeWidget form[id] .ggeDc .ggeDc__row--header .ggeDc__cell:nth-last-child(2) { width:calc(10em - 16px);}
section.ggeWidget form[id] .ggeDc .ggeDc__row--header .ggeDc__cell.ggeDc__cell:last-child { width:2em;}
section.ggeWidget form[id] .ggeDc .ggeDc__row--subtotal .ggeDc__cell { font-size: 1.2em; font-weight: bold;}
section.ggeWidget form[id] .ggeDc button.ggeButton { width:42px;height:42px;font-size: 1.75em;padding: 0;}
section.ggeWidget form[id] .ggeDc button.ggeButton--deleteDc:hover {
  border-color: #C71E18;
  background-color: #C71E18;
  color: #FFFFFF;
}
section.ggeWidget form[id] .ggeDc button.ggeButton--addDc:hover {
  border-color: #269E32;
  background-color: #269E32;
  color: #FFFFFF;
}

/* RADIO BUTTON PROMPTS IN PROFILE & QUESTION SECTIONS */
section.ggeWidget form[id] .ggeSection:not(.ggeSection--askArray) .ggeQuestion--mcsr fieldset[id] .ggePrompts {
  display:block;
  width: 100%;
}
section.ggeWidget form[id] .ggeSection:not(.ggeSection--askArray) .ggeQuestion--mcsr fieldset[id] legend {
  padding-inline-start: 0;
  padding-inline-end: 0;
}
section.ggeWidget form[id] .ggeSection:not(.ggeSection--askArray) .ggeQuestion--mcsr fieldset[id] .ggePrompt__radio {
  padding: 0 .5em 0 0;
}

/* CONDENSED PROFILE SECTION */
section.ggeWidget form[id] section.ggeSection--profile {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
	grid-column-gap: 1.5rem;
	justify-items: stretch;
}
/** SET HEADER AND PROGFILE QUESTIONS DEFAULT COLUMN SPAN **/
section.ggeWidget form[id] .ggeSection--profile header,
section.ggeWidget form[id] .ggeSection--profile .ggeQuestion { grid-column: 1/-1;}

/** SET ALTERNATE COLUMN SPAN & POSITIONING FOR SPECIFIC QUESTIONS WITH CUSTOM CSS CLASSNAMES **/
section.ggeWidget form[id] .ggeSection--profile .ggeQuestion:first-of-type,
section.ggeWidget form[id] .ggeSection--profile .ggeQuestion:nth-of-type(2) { grid-column: span 3;}
section.ggeWidget form[id] .ggeSection--profile .ggeQuestion:nth-of-type(3) { grid-column: span 6;}

/** MAILING ADDRESS QUESTION AS GRID **/
section.ggeWidget form[id] .ggeSection .ggeAddress {
	grid-column: 1/-1;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-column-gap: 1.5rem;
	justify-items: stretch;
}
section.ggeWidget form[id] .ggeSection .ggeAddress.ggeHidden,
section.ggeWidget form[id] .ggeSection .ggeAddress.ggeAlwaysHidden { display:none;}
section.ggeWidget form[id] .ggeSection .ggeAddress > .ggeQuestion { grid-column: span 1;}
section.ggeWidget form[id] .ggeSection .ggeAddress .ggeAddress__country { grid-column: 1/-1;}
section.ggeWidget form[id] .ggeSection .ggeAddress .ggeAddress__street1 { grid-column: 1/span 2;}

section.ggeWidget form[id] ggeQuestion.ggeSection--donation .ggePrompt__other .ggeQuestion__caption { display: none !important; }

/* GENERAL LABELS */
section.ggeWidget form[id] .ggePrompt .ggePrompt__label > label {
  margin: 8px 16px 0 0;
  cursor: pointer;
  padding: 16px 8px 0 0;
  display: inline-block;
}
section.ggeWidget form[id] .ggeQuestion__field .ggeQuestion__error { padding-top:.5em;}

/* CONDENSED PAYMENT SECTION */
section.ggeWidget form[id] section.ggeSection--payment {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
	grid-column-gap: 1.5rem;
	justify-items: stretch;
}

/* FULL WIDTH PAYMENT SECTION ITEMS */
section.ggeWidget form[id] section.ggeSection--payment header,
section.ggeWidget form[id] section.ggeSection--payment .ggeQuestion.ggeQuestion--buttons,
section.ggeWidget form[id] section.ggeSection--payment .ggeQuestion.ggePayment--paypal,
section.ggeWidget form[id] section.ggeSection--payment .ggeQuestion.ggeQuestion--instructions { grid-column: span 6;}

/* PAYMENT BUTTONS */
section.ggeWidget form[id] section.ggeSection--payment .ggeQuestion.ggeQuestion--buttons .ggeQuestion__field { padding-bottom: .5em;}
section.ggeWidget form[id] section.ggeSection--payment .ggeQuestion.ggeQuestion--buttons fieldset[id] { text-align: left;}
section.ggeWidget form[id] section.ggeSection--payment .ggeQuestion.ggeQuestion--buttons fieldset[id] legend { display:block; margin-bottom: 16px;}
section.ggeWidget form[id] section.ggeSection--payment .ggeQuestion.ggeQuestion--buttons fieldset[id] .ggePrompts > .ggePrompt:last-of-type { padding-right: 0;}
section.ggeWidget form[id] .ggeQuestion--buttons.ggeQuestion[class] .ggePrompt__label:not(last-of-type) {
	background: transparent;
	border: none;
	padding: 0;
	margin: 0 0.5em 0 0;
}
section.ggeWidget form[id] .ggeQuestion--buttons.ggeQuestion[class] .ggePrompt__label > label {
	margin: 0;
	border: 1px solid #364D63;
  border-radius: 5px;
	padding:.5em;
  width: calc(100% - 1em - 2px);
  background: transparent;
	font-weight: bold;
	line-height: 1.5;
	white-space: nowrap;
	color: #364D63;
	text-align: center;
}
section.ggeWidget form[id] .ggeQuestion--buttons.ggeQuestion[class] .ggePrompt__label > label:hover {
  color: white;
  background-color: #364D63;
  border-color: #364D63;
}
section.ggeWidget form[id] .ggeQuestion--buttons.ggeQuestion[class] .ggePrompt--checked.ggePrompt .ggePrompt__label > label,
section.ggeWidget form[id] .ggeQuestion--buttons.ggeQuestion[class] .ggePrompt--checked.ggePrompt .ggePrompt__label > label:hover {
	background-color: #228AE6;
	color: #ffffff;
	border-color: #228AE6;
}
@media (max-width: 500px) {
  section.ggeWidget form[id] .ggeQuestion--buttons.ggeQuestion[class] .ggePrompt__label > label { font-size: 1.1em;}
}
section.ggeWidget form[id] .ggeQuestion.ggeSection--donation .ggePrompt .ggePrompt__label > label:before { display: none;}

/** SPECIFIC PAYMENT TYPES **/
/* PAYPAL */
section.ggeWidget form[id] section.ggeSection--payment .ggeQuestion.ggePayment--paypal .ggeQuestion__label { display: none;}

/* INSTRUCTIONS QUESTION */
section.ggeWidget form[id] section.ggeSection--payment .ggeQuestion.ggeQuestion--instructions .ggeQuestion__label { display: none;}

/* CHECKING ACCOUNT */
section.ggeWidget form[id] section.ggeSection--payment .ggeQuestion.ggePayment--checking { grid-column: span 3;}

/* CREDIT CARD */
section.ggeWidget form[id] section.ggeSection--payment .ggeQuestion.ggePayment--credit--nameOnCard { grid-column: span 6;}
section.ggeWidget form[id] section.ggeSection--payment .ggeQuestion.ggePayment--credit--account { grid-column: span 4;}
section.ggeWidget form[id] section.ggeSection--payment .ggeQuestion.ggePayment--credit--verification { grid-column: span 2;}
section.ggeWidget form[id] section.ggeSection--payment .ggeQuestion.ggePayment--credit--monthExpires,
section.ggeWidget form[id] section.ggeSection--payment .ggeQuestion.ggePayment--credit--yearExpires { grid-column: span 3;}

/** REMOVE DISPLAY GRID ON MOBILE FOR PAYMENT & QUESTIONS **/
@media (max-width: 500px) {
  section.ggeWidget form[id] section.ggeSection--payment,
  section.ggeWidget form[id] section.ggeSection--profile,
  section.ggeWidget form[id] .ggeSection .ggeAddress { display: block;}
}

/* GENERAL LABELS & INPUTS */
section.ggeWidget form[id] .ggeSection .ggeQuestion .ggeQuestion__label { padding-top: .5em;}
section.ggeWidget form[id] .ggeSection input[type="text"],
section.ggeWidget form[id] .ggeSection input[type="email"],
section.ggeWidget form[id] .ggeQuestion input[type=number],
section.ggeWidget form[id] .ggeSection select {
	height: auto;
	line-height: 1.5;
	width: calc(100% - 1.5em - 2px);
	max-width: none;
	padding: .75em;
	background: white;
	border: 1px solid #333333;
	border-radius: 0;
	margin-left: 0;
}
section.ggeWidget form[id] .ggeSection input[type=email][readonly],
section.ggeWidget form[id] .ggeSection input[type=number][readonly],
section.ggeWidget form[id] .ggeSection input[type=text][readonly] { border: none;}

section.ggeWidget form[id] .ggeSection select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(to bottom, #ffffff, #ffffff);
	background-repeat: no-repeat, repeat;
	background-position: right .7em top 50%, 0 0;
	background-size: .65em auto, 100%;
}
section.ggeWidget form[id] .ggeSection select::-ms-expand { display: none; }
section.ggeWidget form[id] .ggeSection select option { font-weight: normal; }
section.ggeWidget form[id] .ggeSection .ggeQuestion__caption {
	flex: 1 0 100%;
	margin-left: 0;
}
section.ggeWidget form[id] .ggeSection.ggeSection--payment .ggeQuestion__caption {
	position: relative !important;
	bottom: 0;
}

/* ERROR MESSAGES ON QUESTIONS */
section.ggeWidget form[id] .ggeSection.ggeSection--payment .ggeQuestion__error {
	margin-top: 4px;
}
section.ggeWidget form[id] .ggeSection:not(.ggeSection--donation) .ggeQuestion.ggeQuestion--error {
	background: none;
	position: relative;
	margin-bottom: 8px;
}
@media (min-width: 992px) {
	section.ggeWidget form[id] .ggeSection:not(.ggeSection--donation) .ggeQuestion.ggeQuestion--error .ggeQuestion__caption {
		position: absolute;
		bottom: 0;
	}
}
section.ggeWidget form[id] .ggeSection:not(.ggeSection--donation) .ggeQuestion.ggeQuestion--error input,
section.ggeWidget form[id] .ggeSection:not(.ggeSection--donation) .ggeQuestion.ggeQuestion--error select { border-color: #951612; }

section.ggeWidget form[id] .ggeFooter .ggeSocial,
section.ggeWidget form[id] .ggeFooter .ggeEmbed,
section.ggeWidget form[id] .ggeFooter .ggeSecure { display: none;}

/** TALLY TABLE **/
section.ggeWidget form[id] .ggeTally .ggeTallyTable { margin-top: 1em; border-collapse: collapse;}
section.ggeWidget form[id] .ggeTally .ggeTallyTable td { padding: 8px 4px;}

/** NAVIGATION BUTTONS **/
section.ggeWidget form[id] .ggePageNav button.ggeButton { border-radius:5px;}
section.ggeWidget form[id] .ggePageNav .ggePageNav--forward button.ggeButton--total {
  border-color:#706E69;
  background-color:#F0F0F0;
  color:#364D63;
}
section.ggeWidget form[id] .ggePageNav .ggePageNav--forward button.ggeButton--total:hover {
  border-color:#364D63;
  background-color:#364D63;
  color:#FFFFFF;
}
section.ggeWidget form[id] .ggePageNav .ggePageNav--forward button.ggeButton--forward {
  border-color:#364D63;
  background-color:#364D63;
  color:#FFFFFF;
}
section.ggeWidget form[id] .ggePageNav .ggePageNav--forward button.ggeButton--forward:hover {
  border-color:#228AE6;
  background-color:#228AE6;
}
section.ggeWidget form[id] .ggePageNav .ggePageNav--back {}
section.ggeWidget form[id] .ggePageNav .ggePageNav--back button.ggeButton--back { border-bottom:none; padding:0.5em;}
section.ggeWidget form[id] .ggePageNav .ggePageNav--back button.ggeButton--back:hover {
  background-color:#228AE6;
  color:#FFFFFF;
}

section.ggeWidget form[id] .ggePageNav--formError > ul > li { padding:.5em;}

@media (max-width: 500px) {
  section.ggeFormChooser .ggeTabList .ggeTabListItem { width: 100%;}
  section.ggeWidget form[id] .ggeSection.ggeSection--donation fieldset[id] .ggePrompts { grid-template-columns: 1fr 1fr 1fr;}
  section.ggeWidget form[id] .ggeQuestion.ggeSection--donation .ggePrompt .ggePrompt__label > label {
  	min-width: 0;
  	text-align: left;
	}
  section.ggeWidget form[id] .ggeSection.ggeSection--donation fieldset[id] > .ggePrompts .ggePrompt__other { grid-column: span 1;}
}