/*----------------------------------------- Font ------------------------------------------*/
	@font-face {
	   font-family: 'leaguegothic';
	   src: url('https://community.gtcuw.org/servlet/eAndar.WebExtDocument/styleimage/65313A41557355717A7764593762473459747774653170746F476975744631524D36784A6D344C614D6A694779475971775132/LeagueGothic-Regular.ttf') format('truetype');
	   font-weight: normal;
	   font-style: normal;
	}
	@font-face {
	   font-family: 'Roboto';
	   src: url('https://community.gtcuw.org/servlet/eAndar.WebExtDocument/styleimage/65313A41584D4C706962732D437442495151456331734C306463696A36377968533456464F64504B4C65443479416D33687468/Roboto-Regular.ttf') format('truetype');
	   font-weight: normal;
	   font-style: normal;
	}
	@font-face {
	   font-family: 'Roboto-Light';
	   src: url('https://community.gtcuw.org/servlet/eAndar.WebExtDocument/styleimage/65313A4162786B51776C6A3852304D42446E74624F43714735485F47704B42394172536733486A7A71537061436F7A35516B51/Roboto-Light.ttf') format('truetype');
	   font-weight: normal;
	   font-style: normal;
	}
	@font-face {
	   font-family: 'RobotoSlab';
	   src: url('https://community.gtcuw.org/servlet/eAndar.WebExtDocument/styleimage/65313A415951706F6E756953776139374869316B624767644C7047443371506169466238795372456D382D78626B35746B7263/RobotoSlab-VariableFont_wght.ttf') format('truetype');
	   font-weight: normal;
	   font-style: normal;
	}
	@font-face {
    font-family: 'Palanquin';
    src: url('https://community.gtcuw.org/servlet/eAndar.WebExtDocument/styleimage/65313A415A375041366131726366384F384C50574574662D315F48316A374C44795377536C384A75565A4C5264764744536363/Palanquin-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

	@font-face {
    font-family: 'Palanquin-Light';
    src: url('https://community.gtcuw.org/servlet/eAndar.WebExtDocument/styleimage/65313A416432554F57782D47674775715251596548774366437351713969413669534F59584D30373167504B496A48644F5162/Palanquin-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

	
/*----------------------------------------- General ------------------------------------------*/
	html, body, p, h1,h2, h3, h4 {
		color: #000;
		font-family:Palanquin !important;
		font-size:18px !important;
	}

	h1,h2, h3, h4 {
		color: #0044B5;
		font-family:Palanquin !important;
	}	
	
	.GeneralBlueTop1 {
		background-color: #fff !important;
		height:90px;
		box-shadow: 0 0 10px #ccc;
	}
	.GeneralBlueTop2 {
		display:none;
	}
	.GeneralBlueTop3 {
		margin-top: 90px;
	
	}
	/*this class is set in the div below title. since we don't want the same style as header*/
	.SPRPTitle {
		text-transform: uppercase;
		font-size: 35px;
		font-family: Palanquin !important;
		  text-transform: capitalize;	
		  margin-bottom: 25px;	
		  color:#0044B5 !important;
	}	
	/*
	.SPRPTitle::after {
		content: "";
		display: block;
		width: 107px;
		height: 7px;
		background-color: #ffffff;
		margin-top: 17px;
		margin-bottom: 25px;
		background-color: rgb(41, 103, 156);
		text-align: center !important;
	
		margin: 10px auto 20px auto;
		border-radius: 10px;
	}*/
	/*this class is set in the div below title. since we don't want the same style as header*/	
	.SPRPTitleMsg {
		font-size: inherit;
		text-transform: initial;
		font-weight: normal;
		text-align: left;
		color:#000;
		font-family:Palanquin-Light !important;
	}
	.SPRPTitleMsg ul{
		margin-bottom:0;
	}
	
	.note.SPRPledgeTitle {
		text-align: center;
	}
	.note p{
	  	margin: 0 !important;
	}
	#newPledgeContainer {
		margin-left: -25px;
		margin-right: -25px;
	}
	@media screen and (min-width: 1600px) and (max-width: 1920px){
		.GeneralBlueMainPage .container {
			max-width: 65vw;
		}
	}
	@media screen and (min-width: 1400px) and (max-width: 1600px){
		.GeneralBlueMainPage .container {
			max-width: 75vw;
		}
	}		
	@media screen and (min-width: 1200px) and (max-width: 1400px){
		.GeneralBlueMainPage .container {
			max-width: 85vw;
		}
	}	
	@media only screen and (max-width: 960px) {
		iframe#tokenFrame {
			min-height: 165px !important;
		}


		body .GeneralBlue1PLogo .PortletNote, body .GeneralBlue1LLogo .PortletNote, body .GeneralBlue1NLogo .PortletNote {
			display: block !important;
		}
		.Area-GeneralBlue1PLogo, .Area-GeneralBlue1LLogo, .Area-GeneralBlue1NLogo {
			text-align: left;
		}
		
		.GeneralBlueMainPage {
			margin: 30px 0;
		}		
					
	}


	@media only screen and (min-width: 800px) {
		/*these classes defined in LF template in the banners*/
		.MobileBanner img {
			display:none;
		}
		.MainBanner img {
			display:block;
		}  
	}
	@media only screen and (max-width: 800px) {
		/*these classes defined in LF template in the banners*/
		.MobileBanner img {
			display:block;
		}
		.MainBanner img {
			display:none;
		}  
	}
	
	select, input[type="text"], input[type="password"],input[type="email"] {
	
		border: 1px solid #ced4da !important;
	}
	
	.Body-Page-SinglePageRegPledge select{
	
		border: 1px solid #ced4da !important;
	}
	.UserRegistrationSecCode, .AgencyRegistrationSecCode, .CampaignRegistrationSecCode {
		margin: 15px 0;
	}
	
	
	.Body-Page-SinglePageRegPledge .DefaultButtons .button {
		/*width: 100% ;*/
	}
	
	/*remove highlight-moving epledge flag to pledgepaymentinfo causes labels to be highlighted*/
	div#PledgePaymentInfo .form-check > label.form-check-label:hover{
		background-color: transparent !important;
		color:inherit !important;
	}

	.SPRP-PortletNote {
		display: none;
	}

	#StarRequiredNote .Col-RequiredNote, #RequiredNote .offset-sm-3.col-sm-9 {
		margin-left: 0 !important;
		color: #0044B5;
		font-weight: 600;
	}	
	.TableFormDetails label.form-check-label{
		width:100% !important;
	}
	.required_asterisk {
		color: #0044B5;
	}	

	.matchMsg {
		color: #0f5132;
		background-color: #d1e7dd;
		border-color: #badbcc;
		position: relative;
		padding: .5rem;
		margin-bottom: 1rem;
		border: 1px solid transparent;
		border-top-color: transparent;
		border-right-color: transparent;
		border-bottom-color: transparent;
		border-left-color: transparent;
		border-radius: .25rem;
		margin-top: 5px;
		display:none;
	}	
	#DesginationDropdown {
	  margin: 0 0 10px 0;
	  position: relative;
	}
	#designationList {
		padding: 14px 10px;
		font-size: 18px;
		border: 1px solid #a6a6a6;
		background-color: aliceblue;
		font-family: Palanquin;
		position: relative;

	}
	/* IE11 hide native button (thanks Matt!) */
	#DesginationDropdown select::-ms-expand {
		display: none;
	}
	
	#DesginationDropdown:after {
		content: '<>';
		font: 22px "Consolas", monospace;
		color: #0044B5;
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		transform: rotate(90deg);
		right: 10px;
		/*Adjust for position however you want*/
		top: 9px;
		padding: 0px 0 6px 0;
		border-bottom: 1px solid #A7D2FF;
		position: absolute;
		pointer-events: none;
	}
	
	#DesginationDropdown select {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		/* Add some styling */
		display: block;
		width: 100%;
		/*! max-width: 320px; */
		height: 50px;
		/*! float: right; */
		margin: 0 0 10px 0px;
		padding: 0px 15px;
		font-size: 18px;
		line-height: 1.75;
		color: #333;
		background-color: aliceblue;
		background-image: none;
		border: 1px solid #cccccc;
		-ms-word-break: normal;
		word-break: normal;
		font-weight: 400;
	}
	
	.paypalMsg{
		margin:10px;
	}
	.GeneralBlueMainPage {
	
		padding-top: 0px !important;
	}





