/* text formatting */
@import url('previewDonate.min.css');

@font-face
{
	font-family: 'BebasNeue';
	src: url('../Fonts/BebasNeue.otf');
}

@media screen and (max-width: 479px)
{

	/* Security Pages VS Main layout*/
	.wordBreak
	{
		word-break: break-all;
	}

	.xtraMarginRight
	{
		margin: 0;
	}

	.textSectionPadding, .fixedHeightTitle
	{
		height: auto;
	}

	div.boxBorderPadding > p > a.button_SecondaryNarrow
	{
		display: flex;
	}

	.stackedBy1
	{
		width: 100%;
		display: block;
		text-align: center;
		margin: 0;
		margin-top: 40px;
	}
	/* end of Security Pages VS Main layout*/
	div.textFeatureBox > div.innerContainer > div.footerSection
	{
		height: 80px;
	}

	.boxSize div.topSection
	{
		height: 162px;
	}
	/*case study container*/

	div.boxSize
	{
		/*width: calc(47% - 156px);*/
		width: calc(46% - 147px);
	}

	div.caseStudyCont
	{
		height: 480px;
	}

	.textBoxes
	{
		height: 330px;
	}

	div.boxSize > div.footerSection > div.contentSection
	{
		height: 219px;
		padding: 15px;
	}
	/*case study container END*/
	/*3txt boxes*/
	div.textScrollerContainer
	{
		height: 387px;
	}

	div.textFeatureBox.textBoxes
	{
		/*width: calc(41% - 116px);*/
		width: calc(46% - 139px);
		height: 366px;
	}

	div.scrollerContainer.textScrollerContainer > div
	{
		width: 858px;
	}
	/*3txt boxes*/

	/*mobile scroller for 3 image .scrollerContainer in the bottom*/

	.featureBox.homeFeatureBoxGrey.threeSlides, .featureBox.homeFeatureBoxGrey.lastItem.threeSlides
	{
		width: 30.33%;
		margin-right: 2.638%;
	}

	div.scrollerContainer > div
	{
		width: 930px;
	}

	/*END of mobile scroller for 3 image .scrollerContainer in the bottom*/
	/* homepage formatting */
	div.divRight
	{
		width: 60%;
	}

	.homeInfo h3
	{
		height: auto;
	}

	ul.caseStudyDetails > li
	{
		margin-top: 20px;
	}

	div.homeInfo.caseStudy.infoLargeFeature ul.caseStudyDetails > li
	{
		margin-top: 35px;
	}

	div.featureContent > a > div.infoContent
	{
		padding: 0 0 10px 0;
	}

		div.featureContent > a > div.infoContent > div.contentSection
		{
			padding: 10px;
		}

			div.featureContent > a > div.infoContent > div.contentSection p
			{
				display: none;
			}

	.infoImage img
	{
		width: 100%;
	}

	div.homeInfo.caseStudy.smallFeature > div.featureContent
	{
		height: 130px;
	}

	div.homeInfo.caseStudy.smallFeature
	{
		width: 100%;
		padding-bottom: 0;
		height: auto;
	}

	ul.caseStudyDetails
	{
		margin-top: 5px;
	}

	div.homeInfo > div.headerSection
	{
		height: auto;
		display: block;
		overflow: auto;
	}

	div.homeInfo h4
	{
		line-height: 130%;
		padding: 15px 0 5px 0;
	}

	div.headerSection h3
	{
		width: 90%;
		padding: 15px 0 5px 15px;
	}

	.seeAll
	{
		float: left;
		margin: 10px 0;
		width: 90%;
	}

	.cafCharitySearchPage .cafSearchBasic input
	{
		background: #ffffff;
		border: 1px solid #e8e8e8;
		border-radius: 3px;
		height: 40px;
		width: 70%;
		margin-right: auto;
		padding-left: 15px;
		font-size: 16px;
		margin-left: 20px;
		float: left;
	}

		.cafCharitySearchPage .cafSearchBasic input::-moz-placeholder
		{
			font-family: Open Sans, Arial Italic, Helvetica, sans-serif;
			font-weight: 300;
			font-style: italic;
			font-size: 14px;
			color: #8d8d8d;
			text-align: left;
			width: 100%;
			margin-left: auto;
			margin-right: auto;
		}

		.cafCharitySearchPage .cafSearchBasic input.largeArrow
		{
			height: 40px;
			margin: 10px 20px 0 20px;
			border-radius: 3px;
			-webkit-appearance: none;
			background-color: #007F99;
		}

	.featureBox.homeFeatureBoxGrey
	{
		width: 23%;
		margin-right: 2%;
	}

	div.heroBanners a.actionButton
	{
		display: inline-block;
	}
	/* end homepage formatting */
	.xs_hidden, .sfContentBlock ul.iconTabs.xs_hidden
	{
		display: none;
		visibility: hidden;
	}

	.xs_show
	{
		display: inherit;
		visibility: visible;
	}

	.sfContentBlock ul.iconTabs.xs_show
	{
		display: table;
		visibility: visible;
	}

	div.heroBanner > div.heroContent
	{
		width: 100%;
	}


	div.iconFeatureBox, div.iconFeatureBox p
	{
		height: auto;
		text-align: left;
	}

		div.iconFeatureBox > div.innerContainer > div.headerSection
		{
			min-height: auto;
		}

		div.iconFeatureBox img.boxIcon
		{
			float: right;
			width: 25%;
			height: 25%;
			min-width: 50px;
			min-height: auto;
		}

	div.imageFeatureBox h2.panelType
	{
		visibility: visible;
		display: inline;
		font-family: Open Sans, Arial, Helvetica, sans-serif;
		font-weight: 400;
		font-size: 11px;
		line-height: 1.5;
		color: #242424;
		text-align: left;
	}

	div.imageFeatureBox.singleBox
	{
		width: 100%;
	}

	div.featureBox > div.footerSection, div.presentationBox > div.footerSection
	{
		position: relative;
	}

	div.HorizontalCaptcha > div.RadCaptcha > div.sfFormCaptcha > div
	{
		width: 100%;
	}

	div.HorizontalCaptcha > div.RadCaptcha > div.sfFormCaptcha > p
	{
		width: 100%;
		float: none;
		text-align: left;
	}

	ul.faqList > li > div.faq-title
	{
		font-size: 18px;
		line-height: 18px;
	}

		ul.faqList > li > div.faq-title > div.icon-toggle
		{
			top: 25px;
		}
	/* Tax Calculator */
	div.taxCalculator ul.rateSelectionContainer > li.rateSelectionBox, div.taxCalculator.taxCalculator_LoanCalculation ul.rateSelectionContainer > li.rateSelectionBox
	{
		width: 100%;
		margin-right: 0px;
		margin-bottom: 15px;
		display: block;
	}
	/* End Tax Calculator */
	div.articlePhotoBox
	{
		background-size: contain;
		bottom: 60px;
		position: relative;
	}

		div.articlePhotoBox > div.footerSection
		{
			position: absolute;
			bottom: -40px;
		}
	/* Hero Banners (plural) */
	div.heroBanners div.externalNavBar /*,
	div.heroBanners a.actionButton*/
	{
		display: none;
	}

	div.heroBanners div.imageNavBar
	{
		bottom: 25px;
		left: 0px;
		top: unset;
		padding-left: 20px;
		padding-right: 20px;
		width: calc(100% - 40px);
		display: flex;
	}

		div.heroBanners div.imageNavBar > div
		{
			margin-right: 0;
		}

			div.heroBanners div.imageNavBar > div.previousImageNav
			{
				flex-grow: 1.5;
			}

			div.heroBanners div.imageNavBar > div.nextImageNav
			{
				flex-grow: 1.5;
				text-align: right;
			}

			div.heroBanners div.imageNavBar > div.xsNavBar
			{
				display: inline-block;
				flex-grow: 7;
			}

				div.heroBanners div.imageNavBar > div.xsNavBar > div.anythingControls
				{
					display: inline-block;
					width: 100%;
					text-align: center;
				}

					div.heroBanners div.imageNavBar > div.xsNavBar > div.anythingControls > ul.thumbNav
					{
						display: flex;
					}

						div.heroBanners div.imageNavBar > div.xsNavBar > div.anythingControls > ul.thumbNav > li
						{
							flex-grow: 1;
						}

							div.heroBanners div.imageNavBar > div.xsNavBar > div.anythingControls > ul.thumbNav > li > a
							{
								background-image: url('/svg/Rectangle Copy 2.svg');
								background-repeat: no-repeat;
								display: inline-block;
								width: 15px;
								height: 15px;
								font-size: 0;
							}

								div.heroBanners div.imageNavBar > div.xsNavBar > div.anythingControls > ul.thumbNav > li > a.cur
								{
									background-image: url('/svg/Rectangle Copy.svg');
								}

	ul#HeroBannersList > li.heroBannersListItem > div.heroBannersItem > div.heroBannersItemContent
	{
		margin-left: 20px;
		margin-right: 20px;
		width: calc(100% - 40px);
		margin-bottom: 100px;
	}

		ul#HeroBannersList > li.heroBannersListItem > div.heroBannersItem > div.heroBannersItemContent > div.innerContent > div.innerHeader > h1
		{
			font-size: 35px;
			line-height: 36px;
		}

		ul#HeroBannersList > li.heroBannersListItem > div.heroBannersItem > div.heroBannersItemContent > div.innerContent > div.innerHeader > h2
		{
			font-size: 20px;
			line-height: 26px;
			margin-bottom: 2px;
		}

		ul#HeroBannersList > li.heroBannersListItem > div.heroBannersItem > div.heroBannersItemContent.highlightedText > div.innerContent > div.innerHeader > h2
		{
			padding-top: 5px;
			margin-bottom: 2px;
		}

		ul#HeroBannersList > li.heroBannersListItem > div.heroBannersItem > div.heroBannersItemContent.highlightedText > div.innerContent > div.innerHeader > h1 > mark
		{
			line-height: 36px;
		}

		ul#HeroBannersList > li.heroBannersListItem > div.heroBannersItem > div.heroBannersItemContent.highlightedText > div.innerContent > div.innerHeader > h2 > mark
		{
			line-height: 26px;
			padding-bottom: 2px;
			padding-top: 0px;
		}

	/* homepage selector boxes */
	#selectorBox1Open, #selectorBox2Open, #selectorBox3Open
	{
		width: 100%;
		height: 670px;
		overflow: hidden;
	}

	#selectorBox1Closed, #selectorBox2Closed, #selectorBox3Closed
	{
		width: 100%;
		height: 220px;
		overflow: hidden;
		border: 1px solid #e3e3e3;
		margin-top: 20px;
		margin-bottom: 20px;
	}

	div.selectorContentSection .innerContent
	{
		padding: 20px;
		z-index: 99;
	}

	div.innerTop > a.vs_button, div.innerTop > a.vs_button:link
	{
		float: none;
		margin-right: 0px;
		padding: 10px 20px;
		margin-top: 20px;
	}

	.selectorBoxImage
	{
		height: 670px;
		background-position: right;
		position: relative;
		top: -33px;
	}

	.icon-Open
	{
		background-size: 50px;
		float: right;
		margin-right: -40px;
		padding-top: 55px;
		margin-top: 0;
		width: 30%;
	}

	.selectorBox
	{
		float: none;
		margin-right: 0;
	}

	div.selectorContentSection .innerHeader
	{
		padding-top: 35px;
	}

	div.innerContent > .innerTop
	{
		height: 420px;
	}

	div.innerContent > .innerBottom
	{
		margin-top: 10px;
		padding-top: 0;
	}

	div.selectorContentSection > .selectorClosed > div.selectorContentSection .innerHeader
	{
		margin-top: 0;
	}

	div.twoButtonContainer
	{
		float: right;
		padding-bottom: 20px;
		margin-top: 0;
		width: 100%;
		margin-right: 10px;
	}

	.homeContact
	{
		width: 100%;
		float: left;
	}

	#globalNavBarWrapper.searchBoxMobile.menu-open > .vs_searchwidget .sfsearchBox
	{
		display: block;
		visibility: visible;
		position: absolute;
		top: 0;
		left: 0;
		width: 90%;
	}

	.mobileOptional
	{
		display: none !important;
	}

	div.onlyMobile
	{
		display: block;
	}

	.sf_cols.sectionContainer.noLateralPadding_xs
	{
		padding-left: 0px;
		padding-right: 0px;
	}

	.customTableCell
	{
		display: block;
	}
	/* Trust Hero banner */
	div.heroBanner.heroBannerTrust
	{
		background-size: cover;
		height: 600px;
	}

		div.heroBanner.heroBannerTrust > div.heroContent
		{
			height: 100%;
			max-height: 600px;
		}

			div.heroBanner.heroBannerTrust > div.heroContent > div.innerContent
			{
				bottom: 0;
				position: absolute;
			}

				div.heroBanner.heroBannerTrust > div.heroContent > div.innerContent > div.innerHeader > h1
				{
					margin-bottom: 30px;
					margin-top: 16px;
				}

				div.heroBanner.heroBannerTrust > div.heroContent > div.innerContent > div.innerBody h4, div.heroBanner.heroBannerTrust > div.heroContent > div.innerContent > div.innerBody > div.pictureContainer, div.heroBanner.heroBannerTrust > div.heroContent > div.innerContent > div.innerBody > div.trustManagerName, div.heroBanner.heroBannerTrust > div.heroContent > div.innerContent > div.innerBody > div.trustManagerContact
				{
					float: none;
				}

				div.heroBanner.heroBannerTrust > div.heroContent > div.innerContent > div.innerBody
				{
					text-align: center;
				}

					div.heroBanner.heroBannerTrust > div.heroContent > div.innerContent > div.innerBody h4
					{
						width: inherit;
						text-align: left;
					}

					div.heroBanner.heroBannerTrust > div.heroContent > div.innerContent > div.innerBody > div.pictureContainer
					{
						border-radius: 50%;
						height: 120px;
						margin-bottom: 10px;
						margin-right: 0px;
						overflow: hidden;
					}

						div.heroBanner.heroBannerTrust > div.heroContent > div.innerContent > div.innerBody > div.pictureContainer > img
						{
							height: 120px;
						}

					div.heroBanner.heroBannerTrust > div.heroContent > div.innerContent > div.innerBody > div.trustManagerName
					{
						text-align: left;
					}

					div.heroBanner.heroBannerTrust > div.heroContent > div.innerContent > div.innerBody > div.trustManagerContact
					{
						margin-bottom: 30px;
						text-align: left;
					}
	/* Endd Trust Hero banner */
	/* DPC */
	.setUpRegDonation .sf_colsIn.sf_2cols_2in_33 a
	{
		text-align: center;
		width: 100%;
	}

	div.annualStatementsSection > ul.collapsibleList > li.collapsibleListItem > div.item-content > ul.statementItemList > li.statementItem
	{
		display: block;
	}

	.DPCWidgetContainer
	{
		display: block;
		padding: 0;
		width: 100%;
	}

		.DPCWidgetContainer.floatRightOnly
		{
			float: none;
			padding: 0 8%;
		}

	.DPCAccountOverview.donations .smallContainer,
	.DPCAccountOverview.transactions .smallContainer
	{
		order: 0;
		width: 100%;
	}

	.DPCAccountOverview.transactions .mediumContainer .linkBox
	{
		order: 1;
		width: 100%;
	}

	.DPCAccountOverview.donations .mediumContainer a.vs_button,
	.DPCAccountOverview.transactions .mediumContainer a.vs_button
	{
		box-sizing: border-box;
		text-align: center;
		width: 100%;
	}

	.DPCAccountOverview.donations a.vs_button.donate
	{
		margin-right: 0;
		margin-top: 15px;
		order: 2;
	}

	.DPCAccountOverview.donations a.vs_button.donateOverseas
	{
		margin-bottom: 0;
		order: 3;
	}

	.DPCAccountOverview.donations p.smallNote
	{
		order: 1;
	}

	.DPCAccountOverview.transactions p.smallNote
	{
		order: 3;
	}

	.DPCAccountOverview.transactions a.vs_button.topUp
	{
		margin-left: 0;
		margin-top: 15px;
	}

	.DPCAccountOverview.horizontalFlow .backgroundWhite-container > div:first-child,
	.DPCAccountOverview.verticalFlow .backgroundWhite-container > div:first-child
	{
		width: 100%;
	}

	.DPCAccountOverview hr
	{
		width: calc(100% - 78px);
	}

	.DPCContentBlock.quarterlyStatements div.description
	{
		width: 100%;
	}

	.DPCDonationsTable input[type="text"],
	.DPCInvestmentsTable input[type="text"],
	.DPCRegularDonationsTable input[type="text"]
	{
		width: 100%;
	}

	.DPCRegularDonationsTable .column-2:first-child > h5
	{
		margin-top: 0;
	}

	.DPCTransactionsTable .unwrappedFlex .applyFiltersContainer
	{
		margin: 25px 0;
		width: 100%;
	}

		.DPCTransactionsTable .unwrappedFlex .applyFiltersContainer a
		{
			box-sizing: border-box;
			text-align: center;
			width: 100%;
		}

	.DPCTransactionsTable .column-3.advancedFilters
	{
		margin-bottom: 0;
		max-width: 100%;
		width: 100%;
	}

	.DPCTransactionsTable .column-3 .unwrappedFlex
	{
		justify-content: space-between;
	}

	.DPCTransactionsTable .radioCurrency
	{
		display: block;
	}

	.DPCDonationsTable .customTable .firstColumn, .DPCDonationsTable .customTable .secondColumn, .DPCDonationsTable .customTable .thirdColumn, .DPCDonationsTable .customTable .fourthColumn, .DPCDonationsTable .customTable .fifthColumn, .DPCRegularDonationsTable .customTable .secondColumn, .DPCRegularDonationsTable .customTable .thirdColumn, .DPCRegularDonationsTable .customTable .fourthColumn, .DPCRegularDonationsTable .customTable .fifthColumn, .DPCRegularDonationsTable .customTable .sixthColumn, .DPCRegularDonationsTable .customTable .seventhColumn, .DPCInvestmentsTable .customTable .thirdColumn, .DPCInvestmentsTable .customTable .fourthColumn, .DPCInvestmentsTable .customTable .fifthColumn, .DPCInvestmentsTable .customTable .sixthColumn, .DPCInvestmentsTable .customTable .seventhColumn, .DPCInvestmentsTable .customTable .eighthColumn, .DPCTransactionsTable .customTable .firstColumn, .DPCTransactionsTable .customTable .secondColumn, .DPCTransactionsTable .customTable .thirdColumn, .DPCTransactionsTable .customTable .fourthColumn, .DPCTransactionsTable .customTable .fifthColumn, .DPCTransactionsTable .customTable .sixthColumn
	{
		width: 100%;
	}

	.DPCDonationsTable .column-2, .DPCRegularDonationsTable .column-2
	{
		width: 100%;
	}

		.DPCDonationsTable .column-2:first-child, .DPCRegularDonationsTable .column-2:first-child
		{
			background-color: #F7F7F7;
			padding: 24px;
		}

	.DPCDonationsTable input[type="text"], .DPCRegularDonationsTable input[type="text"]
	{
		background-color: #FFFFFF;
	}

	.DPCDonationsTable input[type="button"]
	{
		background-color: #F7F7F7;
		border-radius: 3px;
		margin-top: 24px;
	}

	.DPCDonationsTable .simpleTable .column-2 .unwrappedFlex
	{
		flex-wrap: wrap;
	}

		.DPCDonationsTable .simpleTable .column-2 .unwrappedFlex > div, .DPCDonationsTable .simpleTable .column-2 .unwrappedFlex > div > input
		{
			width: 100%;
		}

	.DPCRegularDonationsTable .customTable .secondColumn, .DPCInvestmentsTable .customTable .thirdColumn, .DPCInvestmentsTable .customTable .fourthColumn, .DPCInvestmentsTable .customTable .fifthColumn, .DPCInvestmentsTable .customTable .sixthColumn, .DPCInvestmentsTable .customTable .seventhColumn, .DPCInvestmentsTable .customTable .eighthColumn
	{
		order: 0;
	}

	.DPCDonationsTable .customTable .fourthColumn, .DPCRegularDonationsTable .customTable .sixthColumn
	{
		order: 1;
	}

	.DPCDonationsTable .customTable .secondColumn, .DPCRegularDonationsTable .customTable .thirdColumn
	{
		order: 2;
	}

	.DPCDonationsTable .customTable .thirdColumn, .DPCRegularDonationsTable .customTable .fourthColumn
	{
		order: 3;
	}

	.DPCDonationsTable .customTable .fifthColumn, .DPCRegularDonationsTable .customTable .fifthColumn
	{
		order: 4;
	}

	.DPCRegularDonationsTable .customTable .seventhColumn
	{
		order: 5;
	}

	.DPCRegularDonationsTable .customTable .firstColumn
	{
		order: 6;
	}

	.DPCRegularDonationsTable .customTable .eighthColumn
	{
		order: 7;
	}

	.DPCAccountOverview.verticalFlow .mediumContainer, .DPCAccountOverview.horizontalFlow .mediumContainer
	{
		padding: 25px 10px;
	}

		.DPCAccountOverview.verticalFlow .mediumContainer > h3, .DPCAccountOverview.verticalFlow .smallContainer, .DPCAccountOverview.verticalFlow .smallContainer > h5
		{
			text-align: center;
		}

	.DPCAccountOverview.horizontalFlow div.compoundContainer
	{
		float: none;
		width: 100%;
	}

		.DPCAccountOverview.horizontalFlow div.smallContainer, .DPCAccountOverview.horizontalFlow div.compoundContainer > div.smallContainer
		{
			float: none;
			width: calc(100% - 30px);
			margin-right: 0px;
		}

	.DPCAccountOverview.donations h3,
	.DPCAccountOverview.investments h3,
	.DPCAccountOverview.topUp h3,
	.DPCAccountOverview.transactions h3
	{
		display: none;
	}

	.DPCAccountOverview.investments .mediumContainer > .investmentsBox
	{
		order: -1;
	}

	.DPCAccountOverview.investments .mediumContainer > a.vs_button
	{
		margin-bottom: 35px;
		margin-top: 10px;
		text-align: center;
		width: 100%;
	}

	.DPCAccountOverview.investments .availableCashBox .totalAmountBlock:last-child
	{
		margin-bottom: 15px;
	}

	.DPCAccountOverview.investments .smallContainer
	{
		display: block;
		max-width: none;
		width: 100%;
	}

		.DPCAccountOverview.investments .smallContainer .linkBox
		{
			margin-top: 10px;
			max-width: none;
		}

	.DPCAccountOverview.regularDonations h3
	{
		margin-bottom: 15px;
		margin-top: 0;
	}

	.DPCAccountOverview.regularDonations .mediumContainer
	{
		display: flex;
		flex-wrap: wrap;
	}

		.DPCAccountOverview.regularDonations .mediumContainer > a
		{
			margin-top: 15px;
			order: 1;
			text-align: center;
			width: 100%;
		}

	.DPCAccountOverview.topUp .smallContainer
	{
		display: block;
	}

		.DPCAccountOverview.topUp .smallContainer h5
		{
			margin-bottom: 0;
		}

	.DPCAccountOverview.donations .totalAmountBlock,
	.DPCAccountOverview.topUp .totalAmountBlock,
	.DPCAccountOverview.regularDonations .totalAmountBlock,
	.DPCAccountOverview.transactions .totalAmountBlock
	{
		width: 100%;
	}

		.DPCAccountOverview.topUp .totalAmountBlock:first-child
		{
			margin-top: 0;
		}

		.DPCAccountOverview.topUp .totalAmountBlock:last-child
		{
			margin-bottom: 0;
		}

	.DPCAccountOverview.verticalFlow .scrollingContainer
	{
		position: relative;
	}

	.DPCAccountOverview.verticalFlow .smallContainer
	{
		clear: both;
		display: none;
	}

		.DPCAccountOverview.verticalFlow .smallContainer.active
		{
			display: flex;
		}

		.DPCAccountOverview.verticalFlow .smallContainer .smallImg.xs_show
		{
			display: inline-block;
		}

	.DPCAccountOverview.verticalFlow ul.indexDotsContainer
	{
		display: flex;
		flex-direction: row;
		justify-content: center;
		margin-bottom: 20px;
	}

		.DPCAccountOverview.verticalFlow ul.indexDotsContainer > li > div.disc
		{
			background-color: #D24508;
			border-radius: 100%;
			opacity: 0.5022644927536232;
			width: 7px;
			height: 7px;
			margin-right: 9px;
		}

		.DPCAccountOverview.verticalFlow ul.indexDotsContainer > li.active > div.disc
		{
			opacity: 1;
		}

	.DPCAccountOverview.verticalFlow a.arrowLink
	{
		position: absolute;
		top: calc(50% - 20px);
		display: inline-block;
		height: 40px;
		width: 24px;
	}

		.DPCAccountOverview.verticalFlow a.arrowLink.leftArrow
		{
			background: url(/svg/arrow_left_grey.svg) no-repeat;
			left: 15px;
		}

		.DPCAccountOverview.verticalFlow a.arrowLink.rightArrow
		{
			background: url(/svg/arrow_right_grey.svg) no-repeat;
			right: 15px;
		}

	.DPCAccountSummaryTable .customTable .firstColumn, .DPCAccountSummaryTable .customTable .secondColumn, .DPCAccountSummaryTable .customTable .thirdColumn, .DPCAccountSummaryTable .customTable .fourthColumn, .DPCAccountSummaryTable .customTable .fifthColumn
	{
		padding-right: 0;
		width: 100%;
	}

	.DPCEditRegularDonation .mediumContainer .smallContainer
	{
		margin-right: 0;
	}

	.DPCEditRegularDonation .smallContainer div.previousBox,
	.DPCEditRegularDonation .smallContainer div.nextBox
	{
		display: block;
	}

	.DPCEditRegularDonation .smallContainer div.dateBox,
	.DPCEditRegularDonation .smallContainer div.amountBox
	{
		width: 100%;
	}

	.DPCEditRegularDonation div.submitBox > *
	{
		display: block;
		margin-bottom: 30px;
		margin-top: 30px;
		width: 100%;
	}

	.DPCEditRegularDonation div.submitBox a.vs_button
	{
		box-sizing: border-box;
		text-align: center;
	}

	.DPCMoveMoney .mediumContainer,
	.DPCOverseasDonation .mediumContainer
	{
		padding-right: 6%;
		padding-left: 6%;
	}

	.DPCOrderVoucher input[type=button]
	{
		width: 100%;
	}

	.DPCEditRegularDonation div.datesBox > div.dateBox,
	.DPCOrderVoucher .radioContainer > label,
	.DPCSetUpRegularDonation .radioContainer > label,
	.DPCSetUpRegularDonation .datesBox > div
	{
		display: block;
		margin-bottom: 20px;
		margin-top: 20px;
	}

	.DPCSetUpRegularDonation textarea
	{
		width: 100%;
	}

	.DPCTopUp h3
	{
		padding: 0 24px;
	}

	.DPCTopUp .subtitle
	{
		padding: 0 24px;
	}

	.DPCTopUp .formBox
	{
		display: block;
	}

		.DPCTopUp .formBox .giftAidBox
		{
			box-sizing: border-box;
			width: 100%;
		}

		.DPCTopUp .formBox .amountBox
		{
			box-sizing: border-box;
			margin-bottom: 20px;
			padding: 0 24px;
			width: 100%;
		}

		.DPCTopUp .formBox .paymentMethodBox
		{
			box-sizing: border-box;
			padding: 0 24px;
			width: 100%;
		}

		.DPCTopUp .formBox + hr.separator
		{
			display: none;
		}

	.DPCTopUp .topUpFooter
	{
		padding: 0 24px;
	}

		.DPCTopUp .topUpFooter input[type=button]
		{
			margin-top: 0;
			width: 100%;
		}

	.DPCTrustCharitySearch .cafPluginCharityProfile .cafDefaultButton
	{
		margin-right: 0;
		width: 100%;
	}

	.DPCTrustCharitySearch .cafPluginCharityProfile .cafCharityProfileAddress dl
	{
		display: block;
	}

		.DPCTrustCharitySearch .cafPluginCharityProfile .cafCharityProfileAddress dl:first-child
		{
			width: auto;
		}

	.CPRCollapsibleLinkList
	{
		padding-left: 20px;
		padding-right: 20px;
	}

	.commBox.backgroundGrey-container, div.disclaimerBox
	{
		border: none;
	}

	.commBox .title-container h3
	{
		font-size: 16px;
		line-height: 20px;
	}

	.commBox .unwrappedFlex
	{
		flex-wrap: wrap;
	}

    .commBox .tipContainer
	{
		width: 100%;
	}

    .commBox .moveMoneyButton
	{
		margin-top: 20px;
		width: 100%;
	}

	.commBox .moveMoneyButton > a
	{
			display: block;
			text-align: center;
		}

    .commBox .contactBox
	{
		margin-top: 15px;
	}

	.commBox .contactBox a
	{
			font-size: 14px;
			line-height: 14px;
		}
	
	/* End DPC */

	/* Project Naviagator hero banner */
	div.heroBanner.projNav > div.heroContent
	{
		height: auto
	}
	
	/* Start E2E */
	
	.E2EGeaForm .fieldContainer input-container > .customText,
	.E2EGeaForm .fieldContainer input-container > .customTextarea,
	.E2EGeaForm .fieldContainer input-container > .customSelect,
	.E2EGeaForm .fieldContainer input-container > .fileUploader,
	.E2EGeaForm .fieldContainer input-container > .customDate,
	.E2EGeaForm .fieldContainer input-container > .findAddress .searchForm .searchBox
	{
		width: 100%;
	}
	/* End E2E */

	li.pagebar
	{
		height: 80px;
	}

	ul.pagebar > li.tab1.selected::before,
	ul.pagebar > li.tab2.selected::before,
	ul.pagebar > li.tab3.selected::before
	{
		top: 130px;
	}

	.downArrowShadow.shadow1,
	.downArrowShadow.shadow2,
	.downArrowShadow.shadow3
	{
		margin-top: 5px;
	}

    div.CTABanner > div.topFillerBox {
        height: 0;
    }

    /* Social media share buttons */

    .RadSocialShare.RadSocialShare_Default.shareWhatsapp {
        display: block;
        visibility: visible;
    }

    .sshLinkItem .sshShareOnWhatsApp {
        display: inline-block;
        background: transparent url('/Sitefinity/WebsiteTemplates/CAF/App_Themes/Default/images/icons-sprite.png') no-repeat scroll -143px -8px;
        text-align: left;
        text-indent: -9999em;
        margin-right: 5px;
        width: 25px;
        height: 25px;
        background-position: -143px -8px !important;
        visibility: visible;
    }

    .sshIcon.sshLinkedIn:last-child {
        margin-right: 3px;
    }

    #breadcrumbs {
        width: 100%;
    }

    .RadSocialShare {
        margin: 0;
        padding: 5px 0 5px 0;
    }

    ul.sshContent,
    li.sshListItem {
        padding-left: 0 !important;
        margin-left: 0 !important;
    }
    g2704
    .RadSocialShare {
        margin: 0;
        padding: 5px 0 !important;
    }
    /* End Social media share buttons */

    

}