/*----------------------------------------- Left Content ------------------------------------------*/
	#PledgeLeftColumn label.col-sm-3 {
		width:100% !important;
	}
	#PledgeLeftColumn .my-3{
		margin-top:3px !important;
		margin-bottom: 0 !important;
		
	}
	#PledgeLeftColumn .col-sm-9{
		width: 100%;
	}
	#PledgeLeftColumn #StarRequiredNote.my-3 {
		margin-top: 15px !important;
	}	
	#PledgeLeftColumn {
		border:1px solid #e1e1e1;
		margin: 15px;
		padding: 10px;
		border-radius: 5px;
	}

	.Col-NamePrefix,
	.Col-NameMiddleName,
	.Col-NameSuffix,
	#nameRow .Col-IndNameLabel,
	#addressRow .Col-IndAddresseLabel,
	.Col-HeaderFirstNameLabel,
	.Col-HeaderLastNameLabel,
	.Col-AddressLine1Label,
	.Col-AddressLine2Label,
	.Col-CityLabel,
	.Col-StateLabel,
	.Col-ZipCodeLabel,
	.Col-CountryCodeLabel,
	.Col-PhoneAreaLabel,
	.Col-PhoneNumberLabel{
		display:none;
	}
	@media only screen and (max-width: 778px) {
		#PledgeLeftColumn,#PledgePaymentInfo,.ProcessingFeeContainer,#PledgeRightColumnFooter {
			margin-left:0px !important; 
			margin-right:0px !important;  
			
		}
		
	}	
	
/* -----------------------------------Give Button and new pledge amount field -----------------------------*/


	#newPledgeFieldContainer {
		border-bottom: 1px solid #e1e1e1;
		padding-bottom: 12px;
	}
	#newPledgeField {
		background-color: #F2F2F2;
		box-shadow: none !important;
		font-size:20px;
		line-height: 1.875rem;
		margin: 0;
		text-align: center;
		transition: all .125s linear;    
		padding: 6=8px;
		font-weight: bold;
		border-radius: .25rem;
  		border: 1px solid #b9b9b9 !important;
  		height: 48px;
  		/*position:absolute;
  		left:-1000000px;*/  /*cannot hide this field because it needs to get updated for pledge to work*/
	}
	#newPledgeField:focus{
		border: 3px solid #29679c !important;
		box-shadow: -1px -1px 0 #43525e,1px 1px 0 #43525e,-1px 1px 0 #43525e,1px -1px 0 #43525e;
		outline: none;
	}	
	
	#GiveButtonContainer {
	   /*width: 102%;*/
	   clear: both;
	   padding: 0px 0px 5px 0px;
	   margin-top: -5px;
	}
	
	#GiveButtons {
	   display: flex;
	   flex-wrap: wrap;
	   /*compensate for margins on givebuttons so it aligns with other elements*/
	   margin-left: -5px;
	   /*compensate for margins on givebuttons so it aligns with other elements*/
	   margin-right: -5px;
	   
	}
	
	div[class^=GiveButton] {
		flex-grow: 1;
		width: 33.333333%;
		cursor: pointer;
	}
	
	div[class^=GiveButton] a,
   	div[class^=GiveButton] .giveButtonAmount{
	   text-align: center;
	   background: #0044B5	 /*#eb6f0a*/	   ;
	   color: #fff;
	   display: block;
	   margin: 5px;
	   font-size: 18px;
  		font-weight: 800;
	   text-decoration: none;
	   line-height: 3.125rem;
        border-radius: .25rem;    
        font-family: Palanquin !important;                                          
	}
	
	div[class^=GiveButton] a:focus,
	div[class^=GiveButton] a:hover,
	div[class^=GiveButton] a.active,
	div[class^=GiveButton] .giveButtonAmount:focus,
	div[class^=GiveButton] .giveButtonAmount:hover,
	div[class^=GiveButton] .giveButtonAmount.active    {
	   text-decoration: none;
	   background: 4f9ccf	       /*#4f9ccf*/  ;
                                
	}
	
	div[class^=GiveButton].last-child {
	   max-width: 33.333333%;
	}
	
	div[class^=GiveButton].selected a,
    div[class^=GiveButton].selected .giveButtonAmount     {
	   text-decoration: none;
	   background: #F47925;
	   color:#ffffff;
	   transition: background-color 700ms ease;
	}