/* iPhone 5 and anything smaller than iPhone 6 */

@media screen and (max-width: 370px)
{
	.infoSmallImage, .infoSmallImage img
	{
		display: none;
	}

	div.divRight
	{
		width: 95%;
	}

	.homeInfo h3
	{
		font-size: 18px;
	}

	div.homeInfo.caseStudy.infoLargeFeature ul.caseStudyDetails > li
	{
		margin-top: 45px;
	}
	/*
    #VSHeadMenu ul.sectionNav.level1 > li {
    float: left;
    font-size: 16px;
    line-height: 17px;
    color: #444444;
    margin: 0;
    padding: 14px 4% 14px 4%;
}
*/

}

@media screen and (max-width: 340px)
{
	div.scrollerContainer > div
	{
		/*width:910px*/
		/*width: 848px;*/
		width: 766px;
	}
	
    div.scrollerContainer.mobScroll > div
	{
		width: 833px;
	}

    div.boxSize
	{
		width: calc(49% - 147px);
	}

	div.textFeatureBox.textBoxes
	{
		width: calc(45% - 154px);
	}

	.sf_cols.sf_cols.scrollerContainer.textScrollerContainer
	{
		height: 383px;
	}

	/*div.textFeatureBox.textBoxes {
        height: 362px;
    }*/

    div.textFeatureBox > div.innerContainer > div.footerSection > div.contentSection
	{
		width: 100%;
	}
	
    div.textFeatureBox > div.innerContainer > div.footerSection
	{
		height: 80px;
		display: flex;
	}
	
    div.boxSize > div.footerSection > div.contentSection
	{
		height: 274px;
	}
	
	.boxSize div.topSection
	{
		height: 132px;
	}
	
	div.textFeatureBox.textBoxes
	{
		height: 400px;
	}
	
	.sf_cols.sf_cols.scrollerContainer.textScrollerContainer
	{
		height: 435px;
	}

	ul li, p
	{
		overflow-wrap: normal;
	}
	/* Include WhatsApp share button for mobile deviceas */

	.sshLinkItem .sshShareOnWhatsApp
	{
		display: inline-block;
		background: transparent url('/Sitefinity/WebsiteTemplates/CAF/App_Themes/Default/images/icons-sprite.png') no-repeat scroll -143px -8px;
		text-align: left;
		text-indent: -9999em;
		margin-right: 5px;
		width: 25px;
		height: 25px;
		background-position: -143px -8px !important;
		visibility: visible;
	}

	.RadSocialShare
	{
		margin: 0;
		padding: 5px 0 5px 0;
	}

	.shareSocial
	{
		width: 100%;
		float: right;
	}

	ul.sshContent,
	li.sshListItem
	{
		padding-left: 0 !important;
		margin-left: 0 !important;
	}

	.RadSocialShare
	{
		margin: 0;
		padding: 5px 0 !important;
	}
}