/*----------------------------------------------- Freq Buttona -------------------------------------------- */
	
	#FreqButtons {
		display: flex;
		flex-wrap: wrap;
		margin-left: -3px;
		margin-right: -3px;
		margin-bottom:10px;
	}
	
	div[class^="FreqButton"] a {
		text-align: center;
		background: #eff2f5;
		color: #697b88;
		display: block;
		margin: 0px 2px;
		font-size: 18px;
		font-weight: 800;
		text-decoration: none;
		line-height: 50px;
		border-radius: .25rem;
		border: 1px solid #697b88;
		text-transform:uppercase;
		transition: background-color 700ms linear;
	}
	
	div[class^="FreqButton"] {
		flex-grow: 1;
		width: 50%;
		cursor: pointer;
	}
	
	
	div[class^="FreqButton"].selected a{
		text-decoration: none;
		background: #697b88;
		color: #ffffff;
	}

	.RecurringOptions {
		padding: 5px;
		background-color: #F2F2F2;
		margin-bottom: 10px;
		border: 1px solid #e1e1e1;
		display:none;
	}
	
	.rrWhenEntry, .rrRepeat {
		display:none;
	}

	
	/*
	#newPledgeFieldContainer {
	  background-color: #29679c;
	  border-radius: 5px;
	  color:#fff;
	}
	
	::placeholder {
		color: #ced5db;
		font-weight: 500;
	}
	
	
	#newPledgeField:not(:focus):empty {
		color: #fff;
	}
	#newPledgeField:not(:focus):empty {
		background-color: transparent;
		color: inherit;
	}
	
	#newPledgeField:focus {
		border-color: #43525e !important;
		background: #fff;
		outline: none;
		font-weight: bold;
		font-size: 18px;
	}
	
	*/



/*----------------------------------------- Right Content ------------------------------------------*/
	#PledgeRightColumn hr{
		margin:5px;
	}
	#PledgeRightColumnFooter {
		border: 1px solid #e1e1e1;
		margin: 15px 15px 10px 15px;
		padding: 10px;
		border-radius: 5px;
	}
		
	#PledgePaymentInfo {
		border: 1px solid #e1e1e1;
		margin:15px 15px 10px 15px;
		padding: 10px;
		border-radius: 5px;
		padding-bottom: 5px;
	}
	
	
	/*align pledge type text*/
	.PledgeTypeSelection .TypeSelection-Items label.RadioLabel .note p, #PledgePaymentInfo .BlockDetails > div.form-check > label.form-check-label .note p {
		font-size: 17px !important;
		line-height: 28px !important;
		color: #43525e;
	}
	
	
	div#PledgePaymentInfo .BlockDetails > div.form-check > input[type="radio"]:checked + label.form-check-label::after {
		content: '' !important;
		border-bottom: 3px solid #C3C3C3;
		width: 50px;
		top: 2px !important;
		text-align: center;
		margin: 0 auto;
		height: 5px;
		position: initial !important;
		display: block;
	}
	div#PledgePaymentInfo .BlockDetails > div.form-check.PPXChkout > input[type="radio"]:checked + label.form-check-label::after {
		margin-top: -4px;
	}
	#PledgePaymentInfo .BlockHeader {
		display:none;
	}
	
	.Row-PledgeAmount{
		display:none;
	}
	
	.PledgeTypeSelection .TypeSelection-Items > div, div#PledgePaymentInfo > .Block > .BlockDetails > .form-check {
		width: initial !important;
		max-width: initial !important;
	}
	
	.PledgeTypeSelection .TypeSelection-Items label.RadioLabel, #PledgePaymentInfo .BlockDetails > div.form-check > label.form-check-label {
		padding: 0;
	}
	#PledgeTypeSelectionBlock div.form-check label.RadioLabel::before{ 
		content: inherit !important;
	}
	
	#PledgeTypeSelectionBlock div.form-check label.RadioLabel::after{
		content: inherit !important;
	}
	
	#PledgeTypeSelectionBlock div.form-check label.RadioLabel:hover,
	div#PledgePaymentInfo > .Block > .BlockDetails > .form-check > label.form-check-label:hover{
	  background-color: transparent !important;
	}
	
	
	div#PledgePaymentInfo > .Block > .BlockDetails div.form-check > input[type="radio"]:checked + label.form-check-label{
	  background-color: transparent !important;
	  color: #000 !important;
		font-weight: bold;
	}
	#CCInfoInputs .page-header {
		margin: 0;
	}
	
	.Row-CardConnectPayment p{
	  margin-bottom: 0 !important;
	  
	}
	.CardConnectCCNameInfo{
		margin-top:0 !important;
	}
	.Row-CardConnectPayment{
		margin-top:0 !important;
	}
	.Row-CardConnectPayment h3 ,
	.Row-CardConnectPayment h3 p{
	 	font-size: 19px !important;
	}
	.CardConEMailInfo,.CardConnectCCNameInfo,.CardConCountryCodeInfo,.CardConPhoneData{
		margin-bottom:10px !important;
	}
	
	
	.Row-CardConnectPayment .row.mt-3 {
		margin-top: 0 !important;
	}
	
	#CCInfoInputs,#ACHPPayment{
		margin-top:-15px;
	}
	#PledgePaymentInfo .Row-CardConnectPayment .CardConPlgInfoTitleSPP,
	#PledgePaymentInfo .Row-CardConnectPayment .CardConnectCCNameInfo,
	#PledgePaymentInfo .Row-CardConnectPayment .CardConAddrLine1Info,
	#PledgePaymentInfo .Row-CardConnectPayment .CardConAddrLine2Info,
	#PledgePaymentInfo .Row-CardConnectPayment .gx-1,
	#PledgePaymentInfo .Row-CardConnectPayment .CardConCountryCodeInfo,
	#PledgePaymentInfo .Row-CardConnectPayment .CardConEMailData,
	#PledgePaymentInfo .Row-CardConnectPayment .CardConPhoneInfo{
	    display:none;
	}




	.Row-CardConnectPayment {
		margin-top: 0 !important;
		border: 1px solid #d5d5d5;
		padding: 0 10px;
		border-radius: 7px;
		margin-top: 27px !important;
		background-color: #fbfbfb;
		margin-bottom: 0 !important;
	}
	.cvv2Info{
		margin-bottom:0;
	}
	.checkBillingContainer {
	  margin-top:15px;
	  margin-bottom:20px;
	  display:none;
	}
	.checkBillingContainer label {
	
		margin: 0 !important;
	}
	body #PledgePaymentInfo .checkBillingContainer.form-check > label.form-check-label:hover {
		background-color: initial !important;
		color:inherit !important;
		margin: 0 !important;
	}
	
	.RecurPledgeCC .rrWhenEntry .col-sm-3, 
	#ACHPPayment .Row-PaymentStartDate .col-sm-3,
	#ACHPPayment .PaymentFrequency .col-sm-3{
		width: 40% !important;
	}
	
	.RecurPledgeCC .rrWhenEntry .col-sm-9,
	#ACHPPayment .Row-PaymentStartDate .col-sm-9,
	#ACHPPayment .PaymentFrequency .col-sm-9{
		width: 60% !important;
	}
	
	.Page-SinglePageRegPledge .Row-CardConnectPayment .ACHAccountType {
		margin-left: 0px;
	}
	div#PledgePaymentInfo .BlockDetails > .form-check.PPXChkout.hideElement{
		display: none !important;
	}
	div#PledgePaymentInfo .BlockDetails > .form-check{
		float:none;
	}





/*----------------------------------------- Processing Fee ------------------------------------------*/
	.ProcessingFeeContainer {
		border: 1px solid #e1e1e1;
		margin: 0px 15px 10px 15px;
		padding: 10px;
		border-radius: 5px;
	}

	.ProcessingFeeNote {

		font-weight: 600;
		padding: 20px;
		text-align: center;
		background-color: #fff;
		/* border-radius: 9px; */
		border-bottom-left-radius: 3px;
		border-bottom-right-radius: 3px;
	}
	.ProcessingFeeContainer {
		border: 1px solid #e1e1e1;
		margin: 0px 15px 10px 15px;
		padding: 2px;
		border-radius: 5px;
		background-color: #0044B5 /*#0044B5*/;
		text-align: center;
		border-radius: 5px;
	}
	.ProcessingFeeContainer {
		text-align: center;
	}
	.ProcessingFeeInner {
		padding: 15px;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
	}
	/*User epledge flag 1 for card processing so they can see in transaction*/
	#Flag1C{
		display:none;
	}
	#Flag1C+label{
		color: #fff;
		cursor: pointer;
		font-weight: 600;
		padding: 10px;
		display: inline-block;
		padding: 2px 0 0 36px;
		position: relative;
	}
	#Flag1C:checked +label > span::after{
		content: "";
	}
	#Flag1C+label > span::after{
		border: 3px solid #fff;
		border-left: 0;
		border-top: 0;
		height: 12px;
		left: 10px;
		position: absolute;
		top: 5px;
		transform: rotate(45deg);
		width: 5px;
	}
	#Flag1C+label > span::before{
		border: 2px solid #fff;
		border-radius: 4px;
		content: "";
		height: 24px;
		left: 0;
		position: absolute;
		top: 0;
		width: 24px;
	}
	.FlagRow-ePledge1 {
		display:none;
	}
	.FlagTable .form-check {
		margin-bottom: 0;
	}





/*----------------------------------------- Navigation ------------------------------------------*/
	.Body-Page-SinglePageRegPledge .Navigation{
		margin-bottom:0 !important;
	}
	/*remove padding around nav button*/
	.Body-Page-SinglePageRegPledge .Navigation  ol{
		  padding: 0;
		  margin:0;
	}
	.Body-Page-SinglePageRegPledge .Navigation  li{
		 /* display: inline-block !important;
		  width:50%;*/
	}
	.Body-Page-SinglePageRegPledge .WebConfirmWait {
		display:none; /*hide confirm message - remove if customer wants to show confirm message.*/
	}

	.Navigation .Clear{
		display:none !important ;
	}
	
	.Navigation .Confirm a {
	
		outline-width: 0;
		min-width: 140px;
		text-transform: inherit;
		font-weight: 600 !important;
		text-align: center;
		background: #eff2f5;
		color: #697b88;
		border: 1px solid #697b88;
		display: block;
		margin: 0px 2px;
		font-size: 18px;
		text-decoration: none;
		line-height: 3.125rem;
		border-radius: .25rem;
		
		padding:0;

	}
	.NavSelected{
		color: #ffffff !important;
  		background-color: #0044B5  !important;
  		border: 1px solid #0044B5  !important;
	}



	
/*----------------------------------------- Error ------------------------------------------*/

	.BlockError {
		background-color: #ffe3e8;
		padding: 10px;
		margin: 3px;
		border-radius: 5px;
		border: 1px solid #e1e1e1;
	}
	#DErrorConfirm {
		margin-top: 10px;
	}





/*---------------------------------------------- Survey --------------------------------------- */
	.Section-Survey .Row-Mandatory{
		display:none;
	}
	#Row715 > div {
		border-top: 1px solid #ced4da;
		/* margin: 10px 10px; */
		margin-top: 20px;
		padding-top: 10px;
	}
	#Row697 .row, #Row707 .row{
		margin-left:-12px;
	}
	#Row715,#Row716{
		display:none;
	}

	/*add margin above employee match*/
	#PledgeLeftColumn #Row719.my-3 {
		margin-top: 15px !important;
	}	
	/*this is used for surveys that have condtional fields to show under it.*/
	.BoxHighlight, #InHonerContainer {
		background-color: #f4f4f4;
		margin-left: 25px;
		margin-right: 5px;
		padding-bottom: 10px;
		border: 1px solid #ced4da;
	}
	 #InHonerContainer{
	 	padding:10px;
	 	display:none;
	 }

	.FlagTable {
		margin-top: 15px;
	}
	.FlagTable .form-check {
		margin: 0;
	}
	.FlagRow-ePledge3,.FlagRow-ePledge4{
		display:none;
	}
	 
	/*custom class to use in survey form item to create side by side*/
	@media (min-width: 700px) {
		.Section-Survey .twocolumn .col-sm-3{
			width: 35% !important;
			flex: 0 0 35%;
		}
		.Section-Survey .twocolumn .col-sm-9{
			width: 65% !important;
			flex: 0 0 65%;
		}    
		.Section-Survey .twocolumn .NumberingNoTable{
			display: none !important;
		}
	
	}





/*---------------------------------------------- Footer --------------------------------------- */
	.GeneralBlueBottom4 {
	
		background-color: #0044B5;
	}

.MailFormColumn, .PlannedGivingColumn {
    background-color: transparent !important;
    text-align: center !important;
    padding: 50px 0;
}

.MailFormRowContainer {
    display: flex;
    justify-content: space-between;
    align-items: flex-start; /* Align items at the start of the container */
    flex-wrap: wrap; /* Allow items to wrap to the next line */
}

.MailFormColumn h2 , .PlannedGivingColumn h2 {
    color: #fff !important;
    text-align: center;
    font-family: 'Palanquin' !important;
    font-size: 40px !important;
    text-transform: inherit;
    line-height: 40px !important;
}

.MailFormColumn p, .PlannedGivingColumn p {
    font-size: 19px !important;
    line-height: 23px;
    font-weight: inherit;
    color: #fff !important;
}

.MailFormColumn, .PlannedGivingColumn {
    width: 50%; /* Adjust the width as needed */
    box-sizing: border-box;
    padding: 50px; /* Optional: Add padding for better spacing */
}

.PostmarkMessage
{font-size: 14px !important;
line-height: 10px;}

/* Media Query for smaller screens */
@media (max-width: 768px) {
    .MailFormColumn, .PlannedGivingColumn {
        width: 100%; /* Make each container take full width */
        padding: 20px 0; /* Adjust padding for better spacing */
    }
}

.GeneralBlueBottom5 {
			background-color: #F2F2F2;
		}
	.GeneralBlueBottom5 h1, .GeneralBlueBottom5 h2, .GeneralBlueBottom5 h3, .GeneralBlueBottom5 h4, .GeneralBlueBottom5 h5, .GeneralBlueBottom5 h6, .GeneralBlueBottom5 p {
		color: #000000;
	}
	.GeneralBlueBottom5,.GeneralBlueBottom5 a {
		color: #000000 !important;
		font-size: 19px;
		font-weight: 300;
	}
	.GeneralBlueBottom5 a:hover{
		color: #0044B5 !important;
		text-decoration: underline !important;
	}
	
	.GeneralBlueBottom5 h6 {
		font-size: 18px !important;
		font-family: 'Palanquin';
		font-size: 18px;
		color: #0044B5;
		font-weight: 600;
		margin-bottom: 10px;
		text-transform: capitalize;
	}
	.GeneralBlueFooter {
		background-color: #221E1F;
		color: #ffffff;
		padding: 5px;
		text-align: center;
		/* font-size: 3px !important; */
	}
	.GeneralBlueFooter1 {
	  font-size: 12px;
	}
	.SocialIcons ul{
	  padding-left:0;
	}
	.SocialIcons li{
	  display:inline-block;
	}




/*---------------------------------------------- Datepick --------------------------------------- */
/*
.datepick a {
	color: #0044B5;
	text-decoration: none;
}
.datepick td a {
	color: #000000;
	text-decoration: none;
}

.datepick-month td .datepick-today {
	background-color: #ffffff;
	color: #f71111;
	font-weight: bold;
}
.datepick {
	width: 100% !important;
	padding: 10px;
	box-shadow: 0 2px 5px #999;
	border-radius: 5px;
}
.datepick-month th, .datepick-month th a {
	background-color: #0044B5;
}
.datepick-month {
	border: none;
	margin-top: 5px;
}
.datepick-month-header, .datepick-month-header select, .datepick-month-header input {
	background-color: #fff;
	margin: 0 0 6px 0;

}
.datepick-month-header, .datepick-month-header select, .datepick-month-header input {
	height: 30px;
}*/